/* 鍏ㄥ眬 */
.wrap{width:1200px;margin:0 auto;}
body,html{
font-family:Microsoft yahei,simsun,tohoma;
}
/* 椤堕儴瀵艰埅鏉� */
.topBar-bg{
position:static;
height:60px
}
.topBar-bg .topBar{
position: fixed;
top:0;left:0;
height:70px;width:100%;
background:#ac2929;
/* border-bottom:5px solid #12b7f5; */
z-index:100;
}
/* logo */
.topBar .main-logo{
float:left;
margin:0 20px 0 0;
width:200px;height:70px;
background:url(http://www.shanggukt.cn/images/logo.png) no-repeat;
}
/* 椤堕儴涓诲鑸� */
.topBar .main-nav{float:left;}
.topBar .main-nav .nav-li{
float:left;
padding: 0 15px 0 0;
height: 70px;
line-height:40px;
text-align:center;
}
.nav_point {
color: #acabab;
}
.topBar .main-nav .nav-li a{
position:relative;
display:block;
height:40px;
margin-top: 16px;
font-size:18px;
color:#ccc;
padding: 0 15px 0 0;
border-right: 1px solid #555;
}
.topBar .main-nav .nav-li.active a{
color:#12b7f5;
font-weight:bolder;
}
.topBar .main-nav .nav-li a:hover{
color:#12b7f5;
}
.topBar .main-nav .nav-li a .arrow{
display:none;
position:absolute;
bottom:0;left:25px;
width:11px;height:6px;
background:url(http://www.shanggukt.cn/images/top-arrow.png) no-repeat;
}
.topBar .main-nav .nav-li a:hover .arrow{
display:block;
}
.topBar .main-nav .nav-li a .main-arrow{
position: absolute;
top:38px;right:-4px;
width: 0;height: 0;
border: 4px dashed transparent;
border-top-style: solid;
border-top-color: #555;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
transform-origin: 50% 30% 0;
overflow: hidden;
}
.topBar .main-nav .nav-li a:hover .main-arrow{
border-top-color: #12b7f5;
transform: rotate(180deg);
-ms-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-o-transform: rotate(180deg);
}
.topBar .main-nav .nav-li a .title-icon{
position:absolute;
top:12px;right:0;
width:60px;height:14px;
line-height:14px;
background:#12b7f5;
text-align:center;
}
.topBar .main-nav .nav-li a .hui-icon{
position:absolute;
top:20px;right:-4px;
width:14px;height:14px;
background:url(http://www.shanggukt.cn/images/hui-icon.png) no-repeat;
}
.topBar .main-nav .nav-li .top-bar-gg{
margin: 14px 0 0 8px;
display:block;
width:109px;height:48px;
}
.topBar .main-nav .nav-li .top-bar-gg img{
display:block;
width:100%;height:100%;
}
.topBar .main-nav .li-other{
/*width:100px;*/
}
.topBar .main-nav .li-other .title-icon{
position:absolute;
top:12px;right:0px;
width:60px;height:14px;
line-height:14px;
background:#12b7f5;
font-size:12px;color:#fff;
font-weight:400;
text-align:center;
}
/* 娓告垙瀵艰埅寮圭獥 */
.sub-nav-ibox{
display:none;
position:absolute;
bottom:-36px;left:50%;
margin-left:-500em;
padding:6px 0;
width:1000em;
background:#12b7f5;
}
.sub-nav-ibox li{
float:left;
margin-right:6px;
height:24px;line-height:24px;
}
.topBar .main-nav .bb-nav-ibox .first{margin-left:336px;}
.topBar .main-nav .sub-nav-ibox li a{
display:block;
padding:0 10px;
height:22px;
border:1px solid #12b7f5;
border-radius:12px;
font-size:12px;color:#fff;
font-weight:400;
}
.topBar .main-nav .sub-nav-ibox li a:hover{
border:1px solid #fff;
color:#fff;
}
.topBar .main-nav .nav-li-hover .sub-nav-ibox{
display:block;
}
/* 鎼滅储 */
.topBar .search-panel{
position:relative;
float:left;
padding-right:26px;
margin:29px 2px 0 0;
width:120px;height:23px;
background:#fff;
border:1px solid #e5e8ee;
-webkit-transition: width .4s;
-moz-transition: width .4s;
transition: width .4s;
}
.topBar .search-focus,
.topBar .search-focus input{width:145px;}
.topBar .search-panel.search-focus .input{ width: 141px; }
.topBar .search-panel label{
position:absolute;
top:0px;left:6px;
height:25px;
max-width:118px;
overflow: hidden;
line-height:25px;
font-size:12px;
color:#a5a7aa;
white-space: nowrap;
}
.topBar .search-panel .input{
position:relative;
padding-left:6px;
width:118px;
height:23px;
line-height:23px\9;
width:140px\9;
border:none;
background:none;
box-shadow:none;
color:#555;
font-family:Microsoft yahei,simsun,tohoma;
z-index:2;
}
.topBar .search-panel .input:focus{
border:none !important;
}
.topBar .search-panel .searchBtn{
position:absolute;
right:5px;top:3px;
width:15px;height:16px;
background:url(http://www.shanggukt.cn/images/top-seach-icon.png) no-repeat;
cursor:pointer;
z-index:2;
}
/* 瀵艰埅鍙宠竟鍖哄煙 */
.topBar .top-fun{
float:left;
margin-right:-9px;
}
.topBar .top-fun .on-logo{display:none;}
.topBar .main-info{
float:left;
margin-right:12px;
}
.topBar .main-info .info-li{
position:relative;
float:left;
margin-right:12px;
width:54px;height:60px
}
.topBar .main-info .info-a{
position:relative;
display:block;
height:100%;
line-height:60px
font-size:12px;color:#555;
text-align:center;
}
.topBar .main-info .info-a .arrow{
position:absolute;
top:38px;right:0;
width:0;height:0;
border:4px dashed transparent;
border-top-style:solid;
border-top-color:#555;
-moz-transition:all 0.3s ease-in-out;
-webkit-transition:all 0.3s ease-in-out;
-o-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
transform-origin:50% 30% 0;
overflow:hidden;
}
.topBar .main-info .info-a .im-new-title{
position:absolute;
bottom:-10px;right:4px;
width:126px;height:34px;
background:url(http://www.shanggukt.cn/images/new-title.png) no-repeat;
z-index:1;
}
.topBar .main-info .info-a:hover{color:#12b7f5;}
.topBar .main-info .info-a:hover .arrow{
border-top-color:#12b7f5;
transform:rotate(180deg);
-ms-transform:rotate(180deg);
-moz-transform:rotate(180deg);
-webkit-transform:rotate(180deg);
-o-transform:rotate(180deg);
}
.topBar .main-down{margin-right:6px;}
.topBar .loginOn .no-logo{display:none;}
.topBar .loginOn .on-logo{display:block;}
/* 瀵艰埅鏉″脊绐� */
.iboxTopBar{
display:none;
position:absolute;
top:0;left:0;
-webkit-transition:all cubic-bezier(.22,.58,.12,.98) .2s;
-moz-transition:all cubic-bezier(.22,.58,.12,.98) .2s;
transition:all cubic-bezier(.22,.58,.12,.98) .2s;
-webkit-transform-origin:80% 0;
-moz-transform-origin:80% 0;
-ms-transform-origin:80% 0;
transform-origin:80% 0;
-webkit-animation:scale-in-ease cubic-bezier(.22,.58,.12,.98) .5s;
-moz-animation:scale-in-ease cubic-bezier(.22,.58,.12,.98) .5s;
animation:scale-in-ease cubic-bezier(.22,.58,.12,.98) .5s;
z-index:10;
}
.iboxTopBar .dropcon{
background:#fff;
width:100%;height:100%;
}
@-webkit-keyframes scale-in-ease{
0%{
opacity:0;
-webkit-transform:scale(0);
-moz-transform:scale(0);
transform:scale(0);
}
50%{
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
transform:scale(1.1);
}
100%{
opacity:1;
-webkit-transform:scale(1) perspective(1200px);
-moz-transform:scale(1) perspective(1200px);
transform:scale(1) perspective(1200px);
}
}
@keyframes scale-in-ease{
0%{
opacity:0;
-webkit-transform:scale(0);
-moz-transform:scale(0);
transform:scale(0);
}
50%{
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
transform:scale(1.1);
}
100%{
opacity:1;
-webkit-transform:scale(1) perspective(1200px);
-moz-transform:scale(1) perspective(1200px);
transform:scale(1) perspective(1200px);
}
}
.topBar .main-info .info-li .out{
-webkit-animation:scale-out cubic-bezier(.22,.58,.12,.98) .4s;
-moz-animation:scale-out cubic-bezier(.22,.58,.12,.98) .4s;
animation:scale-out cubic-bezier(.22,.58,.12,.98) .4s;
}
/* 甯愬彿寮圭獥 */
.account-panel{
width:324px;
margin-left:-162px;
left:50%;top:80px;
}
.account-panel .close{
position:absolute;
top:10px;right:10px;
font-size:12px;color:#a5a7aa;
}
.account-panel .close:hover{color:#12b7f5;}
.account-panel .top-area{
padding:20px 20px 0;
margin-bottom:8px;
}
.account-panel .top-area .img-box{
float:left;
margin-right:13px;
width:64px;height:64px;
}
.account-panel .top-area .img-box img{
display:block;
width:100%;height:100%;
border-radius:100%;
}
.account-panel .top-area .top-right-area{
float:left;
width:207px;
}
.account-panel .top-area .top-right-area .name-area{
font-size:0;
margin:0 0 6px;
}
.account-panel .top-area .top-right-area .name{
font-size:14px;color:#555;
margin-right:2px;
max-width:166px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
.account-panel .wealth-area .money{
float:left;
margin-bottom:5px;
font-size:0;
}
.account-panel .wealth-area .money .num{
margin-left:6px;
font-size:12px;color:#b1b1bf;
max-width:72px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
cursor:default;
}
.account-panel .mid-area{
padding:0 20px;
}
.account-panel .mid-area .mid-area-hd{
margin-top:4px;
height:36px;line-height:36px;
font-size:14px;color:#555;
}
.account-panel .mid-area .mid-area-bd{
position:relative;
padding-bottom:16px;
border-bottom:1px solid #f3f3f3;
}
.account-panel .mid-area .mid-area-bd .skill-bar{
position:relative;
width:232px;height:14px;
border:1px solid #e0e4e5;
background:#fff;
overflow:hidden;
}
.account-panel .mid-area .mid-area-bd .skill-bar .bar{
position:absolute;
top:0;left:0;
width:auto;height:14px;
background:#e0e4e5;
-webkit-transition:width 0.3s ease-in-out;
-moz-transition:width 0.3s ease-in-out;
-ms-transition:width 0.3s ease-in-out;
-o-transition:width 0.3s ease-in-out;
transition:width 0.3s ease-in-out;
}
.account-panel .mid-area .mid-area-bd .skill-bar .num{
position:absolute;
top:0;left:0;
width:232px;height:14px;
line-height:14px;
font-size:12px;color:#777;
text-align:center;
}
.account-panel .mid-area .skill-bottom{
position:relative;
margin-right:-14px;
*zoom:1;
}
.account-panel .mid-area .skill-bottom li{
float:left;
margin-right:14px;
width:40px;height:40px;
filter:grayscale(100%);
-webkit-filter:grayscale(100%);
-moz-filter:grayscale(100%);
-ms-filter:grayscale(100%);
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
-webkit-filter:grayscale(1);
}
.account-panel .mid-area .skill-bottom li a,
.account-panel .mid-area .skill-bottom li img{
display:block;
width:100%;height:100%;
}
.account-panel .mid-area .skill-bottom .active{
filter:grayscale(0);
-webkit-filter:grayscale(0);
-moz-filter:grayscale(0);
-ms-filter:grayscale(0);
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=0);
-webkit-filter:grayscale(0);
}
.account-panel .mid-area .mid-area-bd .skill-hover-ibox{
display:none;
position:absolute;
top:-136px;left:-140px;
padding:15px 15px 0;
width:290px;height:112px;
border:1px solid #e0e4e5;
background:#fff;
}
.account-panel .mid-area .mid-area-bd .skill-hover-ibox .arrow{
position:absolute;
bottom:-7px;left:50%;
margin-left:-5px;
width:11px;height:7px;
background:url(http://www.shanggukt.cn/images/arrow-6.png) no-repeat;
}
.account-panel .mid-area .mid-area-bd .skill-hover-ibox .title{
position:absolute;
top:15px;right:15px;
font-size:12px;color:#cb1b45;
height:14px;line-height:14px;
cursor:default;
}
.account-panel .mid-area .mid-area-bd .skill-hover-ibox .skill-ibox-top{
margin-bottom:7px;
height:60px;
}
.account-panel .mid-area .mid-area-bd .skill-hover-ibox .skill-ibox-top .skill-left{
float:left;
margin-right:16px;
width:60px;height:60px;
}
.account-panel .mid-area .mid-area-bd .skill-hover-ibox .skill-ibox-top img{
display:block;
width:100%;height:100%;
}
.account-panel .mid-area .mid-area-bd .skill-hover-ibox .skill-ibox-top .skill-right{
float:left;
line-height:14px;
font-size:12px;color:#a5a7aa;
}
.account-panel .mid-area .mid-area-bd .skill-hover-ibox .skill-ibox-top .name{
height:16px;line-height:16px;
color:#555;
font-size:14px;
font-weight:700;
}
.account-panel .mid-area .mid-area-bd .skill-hover-ibox .skill-ibox-top .jies{
margin-top:8px;
}
.account-panel .mid-area .mid-area-bd .skill-hover-ibox .skill-ibox-bottom{
line-height:20px;
font-size:12px;color:#555;
}
.account-panel .mid-area .mid-all-hd .title{
font-size:0;color:#a5a7aa;
margin-left:7px;
vertical-align:5px;
}
.account-panel .mid-area .mid-all-hd .title span{
margin-right:5px;
font-size:12px;
}
.account-panel .mid-area .mid-all-hd .title .qu-icon{
width:12px;height:12px;
background:url(http://www.shanggukt.cn/images/qu-icon.png) no-repeat;
}
.account-panel .mid-area .mid-all-hd .title:hover{
color:#12b7f5;
}
.account-panel .mid-area .mid-all-bd{
border-bottom:none;
}
.account-panel .mid-area .mid-all-bd .all-level{
float:left;
margin:0;
}
.account-panel .mid-area .mid-all-bd .all-level-bar{
position:relative;
float:left;
margin:0 10px;
width:174px;height:14px;
border:1px solid #e0e4e5;
background:#fff;
}
.account-panel .mid-area .mid-all-bd .all-level-bar .bar{
position:absolute;
top:0;left:0;
width:auto;height:14px;
background:#e0e4e5;
-webkit-transition:width 0.3s ease-in-out;
-moz-transition:width 0.3s ease-in-out;
-ms-transition:width 0.3s ease-in-out;
-o-transition:width 0.3s ease-in-out;
transition:width 0.3s ease-in-out;
}
.account-panel .bottom-area{
padding-left:43px;
height:60px
background:#f7f7f9;
}
.account-panel .bottom-area li{
float:left;
margin-right:20px;
width:66px;height:60px
}
.account-panel .bottom-area li a{
position:relative;
display:block;
padding-top:15px;
height:65px;
font-size:12px;color:#a5a7aa;
text-align:center;
}
.account-panel .bottom-area li p{
height:34px;line-height:34px;
}
.account-panel .bottom-area .info-icon{
display:inline-block;
*display:inline;*zoom:1;
width:26px;height:26px;
background:url(http://www.shanggukt.cn/images/top-icon.png) no-repeat;
}
.account-panel .bottom-area .grzx-icon{
background-position:0 0;
}
.account-panel .bottom-area .zbj-icon{
background-position:-26px 0;
}
.account-panel .bottom-area .sp-icon{
background-position:-52px 0;
}
.account-panel .bottom-area .sx-icon{
background-position:-78px 0;
}
.account-panel .bottom-area li a:hover{color:#12b7f5;}
.account-panel .bottom-area a:hover .grzx-icon{
background-position:0 -26px;
}
.account-panel .bottom-area a:hover .zbj-icon{
background-position:-26px -26px;
}
.account-panel .bottom-area a:hover .sp-icon{
background-position:-52px -26px;
}
.account-panel .bottom-area a:hover .sx-icon{
background-position:-78px -26px;
}
.topBar .info-a .orange,
.account-panel .bottom-area li .orange{
position:absolute;
top:15px;left:40px;
width:6px;height:6px;
background:#eb7a77;
border:1px solid #fff;
border-radius:100%;
text-align:center;
}
.topBar .info-a .orange{ top: 28px; left: 38px; }
.account-panel .bottom-area li .im-new-icon{
position:absolute;
top:12px;left:40px;
width:20px;height:12px;
background:url(http://www.shanggukt.cn/images/new-icon.png) no-repeat;
z-index:1;
}
.account-panel .bottom-area .room{display:none;}
.anchor-account .bottom-area .room{display:block;}
.anchor-account .bottom-area{
padding-left:10px;
}
.anchor-account .bottom-area li{
margin-right:8px;
width:70px;
}
/* 涓嬭浇寮圭獥 */
.download-panel{
top:80px;left:50%;
margin-left:-50px;
width:100px;
}
.download-panel .dropcon{
padding:8px 0;
}
.download-panel .dropcon-li{
height:35px;line-height:35px;
}
.download-panel .dropcon-li a{
display:block;
padding:0 14px;
font-size:12px;color:#777;
}
.download-panel .dropcon-li p{
border-bottom:1px solid #f3f3f3;
}
.download-panel .last p{
border-bottom:none;
}
.download-panel .dropcon-li a:hover{
background:#f3f3f3;
}
/* 璁㈤槄寮圭獥 */
.subscribe-panel{
width:380px;height:356px;
top:80px;left:50%;
margin-left:-190px;
overflow:hidden;
}
.subscribe-panel .att_loading {
position:relative;
height:26px;
line-height:26px;
font-size:14px;
color:#383838;
text-align:center;
cursor:default;
z-index:8;
}
.subscribe-panel .small-no-subscription-list{
line-height: 0;
padding:76px 0 95px;
text-align:center;
}
.subscribe-panel .small-no-subscription-list .no-guanzhu{
width:91px;height:114px;
background:url(http://www.shanggukt.cn/images/no-dingyue.png) no-repeat;
}
.subscribe-panel .small-no-subscription-list p{
height:72px;line-height:72px;
font-size:14px;color:#a5a7aa;
cursor:default;
}
.subscribe-panel .flow{
height:356px;
overflow-y:auto;
overflow-x:hidden;
}
.subscribe-panel .attention-list .att_jz{
-webkit-animation:scale-margin ease-in-out .5s forwards;
-moz-animation:scale-margin ease-in-out .5s forwards;
animation:scale-margin ease-in-out .5s forwards;
}
@-webkit-keyframes scale-margin{
from{
opacity:0;
margin-left:40px;
}
to{
opacity:1;
margin-left:0;
}
}
@keyframes scale-margin{
from{
opacity:0;
margin-left:40px;
}
to{
opacity:1;
margin-left:0;
}
}
.subscribe-panel .attention-list li{
margin-left:0;
height:89px;width:380px;
overflow:hidden;*zoom:1;
}
.subscribe-panel .attention-list li a{
display:block;
padding:0 15px;
height:100%;
border:0;
}
.subscribe-panel .attention-list li a:hover{
background:#f3f3f3;
}
.subscribe-panel .attention-list .avatar{
float:left;
width:48px;height:48px;
overflow:hidden;
border-radius:100%;
margin-top:25px;
}
.subscribe-panel .attention-list .avatar img{
display:block;
width:100%;height:100%;
border-radius:100%;
}
.subscribe-panel .attention-list .info-area{
float:left;
margin:25px 0 0 20px;
width:272px;height:63px;
border-bottom:1px solid #f3f3f3;
text-align:left;
}
.subscribe-panel .attention-list .last .info-area{
border-bottom:none;
}
.subscribe-panel .attention-list .info-area .title-area{
height:22px;
line-height:22px;
font-size:14px;color:#555;
}
.subscribe-panel .attention-list .line-on .info-area .title-area .play-icon{
float:left;
margin-top:5px;
width:17px;height:14px;
margin-right:5px;
background:url(http://www.shanggukt.cn/images/list-live.png) no-repeat;
}
.subscribe-panel .attention-list .info-area .title-area span{
float:left;
max-width:240px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
.subscribe-panel .attention-list .line-on .info-area .title-area span{max-width:225px;}
.subscribe-panel .attention-list .info-area .title-area .guardian-icon{
display:inline-block;
*display:inline;
*zoom:1;
}
.subscribe-panel .attention-list .info-area .other-info{
height:30px;
line-height:30px;
font-size:0;
}
.subscribe-panel .attention-list .info-area .other-info .nickname{
margin-right:16px;
font-size:12px;
max-width:100px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
color:#a5a7aa;
}
.subscribe-panel .attention-list .info-area .other-info .online{
width:72px;
font-size:12px;
color:#a5a7aa;
overflow:hidden;
}
.subscribe-panel .attention-list .info-area .other-info .online-icon{
display:inline-block;*display:inline;*zoom:1;
vertical-align: middle;
width:14px; height:12px;
background:url(http://www.shanggukt.cn/images/top-nav-icon.png) -33px -18px no-repeat;
}
.subscribe-panel .attention-list .info-area .other-info .game-name{
float:right;
width:80px;
font-size:12px;
color:#a5a7aa;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
text-align: right;
}
/* 寮圭獥鎮仠 */
.topBar .nav-hover .account-panel,
.topBar .nav-hover .download-panel,
.topBar .nav-hover .subscribe-panel{display:block;}
.topBar .nav-hover .subscribe-panel .attention-list{
margin-left:0;
}
@-webkit-keyframes scale-out{
from{
opacity:1;
-webkit-transform:scale(1);
-moz-transform:scale(1);
transform:scale(1);
}
to{
opacity:0;
-webkit-transform:scale(.8);
-moz-transform:scale(.8);
transform:scale(.8);
}
}
@keyframes scale-out{
from{
opacity:1;
-webkit-transform:scale(1);
-moz-transform:scale(1);
transform:scale(1);
}
to{
opacity:0;
-webkit-transform:scale(.8);
-moz-transform:scale(.8);
transform:scale(.8);
}
}
/* 搴曢儴鍖哄煙 */
.footArea{
padding-top:28px;
border-top:1px solid #dfdfdf;
background:#f0f0f0;
padding-bottom:0;
left: 0;
bottom: 0;
width: 100%;
}
.footArea .top-area{
padding-bottom:29px;
border-bottom:1px solid #e4e4e4;
}
.footArea .code-1{
float:left;
margin-right:96px;
width:125px;
}
.footArea .code-2{
float:left;
margin-right:120px;
width:125px;
}
.footArea .code-1 .name,
.footArea .code-2 .name{
height:36px;
line-height:36px;
font-size:14px;color:#999;
font-weight:700;
text-align:center;
}
.footArea .code-1 .img-box,
.footArea .code-2 .img-box{
height:125px;
background:#fff;
}
.footArea .code-1 img,
.footArea .code-2 img{
display:block;
width:100%;height:100%;
}
.footArea .ul{
float:left;
width:80px;
margin-right:138px;
}
.footArea .ul li{
margin-bottom:10px;
height:22px;line-height:22px;
font-size:12px;color:#5f5f5f;
text-align:center;
}
.footArea .ul .name{
margin-bottom:0;
height:36px;line-height:36px;
font-size:14px;color:#999;
font-weight:700;
}
.footArea .f-link{
margin-top:6px;
height:58px;line-height:58px;
}
.footArea .f-link span{
float:left;
margin-right:24px;
line-height:58px;
width:68px;
}
.footArea .f-link .gallery{
position:relative;
float:left;
height:100%;
}
.footArea .f-link .gallery .pre,
.footArea .f-link .gallery .next{
position:absolute;
top:25px;
width:6px;height:10px;
background:url(http://www.shanggukt.cn/images/link-arrow.png) no-repeat;
}
.footArea .f-link .gallery .pre{
left:-10px;
background-position:0 0;
}
.footArea .f-link .gallery .next{
right:-10px;
background-position:-6px 0;
}
.footArea .f-link .gallery .pre:active,
.footArea .f-link .gallery .next:active{
top:26px;
}
.footArea .f-link .gallery .gallery-ul{
width:1080px;
height:100%;
overflow:hidden;
}
.footArea .f-link .gallery .gallery-ul ul{
width:99999em;
}
.footArea .f-link .gallery .gallery-ul li{
float:left;
width:90px;
text-align:center;
}
.footArea .f-link .gallery .gallery-ul a{
display:block;
height:100%;
color:#999;
}
.footArea .f-link .gallery .gallery-ul a:hover{
color:#12b7f5;
}
.footArea .footArea-info{
padding:20px 0;
background:#ac2929;
line-height:22px;
font-size:12px;color:#5d5d5d;
text-align:center;
}
.footArea .footArea-info .textC{margin-top:16px;}
.footArea .footArea-info .textC img{
display:inline-block;
height:63px;
}
.footArea .footArea-info a{
color:#ccc;
}
.footArea .footArea-info a:hover{color:#12b7f5}
/* 鍏ㄥ眬icon */
.site-v-icon,.authenticate-icon{
display:inline-block;
*display:inline;*zoom:1;
vertical-align:middle;
width:16px;height:16px;
background:url(http://www.shanggukt.cn/images/vip-icon.png) no-repeat;
}
.sex-man,
.sex-woman{
display:inline-block;
*display:inline;*zoom:1;
vertical-align:middle;
margin-right:5px;
width:12px;height:12px;
background:url(http://www.shanggukt.cn/images/sex-icon.png) no-repeat;
}
.sex-woman{
background-position:-12px 0;
}
/* 涓绘挱绛夌骇 */
.anchor-grade{
display:inline-block;
*display:inline;*zoom:1;
vertical-align:middle;
width:46px;height:20px;
background:url(http://www.shanggukt.cn/images/anchor-grade-new-1.png) no-repeat;
}
.anchor-grade-0{background-position:0 0;}
.anchor-grade-1{background-position:0 -20px;}
.anchor-grade-2{background-position:0 -40px;}
.anchor-grade-3{background-position:0 -60px;}
.anchor-grade-4{background-position:0 -80px;}
.anchor-grade-5{background-position:0 -100px;}
.anchor-grade-6{background-position:0 -120px;}
.anchor-grade-7{background-position:0 -140px;}
.anchor-grade-8{background-position:0 -160px;}
.anchor-grade-9{background-position:0 -180px;}
.anchor-grade-10{background-position:0 -200px;}
.anchor-grade-11{background-position:0 -220px;}
.anchor-grade-12{background-position:0 -240px;}
.anchor-grade-13{background-position:0 -260px;}
.anchor-grade-14{background-position:0 -280px;}
.anchor-grade-15{background-position:0 -300px;}
.anchor-grade-16{background-position:0 -320px;}
.anchor-grade-17{background-position:0 -340px;}
.anchor-grade-18{background-position:0 -360px;}
.anchor-grade-19{background-position:0 -380px;}
.anchor-grade-20{background-position:0 -400px;}
.anchor-grade-21{background-position:0 -420px;}
.anchor-grade-22{background-position:0 -440px;}
.anchor-grade-23{background-position:0 -460px;}
.anchor-grade-24{background-position:0 -480px;}
.anchor-grade-25{background-position:0 -500px;}
.anchor-grade-26{background-position:0 -520px;}
.anchor-grade-27{background-position:0 -540px;}
.anchor-grade-28{background-position:0 -560px;}
.anchor-grade-29{background-position:0 -580px;}
.anchor-grade-30{background-position:0 -600px;}
.anchor-grade-31{background-position:0 -620px;}
.anchor-grade-32{background-position:0 -640px;}
.anchor-grade-33{background-position:0 -660px;}
.anchor-grade-34{background-position:0 -680px;}
.anchor-grade-35{background-position:0 -700px;}
.anchor-grade-36{background-position:0 -720px;}
.anchor-grade-37{background-position:0 -740px;}
.anchor-grade-38{background-position:0 -760px;}
.anchor-grade-39{background-position:0 -780px;}
.anchor-grade-40{background-position:0 -800px;}
/* 鍏ㄧ珯绛夌骇 */
.all-level{
display:inline-block;
*display:inline;*zoom:1;
vertical-align:middle;
width:44px;height:16px;
background:url(http://www.shanggukt.cn/images/new-level-icon.png) no-repeat;
}
.all-level-0{background-position:0 0;}
.all-level-1{background-position:0 -16px;}
.all-level-2{background-position:0 -32px;}
.all-level-3{background-position:0 -48px;}
.all-level-4{background-position:0 -64px;}
.all-level-5{background-position:0 -80px;}
.all-level-6{background-position:0 -96px;}
.all-level-7{background-position:0 -112px;}
.all-level-8{background-position:0 -128px;}
.all-level-9{background-position:0 -144px;}
.all-level-10{background-position:0 -160px;}
.all-level-11{background-position:0 -176px;}
.all-level-12{background-position:0 -192px;}
.all-level-13{background-position:0 -208px;}
.all-level-14{background-position:0 -224px;}
.all-level-15{background-position:0 -240px;}
.all-level-16{background-position:0 -256px;}
.all-level-17{background-position:0 -272px;}
.all-level-18{background-position:0 -288px;}
.all-level-19{background-position:0 -304px;}
.all-level-20{background-position:0 -320px;}
.all-level-21{background-position:0 -336px;}
.all-level-22{background-position:0 -352px;}
.all-level-23{background-position:0 -368px;}
.all-level-24{background-position:0 -384px;}
.all-level-25{background-position:0 -400px;}
.all-level-26{background-position:0 -416px;}
.all-level-27{background-position:0 -432px;}
.all-level-28{background-position:0 -448px;}
.all-level-29{background-position:0 -464px;}
.all-level-30{background-position:0 -480px;}
.all-level-31{background-position:0 -496px;}
.all-level-32{background-position:0 -512px;}
.all-level-33{background-position:0 -528px;}
.all-level-34{background-position:0 -544px;}
.all-level-35{background-position:0 -560px;}
.all-level-36,.all-level-god{background-position:0 -576px;}
.all-level-37,.all-level-creator{background-position:0 -592px;}
/* 绮変笣绛夌骇 */
.fans-grade{
display:inline-block;
*display:inline;*zoom:1;
vertical-align:middle;
margin-right:5px;
width:42px;height:16px;
line-height:16px;
background:url(http://www.shanggukt.cn/images/fans-grade-icon.gif) no-repeat;
word-break:initial;
}
.fans-grade-1{background-position:0 0;}
.fans-grade-2{background-position:0 -16px;}
.fans-grade-3{background-position:0 -32px;}
.fans-grade-4{background-position:0 -48px;}
.fans-grade-5{background-position:0 -64px;}
.fans-grade-6{background-position:0 -80px;}
.fans-grade-7{background-position:0 -96px;}
.fans-grade-8{background-position:0 -112px;}
.fans-grade-9{background-position:0 -128px;}
.fans-grade-10{background-position:0 -144px;}
.fans-grade-11{background-position:0 -160px;}
.fans-grade-12{background-position:0 -176px;}
.fans-grade-13{background-position:0 -192px;}
.fans-grade-14{background-position:0 -208px;}
.fans-grade-15{background-position:0 -224px;}
.fans-grade-16{background-position:0 -240px;}
.fans-grade-17{background-position:0 -256px;}
.fans-grade-18{background-position:0 -272px;}
.fans-grade-19{background-position:0 -288px;}
.fans-grade-20{background-position:0 -304px;}
.fans-grade-21{background-position:0 -320px;}
.fans-grade-22{background-position:0 -336px;}
.fans-grade-23{background-position:0 -352px;}
.fans-grade-24{background-position:0 -368px;}
.fans-grade-25{background-position:0 -384px;}
.fans-grade-26{background-position:0 -400px;}
.fans-grade-27{background-position:0 -416px;}
.fans-grade-28{background-position:0 -432px;}
.fans-grade-29{background-position:0 -448px;}
.fans-grade-30{background-position:0 -464px;}
.fans-grade span{
float:left;
display:block;
width:33px;font-size:12px;
text-align:center;
}
.fans-grade-1 span,
.fans-grade-2 span,
.fans-grade-3 span{color:#0a9639;}
.fans-grade-4 span,
.fans-grade-5 span,
.fans-grade-6 span,
.fans-grade-7 span,
.fans-grade-8 span,
.fans-grade-9 span,
.fans-grade-10 span{color:#027cc9;}
.fans-grade-11 span,
.fans-grade-12 span,
.fans-grade-13 span,
.fans-grade-14 span,
.fans-grade-15 span{color:#1d43bc;}
.fans-grade-16 span,
.fans-grade-17 span,
.fans-grade-18 span{color:#7b13c3;}
.fans-grade-19 span,
.fans-grade-20 span,
.fans-grade-21 span{color:#dd4314;}
.fans-grade-22 span,
.fans-grade-23 span,
.fans-grade-24 span{color:#fff;}
.fans-grade-25 span,
.fans-grade-26 span,
.fans-grade-27 span{color:#ffe8e8;}
.fans-grade-28 span,
.fans-grade-29 span,
.fans-grade-30 span{color:#ffecec;}
/* 鎴块棿绛夌骇 */
.room-gm,.super-gm,.anchor-gm{
width:16px;height:16px;
margin-right:5px;
background:url(http://www.shanggukt.cn/images/room-icon.gif) no-repeat;
display:inline-block;
vertical-align:middle;
}
.super-gm{background-position:0 0;}
.room-gm{background-position:-16px 0;}
.anchor-gm{background-position:-32px 0;}
/* 瀹堟姢绛夌骇 */
.guardian-icon{
display:inline-block;
*display:inline;
*zoom:1;
width:20px;height:20px;
background:url(http://www.shanggukt.cn/images/guard-icon.png) no-repeat;
}
.guardian-1{
background-position:0 0;
}
.guardian-8{
background-position:-20px 0;
}
.guardian-2{
background-position:-40px 0;
}
.guardian-3{
background-position:-60px 0;
}
.guardian-4{
background-position:-80px 0;
}
.guardian-5{
background-position:-100px 0;
}
.guardian-6{
background-position:-120px 0;
}
.guardian-7{
background-position:-140px 0;
}
/* 瀹堟姢澶х瓑绾� */
.big-guardian-icon{
display:inline-block;
*display:inline;
*zoom:1;
width:70px;height:70px;
background:url(http://www.shanggukt.cn/images/big-guard-icon.png) no-repeat;
}
.big-guardian-1{
background-position:0 0;
}
.big-guardian-8{
background-position:-70px 0;
}
.big-guardian-2{
background-position:-140px 0;
}
.big-guardian-3{
background-position:-210px 0;
}
.big-guardian-4{
background-position:-280px 0;
}
.big-guardian-5{
background-position:-350px 0;
}
.big-guardian-6{
background-position:-420px 0;
}
.big-guardian-7{
background-position:-490px 0;
}
/* 鐢ㄦ埛绛夌骇 */
.user-grade{
padding:0;
height:16px;line-height:16px;
width:35px;
background:#a7cddb;
font-size:12px;color:#fff;
font-family:simsun;
border-radius:2px;
text-align:center;
}
.user-grade span{margin-left:2px;}
.mobile-app-icon{
display:inline-block;
*display:inline;*zoom:1;
vertical-align:middle;
margin-right:5px;
width:11px;height:16px;
background:url(http://www.shanggukt.cn/images/phone-icon.png) no-repeat;
}
.gold-icon,.silver-icon,.coin-icon,.zd-icon,.bullet-icon{
display:inline-block;
*display:inline;*zoom:1;
vertical-align:middle;
width:20px;height:18px;
background:url(http://www.shanggukt.cn/images/money-icon.png) no-repeat;
}
.zd-icon,.bullet-icon{
background-position:-40px 0;
}
.silver-icon,.coin-icon{
background-position:-20px 0;
}
.jy-icon,.pz-icon{
display:inline-block;
*display:inline;*zoom:1;
vertical-align:middle;
width:18px;height:16px;
background:url(http://www.shanggukt.cn/images/renwu-icon.png) no-repeat;
}
.pz-icon{
background-position:0 -16px;
}
.eyes-icon{
display:inline-block;
*display:inline;*zoom:1;
vertical-align:middle;
width:18px;height:12px;
background:url(http://www.shanggukt.cn/images/eyes-icon.png) no-repeat;
}
/* 鍩虹鎻愮ず妗� */
.notice,.notice-error{
position: absolute;
padding:0 10px;
height:40px;
line-height:40px;
font-size:0;
background:#f6fef3;
font-family:Microsoft yahei,simsun;
color:#2ba800;
border: 1px solid #77e751;
z-index:10000;
text-align:center;
cursor: pointer;
}
.notice-error{
background:#fdeee6;
color:#f14400;
border:1px solid #ffb47d;
}
.notice i,.notice-error i{
display:inline-block;
*display:inline;
*zoom:1;
vertical-align:middle;
margin-right:10px;
width:24px;height:24px;
background:url(http://www.shanggukt.cn/images/notice-icon.png) no-repeat;
}
.notice span,.notice-error span{
font-size:14px;
height:40px;
cursor: pointer;
display:inline-block;
*display:inline;
*zoom:1;
vertical-align:middle;
}
.notice i{background-position:-24px 0;}
.notice-error i{background-position:0 0;}
/* 鍔燰寮圭獥 */
.site-v-panel{
position: absolute;
top:0; left:0;
width: 207px; height: 100px;
background: url(http://www.shanggukt.cn/images/site-v-panel-bg.png) no-repeat;
z-index: 110;
}
.site-v-panel .img-box{
float: left;
margin: 34px 0 0 11px;
width: 54px; height: 54px;
border-radius: 100%;
}
.site-v-panel .img-box img{
width: 100%; height: 100%;
border-radius: 100%;
}
.site-v-panel .v-info{
float: left;
width: 130px; height: 60px;
margin:28px 0 0 5px;
color: #a5a7aa;
line-height:20px;
font-size:12px;
word-break: break-all;
overflow: hidden;
}
.site-v-panel .v-info .v-nickname{
display:inline-block;*display:inline;*zoom:1;
max-width:100px;
*width:100px;
font-size: 12px; font-weight: 700;
color:#555;
vertical-align:middle;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
.site-v-panel .v-info .v-desc{ display:block; }
/* 榛樿寮圭獥 */
.iboxMsg{
display: block;
position:fixed;
top:0;left:0;
background:#fff;
z-index:2500;
/* border: 1px solid #e2e1e6;*/
box-shadow: 0 0 5px rgba(0,0,0,.13);
}
.iboxMsg .popover-title{
display:block;
padding-left:14px;
height:44px;line-height:44px;
background:#12b7f5;
font-size:14px;
color:#fff;
font-weight:700;
}
.iboxMsg .close{
position:absolute;
right:10px;top:14px;
width:16px;height:16px;
background: url(http://www.shanggukt.cn/images/ibox-close.png) no-repeat;
}
.iboxMsg .close:hover{
background-position:-16px 0;
}
.iboxMsg .popover-content{
padding:20px 14px;
line-height:22px;
font-size:12px;
white-space:normal;
text-align:center;
border-left: 1px solid #e2e1e6;
border-right: 1px solid #e2e1e6;
}
.iboxMsg .popover-content .ibox-msg{color:#777;}
.iboxMsg .ibox-ft {
padding:10px 0;
margin-bottom:0px;
text-align:center;
border: 1px solid #e2e1e6;
border-top: 0;
}
.iboxMsg .ibox-ft .btn{
padding:0 36px;
margin:0 10px;
height:32px;
line-height:32px;
font-size:12px;
color:#fff;
background:#12b7f5;
text-align:center;
}
.iboxMsg .ibox-ft .btn:hover{
background:#00acec;
}
.iboxMsg .ibox-ft .disable{background:#a5a7aa !important;}
.iboxMsg .ibox-ft .disable:hover{
background:#999 !important;
}
/* 閫€鍑烘彁绀� */
.exit-ibox{
top:50%;left:50%;
width:342px;
margin-left:-171px;
margin-top:-80px;
}
/* 甯愬彿瀹夊叏 */
.accounts-safe-ibox{
top:50%;left:50%;
width:342px;
margin-left:-171px;
margin-top:-116px;
}
.accounts-safe-ibox .popover-content{
padding:0 20px 10px;
}
.accounts-safe-ibox .popover-content .title{
height:50px;
line-height:50px;
font-weight:700;
}
.accounts-safe-ibox .popover-content .title .color-red{
color:#cb1a44;
}
.accounts-safe-ibox .popover-content .row{
margin-bottom:5px;
height:32px;
font-size:12px;color:#777;
overflow:hidden;
}
.accounts-safe-ibox .popover-content .row-left{
float:left;
width:50px;height:32px;
line-height:32px;
}
.accounts-safe-ibox .popover-content .row-right{
float:left;
line-height:32px;
}
.accounts-safe-ibox .popover-content .row-right .mid-input{
position:relative;
float:left;
margin-right:10px;
width:130px;
}
.accounts-safe-ibox .popover-content .row-right .mid-input .input{
float:left;
margin-right:10px;
padding:0 5px;
width:125px;
height:30px;line-height:30px;
border:1px solid #e0e4e5;
}
.accounts-safe-ibox .popover-content .row-right .mid-input .label{
position:absolute;
left:5px;top:0;
height:32px;line-height:32px;
font-size:12px;color:#dedfe1;
cursor:text;
}
.accounts-safe-ibox .popover-content .row-right .yzm{
float:left;
width:106px;height:32px;
line-height:32px;
background:#e8e8e8;
font-size:12px;
color:#a5a7aa;
text-align:center;
}
/* 閫€鍑烘彁绀� */
.exit-content{
width:255px;height:105px;
background:url(http://www.shanggukt.cn/images/tc.png) no-repeat;
margin: 0 auto;
}
/* 閫€鍑烘彁绀篍nd */
/* 鐩存挱鍒楄〃 */
.lives-list li{
/* float:left; */
width:300px;
}
.lives-list a{
position:relative;
display:block;
padding:7px;
width:286px;
color:#12b7f5;
}
.lives-list .img-box{
position:relative;
height:160px;
/* z-index:2; */
}
.lives-list .img-box img{
display:block;
width:100%;height:100%;
}
.lives-list .game-name{
position:absolute;
left:0;bottom:0;
padding-left:10px;
width:99px;height:31px;
line-height:31px;
background:url(http://www.shanggukt.cn/images/live-list-gamename.png) no-repeat;
z-index:5;
}
.lives-list .game-name .name{
font-size:12px;color:#fff;
}
.lives-list .sub-mask{
position:absolute;
top:0;left:0;
width:100%;height:100%;
background:#000;
opacity:0;
filter:alpha(opacity=00);
/* z-index:1; */
}
.lives-list .play-icon{
position:absolute;
top:50%;left:50%;
margin:-23px 0 0 -23px;
width:45px;height:45px;
background:url(http://www.shanggukt.cn/images/play-icon-2.png) no-repeat;
opacity:0;
filter:alpha(opacity=0);
-webkit-transition:all .3s ease-out;
-moz-transition:all .3s ease-out;
-ms-transition:all .3s ease-out;
-o-transition:all .3s ease-out;
transition:all .3s ease-out;
-webkit-transform:scale(1.5);
-moz-transform:scale(1.5);
-ms-transform:scale(1.5);
transform:scale(1.5);
z-index:2;
}
.lives-list .room-name{
margin-top:10px;
height:26px;line-height:26px;
/* width:224px; */
font-size:12px;color:#555;
font-weight:700;
/* overflow:hidden; */
/* white-space:nowrap; */
/* text-overflow:ellipsis; */
}
.lives-list .meat{
height:26px;line-height:26px;
font-size:0;
}
.lives-list .meat .views{
float:right;
margin-top:7px;
line-height:12px;height:12px;
font-size:12px;color:#888;
}
.lives-list .meat .anchor{
max-width:190px;
font-size:12px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
.lives-list a:hover{
background:#fff;
}
.lives-list a:hover .bg{
opacity:1;
filter:alpha(opacity=100);
}
.lives-list a:hover .sub-mask{
opacity:.3;
filter:alpha(opacity=30);
}
.lives-list a:hover .play-icon{
opacity:1;
filter:alpha(opacity=100);
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1);
}
/* 鐩存挱鍒楄〃End */
/* 瑙嗛鍒楄〃 */
.videos-list li{
float:left;
width:300px;
}
.videos-list a{
position:relative;
display:block;
padding:7px;
width:286px;
color:#12b7f5;
}
.videos-list .img-box{
position:relative;
height:160px;
z-index:2;
}
.videos-list .img-box img{
display:block;
width:100%;height:100%;
}
.videos-list .game-name{
position:absolute;
left:0;bottom:0;
padding-left:10px;
padding-top:7px;
width:276px;height:28px;
line-height:28px;
background:url(http://www.shanggukt.cn/images/video-list-mask.png) no-repeat;
z-index:5;
}
.videos-list .game-name .name,
.videos-list .game-name .time{
float:left;
font-size:12px;color:#fff;
}
.videos-list .game-name .time{
margin-right:10px;
}
.videos-list .sub-mask{
position:absolute;
top:0;left:0;
width:100%;height:100%;
background:#000;
opacity:0;
filter:alpha(opacity=00);
z-index:1;
}
.videos-list .play-icon{
position:absolute;
top:50%;left:50%;
margin:-23px 0 0 -23px;
width:45px;height:45px;
background:url(http://www.shanggukt.cn/images/play-icon-2.png) no-repeat;
opacity:0;
filter:alpha(opacity=0);
-webkit-transition:all .3s ease-out;
-moz-transition:all .3s ease-out;
-ms-transition:all .3s ease-out;
-o-transition:all .3s ease-out;
transition:all .3s ease-out;
-webkit-transform:scale(1.5);
-moz-transform:scale(1.5);
-ms-transform:scale(1.5);
transform:scale(1.5);
z-index:2;
}
.videos-list .room-name{
margin-top:10px;
height:26px;line-height:26px;
width:224px;
font-size:12px;color:#555;
font-weight:700;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
.videos-list .meat{
height:26px;line-height:26px;
font-size:0;
}
.videos-list .meat .views{
float:right;
margin-top:7px;
line-height:12px;height:12px;
font-size:12px;color:#888;
}
.videos-list .meat .anchor{
max-width:190px;
font-size:12px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
.videos-list a:hover{
background:#fff;
}
.videos-list a:hover .bg{
opacity:1;
filter:alpha(opacity=100);
}
.videos-list a:hover .sub-mask{
opacity:.3;
filter:alpha(opacity=30);
}
.videos-list a:hover .play-icon{
opacity:1;
filter:alpha(opacity=100);
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1);
}
/* 瑙嗛鍒楄〃End */
/* loading */
.list-loading{
height:37px;padding:20px 0;
text-align:center;
}
.list-loading .loading{
display:inline-block;*display:inline;*zoom:1;
width:37px;height:37px;
background:url(http://www.shanggukt.cn/images/loading.gif) no-repeat;
}
/* loading End */
/* no-list */
.no-something-list{
margin:70px 0;
height:127px;line-height:127px;
font-size:0;color:#a5a7aa;
text-align:center;
}
.no-something-list .qn-logo{
margin-right:27px;
width:123px;height:127px;
background:url(http://www.shanggukt.cn/images/qn-logo.png) no-repeat;
}
.no-something-list .text{
font-size:32px;
color:#606060;
}
.no-something-list .text{
font-size:14px;
}
.new-video-page .no-something-list{
line-height: 50px;
}
/* 渚ц竟鏍� */
.live-side-content{
position:fixed;
top:0;left:0;
z-index:10;
}
/* 渚ц竟鏍� 鏀惰捣 */
.live-room-side{
position:fixed;
top:0;left:0;
width:66px;height:100%;
background:#292a33;
}
.live-room-side .unfold,
.live-room-side-more .unfold{
position:absolute;
top:50%;
margin-top:-59px;
right:-14px;
width:14px;height:118px;
background:url(http://www.shanggukt.cn/images/side-unfold1.png) 0 0 no-repeat;
}
.live-room-side .unfold:hover,
.live-room-side-more .unfold:hover{
background-position:-14px 0;
}
.open-left .live-room-side .unfold:hover,
.open-left .live-room-side-more .unfold:hover{
background-position: -42px 0;
}
.open-left .live-room-side .unfold,
.open-left .live-room-side-more .unfold{
background-position: -28px 0;
}
.live-room-side .logo-area{
display:block;
width:100%;height:90px;
background:url(http://www.shanggukt.cn/images/small-logo.png) no-repeat;
border-bottom:1px solid #34353d;
}
.live-room-side .fn-area .li{
position:relative;
padding-top:20px;
height:60px;
border-bottom:1px solid #34353d;
}
.live-room-side .fn-area .a{
display:block;
font-size:12px;
color:#d4d4d6;
text-align:center;
}
.live-room-side .fn-area .fn-icon{
display:inline-block;
width:20px;height:20px;
background:url(http://www.shanggukt.cn/images/side-icon.png) no-repeat;
vertical-align:middle;
}
.live-room-side .fn-area p{line-height:30px;}
.live-room-side .fn-area .sy .fn-icon{
background-position:0 0;
}
.live-room-side .fn-area .zb .fn-icon{
background-position:0 -20px;
}
.live-room-side .fn-area .yx .fn-icon{
background-position:0 -40px;
}
.live-room-side .fn-area .dy .fn-icon{
background-position:0 -60px;
}
.live-room-side .fn-area .yl .fn-icon{
background-position:0 -80px;
}
.live-room-side .fn-area .db .fn-icon{
background-position:0 -100px;
}
.live-room-side .fn-area .yy .fn-icon{
background-position:0 -120px;
}
.live-room-side .fn-area .sy a:hover .fn-icon{
background-position:-20px 0;
}
.live-room-side .fn-area .zb a:hover .fn-icon{
background-position:-20px -20px;
}
.live-room-side .fn-area .yx a:hover .fn-icon{
background-position:-20px -40px;
}
.live-room-side .fn-area .dy a:hover .fn-icon{
background-position:-20px -60px;
}
.live-room-side .fn-area .yl a:hover .fn-icon{
background-position:-20px -80px;
}
.live-room-side .fn-area .db a:hover .fn-icon{
background-position:-20px -100px;
}
.live-room-side .fn-area .yy a:hover .fn-icon{
background-position:-20px -120px;
}
.live-room-side .fn-area a:hover{color:#179bce;}
.live-room-side .login-content{
position:fixed;
bottom:0;left:0;
height:100px;width:66px;
background:#000;
background:rgba(0,0,0,.85);
}
.live-room-side .login-content .no-login li{
padding:23px 6px;
height:54px;width:54px;
}
.live-room-side .login-content .no-login img{
display:block;
width:100%;height:100%;
border-radius:100%;
}
.live-room-side .login-content .login,
.live-room-side .show-login .no-login{
display:none;
}
.live-room-side .show-login .login{
display:block;
}
.live-room-side .login li{
position:relative;
width:66px;height:100px;
background:#000;
-webkit-transition:width 0.3s ease-in-out;
-moz-transition:width 0.3s ease-in-out;
-ms-transition:width 0.3s ease-in-out;
-o-transition:width 0.3s ease-in-out;
transition:width 0.3s ease-in-out;
overflow:hidden;
}
.live-room-side .login .login-a{
display:block;
padding:23px 6px;
height:54px;width:54px;
}
.live-room-side .login .img-box{
width:54px;height:54px;
}
.live-room-side .login .img-box img{
display:block;
width:100%;height:100%;
border-radius:100%;
}
.live-room-side .login .login-ibox-area{
position:absolute;
top:0;left:78px;
width:215px;
}
.live-room-side .login .login-ibox-area .top-area{
position:relative;
height:40px;line-height:40px;
font-size:14px;color:#a5a7aa;
font-weight:700;
}
.live-room-side .login .login-ibox-area .top-area .name{
display:block;
color:#a5a7aa;
width:188px;
white-space:nowrap;
text-overflow:ellipsis;
overflow:hidden;
}
.live-room-side .login .login-ibox-area .close{
position:absolute;
top:0;right:0;
font-size:12px;color:#777;
}
.live-room-side .login .login-ibox-area .close:hover,
.live-room-side .login .login-ibox-area .top-area .name:hover{
color:#12b7f5;
}
.live-room-side .login .login-ibox-area .mid-area{
font-size:0;
height:16px;
}
.live-room-side .login .login-ibox-area .mid-area .bar-area{
position:relative;
margin-left:14px;
width:155px;height:16px;
background:#fff;
}
.live-room-side .login .login-ibox-area .mid-area .bar-area .bar{
position:absolute;
top:0;left:0;
height:16px;background:#12b7f5;
width:0;
-webkit-transition:width 0.3s ease-in-out;
-moz-transition:width 0.3s ease-in-out;
-ms-transition:width 0.3s ease-in-out;
-o-transition:width 0.3s ease-in-out;
transition:width 0.3s ease-in-out;
}
.live-room-side .login .login-ibox-area .bottom-area{
height:40px;line-height:40px;
}
.live-room-side .login .login-ibox-area .bottom-area a{
position:relative;
float:left;
padding-right:16px;
margin-right:20px;
font-size:12px;color:#777;
}
.live-room-side .login .login-ibox-area .bottom-area small{
position:absolute;
top:14px;right:0;
width:1px;height:12px;
background:#555;
overflow:hidden;
}
.live-room-side .login .login-a .tit-area,
.live-room-side .login .login-ibox-area .bottom-area .tit-area{
position: absolute;
top:10px;left:44px;
width:6px;height:6px;
background:#eb7a77;
border:1px solid #fff;
border-radius:100%;
font-size:0;
text-align:center;
}
.live-room-side .login .login-a .tit-area{ top: 24px; }
.live-room-side .login .login-ibox-area .bottom-area a:hover{
color:#12b7f5;
}
.live-room-side .show-login .login .hover{
width:302px;
}
.live-room-side .fn-area .sub-dyue-ibox{
display:none;
position:absolute;
top:0;left:66px;
width:297px;height:375px;
background:#130f04;
overflow:hidden;
}
.live-room-side .fn-area .sub-dyue-ibox .js-flow{
height:375px;
overflow-y:auto;
overflow-x:hidden;
}
.live-room-side .fn-area .sub-dyue-ibox .no-dyue-list{
padding-top:103px;
height:272px;
background:#130f04;
text-align:center;
}
.live-room-side .fn-area .sub-dyue-ibox .no-dyue-list .no-list-icon{
display:inline-block;
width:91px;height:114px;
background:url(http://www.shanggukt.cn/images/no-dingyue.png) no-repeat;
}
.live-room-side .fn-area .sub-dyue-ibox .no-dyue-list p{
height:72px;line-height:72px;
font-size:14px;color:#a5a7aa;
}
.live-room-side .fn-area .sub-dyue-ibox li{
border-bottom:1px solid #333128;
}
.live-room-side .fn-area .sub-dyue-ibox a{
display:block;
padding:25px 20px 20px 15px ;
width:262px;height:48px;
background:#130f04;color:#a5a7aa;
}
.live-room-side .fn-area .sub-dyue-ibox li .img-box{
float:left;
margin-right:20px;
width:48px;height:48px;
}
.live-room-side .fn-area .sub-dyue-ibox li .img-box img{
display:block;
width:100%;height:100%;
border-radius:100%;
}
.live-room-side .fn-area .sub-dyue-ibox a:hover{
background:#252118;
}
.live-room-side .fn-area .sub-dyue-ibox .info-area{
float:left;
}
.live-room-side .fn-area .sub-dyue-ibox .info-area .title-area{
height:22px;line-height:22px;
font-size:14px;
}
.live-room-side .fn-area .sub-dyue-ibox .info-area .play-icon{
display:none;
float:left;
margin-top:3px;
margin-right:5px;
width:17px;
height:14px;
background: url(http://www.shanggukt.cn/images/list-live.png) no-repeat;
}
.live-room-side .fn-area .sub-dyue-ibox .info-area .title-area span{
float:left;
margin-right:4px;
max-width:170px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
.live-room-side .fn-area .sub-dyue-ibox .on-live .info-area .play-icon{
display:block;
}
.live-room-side .fn-area .sub-dyue-ibox .on-live .info-area .title-area span{
max-width:148px;
}
.live-room-side .fn-area .sub-dyue-ibox .info-area .other-info{
width:194px;
height:30px;line-height:30px;
}
.live-room-side .fn-area .sub-dyue-ibox .info-area .other-info .nickname{
float:left;
width:120px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
.live-room-side .fn-area .sub-dyue-ibox .info-area .other-info .online{
float:right;
}
.live-room-side .fn-area .hover .sub-dyue-ibox{display:block;}
/* 渚ц竟鏍忓睍寮€ */
.live-room-side-more{
display:none;
position:fixed;
top:0;left:0;
width:230px;height:100%;
background:#292a33;
}
.live-room-side-more .logo-area{
display:block;
width:230px;height:114px;
background:url(http://www.shanggukt.cn/images/big-logo.png) no-repeat;
}
.live-room-side-more .side-search-area{
margin-left:14px;
margin-bottom:23px;
}
.live-room-side-more .side-search-area .search-area{
position:relative;
height:23px;width:200px;
font-size:12px;
}
.live-room-side-more .side-search-area .search-area input{
padding-left:5px;
padding-right:24px;
width:170px;height:23px;
line-height:23px\9;
background:#3f4048;
border:1px solid #26272f;
color:#fff;
}
.live-room-side-more .side-search-area .search-area label{
position:absolute;
left:5px;top:0;
height:23px;line-height:23px;
color:#a5a7aa;
}
.live-room-side-more .side-search-area .search-area .searchBtn{
position:absolute;
top:1px;right:0;
width:24px;height:23px;
background:url(http://www.shanggukt.cn/images/search-btn.jpg) no-repeat;
}
.live-room-side-more .channel-area{
height:38px;line-height:38px;
background:#1b1c23;
border-top:1px solid #3b3c46;
border-bottom:1px solid #3b3c46;
}
.live-room-side-more .channel-area li{
float:left;
margin-left:15px;
width:62px;height:38px;
line-height:38px;
}
.live-room-side-more .channel-area .db{
width:61px;
}
.live-room-side-more .channel-area a{
display:block;
font-size:0;color:#f1f1f1;
}
.live-room-side-more .channel-area .fn-icon{
margin-right:5px;
width:16px;height:14px;
background:url(http://www.shanggukt.cn/images/new-side-icon.png) no-repeat;
}
.live-room-side-more .channel-area .zb .fn-icon{
background-position:0 0;
}
.live-room-side-more .channel-area .yx .fn-icon{
background-position:-16px 0;
}
.live-room-side-more .channel-area .db .fn-icon{
background-position:-32px 0;
}
.live-room-side-more .channel-area .zb a:hover .fn-icon{
background-position:0 -14px;
}
.live-room-side-more .channel-area .yx a:hover .fn-icon{
background-position:-16px -14px;
}
.live-room-side-more .channel-area .db a:hover .fn-icon{
background-position:-32px -14px;
}
.live-room-side-more .channel-area a:hover{color:#12b7f5;}
.live-room-side-more .channel-area a span{font-size:12px;}
.live-room-side-more .side-hot-game{
padding:18px 15px;
}
.live-room-side-more .side-hot-game .hd{
height:16px;line-height:16px;
font-size:14px;color:#818285;
}
.live-room-side-more .side-hot-game .bd{
margin-bottom:20px;
}
.live-room-side-more .side-hot-game ul{
position:relative;
*zoom:1;
margin-right:-10px;
}
.live-room-side-more .side-hot-game li{
float:left;
margin-top:14px;
margin-right:10px;
width:60px;height:27px;
line-height:27px;
text-align:center;
}
.live-room-side-more .side-hot-game a{
display:block;
background:#353640;
font-size:12px;color:#aeaeb1;
padding:0 5px;
width:50px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
.live-room-side-more .side-hot-game .all{
color:#12b7f5;
}
.live-room-side-more .side-hot-game a:hover,
.live-room-side-more .side-hot-game .active a{
background:#12b7f5;
color:#fff;
}
.live-room-side-more .login-content{
position:fixed;
left:0;bottom:0;
background:#000;
background:rgba(0,0,0,.85);
}
.live-room-side-more .login-content .no-login{
padding:20px 0 0;
width:230px;height:90px;
text-align:center;
}
.live-room-side-more .login-content .no-login .fn-area .login-fn-btn{
position:relative;
display:inline-block;
margin:0 10px;
width:88px;height:28px;
line-height:28px;
background:#000;
border:1px solid #12b7f5;
color:#12b7f5;
font-size:12px;
vertical-align:middle;
}
.live-room-side-more .login-content .no-login .fn-area .login-fn-btn:hover{
background:#12b7f5;
color:#fff;
}
.live-room-side-more .login-content .no-login .fn-area .zc-fn-btn{
position:relative;
display:inline-block;
margin:0 10px;
width:88px;height:28px;
line-height:28px;
background:#555;
border:1px solid #555;
color:#dedfe0;
font-size:12px;
vertical-align:middle;
}
.live-room-side-more .login-content .no-login .fn-area .zc-fn-btn:hover{
background:#12b7f5;
border:1px solid #12b7f5;
color:#fff;
}
.live-room-side-more .login-content .no-login .img-box{
display:inline-block;
margin-bottom:3px;
width:64px;height:64px;
border-radius:100%;
}
.live-room-side-more .login-content .no-login .img-box img{
display:block;
width:100%;height:100%;
border-radius:100%;
}
.live-room-side-more .login-content .no-login .sub-title{
height:50px;line-height:50px;
font-size:12px;color:#555;
text-align:center;
}
.live-room-side-more .login-content .fn-area{
font-size:0;
text-align:center;
}
.live-room-side-more .login-content .fn-area .login-fn-btn{
position:relative;
display:inline-block;
margin:0 16px;
width:54px;height:24px;
line-height:24px;
background:#555;
color:#fff;
font-size:12px;
vertical-align:middle;
}
.live-room-side-more .login-content .fn-area .login-fn-btn:hover{
background:#777;
}
.live-room-side-more .login-content .fn-btn-area{
position:absolute;
left:0;bottom:0;
text-align:center;
padding:0 14px;
width:202px;
}
.live-room-side-more .login-content .fn-btn-area .side-foot-btn-area{
border-top:1px solid #1a1a1a;
}
.live-room-side-more .login-content .fn-btn-area .side-foot-btn{
margin:0 4px;
height:40px;
line-height:40px;
font-size:12px;color:#555;
}
.live-room-side-more .login-content .fn-btn-area .side-foot-btn:hover{
color:#12b7f5;
}
.live-room-side-more .login-content .login{
display:none;
padding:20px 14px 0;
width:202px;height:185px;
-webkit-transition:all 250ms linear;
-moz-transition:all 250ms linear;
transition:all 250ms linear;
}
.live-room-side-more .login-content .login .login-arrow{
position:absolute;
top:33px;right:14px;
width:16px;height:18px;
background:url(http://www.shanggukt.cn/images/side-arrow.png) no-repeat;
opacity:1;
-webkit-transition:opacity 250ms linear;
-moz-transition:opacity 250ms linear;
transition:opacity 250ms linear;
}
.live-room-side-more .login-content .login .a-1,
.live-room-side-more .login-content .login .a-2{
position:absolute;
top:15px;left:14px;
height:20px;line-height:20px;
font-size:12px;color:#777;
font-weight:700;
opacity:0;
-webkit-transition:opacity 250ms linear;
-moz-transition:opacity 250ms linear;
transition:opacity 250ms linear;
}
.live-room-side-more .login-content .login .a-2{
left:auto;
right:14px;
}
.live-room-side-more .login-content .login .a-1:hover,
.live-room-side-more .login-content .login .a-2:hover{
color:#12b7f5;
}
.live-room-side-more .login-content .login .user-area{
display:block;
font-size:0;color:#fff;
text-align:left;
}
.live-room-side-more .login-content .login .user-area:hover{
color:#12b7f5;
}
.live-room-side-more .login-content .login .user-area .img-box{
display:inline-block;
vertical-align:middle;
margin-right:9px;
width:64px;height:64px;
border-radius:100%;
}
.live-room-side-more .login-content .login .user-area img{
display:block;
width:100%;height:100%;
border-radius:100%;
}
.live-room-side-more .login-content .login .user-area .info{
display:inline-block;
vertical-align:middle;
margin-left:9px;
text-align:left;
}
.live-room-side-more .login-content .login .user-area .info .name{
margin-bottom:8px;
height:34px;line-height:34px;
max-width:92px;
font-size:14px;
font-weight:700;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
-webkit-transition:max-width 250ms linear;
-moz-transition:max-width 250ms linear;
transition:max-width 250ms linear;
}
.live-room-side-more .login-content .login .money-area{
position:relative;
margin-top:10px;
padding-top:20px;
border-top:1px solid transparent;
height:98px;
-webkit-transition:all 250ms linear;
-moz-transition:all 250ms linear;
transition:all 250ms linear;
}
.live-room-side-more .login-content .login .money-area .money-gold{
position:absolute;
top:10px;left:-26px;
-webkit-transition:all 250ms linear;
-moz-transition:all 250ms linear;
transition:all 250ms linear;
}
.live-room-side-more .login-content .login .money-area .money-silver{
position:absolute;
top:10px;left:75px;
-webkit-transition:all 250ms linear;
-moz-transition:all 250ms linear;
transition:all 250ms linear;
}
.live-room-side-more .login-content .login .money-area .money-zd{
position:absolute;
top:38px;left:-25px;
-webkit-transition:all 250ms linear;
-moz-transition:all 250ms linear;
transition:all 250ms linear;
}
.live-room-side-more .login-content .login .money-area .money-row{
height:18px;
padding-left:30px;
font-size:0;
}
.live-room-side-more .login-content .login .money-area .money-row span{
margin-left:10px;
margin-right:10px;
max-width:56px;
font-size:12px;color:#b1b1bf;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
-webkit-transition:max-width 250ms linear;
-moz-transition:max-width 250ms linear;
transition:max-width 250ms linear;
}
.live-room-side-more .login-content .login .money-area .gold-ico{
width:20px;height:18px;
background:url(http://www.shanggukt.cn/images/money.png) no-repeat;
background-position:0 0;
}
.live-room-side-more .login-content .login .money-area .silver-ico{
width:20px;height:18px;
background:url(http://www.shanggukt.cn/images/money.png) no-repeat;
background-position:-20px 0;
}
.live-room-side-more .login-content .login .money-area .zd-ico{
width:20px;height:18px;
background:url(http://www.shanggukt.cn/images/money.png?2017042699) no-repeat;
background-position:-40px 0;
}
.live-room-side-more .login-content .login .money-area .cz-btn{
width:38px;height:18px;
line-height:18px;
background:#12b7f5;
font-size:12px;color:#fff;
text-align:center;
opacity:0;
-webkit-transition:opacity 250ms linear;
-moz-transition:opacity 250ms linear;
transition:opacity 250ms linear;
}
.live-room-side-more .login-content .login .money-area .cz-btn:hover{
background:#00acec;
}
.live-room-side-more .login-content .login .fn-area{
margin-top:20px;
padding-bottom:20px;
opacity:0;
-webkit-transition:opacity 100ms linear;
-moz-transition:opacity 100ms linear;
transition:opacity 100ms linear;
}
.live-room-side-more .login-content .login .fn-area .tit-area{
position:absolute;
top:-5px;left:50px;
width:6px;height:6px;
background:#eb7a77;
border:1px solid #fff;
border-radius:100%;
font-size:0;
}
.live-room-side-more .show-login .login{
display:block;
}
.live-room-side-more .show-login .no-login{
display:none;
}
.open-left .live-room-side-more{display:block;}
.open-left .live-room-side{display:none;}
/* open-login */
.live-room-side-more .open-login .login{
padding:58px 14px 0;
width:202px;height:302px;
}
.live-room-side-more .open-login .login .login-arrow{
opacity:0;
}
.live-room-side-more .open-login .login .a-1,
.live-room-side-more .open-login .login .a-2{
opacity:1;
}
.live-room-side-more .open-login .login .user-area{
text-align:center;
}
.live-room-side-more .open-login .login .user-area .info .name{
max-width:120px;
}
.live-room-side-more .open-login .login .money-area{
margin-top:20px;
border-top:1px solid #1a1a1a;
}
.live-room-side-more .open-login .login .money-area .money-gold{
top:22px;left:0;
}
.live-room-side-more .open-login .login .money-area .money-silver{
top:60px;left:0;
}
.live-room-side-more .open-login .login .money-area .money-zd{
top:98px;left:0;
}
.live-room-side-more .open-login .login .money-area .money-row span{
max-width:94px;
}
.live-room-side-more .open-login .login .money-area .cz-btn,
.live-room-side-more .open-login .login .fn-area{
opacity:1;
}
/*缈婚〉*/
.pageArea{
margin-top:24px;
overflow:hidden;
text-align:center;
}
.pageArea .page-num{
float: left;
line-height:20px;
cursor:default;
}
.pageArea .page-num small{margin:0 5px;}
.pageArea .page{
height:20px;
display:inline-block;
overflow:hidden;
}
.pageArea .page ul{margin-right:0;margin-left:0;}
.pageArea .page li{
float: left;_display:inline;
margin:0 2px;
width:auto;
height:20px;line-height:20px;
font-size:12px;color:#a6a7ab;
text-align: center;
cursor: pointer;
}
.pageArea .page li a{
display: block;
padding:0 8px;
background:#f3f3f3;
height:20px;line-height:20px;
color:#a6a7ab;
}
.pageArea .page li span{padding:0 8px;}
.pageArea .page li a:hover{ background:#eee; }
.pageArea .page li a:active{ background:#e6e6e6; }
.pageArea .page .active a,
.pageArea .page .active a:hover,
.pageArea .page .active a:active{
background:#12b7f5;
color: #fff;
}
.pageArea .page .active{
background:#1497e5;
color: #fff;
}
/*缈婚〉End*/
/* tips */
.tips{
position: absolute;
top:100px;left:50px;
z-index:100;
}
.tips .tipsArea{
_width:10px;
padding:0 12px;
height:24px;line-height:24px;
font-size:12px;
color:#fff;
font-family:simsun;
background:#0f0f0f;
background:rgba(0,0,0,.7);
cursor:default;
}
.tips .tips-arrow{
position: absolute;
left:50%;bottom:-5px;
margin-left:-5px;
width:0;height:0;
border-width:5px;
border-style:solid dashed dashed dashed ;
border-width:5px 5px 0 5px ;
border-color:transparent;
border-top-color:#0f0f0f;
border-top-color:rgba(0,0,0,.7);
overflow:hidden;
}
/* tips end */
/* 璁よ瘉寮圭獥 */
.authenticate-ibox{
position:absolute;
top:500px;right:100px;
padding:0 3px;
height:20px;line-height:20px;
background:#fafafa;
border:1px solid #c4c4c4;
font-size:12px;
z-index: 10;
}
.authenticate-ibox .arrow{
position:absolute;
bottom:-5px;left:50%;
margin-left:-4px;
width:8px;height:5px;
background:url(http://www.shanggukt.cn/images/room-icons.png) -340px -760px no-repeat;
}
/* 鎭枩涓寮圭獥 */
.winning-ibox{
position:absolute;
left:50%;top:50%;
width:466px;
margin-left:-233px;
margin-top:-280px;
z-index:100;
}
.winning-ibox .hd{
width:466px;height:212px;
background:url(http://www.shanggukt.cn/images/winner-ibox-hd.png) no-repeat;
}
.winning-ibox .bd{
padding:0 64px 0 62px;
width:340px;
}
.winning-ibox .top-content{
padding:16px 44px 30px;
background:#fff;
}
.winning-ibox .top-content .content{
line-height:30px;
font-size:20px;color:#333;
}
.winning-ibox .top-content .more{
display:block;
margin:12px 0 18px;
line-height:30px;
font-size:14px;color:#756106;
}
.winning-ibox .top-content .more:hover{
text-decoration:underline;
}
.winning-ibox .top-content .yellow-btn{
width:230px;height:55px;
background:url(http://www.shanggukt.cn/images/yellow-btn.png) no-repeat;
}
.winning-ibox .bottom-content{
padding:24px 0 10px;
border-top:1px solid #e4e4e4;
border-radius:0 0 5px 5px;
background:#fff;
text-align:center;
box-shadow:0 3px 0 rgba(0,0,0,.1);
}
.winning-ibox .bottom-content li{
float:left;
margin:0 25px;
width:50px;
text-align:center;
}
.winning-ibox .bottom-content a{
display:block;
width:50px;height:50px;
background:url(http://www.shanggukt.cn/images/new-icons-50.png) no-repeat;
}
.winning-ibox .bottom-content p{
line-height:30px;
font-size:14px;color:#333;
}
.winning-ibox .bottom-content .wx-icon{
background-position:0 0;
}
.winning-ibox .bottom-content .wb-icon{
background-position:-50px 0;
}
.winning-ibox .bottom-content .qqkj-icon{
background-position:-100px 0;
}
.winning-ibox .bottom-content .wx-icon:hover{
background-position:0 -50px;
}
.winning-ibox .bottom-content .wb-icon:hover{
background-position:-50px -50px;
}
.winning-ibox .bottom-content .qqkj-icon:hover{
background-position:-100px -50px;
}
/* 鎭枩涓寮圭獥End */
.mask{
position:fixed;
top:0;left:0;
width:100%;height:100%;
background:#000;
opacity:.5;
filter: alpha(opacity=50);
z-index:30;
}
.maxScrean .topBar-bg{ display: none !important; }
/* 鎼滅储鑱旀兂寮圭獥 */
.association-search-ibox{
display:none;
position:absolute;
left:0;top:28px;
padding:2px 0;
width:342px;
background:#fff;
border:1px solid #e5e5e5;
box-shadow:0 0 5px rgba(0,0,0,.13);
overflow:hidden;
z-index:2;
}
.association-search-ibox li{
height:30px;line-height:30px;
}
.association-search-ibox li a{
display:block;
padding:0 20px;
font-size:12px;color:#333;
background:#fff;
}
.association-search-ibox li a:hover,
.association-search-ibox .active a{
background:#eee;
}
/* 鎼滅储寮圭獥 */
.seach-hot-ibox{
display:none;
position:absolute;
left:0;top:28px;
width:356px;height:386px;
background:#fff;
border:1px solid #e5e5e5;
box-shadow:0 0 5px rgba(0,0,0,.13);
overflow:hidden;
z-index:2;
}
.seach-hot-ibox .seach-hd{height:35px;line-height:35px;}
.seach-hot-ibox .seach-hd li{
float:left;
width:178px;height:100%;
}
.seach-hot-ibox .seach-hd a{
display:block;
height:100%;
background:#f8f8f8;
border-bottom:1px solid #eee;
font-size:14px;color:#a5a7aa;
text-align:center;
}
.seach-hot-ibox .seach-hd .active a{
background:#12b7f5;
border-bottom:1px solid #12b7f5;
color:#fff;
}
.seach-hot-ibox .no-searchs{
display:none;
padding-top:214px;
height:134px;
background:url(http://www.shanggukt.cn/images/searchs-no-icon.png) center 42px no-repeat;
font-size:16px;color:#ccc;
text-align:center;
}
.seach-hot-ibox .no-searchs p{line-height:80px;}
.seach-hot-ibox .saerchs-content{
padding:10px 0 5px;
}
.seach-hot-ibox .saerchs-content li{
position:relative;
padding:0 18px;
height:30px;
background:#fff;
-moz-transition:background-color 200ms ease-out;
-webkit-transition:background-color 200ms ease-out;
-o-transition:background-color 200ms ease-out;
transition:background-color 200ms ease-out;
}
.seach-hot-ibox .saerchs-content li .a{
font-size:12px;height:100%;
color:#333;
}
.seach-hot-ibox .saerchs-content li .num{
display:block;
float:left;
margin:8px 15px 8px 0;
width:14px;height:14px;line-height:14px;
background:#a5a7aa;
color:#fff;
text-align:center;
}
.seach-hot-ibox .saerchs-content li .first{
background:#12b7f5;
}
.seach-hot-ibox .saerchs-content li .search-hot-name,
.seach-hot-ibox .saerchs-content li .search-name{
float:left;
width:290px;line-height:30px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
.seach-hot-ibox .saerchs-content li:hover,
.seach-hot-ibox .saerchs-content .hover{
background:#eee;
}
.seach-hot-ibox .search-foot{
font-size:0;
padding:0 10px;
height:36px;line-height:36px;
text-align:center;
}
.seach-hot-ibox .search-foot a{
display:block;
border-top:1px solid #eee;
color:#a5a7aa;
height:100%;
-moz-transition:none;
-webkit-transition:none;
-o-transition:none;
transition:none;
}
.seach-hot-ibox .search-foot span{font-size:14px;}
.seach-hot-ibox .search-foot a:hover{color:#12b7f5;}
.seach-hot-ibox .saerchs-content li .search-close{
opacity:0;
position:absolute;
top:11px;right:11px;
width:8px;height:8px;
background:url(http://www.shanggukt.cn/images/search-close.png) no-repeat;
-moz-transition:opacity .1s ease-in;
-webkit-transition:opacity .1s ease-in;
-o-transition:opacity .1s ease-in;
transition:opacity .1s ease-in;
}
.seach-hot-ibox .saerchs-content li:hover .search-close,
.seach-hot-ibox .saerchs-content .hover .search-close{
opacity:1;
}
.seach-hot-ibox .search-foot .clear-icon{
width:11px;height:12px;
margin-right:4px;
background:url(http://www.shanggukt.cn/images/search-clear.png) no-repeat;
}
.seach-hot-ibox .search-foot a:hover .clear-icon{
background-position:-11px 0;
}
/* 鍚戜笂寮圭獥 */
.up-area{
position:fixed;
bottom:100px;right:24px;
width:54px;
z-index:15;
}
* html .up-area /* IE6 */ {
_position:absolute;
_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)-100));
}
.up-area a{
position:relative;
display:block;
margin-bottom:5px;
width:54px;height:54px;
}
.up-area a i{
position:absolute;
right:0;bottom:0;
width:100%;height:100%;
background:url(http://www.shanggukt.cn/images/up-icon.png) no-repeat;
transition:background-position 0.2s ease-in;
-webkit-transition:background-position 0.2s ease-in;
-moz-transition:background-position 0.2s ease-in;
-ms-transition:background-position 0.2s ease-in;
-o-transition:background-position 0.2s ease-in;
}
.up-area .up-iconz.visiblehide{
opacity:0;
}
.up-area .up-iconz{
opacity:1;
}
.up-area .up-iconz i{background-position:0 0;}
.up-area .my-live i{background-position:0 -54px;}
.up-area .mobile-app i{background-position:0 -108px;}
.up-area .feedback-icon i{
margin-bottom:0;
background-position:0 -162px;
}
.up-area .up-iconz:hover i{
background-position:-54px 0;
}
.up-area .my-live:hover i{
background-position:-54px -54px;
}
.up-area .mobile-app:hover i{
background-position:-54px -108px;
}
.up-area .feedback-icon:hover i{
background-position:-54px -162px;
}
.up-area .mobile-app:hover .bg{
position:absolute;
bottom:0;left:-150px;
width:144px;height:267px;
background:url(http://www.shanggukt.cn/images/up-area-qn-icon.png) no-repeat;
}
/* 閫氱敤鐧藉簳鎻愮ず妗� */
.white-bg-title{
position:absolute;
padding:6px 10px;
width:216px;
background:#fff;
border:1px solid #e2e1e6;
box-shadow:0 0 5px rgba(0,0,0,.13);
z-index:10;
}
.white-bg-title .close{
position:absolute;
top:-8px;right:-10px;
width:20px;height:20px;
background:url(http://www.shanggukt.cn/images/white-bg-close.png) no-repeat;
}
.white-bg-title .arrow{
position:absolute;
bottom:-7px;left:50%;
margin-left:-6px;
width:12px;height:7px;
background:url(http://www.shanggukt.cn/images/white-bg-arrow.png) no-repeat;
}
.white-bg-title .content{
font-size:12px;line-height:20px;
color:#333;
}
/* 閫氱敤鐧藉簳鎻愮ず妗咵nd */
/* 绾棰戝垪琛� */
.pure-videos-list li{
float: left;
width: 300px;
}
.pure-videos-list a{
position: relative;
display: block;
padding: 7px;
width: 286px;
color: #12b7f5;
}
.pure-videos-list .img-box{
position: relative;
height: 160px;
z-index: 2;
}
.pure-videos-list .img-box img{
display: block;
width: 100%;
height: 100%;
}
.pure-videos-list .sub-mask{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000;
opacity: 0;
filter: alpha(opacity=00);
z-index: 1;
}
.pure-videos-list .play-icon{
position: absolute;
top: 50%;
left: 50%;
margin: -23px 0 0 -23px;
width: 45px;
height: 45px;
background: url(http://www.shanggukt.cn/images/play-icon-2.png) no-repeat;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-ms-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
-webkit-transform: scale(1.5);
-moz-transform: scale(1.5);
-ms-transform: scale(1.5);
transform: scale(1.5);
z-index: 2;
}
.pure-videos-list a:hover .sub-mask{
opacity: .3;
filter: alpha(opacity=30);
}
.pure-videos-list a:hover .play-icon{
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.pure-videos-list li .room-name{
float:left;
margin-top: 10px;
height: 26px;
line-height: 26px;
width:208px;
font-size: 12px;
color: #555;
font-weight: 700;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.pure-videos-list li .views{
float:right;
margin-top:10px;
line-height:26px;
height:26px;
font-size:0;
color: #888;
}
.pure-videos-list li .views span{
font-size:12px;
margin-left:5px;
}
/* 绛夌骇鍥炬爣锛屾湁绛夌骇鎵嶆樉绀� */
.live-room-side-more .login-content .login .user-area .all-level{ display: none; }
.live-room-side-more .login-content .login .user-area .all-level-1,
.live-room-side-more .login-content .login .user-area .all-level-2,
.live-room-side-more .login-content .login .user-area .all-level-3,
.live-room-side-more .login-content .login .user-area .all-level-4,
.live-room-side-more .login-content .login .user-area .all-level-5,
.live-room-side-more .login-content .login .user-area .all-level-6,
.live-room-side-more .login-content .login .user-area .all-level-7,
.live-room-side-more .login-content .login .user-area .all-level-8,
.live-room-side-more .login-content .login .user-area .all-level-9,
.live-room-side-more .login-content .login .user-area .all-level-10,
.live-room-side-more .login-content .login .user-area .all-level-11,
.live-room-side-more .login-content .login .user-area .all-level-12,
.live-room-side-more .login-content .login .user-area .all-level-13,
.live-room-side-more .login-content .login .user-area .all-level-14,
.live-room-side-more .login-content .login .user-area .all-level-15,
.live-room-side-more .login-content .login .user-area .all-level-16,
.live-room-side-more .login-content .login .user-area .all-level-17,
.live-room-side-more .login-content .login .user-area .all-level-18,
.live-room-side-more .login-content .login .user-area .all-level-19,
.live-room-side-more .login-content .login .user-area .all-level-20,
.live-room-side-more .login-content .login .user-area .all-level-21,
.live-room-side-more .login-content .login .user-area .all-level-22,
.live-room-side-more .login-content .login .user-area .all-level-23,
.live-room-side-more .login-content .login .user-area .all-level-24,
.live-room-side-more .login-content .login .user-area .all-level-25,
.live-room-side-more .login-content .login .user-area .all-level-26,
.live-room-side-more .login-content .login .user-area .all-level-27,
.live-room-side-more .login-content .login .user-area .all-level-28,
.live-room-side-more .login-content .login .user-area .all-level-29,
.live-room-side-more .login-content .login .user-area .all-level-30,
.live-room-side-more .login-content .login .user-area .all-level-31,
.live-room-side-more .login-content .login .user-area .all-level-32,
.live-room-side-more .login-content .login .user-area .all-level-33,
.live-room-side-more .login-content .login .user-area .all-level-34,
.live-room-side-more .login-content .login .user-area .all-level-35,
.live-room-side-more .login-content .login .user-area .all-level-god,
.live-room-side-more .login-content .login .user-area .all-level-creator{
display:inline-block;*display:inline;*zoom:1;
}
.live-room-side .show-login .login .all-level{ display: none; }
.live-room-side .show-login .login .all-level-1,
.live-room-side .show-login .login .all-level-2,
.live-room-side .show-login .login .all-level-3,
.live-room-side .show-login .login .all-level-4,
.live-room-side .show-login .login .all-level-5,
.live-room-side .show-login .login .all-level-6,
.live-room-side .show-login .login .all-level-7,
.live-room-side .show-login .login .all-level-8,
.live-room-side .show-login .login .all-level-9,
.live-room-side .show-login .login .all-level-10,
.live-room-side .show-login .login .all-level-11,
.live-room-side .show-login .login .all-level-12,
.live-room-side .show-login .login .all-level-13,
.live-room-side .show-login .login .all-level-14,
.live-room-side .show-login .login .all-level-15,
.live-room-side .show-login .login .all-level-16,
.live-room-side .show-login .login .all-level-17,
.live-room-side .show-login .login .all-level-18,
.live-room-side .show-login .login .all-level-19,
.live-room-side .show-login .login .all-level-20,
.live-room-side .show-login .login .all-level-21,
.live-room-side .show-login .login .all-level-22,
.live-room-side .show-login .login .all-level-23,
.live-room-side .show-login .login .all-level-24,
.live-room-side .show-login .login .all-level-25,
.live-room-side .show-login .login .all-level-26,
.live-room-side .show-login .login .all-level-27,
.live-room-side .show-login .login .all-level-28,
.live-room-side .show-login .login .all-level-29,
.live-room-side .show-login .login .all-level-30,
.live-room-side .show-login .login .all-level-31,
.live-room-side .show-login .login .all-level-32,
.live-room-side .show-login .login .all-level-33,
.live-room-side .show-login .login .all-level-34,
.live-room-side .show-login .login .all-level-35,
.live-room-side .show-login .login .all-level-god,
.live-room-side .show-login .login .all-level-creator{
display:inline-block;*display:inline;*zoom:1;
}
/* 绛夌骇鍥炬爣锛屾湁绛夌骇鎵嶆樉绀� end */
/* 甯冨皵缁勪欢 */
.boolean-area{
position:relative;
border:1px solid #12b7f5;
width:54px;height:26px;
background:#12b7f5;
border-radius:20px;
-moz-transition:all 200ms;
-webkit-transition:all 200ms;
-o-transition:all 200ms;
transition:all 200ms;
cursor:pointer;
overflow:hidden;
}
.boolean-area .boolean{
position:absolute;
top:0;left:28px;
width:26px;height:26px;
background:#fff;
border-radius:100%;
-moz-transition:all 200ms ease-out;
-webkit-transition:all 200ms ease-out;
-o-transition:all 200ms ease-out;
transition:all 200ms ease-out;
}
.boolean-false{
background:#dedfe0;
border-color:#dedfe0;
}
.boolean-false .boolean{
left:0;
}
/* 甯冨皵缁勪欢End */
/* 鏃爁lash 鎻愮ず */
.no-flash{
position: absolute;
top: 50%; left: 0;
width: 100%; height: 30px;
line-height: 30px;
margin-top: -15px;
text-align: center;
color: #fff;
font-size: 16px;
font-weight: bold;
}
.no-flash a{ color: #0372cf; text-decoration: none; }
.no-flash a:hover{ text-decoration: underline; }
/* 鏃爁lash 鎻愮ず end */
/* 鐩存挱闂磇m寮曞 */
.im-room-mask{
position:absolute;
top:0;left:0;
width:100%;height:100%;
background:url(http://www.shanggukt.cn/images/mask-50.png) repeat;
z-index:30;
}
.im-room-guide{
position:absolute;
top:265px;left:6px;
width:306px;height:129px;
background:url(http://www.shanggukt.cn/images/im-room-guide.png) no-repeat;
z-index:31;
}
.im-room-guide .guide-btn{
position:absolute;
top:140px;left:50%;
margin-left:-36px;
width:72px;height:28px;
background:url(http://www.shanggukt.cn/images/im-room-guide-btn.png) no-repeat;
z-index:1;
}
/* 璋锋瓕骞垮憡 */
.google-gg-area{
position:absolute;
right:0;bottom:0;
width:400px;height:225px;
z-index:30;
}
.google-gg-area .hd{
display:block;
position:absolute;
top:0;left:0;
height:40px;width:100%;
cursor:crosshair;
}
.google-gg-area .music-icon{
position:absolute;
top:8px;left:8px;
width:32px;height:32px;
background:url(http://www.shanggukt.cn/images/music-icon.png) no-repeat;
z-index:1;
}
.google-gg-area .no-music-icon{
background-position:0 -32px;
}
.google-gg-area .times-area{
position:absolute;
top:8px;right:8px;
padding:0 12px;
width:134px;height:32px;line-height:32px;
background:url(http://www.shanggukt.cn/images/times-mask-bg.png) repeat;
}
.google-gg-area .times-area .time-left{
position:relative;
float:left;
width:41px;
font-size:12px;color:#fff;
}
.google-gg-area .times-area .time-left .color{
margin-right:5px;
font-size:14px;
font-weight:700;
color:#12b7f5;
}
.google-gg-area .times-area .time-left small{
position:absolute;
top:8px;right:0;
width:1px;height:16px;
background:#777;
}
.google-gg-area .times-area .time-right{
float:left;
padding-left:8px;
width:84px;
}
.google-gg-area .times-area .time-right a{
font-size:12px;color:#fff;
}
.google-gg-area .times-area .time-right a:hover{
color:#12b7f5;
}
/* 璋锋瓕骞垮憡End */
/* 娌℃湁瑙嗛 */
.nothing-video-area{
height:300px;
background:url(http://www.shanggukt.cn/images/nothing-video.jpg) center center no-repeat;
}
/* 娌℃湁瑙嗛End */
/* 鏂扮櫥褰曟敞鍐屽脊绐� */
.new-logins-ibox{
position:fixed;
left:50%;top:50%;
margin-top:-215px;
margin-left:-210px;
width:420px;height:430px;
z-index:32;
}
.new-logins-ibox .close{
position:absolute;
top:13px;left:13px;
width:14px;height:14px;
background:url(http://www.shanggukt.cn/images/close.png) no-repeat;
z-index:1;
}
.new-logins-ibox .transformation-btn{
position:absolute;
top:0;right:0;
width:68px;height:68px;
border-radius:0 6px 0 0;
background:url(http://www.shanggukt.cn/images/code.png) no-repeat;
background-position:0 0;
z-index:2;
}
.new-logins-ibox .logins-hd{
position:relative;
height:95px;line-height:95px;
font-size:20px;color:#555;
z-index:3;
}
.new-logins-ibox .logins-hd a{
float:right;
margin-top:36px;
height:23px;line-height:23px;
font-size:16px;color:#12b7f5;
}
.new-logins-ibox .logins-hd a:hover{
color:#00acec;
}
.new-logins-ibox .bd .row{
position:relative;
margin-bottom:30px;
height:42px;
}
.new-logins-ibox .bd .row-left{
float:left;
width:41px;height:42px;
}
.new-logins-ibox .accounts-icon,
.new-logins-ibox .password-icon,
.new-logins-ibox .mobile-icon,
.new-logins-ibox .name-icon{
display:block;
width:100%;height:100%;
background:url(http://www.shanggukt.cn/images/input-icon.png) no-repeat;
}
.new-logins-ibox .accounts-icon{
background-position:0 0;
}
.new-logins-ibox .password-icon{
background-position:-41px 0;
}
.new-logins-ibox .mobile-icon{
background-position:-82px 0;
}
.new-logins-ibox .name-icon{
background-position:-123px 0;
}
.new-logins-ibox .bd .row-right{
position:relative;
float:right;
width:309px;
}
.new-logins-ibox .bd .row-right .input{
padding:0 10px;
width:287px;height:40px;
border:1px solid #dedfe0;
background:#fff;
font-size:14px;color:#a5a7aa;
}
.new-logins-ibox .bd .row-right .label{
position:absolute;
top:0;left:10px;
height:42px;line-height:42px;
font-size:14px;color:#a5a7aa;
cursor:text;
}
.new-logins-ibox .bd .row .error-title{
display:none;
position:absolute;
bottom:-28px;left:0;
height:28px;line-height:28px;
font-size:12px;color:#ee778a;
}
.new-logins-ibox .bd .error .error-title{
display:block;
}
.new-logins-ibox .label-row{
margin-bottom:12px;
height:20px;line-height:20px;
font-size:0;
}
.new-logins-ibox .label-row .fr{
font-size:12px;color:#777;
}
.new-logins-ibox .label-row .fr:hover{
color:#12b7f5;
}
.new-logins-ibox .label-row label{
float:left;
cursor:pointer;
}
.new-logins-ibox .label-row label .checkbox{
vertical-align:middle;
}
.new-logins-ibox .label-row .checkbox{
margin-right:6px;
width:20px;height:20px;
background:url(http://www.shanggukt.cn/images/new-login-checkbox.jpg) no-repeat;
cursor:pointer;
}
.new-logins-ibox .label-row .checkboxed{
background-position:-20px 0;
}
.new-logins-ibox .label-row span{
font-size:12px;color:#777;
}
.new-logins-ibox .btn-area{
height:46px;line-height:46px;
text-align:center;
}
.new-logins-ibox .btn-area .news-login-btn{
display:block;
width:100%;height:100%;
background:#12b7f5;
font-size:20px;color:#fff;
border-radius:5px;
}
.new-logins-ibox .btn-area .news-login-btn:hover{
background:#17aee6;
}
.new-logins-ibox .btn-area .news-login-btn:active{
background:#20b9f2;
}
.new-logins-ibox .third-login{
margin-top:20px;
height:24px;line-height:24px;
}
.new-logins-ibox .third-login .fl{
font-size:12px;color:#777;
}
.new-logins-ibox .third-login .fr{
font-size:12px;color:#12b7f5;
}
.new-logins-ibox .third-login .fr:hover{
color:#00acec;
}
.new-logins-ibox .third-login .third-area{
float:left;
}
.new-logins-ibox .third-login .third-area li{
float:left;
_display:inline;
margin-left:10px;
}
.new-logins-ibox .third-login .third-area li a{
position:relative;
display:block;
width:24px;height:24px;
border-radius:100%;
}
.new-logins-ibox .third-login .third-area li .icon{
position:absolute;
top:0;left:0;
width:24px;height:24px;
background:url(http://www.shanggukt.cn/images/third-icon.png) no-repeat;
z-index:1;
}
.new-logins-ibox .third-login .third-area .qq a{
background:#76b9ed;
}
.new-logins-ibox .third-login .third-area .qq .icon{
background-position:0 0;
}
.new-logins-ibox .third-login .third-area .wb a{
background:#ee778a;
}
.new-logins-ibox .third-login .third-area .wx .icon{
background-position:-24px 0;
}
.new-logins-ibox .third-login .third-area .wx a{
background:#50c877;
}
.new-logins-ibox .third-login .third-area .wb .icon{
background-position:-48px 0;
}
.new-logins-ibox .third-login .third-area .tb a{
background:#76b9ed;
}
.new-logins-ibox .third-login .third-area .tb .icon{
background-position:-72px 0;
}
.new-logins-ibox .third-login .third-area li .bg{
position:absolute;
width:24px;height:24px;
left:50%;top:0;
margin-left:-12px;
border-radius:100%;
opacity:0;
-webkit-transition:.5s cubic-bezier(.3,0,0,1.3);
-moz-transition:.5s cubic-bezier(.3,0,0,1.3);
-ms-transition:.5s cubic-bezier(.3,0,0,1.3);
-o-transition:.5s cubic-bezier(.3,0,0,1.3);
transition:.5s cubic-bezier(.3,0,0,1.3);
-webkit-transform:scale(0,0);
-moz-transform:scale(0,0);
-ms-transform:scale(0,0);
-o-transform:scale(0,0);
transform:scale(0,0);
z-index:0;
}
.new-logins-ibox .third-login .third-area .qq a:hover .bg{
background:#3ca5f6;
}
.new-logins-ibox .third-login .third-area .wb a:hover .bg{
background:#f74964;
}
.new-logins-ibox .third-login .third-area .wx a:hover .bg{
background:#1dc353;
}
.new-logins-ibox .third-login .third-area .tb a:hover .bg{
background:#3ca5f6;
}
.new-logins-ibox .third-login .third-area a:hover .bg{
opacity:1;
-webkit-transform:scale(1,1);
-moz-transform:scale(1,1);
-ms-transform:scale(1,1);
-o-transform:scale(1,1);
transform:scale(1,1);
}
.new-logins-ibox .row-mobile .row-right .input{
padding:0 10px 0 65px;
width:232px;
}
.new-logins-ibox .row-mobile .row-right .label{
left:65px;
}
.new-logins-ibox .row-mobile .select{
position:absolute;
top:0;left:5px;
padding-right:10px;
width:45px;
font-size:14px;color:#999;
height:42px;line-height:42px;
cursor:pointer;
z-index:2;
}
.new-logins-ibox .row-mobile .select .arrow{
position:absolute;
top:18px;right:1px;
width:8px;height:6px;
background:url(http://www.shanggukt.cn/images/new-arrow.png) no-repeat;
}
.new-logins-ibox .row-mobile .select .option{
display:none;
position:absolute;
top:42px;left:-5px;
height:217px;
overflow-y:auto;
overflow-x:hidden;
}
.new-logins-ibox .row-mobile .select .option li{
padding-left:10px;
width:160px;
height:30px;line-height:30px;
font-size:14px;
border:1px solid #ccc;
background:#fff;
border-top:none;
}
.new-logins-ibox .row-mobile .select .option a{
display:block;
height:100%;width:100%;
color:#8a8a8a;
}
.new-logins-ibox .row-mobile .select .option a:hover{
color:#4d8cf5;
}
.new-logins-ibox .row-yzm .row-left{
position:relative;
margin-right:10px;
width:220px;height:42px;
}
.new-logins-ibox .row-yzm .yzm-input{
padding:0 10px;
width:198px;height:40px;
border:1px solid #dedfe0;
background:#fff;
font-size:14px;color:#a5a7aa;
}
.new-logins-ibox .row-yzm .row-left .label{
position:absolute;
top:0;left:10px;
height:42px;line-height:42px;
font-size:14px;color:#a5a7aa;
cursor:text;
}
.new-logins-ibox .row-yzm .row-right{
width:120px;
}
.new-logins-ibox .row-yzm .yzm-btn{
display:block;
width:100%;height:100%;
line-height:42px;
font-size:14px;color:#fff;
background:#12b7f5;
border-radius:2px;
text-align:center;
}
.new-logins-ibox .row-yzm .yzm-btn:hover{
background:#17aee6;
}
.new-logins-ibox .row-yzm .yzm-btn:active{
background:#20b9f2;
}
.new-logins-ibox .row-yzm .disable:hover,
.new-logins-ibox .row-yzm .disable:active{
background:#12b7f5 !important;
color:#fff !important;
}
/* 甯愬彿鐧诲綍 */
.accounts-login,
.code-login,
.mobile-login,
.first-login,
.new-register{
position:relative;
padding:23px 35px 45px 35px;
border-radius:6px;
background:#fff url(http://www.shanggukt.cn/images/bg.jpg) left bottom no-repeat;
box-shadow:0 0 5px rgba(0,0,0,.13);
}
/* 鎵爜鐧诲綍 */
.code-login{
padding:12px 0 96px;
text-align:center;
}
.code-login .transformation-btn{
background-position:-68px 0;
}
.code-login .code-title{
height:117px;line-height:117px;
font-size:20px;color:#555;
}
.code-login .img-box{
position:relative;
margin:auto;
width:160px;height:160px;
}
.code-login .img-box .loading{
position:absolute;
top:50%;left:50%;
margin:-18px 0 0 -18px;
width:37px;height:37px;
background:url(http://www.shanggukt.cn/images/loading.gif) no-repeat;
z-index:2;
}
.code-login .img-box .sub-mask{
display:none;
position:absolute;
top:0;left:0;
width:100%;height:100%;
background:#fff;
opacity:.9;
z-index:1;
}
.code-login .img-box .sub-title{
display:none;
position:absolute;
top:37px;left:0;
width:100%;
height:36px;line-height:36px;
font-size:14px;color:#000;
z-index:2;
}
.code-login .img-box .code-btn{
display:none;
position:absolute;
top:73px;left:30px;
width:100px;height:36px;
line-height:36px;
font-size:12px;color:#fff;
background:#12b7f5;
border-radius:5px;
z-index:2;
}
.code-login .img-box .code-btn:hover{
background:#17aee6;
}
.code-login .img-box .code-btn:active{
background:#20b9f2;
}
.code-login .login-past .img-box .sub-mask,
.code-login .login-past .img-box .sub-title,
.code-login .login-past .img-box .code-btn{
display:block;
}
.code-login .code-tit{
height:44px;line-height:44px;
font-size:14px;color:#777;
}
.code-login .code-tit .color{
margin:0 4px;
color:#12b7f5;
}
/* 娉ㄥ唽 */
.new-register .label-row{
margin-top:14px;
}
.new-register .label-row a{
color:#12b7f5;
}
.new-register .label-row a:hover{
color:#00acec;
text-decoration:underline;
}
/*榛樿寮圭獥*/
.common-ibox{
position:fixed;
top:50%;left:50%;
margin:-34px 0 0 -172px;
z-index:16;
}
.common-ibox .dialog-input{
padding: 0 10px;
width: 60px;
height: 32px;
line-height: 32px\9;
border: 1px solid #ccc;
}
.common-ibox .content{
width:342px;
background:#fff;
/*border:1px solid #e2e1e6;*/
box-shadow:0 0 5px rgba(0,0,0,.13);
}
.common-ibox .content .hd{
position:relative;
padding:0 20px;
height:44px;line-height:44px;
background:#12b7f5;
font-size:16px;color:#fff;
}
.common-ibox .content .hd .close{
/*position:absolute;
right:15px;top:14px;*/
float:right;
margin-top:14px;
width:16px;height:16px;
background:url(http://www.shanggukt.cn/images/ibox-close_1.png) no-repeat;
}
.common-ibox .content .hd .close{
background-position:0 0;
}
.common-ibox .content .hd .close:hover{
background-position:-16px 0;
}
.common-ibox .content .bd{
padding:10px 19px 20px;
position:relative;
border:1px solid #e2e1e6;
border-top: 0;
}
/*榛樿寮圭獥End*/
/*鎻愮ず淇℃伅寮圭獥*/
.message-tit-ibox{margin:-79px 0 0 -172px;}
.message-tit-ibox .content .bd .info{
margin:15px 0;
line-height:23px;
font-size:12px;
color:#777;
font-weight:700;
text-align:center;
}
.ibox-btn-area{
margin-top:20px;
}
.common-ibox .content .bd .ibox-shut-down-btn{
display:inline-block;
margin-right:20px;
width:99px;height:32px;
line-height:32px;
background:#a5a7aa;
font-size:12px;
color:#fff;
text-align:center;
}
.common-ibox .content .bd .ibox-shut-down-btn:hover{
background:#999;
color:#fff;
}
.common-ibox .content .bd .ibox-define-btn{
display:inline-block;
width:99px;height:32px;
line-height:32px;
background:#12b7f5;
font-size:12px;
color:#fff;
text-align:center;
}
.common-ibox .content .bd .ibox-define-btn:hover{
background:#00acec;
color:#fff;
}
.common-ibox .content .bd .ibox-shut-down-btn:focus,
.common-ibox .content .bd .ibox-define-btn:focus{
color:#fff
}
/*鎻愮ず淇℃伅寮圭獥End*/
/* 甯愬彿婵€娲诲脊绐� */
.code-ibox{margin:-176px 0 0 -172px;}
/*.activation-code-ibox{margin:-337px 0 0 -172px;}*/
.activation-code-ibox .content .code-bd{
padding:0 17px 0;
height:315px;
overflow:auto;
overflow-x:hidden;
}
.activation-code-ibox .content .bd ul{
position:relative;
margin-right:-40px;
*zoom:1;
}
.activation-code-ibox .content .bd .activation-title{
width:310px;height:50px;
line-height:50px;
font-size:14px;
font-weight:700;
text-align:right;
}
.activation-code-ibox .content .bd .activation-title .a{color:#777;}
.activation-code-ibox .content .bd .activation-title .a:hover{
text-decoration:underline;
}
.activation-code-ibox .content .bd li{
float:left;
margin:0 17px 25px 0;
width:144px;
border:1px solid #d9d9d9;
}
.activation-code-ibox .content .bd li a{
display:block;
}
.activation-code-ibox .content .bd li img{
display:block;
width:100%;height:82px;
}
.activation-code-ibox .content .bd li .name{
height:25px;line-height:25px;
font-size:12px;color:#333;
text-align:center;
}
.activation-code-ibox .content .bd li a:hover{
box-shadow:0 0 7px 1px rgba(124,124,124,0.6);
}
.activation-code-ibox .content .bd .top-area .img-box{
margin-bottom:18px;
width:302px;
}
.activation-code-ibox .content .bd .top-area .img-box img{
display:block;
width:300px;height:170px;
border:1px solid #d9d9d9;
}
.activation-code-ibox .content .bd .top-area .img-box .name{
padding:0 10px;
width:282px;
height:24px;line-height:24px;
background:#e3e6ed;
font-size:12px;color:#555;
}
.activation-code-ibox .content .bd .top-area .input-area{
margin-bottom:15px;
}
.activation-code-ibox .content .bd .top-area .input-area label{
position:relative;
width:300px;height:31px;
background:#e5dfe4;
border:1px solid #e0e4e5;
font-size:14px;color:#a1a1a1;
}
.activation-code-ibox .content .bd .top-area .input-area label p{
float:left;
padding-left:10px;
width:209px;
height:31px;line-height:31px;
overflow:hidden;
}
.activation-code-ibox .content .bd .top-area .input-area a{
display:block;
float:right;
width:73px;height:31px;
line-height:31px;
font-size:14px;color:#fff;
text-align:center;
}
.activation-code-ibox .content .bd .top-area .input-area .code{
color:#a5a7aa;
background:#fff;
}
.activation-code-ibox .content .bd .top-area .input-area .taoNum-area{
position:absolute;
top:-40px;left:10px;
padding:0 20px;
font-size:14px;color:#696969;
height:27px;line-height:27px;
border:1px solid #ccc;
background:#f7f7f7;
}
.activation-code-ibox .content .bd .top-area .input-area .taoNum-area .arrow{
position:absolute;
left:50%;bottom:-9px;
margin-left:-8px;
width:16px;height:9px;
background:url(http://www.shanggukt.cn/images/code-arrow.png) no-repeat;
}
.activation-code-ibox .content .bd .top-area .input-area .taoNum-area .num{
margin:0 8px;
color:#ff570d;
font-size:15px;
font-weight:700;
}
.activation-code-ibox .content .bd .top-area .input-area .remind{
height:28px;line-height:28px;
font-size:14px;color:#f14400;
}
.activation-code-ibox .content .bd .layout-h4{
margin-bottom:20px;
margin-top:24px;
}
.activation-code-ibox .content .bd .row{
height:25px;
margin-top:12px;
font-size:14px;
color:#333;
}
.activation-code-ibox .content .bd .row-left{
float:left;
width:70px;height:25px;
line-height:25px;
}
.activation-code-ibox .content .bd .row-right{
float:left;
font-size:12px;
}
.activation-code-ibox .content .bd .row-right .input-area label{
width:230px;height:21px;
border:1px solid #cecece;
background:#fff;
}
.activation-code-ibox .content .bd .row-right .input-area p{
float:left;
padding-left:10px;
width:157px;height:21px;
line-height:21px;
color:#a5a7aa;
overflow:hidden;
}
.activation-code-ibox .content .bd .row-right .input-area a{
float:right;
width:53px;height:21px;
line-height:21px;
font-size:12px;color:#fff;
text-align:center;
}
.activation-code-ibox .content .bd .copywriter{
margin-top:16px;
height:64px;
overflow:auto;
overflow-x:hidden;
word-break:break-all;
}
.activation-code-ibox .content .bd .copywriter p{
line-height:22px;
font-size:14px;color:#a5a7aa;
}
.activation-code-ibox .content .bd .ft-area{
margin-top:15px;
}
.activation-code-ibox .content .bd .ft-area .title{
margin-bottom:10px;
color:#555;
font-weight:700;
}
.activation-code-ibox .content .bd .ft-area .ft-code{
text-align:center;
}
.activation-code-ibox .content .bd .ft-area .ft-code .img-box{
margin:0 20px;
width:102px;height:102px;
border:1px solid #cecece;
}
.activation-code-ibox .content .bd .ft-area .ft-code img{
display:block;
width:100%;height:100%;
}
.activation-code-ibox .content .bd .ft-area .ft-code .name{
margin-top:8px;
font-size:12px;color:#777;
font-weight:700;
text-align:center;
}
.activation-code-ibox .ft-area{display:none;}
.activation-code-ibox .two-code .row-1{display:none;}
.activation-code-ibox .two-code .ft-area{display:block;}
/* 甯愬彿婵€娲诲脊绐桬nd */
/*鑾峰彇楠岃瘉鐮佸脊绐�*/
.get-verification-code-ibox{margin:-118px 0 0 -172px;}
.get-verification-code-ibox .bd .verification-tit{
margin-bottom:20px;
height:22px;line-height:22px;
font-size:12px;
color:#777;
font-weight:700;
}
.get-verification-code-ibox .bd .verification-tit span{
color:#cb1a44;
}
.get-verification-code-ibox .bd .row{
margin-bottom:8px;
height:33px;
}
.get-verification-code-ibox .bd .row-left{
float:left;
margin-right:5px;
width:50px;height:33px;
line-height:33px;
font-size:12px;color:#333;
text-align:right;
}
.get-verification-code-ibox .bd .row-right{
float:left;
font-size:12px;
color:#333;
}
.get-verification-code-ibox .bd .row-right .num{
margin-right:10px;
line-height:33px;
}
.get-verification-code-ibox .bd .row-right .input{
margin-right:10px;
padding:0 10px;
width:115px;height:31px;
line-height:33px\9;
border:1px solid #e0e4e5;
background:#fff;
font-size:12px;
color:#dedfe1;
}
.get-verification-code-ibox .bd .row-right .send-voice-btn{
width:96px;height:32px;
line-height:32px;
background:#e8e8e8;
color:#a5a7aa;
text-align:center;
}
/*鑾峰彇楠岃瘉鐮佸脊绐桬nd*/
/*鍒犻櫎鏍囩寮圭獥*/
.remove-label-ibox{margin:-125px 0 0 -233px;}
.remove-label-ibox .content{
width:465px;
}
.remove-label-ibox .label-content{
padding:0 30px;
}
.remove-label-ibox .label-content ul{margin-top:10px;}
.remove-label-ibox .label-content li{
float:left;
margin:0 10px 10px 0;
}
.remove-label-ibox .label-content li a{
display:inline-block;
*display:inline;*zoom:1;
padding:0 10px;
height:20px;line-height:20px;
background:#a5a7aa;
color:#fff;
font-size:12px;
}
.remove-label-ibox .label-content li a:hover{
background:#12b7f5;
color:#fff;
}
.remove-label-ibox .label-content .active a,
.remove-label-ibox .label-content .active a:hover{
background:#12b7f5;
}
/*鍒犻櫎鏍囩寮圭獥End*/
/*绾㈠寘鍏呭€煎脊绐�*/
.recharge-hbao-ibox{margin:-182px 0 0 -172px;}
.recharge-hbao-ibox .content .hd{
position:relative;
padding:0;
height:32px;line-height:32px;
border-top:1px solid #12b7f5;
}
.recharge-hbao-ibox .content .hd .close{
position:absolute;
top:0;right:0;
width:32px;height:24px;
background:url(http://www.shanggukt.cn/images/close_1.png) no-repeat;
margin-top: 0;
}
.recharge-hbao-ibox .content .hd .close:hover{
background-position:0 -24px;
}
.recharge-hbao-ibox li a{
float:left;
width:171px;height:32px;
line-height:32px;
background:#12b7f5;
font-size:14px;color:#fff;
font-weight:700;
text-align:center;
}
.recharge-hbao-ibox .active a{
background:#fff;
color:#12b7f5;
}
.recharge-hbao-ibox .hd .active a{
border-left: 1px solid #e2e1e6;
border-right: 1px solid #e2e1e6;
width: 169px;
}
.recharge-hbao-ibox .img-box{
display:block;
margin:20px 51px;
width:200px;height:200px;
position:relative;
}
.recharge-hbao-ibox .img-box img{ width:100%;height:100%; }
.recharge-hbao-ibox .img-box .loading{
position:absolute;
top:50%;left:50%;
margin:-16px 0 0 -16px;
width:32px;height:32px;
background:url(http://www.shanggukt.cn/images/loading.gif) no-repeat;
z-index:0;
}
.recharge-hbao-ibox .title{
margin: 10px 0;
height:20px;line-height:20px;
font-size:12px;color:#cb1a44;
font-weight:700;
text-align:center;
cursor:default;
}
.recharge-hbao-ibox .tit{
margin: 10px 0;
height:20px;line-height:20px;
font-size:12px;color:#a5a7aa;
text-align:center;
cursor:default;
}
/*绾㈠寘鍏呭€煎脊绐桬nd*/
/*璇煶璁よ瘉寮圭獥*/
.voice-ibox{margin:-175px 0 0 -233px;}
.voice-ibox .content{
width:464px;
}
.voice-ibox .content .bd{
padding-top:20px;
}
.voice-ibox .content .bd .row{
margin-bottom:20px;
height:33px;
}
.voice-ibox .content .bd .row-left{
float:left;
margin-right:5px;
width:145px;height:36px;
line-height:36px;
font-size:12px;color:#333;
text-align:right;
font-weight:700;
}
.voice-ibox .content .bd .row-right{
float:left;
font-size:12px;
color:#333;
}
.voice-ibox .content .bd .row-right .num{
display:inline-block;
padding:0 15px;
margin-right:10px;
width:90px;height:36px;
line-height:36px;
background:#f3f3f3;
}
.voice-ibox .content .bd .row-right .send-voice-btn{
width:70px;height:36px;
line-height:36px;
background:#12b7f5;
color:#fff;
text-align:center;
}
.voice-ibox .content .bd .row-right .send-voice-btn:hover{
background:#00acec;
}
.voice-ibox .content .bd .row-right .again-voice-btn,
.voice-ibox .content .bd .row-right .again-voice-btn:hover,
.voice-ibox .content .bd .row-right .again-voice-btn:active{
margin-top:3px;
width:90px;height:27px;
line-height:27px;
background:#999;
border-radius:4px;
color:#fff;
text-align:center;
}
.voice-ibox .content .bd .row-right .z10{
z-index:10;
}
.voice-ibox .content .bd .row-right .select{
position:relative;
padding:0 34px 0 10px;
width:160px;height:36px;
line-height:36px;
background:#f3f3f3;
color:#000;
cursor:pointer;
z-index:1;
}
.voice-ibox .content .bd .row-right .select .arrow{
position:absolute;
top:0;right:0;
width:34px;height:36px;
background:url(http://www.shanggukt.cn/images/ibox-select-arrow.png) no-repeat;
cursor:pointer;
}
.voice-ibox .content .bd .row-right .option{
display:none;
position:absolute;
top:32px;left:-1px;
width:267px;height:238px;
overflow-y:auto;
overflow-x:hidden;
}
.voice-ibox .content .bd .row-right .option li{
padding-left:10px;
width:255px;
height:33px;line-height:33px;
border:1px solid #ccc;
background:#fff;
border-top:none;
}
.voice-ibox .content .bd .row-right .option a{
display:block;
height:100%;width:100%;
color:#8a8a8a;
}
.voice-ibox .content .bd .row-right .option a:hover{
color:#4d8cf5;
}
.voice-ibox .content .bd .row-right .input{
margin-right:10px;
padding:0 10px;
width:95px;height:36px;
line-height:36px\9;
background:#f3f3f3;
border:none;
}
.voice-ibox .content .bd .row-right .tit-text{
line-height:33px;color:#999;
}
.voice-ibox .content .bd .voice-tit{
position:relative;
padding:7px 10px;
margin:25px 0 0 55px;
width:301px;height:43px;
background:#f3f3f3;
}
.voice-ibox .content .bd .voice-tit .triangle{
position:absolute;
top:-6px;left:44px;
width:10px;height:6px;
background:url(http://www.shanggukt.cn/images/ibox-triangle.png) no-repeat;
}
.voice-ibox .content .bd .voice-tit .tit-icon{
float:left;
margin:5px 7px 0 0;
width:12px;height:12px;
background:url(http://www.shanggukt.cn/images/ibox-icon1.png) no-repeat;
}
.voice-ibox .content .bd .voice-tit .title{
float:left;
width:270px;
line-height:21px;
font-size:12px;
color:#777;z
}
/*璇煶璁よ瘉寮圭獥End*/
/*鐑熻姳寮圭獥*/
.new-yanhua-ibox{margin:-188px 0 0 -233px;}
.new-yanhua-ibox .content{
width:464px;
}
.new-yanhua-ibox .bd{
position:relative;
background:#fff;
padding:20px 0;
}
.new-yanhua-ibox .bd li{
margin-bottom:6px;
}
.new-yanhua-ibox .bd li a{
display:block;
padding:0 20px;
height:30px;line-height:30px;
}
.new-yanhua-ibox .bd li a:hover{
background:#f4f4f4;
}
.new-yanhua-ibox .bd li .radio{
margin:7px 15px 0 0;
float:left;
width:16px;height:16px;
background:url(http://www.shanggukt.cn/images/ibox-checkbox.png) no-repeat;
background-position:0 -16px;
}
.new-yanhua-ibox .bd li .disable-icon{
background-position:0 0;
}
.new-yanhua-ibox .bd li .checked{
background-position:0 -32px;
}
.new-yanhua-ibox .bd li .name{
float:left;
width:200px;line-height:30px;
font-size:12px;color:#333;
}
.new-yanhua-ibox .bd .completed .name{
color:#12b7f5;
font-weight:700;
}
.new-yanhua-ibox .bd .completed .name span{
display:inline-block;
margin-left:10px;
width:40px;height:18px;
line-height:18px;
background:#12b7f5;
font-size:12px;
color:#fff;
}
.new-yanhua-ibox .bd li .num{
float:right;
width:125px;line-height:30px;
font-size:12px;color:#333;
}
.new-yanhua-ibox .bd li .title-area{
display:none;
position:relative;
padding:0 50px;
height:30px;line-height:30px;
}
.new-yanhua-ibox .bd li .title-area .tit{
display:inline-block;
*display:inline;*zoom:1;
width:370px;
font-size:12px;color:#888;
background:#ececec;
padding:0 3px;
}
.new-yanhua-ibox .bd li .title-area .tit .icon{
display:inline-block;
margin-right:5px;
width:12px;height:12px;
background:url(http://www.shanggukt.cn/images/ibox-icon1.png) no-repeat;
}
.new-yanhua-ibox .bd li .title-area .arrow{
position:absolute;
top:-6px;left:80px;
width:8px;height:6px;
background:url(http://www.shanggukt.cn/images/new-arrow_1.png) no-repeat;
}
.new-yanhua-ibox .bd .active .title-area{
display:block;
}
/*鐑熻姳寮圭獥End*/
/*骞垮憡璁剧疆寮圭獥*/
.ggao-set-ibox{margin:-170px 0 0 -233px;}
.ggao-set-ibox .content{
width:464px;
}
.ggao-set-ibox .content .bd{
padding-top:20px;
}
.ggao-set-ibox .bd .row{
margin-bottom:15px;
height:33px;
z-index:5;
}
.ggao-set-ibox .bd .row-1{z-index:3;}
.ggao-set-ibox .bd .row-2{z-index:1;}
.ggao-set-ibox .bd .left-row{
float:left;
margin-right:5px;
width:150px;height:33px;line-height:33px;
text-align:right;
cursor:default;
font-weight:700;
}
.ggao-set-ibox .bd .right-row{
float:left;
}
.ggao-set-ibox .bd .select-area{
position:relative;
width:168px;height:36px;
background:#f3f3f3;
cursor: pointer;
z-index:5;
}
.ggao-set-ibox .bd .row-1 .select-area{z-index:3;}
.ggao-set-ibox .bd .row-2 .select-area{z-index:1;}
.ggao-set-ibox .bd .select-area .select{
display:block;
position:relative;
padding-left:10px;
width:160px;height:36px;
line-height:36px;
font-size:12px;color:#777;
}
.ggao-set-ibox .bd .select-area .select .arrow{
position:absolute;
top:0px;right:0px;
width:34px;height:36px;
background:url(http://www.shanggukt.cn/images/ibox-select-arrow.png) no-repeat;
}
.ggao-set-ibox .bd .select-area .option{
display:none;
position:absolute;
top:33px;left:-1px;
width:168px;
border:1px solid #b9b9b9;
border-bottom:none;
z-index:10;
}
.ggao-set-ibox .bd .select-area .option li{
height:30px;line-height:30px;
border-bottom:1px solid #b9b9b9;
background:#fff;
}
.ggao-set-ibox .bd .select-area .option li a{
display:block;
padding-left:27px;
width:80px;
font-size:12px;color:#666;
}
.ggao-set-ibox .bd .select-area .option li a:hover{color:#0372cf;}
.ggao-set-ibox .content .bd .ggao-tips{
position:relative;
padding:7px 10px;
margin:25px 0 0 40px;
width:301px;height:43px;
background:#f3f3f3;
}
.ggao-set-ibox .content .bd .ggao-tips .triangle{
position:absolute;
top:-6px;left:44px;
width:10px;height:6px;
background:url(http://www.shanggukt.cn/images/ibox-triangle.png) no-repeat;
}
.ggao-set-ibox .content .bd .ggao-tips .tit-icon{
float:left;
margin:5px 7px 0 0;
width:12px;height:12px;
background:url(http://www.shanggukt.cn/images/ibox-icon1.png) no-repeat;
}
.ggao-set-ibox .content .bd .ggao-tips .title{
float:left;
width:270px;
line-height:21px;
font-size:12px;
color:#777;z
}
/*骞垮憡璁剧疆寮圭獥End*/
/*瀹堟姢寮圭獥*/
.new-guard-ibox{margin:-301px 0 0 -386px;}
.new-guard-ibox .content{
width:790px;
}
.new-guard-ibox .bd .sub-hd{
height:36px;line-height:36px;
font-size:14px;color:#555;
font-weight:700;
}
.new-guard-ibox .sub-hd .name{
color:#bbb;
max-width:160px;
_width:160px;
margin-right:10px;
}
.new-guard-ibox .sub-hd .choose-btn{
margin-top:5px;
width:80px;height:26px;
line-height:26px;
background:#1398e2;
border-radius:5px;
font-size:14px;color:#fff;
text-align:center;
}
.new-guard-ibox .sub-hd .js-defend-info-nickname,
.new-guard-ibox .sub-hd .js-defend-info-loading{ margin-right: 10px; }
.new-guard-ibox .bd .sub-nav{
margin-bottom:32px;
border-bottom:1px solid #e4e4e4;
}
.new-guard-ibox .bd .sub-nav li{
position:relative;
float:left;
padding-top:10px;
width:104px;height:30px;
font-size:0;
text-align:center;
}
.new-guard-ibox .bd .sub-nav li a{
display:block;color:#333;
}
.new-guard-ibox .bd .sub-nav li span{
font-size:12px;
margin-left:7px;
}
.new-guard-ibox .bd .sub-nav li a:hover{color:#1398e2;}
.new-guard-ibox .bd .sub-nav li .line{
display:none;
position:absolute;
bottom:-1px;left:0;
width:104px;height:3px;
background:#1398e2;
}
.new-guard-ibox .bd .sub-nav .active .line{
display:block;
}
.new-guard-ibox .bd .sub-nav .active a:hover{color:#333;}
.new-guard-ibox .new-guard-area .left{
position:relative;
float:left;
margin-right:20px;
width:180px;height:235px;
background:#d7d7d7;
}
.new-guard-ibox .new-guard-area .left img{
display:block;
width:100%;height:100%;
}
.new-guard-ibox .new-guard-area .left .preview-bg{
position:absolute;
bottom:0;left:0;
width:100%;height:30px;
line-height:30px;
background:url(http://www.shanggukt.cn/images/preview-mask.png) repeat;
}
.new-guard-ibox .new-guard-area .left .preview-bg ul{
font-size:0;
text-align:center;
}
.new-guard-ibox .new-guard-area .left .preview-bg li{
position:relative;
display:inline-block;
*display:inline;*zoom:1;
width:90px;
text-align:center;
}
.new-guard-ibox .new-guard-area .left .preview-bg .line{
position:absolute;
top:10px;left:0;
width:1px;height:11px;
background:#fff;
}
.new-guard-ibox .new-guard-area .left .preview-bg a{
display:block;
color:#fff;font-size:12px;
}
.new-guard-ibox .new-guard-area .left .preview-bg a:hover{
color:#000;
}
.new-guard-ibox .new-guard-area .right{
float:left;
width:528px;height:235px;
overflow:hidden;
}
.new-guard-ibox .new-guard-area .right ul{
position:relative;
*zoom:1;
margin-right:-50px;
}
.new-guard-ibox .new-guard-area .right li{
float:left;
margin-right:20px;
margin-bottom:42px;
width:255px;
}
.new-guard-ibox .new-guard-area .right .jurisdiction{
float:left;
margin-right:10px;
width:50px;height:50px;
background:url(http://www.shanggukt.cn/images/left.png) no-repeat;
}
.new-guard-ibox .new-guard-area .right .jurisdiction-1{
background-position:0 0;
}
.new-guard-ibox .new-guard-area .right .jurisdiction-2{
background-position:-50px 0;
}
.new-guard-ibox .new-guard-area .right .jurisdiction-3{
background-position:-100px 0;
}
.new-guard-ibox .new-guard-area .right .jurisdiction-4{
background-position:0 -50px;
}
.new-guard-ibox .new-guard-area .right .jurisdiction-5{
background-position:-50px -50px;
}
.new-guard-ibox .new-guard-area .right .jurisdiction-6{
background-position:-100px -50px;
}
.new-guard-ibox .new-guard-area .right .sub-right{
float:left;
width:195px;
}
.new-guard-ibox .new-guard-area .right p{
line-height:16px;
font-size:12px;color:#666;
}
.new-guard-ibox .new-guard-area .right .title{
margin-bottom:4px;
font-size:14px;color:#333;
line-height:14px;
font-weight:700;
}
.new-guard-ibox .buy-way{
margin-top:40px;
height:25px;line-height:25px;
font-size:12px;color:#333;
}
.new-guard-ibox .buy-way .way{
margin-left:5px;
_display:inline;
}
.new-guard-ibox .buy-way li{
position:relative;
margin-right:10px;
float:left;
width:70px;height:25px;
}
.new-guard-ibox .buy-way li a{
display:block;
width:68px;height:23px;
border:1px solid #d2d2d2;
color:#333;
text-align:center;
}
.new-guard-ibox .buy-way li a:hover,
.new-guard-ibox .buy-way .active a{
border:1px solid #1398e2;
color:#1398e2;
}
.new-guard-ibox .buy-way li.disabled a:hover,
.new-guard-ibox .buy-way .disabled.active a{
border:1px solid #d2d2d2;
color:#333;
cursor: default;
}
.new-guard-ibox .buy-way li .icon{
display:none;
position:absolute;
right:0;bottom:0;
width:13px;height:13px;
background:url(http://www.shanggukt.cn/images/icon.png) no-repeat;
}
.new-guard-ibox .buy-way .active .icon{
display:block;
}
.new-guard-ibox .buy-way .disabled.active .icon{ display: none; }
.new-guard-ibox .tit-area{
margin-top:5px;
height:24px;line-height:24px;
font-size:12px;color:#333;
}
.new-guard-ibox .tit-area .num{
margin:0 5px;
color:#ffc408;font-size:12px;
}
.new-guard-ibox .tit-area .money{
position:relative;
margin-right:10px;
}
.new-guard-ibox .tit-area .money,
.new-guard-ibox .tit-area .money-upgrade{
float:left;
}
.new-guard-ibox .tit-area .money .line{
display:none;
position:absolute;
top:8px;left:3px;
height:1px;width:100%;
background:#ffc408;
}
.new-guard-ibox .tit-area .money-upgrade{display:none;}
.new-guard-ibox .upgrade .money .line,
.new-guard-ibox .upgrade .money-upgrade{display:block;}
.new-guard-ibox .note{
height:24px;line-height:24px;
font-size:12px;color:#999;
}
.new-guard-ibox .textC{
margin-top:28px;
}
.new-guard-ibox .textC .guard-btn{
width:208px;height:44px;
line-height:44px;
background:#12b7f5;
font-size:14px;color:#fff;
text-align:center;
}
.new-guard-ibox .textC .guard-btn:hover{
background:#00acec;
}
.new-guard-ibox .preview-area{
display:none;
position:absolute;
top:50%;left:50%;
margin:-180px 0 0 -300px;
width:600px;height:360px;
}
/*瀹堟姢寮圭獥End*/
/* 瀹堟姢寮圭獥 tips */
.new-guard-ibox .bd .sub-nav .guard-level-tips{
display: none;
position: absolute;
top: -25px; left: 20px;
padding: 5px 8px;
background: #ffb11b;
color: #fff;
border-radius: 5px;
width: 48px;
}
.new-guard-ibox .bd .sub-nav .guard-level-tips.long{ width: 72px; }
.new-guard-ibox .bd .sub-nav .guard-level-tips span{ margin-left: 0; }
.new-guard-ibox .bd .sub-nav .guard-level-tips .arrow{
position: absolute;
left: 11px; bottom: -5px;
width: 11px; height: 5px;
background: url(http://www.shanggukt.cn/images/guard-tips.png) no-repeat;
}
.new-guard-ibox .bd .sub-nav .guard-level-tips-show .guard-level-tips{ display: block; }
/* 瀹堟姢寮圭獥 tips end */
/*鍋氫换鍔￠閽卞挴寮圭獥*/
.rwtc-ibox{margin:-181px 0 0 -233px;}
.rwtc-ibox .content{
width:464px;
}
.rwtc-ibox .rw-content-nav{
padding-left:25px;
height:36px;line-height:36px;
border-bottom:1px solid #f3f3f3;
font-size:14px;
color:#555;
font-weight:700;
}
.rwtc-ibox .rw-bd{margin-right:-20px;}
.rwtc-ibox .rw-bd li{
float:left;
margin:20px;
}
.rwtc-ibox .rw-bd .active{
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);
}
.rwtc-ibox .rw-bd a{
position:relative;
display:inline-block;
width:66px;height:70px;
background:url(http://www.shanggukt.cn/images/ibox-room-icons.png) 0 0 no-repeat;
}
.rwtc-ibox .rw-bd a:hover{
background:url(http://www.shanggukt.cn/images/ibox-room-icons.png) -66px 0 no-repeat;
}
.rwtc-ibox .rw-bd a .name{
padding:0 10px;
margin-top:13px;
width:46px;height:37px;
line-height:37px;
font-size:12px;
color:#8e7900;
font-weight:700;
text-align:center;
}
.rwtc-ibox .rw-bd .page-game a .name{
line-height:19px;
}
.rwtc-ibox .rw-bd .rw-star a span{display:none;}
.rwtc-ibox .rw-bd .rw-jb a span{
position:absolute;
bottom:0;left:0;
width:66px;height:20px;
line-height:20px;
font-size:12px;
color:#fff;
text-align:center;
}
.rwtc-ibox .rw-bd .rw-jb a .star-area{display:none;}
.rwtc-ibox .rw-bd .rw-star a .star-area{
position:absolute;
bottom:0;left:0;
padding:4px 0 4px 10px;
width:56px;height:12px;
}
.rwtc-ibox .rw-bd .rw-star a .finished{
position:absolute;
bottom:0;left:0;
width:56px;height:12px;
background:#a5a7aa;
}
.rwtc-ibox .rw-bd .rw-star a .star-area .star{
float:left;
margin-right:5px;
width:12px;height:12px;
}
.rwtc-ibox .rw-bd .rw-star a .star-area .grey-star{
background:url(http://www.shanggukt.cn/images/ibox-rw-icon.png) -24px 0 no-repeat;
}
.rwtc-ibox .rw-bd .rw-star a .star-area .red-star{
background:url(http://www.shanggukt.cn/images/ibox-rw-icon.png) 0 0 no-repeat;
}
.rwtc-ibox .rw-bd .rw-star a .star-area .gold-star{
background:url(http://www.shanggukt.cn/images/ibox-rw-icon.png) -12px 0 no-repeat;
}
.rwtc-ibox .rw-bd .yeyou-rw a .crown{
position:absolute;
top:-10px;left:-2px;
width:28px;height:27px;
background:url(http://www.shanggukt.cn/images/ibox-crown.png) no-repeat;
}
.rwtc-ibox .rw-bd .rw-star a .tao-icon,
.rwtc-ibox .rw-bd .rw-jb a .tao-icon{
position:absolute;
top:40px;right:-10px;
width:20px;height:20px;
line-height:20px;
background:red;
border-radius:100%;
text-align:center;
font-size:12px;
color:#fff;
}
/*鍋氫换鍔￠閽卞挴寮圭獥End*/
/*title寮圭獥*/
.new-title-ibox{
position:fixed;
top:50%;left:50%;
margin:-99px 0 0 -150px;
padding:14px 18px;
width:264px;
background:#000;
background:rgba(54,54,54,.9);
font-size:12px;color:#fff;
box-shadow:0 0 4px #000;
line-height:20px;
z-index:70;
}
.new-title-ibox .arrow{
position:absolute;
bottom:-6px;left:50%;
margin-left:-5px;
width:11px;height:6px;
background:url(http://www.shanggukt.cn/images/room-icons.png) -400px -760px no-repeat;
}
.new-title-ibox .title-hd{
font-weight:700;
}
.new-title-ibox .nr-rw-ibox span{
display:inline-block;
height:25px;
line-height:25px;
font-size:12px;
}
.new-title-ibox .nr-rw-ibox .num,
.new-title-ibox .nr-rw-ibox .sub-content,
.new-title-ibox .nr-rw-ibox .money,
.new-title-ibox .nr-rw-ibox .status{
float:left;
}
.new-title-ibox .nr-rw-ibox .sub-content{
width:140px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
text-align:left;
}
.new-title-ibox .nr-rw-ibox .money{
width:60px;
text-align:right;
}
.new-title-ibox td{ vertical-align: top; padding: 0 2px; }
.new-title-ibox .nr-rw-ibox .status{
margin-left:15px;
color:#a5a7aa;
}
.new-title-ibox .nr-rw-ibox .sub-done{
color:#12b7f5;
}
/*title寮圭獥End*/
/*鑰佽檸鏈哄脊绐�*/
.slotMachine-ibox{margin:-276px 0 0 -233px;}
.slotMachine-ibox .content{
width:464px;
}
.slotMachine-ibox .content .bd{
position:relative;
padding:6px 31px 0 32px;
}
.slotMachine-ibox .content .bd .icon-1{
position:absolute;
top:176px;right:54px;
width:53px;height:87px;
background:url(http://www.shanggukt.cn/images/lhj-icon-1.png) no-repeat;
z-index:2;
}
.slotMachine-ibox .slotMachine-content{
width:400px;height:373px;
background:url(http://www.shanggukt.cn/images/lhj-ibox-bg.jpg) no-repeat;
}
.slotMachine-ibox .slotMachine-content .sub-hd{
margin-left:100px;
width:225px;height:32px;
line-height:32px;
background:#ff501a;
border-radius:10px;
font-size:14px;
color:#fff;
text-align:center;
}
.slotMachine-ibox .slotMachine-content .sub-bd{
margin:42px 0 0 126px;
height:90px;
overflow:hidden;
}
.slotMachine-ibox .slotMachine-content .sub-bd .num-thousand,
.slotMachine-ibox .slotMachine-content .sub-bd .num-hundred,
.slotMachine-ibox .slotMachine-content .sub-bd .num-ten,
.slotMachine-ibox .slotMachine-content .sub-bd .num-months{
float:left;
margin-right:5px;
width:38px;height:90px;
background-image:url(http://www.shanggukt.cn/images/ibox-lhj-num.png);
background-repeat:repeat-y;
background-position:0 -34px;
}
.slotMachine-ibox .slotMachine-content .sub-bd .num-hundred{
margin-right:6px;
}
.slotMachine-ibox .slotMachine-content .rocker{
position:relative;
display:block;
margin:33px 0 0 89px;
width:242px;height:63px;
background:url(http://www.shanggukt.cn/images/ibox-lottery-btn.png) no-repeat;
}
.slotMachine-ibox .slotMachine-content .rocker{
background-position:0 0;
}
.slotMachine-ibox .slotMachine-content .rocker:active{
background-position:0 -63px;
}
.slotMachine-ibox .slotMachine-content .rocker-disabled,
.slotMachine-ibox .slotMachine-content .rocker-disabled:hover,
.slotMachine-ibox .slotMachine-content .rocker-disabled:active{
background-position:0 -126px;
}
.slotMachine-ibox .slotMachine-content .rocker .icon-2,
.slotMachine-ibox .slotMachine-content .rocker .icon-3{
position:absolute;
top:-8px;
width:16px;height:14px;
background:url(http://www.shanggukt.cn/images/lhj-icon-2.png) no-repeat;
}
.slotMachine-ibox .slotMachine-content .rocker .icon-2{
left:42px;
}
.slotMachine-ibox .slotMachine-content .rocker .icon-3{
left:166px;
}
.slotMachine-ibox .gg-box{
margin:-80px 0 0 67px;
width:296px;height:84px;
}
.slotMachine-ibox .gg-box img{
display:block;
width:100%;height:100%;
}
.slotMachine-ibox .share-title{
height:40px;line-height:40px;
font-size:15px;
color:#000;
text-align:center;
}
.slotMachine-ibox .share-title span{
font-size:12px;
}
.slotMachine-ibox .share-area{
padding:20px 37px 0 35px;
height:100px;
background:#f6f4f4;
}
.slotMachine-ibox .share-area li{
position:relative;
float:left;
margin:0 24px;
text-align:center;
}
.slotMachine-ibox .share-area li .share{
position:relative;
display:block;
width:50px;height:50px;
border-radius:100%;
margin: 0;
}
.slotMachine-ibox .share-area li .share a{
position:absolute;
top:0;left:0;
margin:0;
float:left;
display:block;
width:100%;height:100%;
background-color:transparent;
background-image:none;
background-repeat:no-repeat;
z-index:2;
}
.slotMachine-ibox .share-area li .icon{
position:absolute;
top:0;left:0;
width:50px;height:50px;
background:url(http://www.shanggukt.cn/images/third-icon_1.png) no-repeat;
z-index:1;
}
.slotMachine-ibox .share-area .qq .share{
background:#76b9ed;
}
.slotMachine-ibox .share-area .qq .icon{
background-position:0 0;
}
.slotMachine-ibox .share-area .wb .share{
background:#ee778a;
}
.slotMachine-ibox .share-area .wb .icon{
background-position:-50px 0;
}
.slotMachine-ibox .share-area .wx .share{
background:#50c877;
}
.slotMachine-ibox .share-area .wx .icon{
background-position:-100px 0;
}
.slotMachine-ibox .share-area .tb .share{
background:#76b9ed;
}
.slotMachine-ibox .share-area .tb .icon{
background-position:-150px 0;
}
.slotMachine-ibox .share-area li .bg{
position:absolute;
width:50px;height:50px;
left:50%;top:0;
margin-left:-25px;
border-radius:100%;
opacity:0;
-webkit-transition:.5s cubic-bezier(.3,0,0,1.3);
-moz-transition:.5s cubic-bezier(.3,0,0,1.3);
-ms-transition:.5s cubic-bezier(.3,0,0,1.3);
-o-transition:.5s cubic-bezier(.3,0,0,1.3);
transition:.5s cubic-bezier(.3,0,0,1.3);
-webkit-transform:scale(0,0);
-moz-transform:scale(0,0);
-ms-transform:scale(0,0);
-o-transform:scale(0,0);
transform:scale(0,0);
z-index:0;
}
.slotMachine-ibox .share-area .qq .share-hover .bg{
background:#3ca5f6;
}
.slotMachine-ibox .share-area .wb .share-hover .bg{
background:#f74964;
}
.slotMachine-ibox .share-area .wx .share-hover .bg{
background:#1dc353;
}
.slotMachine-ibox .share-area .tb .share-hover .bg{
background:#3ca5f6;
}
.slotMachine-ibox .share-area .share-hover .bg{
opacity:1;
-webkit-transform:scale(1,1);
-moz-transform:scale(1,1);
-ms-transform:scale(1,1);
-o-transform:scale(1,1);
transform:scale(1,1);
}
.slotMachine-ibox .share-area li p{
line-height:32px;
font-size:12px;color:#555;
}
/*鑰佽檸鏈哄脊绐桬nd*/
/*绂佽█璁板綍寮圭獥*/
.gag-list-ibox{margin:-200px 0 0 -386px;}
.gag-list-ibox .content{width:790px;}
.gag-list-ibox .content .hd .remind-btn{
display:inline-block;
margin-left:8px;
width:32px;height:15px;
line-height:15px;
border:1px solid #fff;
font-size:12px;
color:#fff;
text-align:center;
}
.gag-list-ibox .content .bd{
padding-left:30px;
}
.gag-list-ibox .content .bd .table{width:100%;}
.gag-list-ibox .content .bd .table th,
.gag-list-ibox .content .bd .table td{
color:#777;
vertical-align:middle;
text-align:left;
}
.gag-list-ibox .content .bd .table th{
height:32px;
}
.gag-list-ibox .content .bd .table td{line-height:22px;}
.gag-list-ibox .content .bd .table td a{color:#12b7f5;}
.gag-list-ibox .content .bd .table td a:hover{text-decoration:underline;}
.gag-list-ibox .content .bd .table .even td{background:#fff;}
.gag-list-ibox .content .bd .table .name{
width:114px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.gag-list-ibox .content .bd .table .jb-content{
width:144px;
}
.pageArea{
margin-top:24px;
overflow:hidden;
text-align:center;
}
.pageArea .page-num{float: left;cursor:default;}
.pageArea .page-num small{margin:0 5px;}
.pageArea .page{
display:inline-block;
overflow:hidden;
}
.pageArea .page ul{margin-right:0;margin-left:0;}
.pageArea .page li{
float: left;_display:inline;
margin: 0 0 0 4px;
width:auto;
height:20px;line-height:20px;
background:#f3f3f3;
font-size:12px;
text-align: center;
cursor: pointer;
}
.pageArea .page li a{
display: block;
padding:0 8px;
width:auto;
height:20px;line-height:20px;
color:#a6a7ab;
}
.pageArea .page li span{padding:0 8px;}
.pageArea .page li a:hover{ background:#eee; }
.pageArea .page li a:active{ background:#e6e6e6; }
.pageArea .page .active a,
.pageArea .page .active a:hover,
.pageArea .page .active a:active{
background:#12b7f5;
color: #fff;
}
.pageArea .page .active{
background:#1497e5;
color: #fff;
}
/*绂佽█璁板綍寮圭獥End*/
/*椋炴満绁ㄥ脊绐�*/
.dialog-border{margin:-174px 0 0 -233px;}
.dialog-border .content{width:464px;}
.dialog-border .content .bd{
padding-top:23px;
}
.dialog-border .content .aircraft-title{
height:16px;line-height:16px;
font-size:12px;color:#555;
font-weight:700;
}
.dialog-border .aircraft-content{padding-bottom:20px;}
.dialog-border .aircraft-content .row{
margin-top:10px;
font-size:12px;color:#555;
}
.dialog-border .aircraft-content .row-left{
float:left;
width:145px;height:33px;
line-height:33px;
font-weight:700;
text-align:right;
}
.dialog-border .aircraft-content .row-right{
float:left;
width:270px;line-height:33px;
}
.dialog-border .aircraft-content .row-right .select {
position: relative;
padding: 0 34px 0 10px;
width:156px;height:31px;
line-height: 33px;
background: #f3f3f3;
color: #777;
cursor: pointer;
z-index: 1;
}
.dialog-border .aircraft-content .row-right .select .arrow {
position: absolute;
top: 0;right: 0;
width: 34px;height: 31px;
background:url(http://www.shanggukt.cn/images/ibox-select-arrow.png) no-repeat;
cursor: pointer;
}
.dialog-border .aircraft-content .row-right textarea{
padding:5px;
width:190px;height:96px;
background: #f3f3f3;
border:none;
}
.dialog-border .aircraft-content .row-right .ibox-define-btn{
display:inline-block;
margin-top:10px;
width:118px;height:32px;
line-height:32px;
background:#12b7f5;
font-size:12px;
color:#fff;
text-align:center;
}
.dialog-border .aircraft-content .row-right .ibox-define-btn:hover{
background:#00acec;
color:#fff;
}
.dialog-border .aircraft-content .row-right .option{
display:none;
position:absolute;
top:32px;left:-1px;
width:267px;height:238px;
overflow-y:auto;
overflow-x:hidden;
}
.dialog-border .aircraft-content .row-right .option li{
padding-left:10px;
width:255px;
height:33px;line-height:33px;
border:1px solid #ccc;
background:#fff;
border-top:none;
}
.dialog-border .aircraft-content .row-right .option a{
display:block;
height:100%;width:100%;
color:#8a8a8a;
}
.dialog-border .aircraft-content .row-right .option a:hover{
color:#4d8cf5;
}
/*椋炴満绁ㄥ脊绐桬nd*/
/*寮曞寮圭獥*/
.guide-share-ibox{
position:absolute;
top:0px;right:0px;
width:225px;height:215px;
background:url(http://www.shanggukt.cn/images/ibox-subscribe-bg.png) 0 0 no-repeat;
z-index:10;
}
.guide-share-ibox .close{
position:absolute;
top:77px;right:7px;
width:18px;height:18px;
background:url(http://www.shanggukt.cn/images/ibox-hb-close1.png) no-repeat;
}
.guide-share-ibox .share-area{
position:absolute;
bottom:15px;left:30px;
}
.guide-share-ibox .share-area li{
float:left;
margin:0 15px;
text-align:center;
}
.guide-share-ibox .share-area li .share{
position:relative;
display:block;
width:28px;height:28px;
border-radius:100%;
margin:0;
}
.guide-share-ibox .share-area li a{
position:absolute;
top:0;left:0;
margin:0;
float:left;
display:block;
width:100%;height:100%;
background-color:transparent;
background-image:none;
background-repeat:no-repeat;
z-index:2;
}
.guide-share-ibox .share-area li .icon{
position:absolute;
top:-5px;left:-4px;
width:28px;height:28px;
background:url(http://www.shanggukt.cn/images/ibox-share-icon.png) no-repeat;
z-index:1;
}
.guide-share-ibox .share-area .wb .share{
background:#ee778a;
}
.guide-share-ibox .share-area .wb .icon{
background-position:0 0;
}
.guide-share-ibox .share-area .qqzone .share{
background:#17abf7;
}
.guide-share-ibox .share-area .qqzone .icon{
background-position:-36px 0;
}
.guide-share-ibox .share-area .qq .share{
background:#76b9ed;
}
.guide-share-ibox .share-area .qq .icon{
background-position:-72px 0;
}
.guide-share-ibox .share-area li .bg{
position:absolute;
width:28px;height:28px;
left:50%;top:0;
margin-left:-14px;
border-radius:100%;
opacity:0;
-webkit-transition:.5s cubic-bezier(.3,0,0,1.3);
-moz-transition:.5s cubic-bezier(.3,0,0,1.3);
-ms-transition:.5s cubic-bezier(.3,0,0,1.3);
-o-transition:.5s cubic-bezier(.3,0,0,1.3);
transition:.5s cubic-bezier(.3,0,0,1.3);
-webkit-transform:scale(0,0);
-moz-transform:scale(0,0);
-ms-transform:scale(0,0);
-o-transform:scale(0,0);
transform:scale(0,0);
z-index:0;
}
.guide-share-ibox .share-area .wb .share-hover .bg{
background:#f74964;
}
.guide-share-ibox .share-area .qqzone .share-hover .bg{
background:#17abf7;
}
.guide-share-ibox .share-area .qq .share-hover .bg{
background:#3ca5f6;
}
.guide-share-ibox .share-area .share-hover .bg{
opacity:1;
-webkit-transform:scale(1,1);
-moz-transform:scale(1,1);
-ms-transform:scale(1,1);
-o-transform:scale(1,1);
transform:scale(1,1);
}
.guide-go-ibox{
position:absolute;
bottom:0px;right:0px;
width:225px;height:215px;
background:url(http://www.shanggukt.cn/images/ibox-subscribe-bg.png) -225px 0 no-repeat;
z-index:10;
}
.guide-go-ibox .close{
position:absolute;
top:85px;right:20px;
width:18px;height:18px;
background:url(http://www.shanggukt.cn/images/ibox-hb-close1.png) no-repeat;
}
.guide-go-ibox .gift1{
position:absolute;
bottom:4px;left:23px;
width:33px;height:39px;
}
.guide-go-ibox .gift2{
position:absolute;
bottom:4px;left:74px;
width:36px;height:39px;
}
.guide-go-ibox .gift3{
position:absolute;
bottom:4px;left:135px;
width:37px;height:44px;
}
.guide-subscribe-ibox{
position:absolute;
top:225px;right:0px;
width:225px;height:215px;
background:url(http://www.shanggukt.cn/images/ibox-subscribe-bg.png) -450px 0 no-repeat;
z-index:10;
}
.guide-subscribe-ibox .close{
position:absolute;
top:77px;right:7px;
width:18px;height:18px;
background:url(http://www.shanggukt.cn/images/ibox-hb-close1.png) no-repeat;
}
.guide-subscribe-ibox .subscribe-btn{
position:absolute;
bottom:17px;left:50%;
margin-left:-35px;
width:70px;height:24px;
background:url(http://www.shanggukt.cn/images/ibox-subscribe-btn.png) no-repeat;
}
.guide-subscribe-ibox .subscribe-btn:hover{
background-position:0 -24px;
}
.guide-subscribe-ibox .unsubscribe-btn,
.guide-subscribe-ibox .unsubscribe-btn:hover{
background-position:0 -48px;
}
.guard-ydao-ibox{
display:none;
position:absolute;
top:30px;right:180px;
width:203px;height:203px;
background:url(http://www.shanggukt.cn/images/ibox-guard-1.png) no-repeat;
z-index:26;
}
.guard-ydao-ibox .close{
position:absolute;
top:72px;right:0;
width:18px;height:18px;
background:url(http://www.shanggukt.cn/images/ibox-hb-close1.png) no-repeat;
}
.guard-ydao-1{
background:url(http://www.shanggukt.cn/images/ibox-guard-2.png) no-repeat;
}
.guard-ydao-2{
background:url(http://www.shanggukt.cn/images/ibox-guard-3.png) no-repeat;
}
/*寮曞寮圭獥End*/
/*鐑熻姳棰嗗彇寮圭獥*/
.yanhua-show-ibox{
position:absolute;
top:50%;left:50%;
margin:-138px 0 0 -150px;
padding:76px 0 0 40px;
width:260px;height:200px;
background:url(http://www.shanggukt.cn/images/ibox-yanhua-bg.png) no-repeat;
z-index:20;
}
.yanhua-show-ibox .hd{
position:relative;
}
.yanhua-show-ibox .hd p{
padding-left:17px;
width:203px;height:24px;
line-height:24px;
text-align:center;
font-size:12px;
color:#fff;
font-weight:700;
}
.yanhua-show-ibox .hd p .name{
width:107px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
.yanhua-show-ibox .hd .close{
position:absolute;
top:10px;right:5px;
width:18px;height:18px;
background:url(http://www.shanggukt.cn/images/ibox-hb-close1.png) no-repeat;
}
.yanhua-show-ibox .bd{margin-top:7px;}
.yanhua-show-ibox .bd li{
float:left;
margin-bottom:3px;
width:230px;height:21px;
line-height:21px;
font-size:12px;
color:#777;
}
.yanhua-show-ibox .bd li .left-area{
float:left;
width:125px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
.yanhua-show-ibox .bd li .right-area{
float:left;
margin-left:20px;
width:85px;
}
.yanhua-show-ibox .bd li .right-area span{
color:#ffc408;
}
/*鐑熻姳棰嗗彇寮圭獥End*/
/*鍒嗕韩寮圭獥*/
.share-ibox{
position:absolute;
top:100px;left:1170px;
padding:0 2px 0 20px;
width:360px;height:185px;
background:#f8f8f8;
border-top:4px solid #12b7f5;
border-right:1px solid #e2e1e6;
border-bottom:1px solid #e2e1e6;
border-left:1px solid #e2e1e6;
box-shadow:0 0 3px rgba(0,0,0,.13);
z-index: 12;
}
.share-ibox .hd{
height:50px;line-height:50px;
font-size:14px;
color:#555;
font-weight:700;
}
.share-ibox .share-icons .share{
position:relative;
float:left;
position:relative;
margin-right:15px;
width:36px;height:36px;
border-radius:100%;
}
.share-ibox .share-icons .share a{
display:block;
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;
}
.share-ibox .share-icons .share .icon{
position:absolute;
top:0;left:0;
width:36px;height:36px;
background:url(http://www.shanggukt.cn/images/ibox-share-icon.png) no-repeat;
z-index:1;
}
.share-ibox .share-icons .sina{
background:#ee778a;
}
.share-ibox .share-icons .sina .icon{
background-position:0 0;
}
.share-ibox .share-icons .qzone{
background:#17abf7;
}
.share-ibox .share-icons .qzone .icon{
background-position:-36px 0;
}
.share-ibox .share-icons .qq{
background:#76b9ed;
}
.share-ibox .share-icons .qq .icon{
background-position:-72px 0;
}
.share-ibox .share-icons .txwb{
background:#59b2dc;
}
.share-ibox .share-icons .txwb .icon{
background-position:-108px 0;
}
.share-ibox .share-icons .dou{
background:#50c877;
}
.share-ibox .share-icons .dou .icon{
background-position:-144px 0;
}
.share-ibox .share-icons .ren{
background:#59b2dc;
}
.share-ibox .share-icons .ren .icon{
background-position:-180px 0;
}
.share-ibox .share-icons .bdtb{
background:#76b9ed;
}
.share-ibox .share-icons .bdtb .icon{
background-position:-216px 0;
}
.share-ibox .share-icons .share .bg{
position:absolute;
width:36px;height:36px;
left:50%;top:0;
margin-left:-18px;
border-radius:100%;
opacity:0;
-webkit-transition:.5s cubic-bezier(.3,0,0,1.3);
-moz-transition:.5s cubic-bezier(.3,0,0,1.3);
-ms-transition:.5s cubic-bezier(.3,0,0,1.3);
-o-transition:.5s cubic-bezier(.3,0,0,1.3);
transition:.5s cubic-bezier(.3,0,0,1.3);
-webkit-transform:scale(0,0);
-moz-transform:scale(0,0);
-ms-transform:scale(0,0);
-o-transform:scale(0,0);
transform:scale(0,0);
z-index:0;
}
.share-ibox .share-icons .sina.share-hover .bg{
background:#f74964;
}
.share-ibox .share-icons .qzone.share-hover .bg{
background:#17abf7;
}
.share-ibox .share-icons .qq.share-hover .bg{
background:#3ca5f6;
}
.share-ibox .share-icons .txwb.share-hover .bg{
background:#3086b7;
}
.share-ibox .share-icons .dou.share-hover .bg{
background:#1dc353;
}
.share-ibox .share-icons .ren.share-hover .bg{
background:#3086b7;
}
.share-ibox .share-icons .bdtb.share-hover .bg{
background:#3ca5f6;
}
.share-ibox .share-icons .share-hover .bg{
opacity:1;
-webkit-transform:scale(1,1);
-moz-transform:scale(1,1);
-ms-transform:scale(1,1);
-o-transform:scale(1,1);
transform:scale(1,1);
}
.share-ibox .share-cont{
margin-top:8px;
}
.share-ibox .share-cont .info{
height:39px;line-height:39px;
font-size:12px;
color:#555;
}
.share-ibox .area_share .ipt-url {
float:left;
width:275px;height:30px;
line-height:30px;
padding:0 10px;
background-color:#e2e1e6;
border:none;
}
.share-ibox .area_share .copy {
float:left;
width:48px;
height:30px;line-height:30px;
background:#12b7f5;
font:14px;
color:#fff;
text-align:center;
}
.share-ibox .area_share .copy:hover,
.share-ibox .area_share .copy:active {
background:#00acec;
}
/*鍒嗕韩寮圭獥End*/
/* app涓嬭浇寮圭獥 */
.new-room-app-ibox{
position:absolute;
top:100px;left:1180px;
width:400px;height:243px;
background:url(http://www.shanggukt.cn/images/app-down-bg.jpg) no-repeat;
z-index:12;
}
.new-room-app-ibox .close{
position:absolute;
top:-22px;right:-22px;
width:22px;height:22px;
background:url(http://www.shanggukt.cn/images/app-close.png) no-repeat;
}
.new-room-app-ibox .close:hover{
background-position:-22px 0;
}
.new-room-app-ibox .down-btn{
position:absolute;
top:22px;right:30px;
width:85px;height:28px;
line-height:28px;
background:#12b7f5;
border:1px solid #fff;
font-size:14px;color:#fff;
text-align:center;
}
.new-room-app-ibox .down-btn:hover{
background:#fff;
color:#12b7f5;
border-color:#12b7f5;
}
/* app涓嬭浇寮圭獥End */
/* 寮€鍚珵鐚滃脊绐� */
.open-guess-ibox,.close-guess-ibox,.guess-results-ibox{
position:fixed;
margin:-236px 0 0 -200px;
top:50%;left:50%;
border:5px solid #000;
border:5px solid rgba(0,0,0,.4);
z-index: 15;
}
* html .open-guess-ibox,
* html .close-guess-ibox,
* html .guess-results-ibox /* IE6 */ {
_position:absolute;
_bottom:auto;top:expression(eval(document.documentElement.scrollTop) + document.documentElement.clientHeight/2 - this.offsetHeight/2);
_margin-top:0px !important;
}
.open-guess-ibox .content,
.close-guess-ibox .content,
.guess-results-ibox .content{width:390px;background:#f5f5f5;}
.open-guess-ibox .content .hd,
.close-guess-ibox .content .hd,
.guess-results-ibox .content .hd{
position:relative;
height:36px;line-height:36px;
background:#1398e2;
font-size:18px;color:#fff;
text-align:center;
}
.open-guess-ibox .content .hd .close,
.close-guess-ibox .content .hd .close,
.guess-results-ibox .content .hd .close{
position:absolute;
right:11px;top:11px;
width:11px;height:11px;
background:url(http://www.shanggukt.cn/images/room-icons.png) -300px -800px no-repeat;
}
.open-guess-ibox .content .bd,
.close-guess-ibox .content .bd{
padding:0 22px 25px;
font-size:12px;
}
.open-guess-ibox .content .open-guess-area,
.close-guess-ibox .content .close-guess-area{
padding:10px 0;
height:100px;
border-top:1px solid #fff;
border-bottom:1px solid #e1e1e1;
}
.open-guess-ibox .content .first,
.close-guess-ibox .content .first{border-top:none;}
.open-guess-ibox .content .last,
.close-guess-ibox .content .last{border-bottom:none;}
.open-guess-ibox .content .open-guess-area .open-guess-row{
height:34px;line-height:34px;
margin-top:10px;
color:#999;
}
.open-guess-ibox .content .open-guess-area .open-guess-row .left{
float:left;
width:60px;
color:#333;
text-align:right;
}
.open-guess-ibox .content .open-guess-area .open-guess-row .right{
margin-left:64px;
*margin-left:0;
font-size:0;
height:34px;
}
.open-guess-ibox .content .open-guess-area .open-guess-row .right span{font-size:12px;}
.open-guess-ibox .content .open-guess-area .open-guess-row .right input{
padding:0 5px;
height:32px;line-height:32px\9;
border:1px solid #afafaf;
background:#fff;
font-size:12px;
color:#333;
}
.open-guess-ibox .content .open-guess-area .open-guess-row .right .big-input{
margin-right:5px;
width:158px;
}
.open-guess-ibox .content .open-guess-area .open-guess-row .right .small-input{
width:110px;
}
.open-guess-ibox .content .open-guess-area .open-guess-row .right .vs{
margin:0 12px;
font-size:14px;
color:#333;
}
.open-guess-ibox .content .open-guess-area .open-guess-row .right .guess-build-label{
position: absolute;
top: 0px;left: 5px;
line-height: 34px;
font-size: 12px;
cursor: text;
}
/* 鍏抽棴绔炵寽寮圭獥 */
.close-guess-ibox{margin:-177px 0 0 -180px;}
.close-guess-ibox .content{width:350px;}
.close-guess-ibox .content .bd{padding-bottom:5px;}
.close-guess-ibox .content .close-guess-area{height:auto;color:#333;}
.close-guess-ibox .content .close-guess-area .title-info{
height:34px;line-height:34px;
font-weight:700;
}
.close-guess-ibox .content .close-guess-area .close-guess-row{font-size:0;}
.close-guess-ibox .content .close-guess-area .close-guess-row label{
font-size:0;margin-right:20px;
margin-bottom:5px;
cursor:pointer;
}
.close-guess-ibox .content .close-guess-area .close-guess-row label input,
.close-guess-ibox .content .close-guess-area .close-guess-row label span{font-size:12px;}
.close-guess-ibox .content .close-guess-area .close-guess-row label input{
margin-right:4px;
cursor:pointer;
}
.close-guess-ibox .content .close-guess-area .close-guess-row .last{margin-right:0;}
.close-guess-ibox .content .textC p{
height:40px;line-height:40px;
color:#999;
}
/* 绔炵寽缁撴灉 */
.guess-results-ibox{margin:-122px 0 0 -180px;}
.guess-results-ibox .content{width:350px;}
.guess-results-ibox .content .bd{padding:20px;}
.guess-results-ibox .content .bd .title-info{
margin-bottom:5px;
height:30px;line-height:30px;
color:#333;
font-weight:700;
}
.guess-results-ibox .content .bd .title-info .num{color:#ff5613;}
.guess-results-ibox .content .bd .textC{margin-top:20px;}
.common-ibox .dialog-btn{ margin-left: 10px; }
/* 浠诲姟寮圭獥 */
.taskSystem-ibox{
position:fixed;
top:50%;left:50%;
margin:-255px 0 0 -407px;
width:814px;height:510px;
background:#fff;
overflow:hidden;
}
.taskSystem-ibox .hd{
position:relative;
padding-left:20px;
height:44px;width:794px;
line-height:44px;
font-size:16px;color:#fff;
background:#12b7f5;
}
.taskSystem-ibox .hd span{
margin-left:10px;
font-size:14px;
}
.taskSystem-ibox .hd .close{
position:absolute;
right:15px;top:14px;
width:16px;height:16px;
background:url(http://www.shanggukt.cn/images/ibox-close_2.png) no-repeat;
}
.taskSystem-ibox .hd .close{
background-position:0 0;
}
.taskSystem-ibox .hd .close:hover{
background-position:-16px 0;
}
.taskSystem-ibox .hd .refresh-btn{
position:relative;
float:right;
margin:13px 44px 0 0;
width:18px;height:18px;
background:url(http://www.shanggukt.cn/images/refresh-btn.png) no-repeat;
}
.taskSystem-ibox .bd{
padding:11px 30px 20px;
height:434px;
border:1px solid #e2e1e6;
border-top:none;
}
.taskSystem-ibox .bd .sub-nav{
position:relative;
height:30px;
border-bottom:1px solid #e0e4e5;
}
.taskSystem-ibox .bd .sub-nav .level-title{
position:absolute;
top:4px;right:0;
}
.taskSystem-ibox .bd .sub-nav li{
position:relative;
float:left;
margin-right:24px;
width:105px;height:30px;
line-height:30px;
}
.taskSystem-ibox .bd .sub-nav li .tit-area{
position:absolute;
top:0;right:-6px;
width:20px;height:20px;
line-height: 20px;
background: url(http://www.shanggukt.cn/images/room-icons.png) no-repeat;
background-position: -320px -780px;
font-size: 12px;
color: #fff;
text-align: center;
}
.taskSystem-ibox .bd .sub-nav li a{
display:block;
width:100%;height:100%;
font-size:12px;color:#555;
font-weight:700;
text-align:center;
}
.taskSystem-ibox .bd .sub-nav li .line{
display:none;
position:absolute;
bottom:-1px;left:0;
height:3px;width:100%;
background:#12b7f5;
}
.taskSystem-ibox .bd .sub-nav .active .line{display:block;}
.taskSystem-ibox .bd .sub-nav .active a,
.taskSystem-ibox .bd .sub-nav li a:hover{
color:#12b7f5;
}
.taskSystem-ibox .bd .task-content{
position:relative;
padding-top:17px;
}
.taskSystem-ibox .task-content .gallery{
width:752px;height:255px;
overflow:hidden;
}
.taskSystem-ibox .bd .task-content .pre,
.taskSystem-ibox .bd .task-content .next{
position: absolute;
top:113px;
width:14px;height:25px;
background:url(http://www.shanggukt.cn/images/renwu-arrow1.png) no-repeat;
}
.taskSystem-ibox .bd .task-content .pre{
left:-20px;
background-position:0 0;
}
.taskSystem-ibox .bd .task-content .next{
right:-20px;
background-position:-14px 0;
}
.taskSystem-ibox .bd .task-content .disabled{
visibility:hidden;
}
.taskSystem-ibox .bd .task-content .pre:active,
.taskSystem-ibox .bd .task-content .next:active{
top:114px;
}
.taskSystem-ibox .bd .task-content .task-ul{
position:relative;
width:9999em;
}
.taskSystem-ibox .bd .task-content .task-li{
float:left;
margin-right:8px;
padding:0 12px;
width:158px;height:255px;
background:#f3f3f3;
}
.taskSystem-ibox .bd .task-content .task-li .li-hd{
margin-bottom:10px;
height:42px;
line-height:50px;
border-bottom:1px solid #dedede;
font-size:14px;color:#555;
font-weight:700;
text-align:center;
}
.taskSystem-ibox .bd .task-content .task-li .describe{
margin-bottom:10px;
line-height:20px;
font-size:12px;color:#555;
font-weight:700;
}
.taskSystem-ibox .bd .task-content .task-li .describe span{
font-weight:400;
}
.taskSystem-ibox .bd .task-content .task-li .reward .sub-hd{
height:20px;line-height:20px;
font-size:14px;color:#555;
font-weight:700;
}
.taskSystem-ibox .bd .task-content .task-li .reward .sub-bd{
margin-top:10px;
}
.taskSystem-ibox .bd .task-content .task-li .reward ul{
position:relative;
margin-right:-22px;
*zoom:1;
}
.taskSystem-ibox .bd .task-content .task-li .reward .reward-li{
float:left;
margin-bottom:12px;
margin-right:22px;
width:60px;
font-size:0;color:#555;
}
.taskSystem-ibox .bd .task-content .task-li .reward .reward-li span{
margin-left:4px;
font-size:12px;
}
.taskSystem-ibox .bd .task-content .task-li .receive-btn{
display:inline-block;
margin-top:3px;
width:68px;height:28px;
line-height:28px;
font-size:14px;color:#fff;
background:#12b7f5;
border-radius:4px;
text-align:center;
}
.taskSystem-ibox .bd .task-content .task-li .receive-btn:hover{
background:#00acec;
}
.taskSystem-ibox .bd .task-content .task-li .done-btn,
.taskSystem-ibox .bd .task-content .task-li .done-btn:hover{
background:#dedfe0;
}
.taskSystem-ibox .bd .task-content .task-li .none-level,
.taskSystem-ibox .bd .task-content .task-li .none-level:hover{
width:auto;
background:none;
color:#eb7a77;
}
.taskSystem-ibox .bd .bottom-area{
margin-top:20px;
height:110px;
background:#fffbe6;
}
.taskSystem-ibox .bd .bottom-area .left-area{
float:left;
width:27px;height:110px;
background:url(http://www.shanggukt.cn/images/renwu-left.png) no-repeat;
}
.taskSystem-ibox .bd .bottom-area .right-area{
float:left;
padding-left:24px;
padding-top:26px;
width:700px;
}
.taskSystem-ibox .bd .bottom-area .right-area li{
float:left;
margin-right:45px;
width:66px;height:66px;
text-align:center;
}
.taskSystem-ibox .bd .bottom-area .right-area li a{
display:block;
position:relative;
width:100%;height:100%;
background:url(http://www.shanggukt.cn/images/ibox-room-icons-1.png) no-repeat;
}
.taskSystem-ibox .bd .bottom-area .right-area .area{
position:absolute;
top:50px;left:0;
width:66px;height:20px;
line-height:20px;
background:#ffc408;
font-size:12px;color:#fff;
}
.taskSystem-ibox .bd .bottom-area .right-area .crown{
position:absolute;
top:-12px;left:0;
width:27px;height:27px;
background:url(http://www.shanggukt.cn/images/ibox-crown1.png) no-repeat;
}
.taskSystem-ibox .bd .bottom-area .right-area .name{
padding-top:20px;
line-height:20px;
font-size:12px;color:#8e7900;
font-weight:700;
}
.taskSystem-ibox .bd .bottom-area .right-area .two-line-name{
padding-top:14px;
line-height:16px;
}
.taskSystem-ibox .bd .bottom-area .right-area .more{
padding-right:42px;
margin-right:42px;
border-right:1px solid #f0e4a8;
}
.taskSystem-ibox .bd .bottom-area .right-area .more a{
background:url(http://www.shanggukt.cn/images/game-bd.png) no-repeat;
}
.taskSystem-ibox .bd .bottom-area .right-area .more .name,
.taskSystem-ibox .bd .bottom-area .right-area .more .crown{
display:none;
}
.taskSystem-ibox .bd .bottom-area .right-area .more .area{
background:#12b7f5;
}
.taskSystem-ibox .bd .bottom-area .right-area .last{
margin-right:0;
}
.taskSystem-ibox .bd .done-task-content{
height:272px;
background:url(http://www.shanggukt.cn/images/renwu-bd.png) center center no-repeat;
}
.taskSystem-ibox .bd .achieve-task{margin-top:20px;}
.taskSystem-ibox .bd .achieve-task .left-area{
margin-right:30px;
float:left;
width:110px;height:382px;
background:#f8f8f8;
}
.taskSystem-ibox .bd .achieve-task .left-area li{
margin-bottom:8px;
height:40px;line-height:40px;
text-align:center;
}
.taskSystem-ibox .bd .achieve-task .left-area a{
display:block;
height:100%;
font-size:14px;color:#555;
}
.taskSystem-ibox .bd .achieve-task .left-area a:hover{
color:#12b7f5;
}
.taskSystem-ibox .bd .achieve-task .left-area .active{
background:#12b7f5;
}
.taskSystem-ibox .bd .achieve-task .left-area .active a,
.taskSystem-ibox .bd .achieve-task .left-area .active a:hover{
color:#fff;
}
.taskSystem-ibox .bd .achieve-task .right-area{
float:left;
width:612px;height:382px;
overflow:hidden;
}
.taskSystem-ibox .bd .achieve-task .right-area li{
margin-bottom:16px;
padding-bottom:16px;
height:64px;
border-bottom:1px solid #f3f3f3;
}
.taskSystem-ibox .bd .achieve-task .right-area .achieve-left{
float:left;
margin-right:14px;
width:64px;height:64px;
}
.taskSystem-ibox .bd .achieve-task .right-area .achieve-left img{
display:block;
width:100%;height:100%;
}
.taskSystem-ibox .bd .achieve-task .right-area .achieve-right{
float:left;
width:534px;
}
.taskSystem-ibox .bd .achieve-task .right-area .achieve-right .p-1{
margin-bottom:6px;
height:16px;line-height:16px;
font-size:14px;color:#555;
}
.taskSystem-ibox .bd .achieve-task .right-area .achieve-right .p-1 span{
font-size:12px;color:#a5a7aa;
margin-left:8px;
}
.taskSystem-ibox .bd .achieve-task .right-area .achieve-right p{
margin-bottom:5px;
height:16px;line-height:16px;
font-size:12px;color:#555;
}
.taskSystem-ibox .bd .achieve-task .right-area .achieve-right .achieve-bottom{
height:16px;line-height:22px;
font-size:12px;color:#555;
}
.taskSystem-ibox .bd .achieve-task .right-area .achieve-right .achieve-bottom .achieve-bottom-ul{
margin-left:10px;
}
.taskSystem-ibox .bd .achieve-task .right-area .achieve-right .achieve-bottom .achieve-bottom-li{
float:left;
width:72px;height:16px;
line-height:16px;
border-bottom:none;
padding-bottom:0;
margin-bottom:0;
}
.taskSystem-ibox .bd .achieve-task .right-area .achieve-right .achieve-btn{
float:right;
margin-top:-16px;
width:100px;height:36px;
line-height:36px;
font-size:12px;color:#fff;
background:#12b7f5;
text-align:center;
}
.taskSystem-ibox .bd .achieve-task .right-area .achieve-right .achieve-btn:hover{
background:#00acec;
}
.taskSystem-ibox .bd .achieve-task .right-area .achieve-right .no-btn,
.taskSystem-ibox .bd .achieve-task .right-area .achieve-right .no-btn:hover{
background:#a5a7aa;
}
.taskSystem-ibox .bd .achieve-task .right-area .achieve-right .done-btn,
.taskSystem-ibox .bd .achieve-task .right-area .achieve-right .done-btn:hover{
background:#e16b8c;
}
.taskSystem-ibox .bd .achieve-task .right-area .achieve-right .share-btn,
.taskSystem-ibox .bd .achieve-task .right-area .achieve-right .share-btn:hover,
.taskSystem-ibox .bd .task-content .task-li .share-btn,
.taskSystem-ibox .bd .task-content .task-li .share-btn:hover{
background:#cad104;
}
.taskSystem-ibox .bd .bottom-area .right-area .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);
}
/* 鑳屽寘寮圭獥 */
.knapsack-ibox{
position:fixed;
top:50%;left:50%;
margin:-68px 0 0 -223px;
width:446px;height:136px;
border:1px solid #e0e4e5;
background:#fff;
z-index:20;
}
.knapsack-ibox .close{
position:absolute;
top:8px;right:8px;
width:11px;height:11px;
background:url(http://www.shanggukt.cn/images/knapsack-close.png) no-repeat;
}
.knapsack-ibox .left-area{
float:left;
margin-right:14px;
width:100px;height:100px;
}
.knapsack-ibox .left-area img{
display:block;
width:100%;height:100%;
}
.knapsack-ibox .right-area{
float:left;
margin-top:8px;
padding-bottom:10px;
width:320px;
}
.knapsack-ibox .right-area .sub-top{
position:relative;
height:26px;line-height:26px;
font-size:0;
color:#555;
}
.knapsack-ibox .right-area .sub-top .name{
margin-right:20px;
font-weight:700;
font-size:14px;
}
.knapsack-ibox .right-area .sub-top .a{
font-size:12px;color:#12b7f5;
display:inline-block;
vertical-align:middle;
}
.knapsack-ibox .right-area .sub-top .a:hover{
text-decoration:underline;
}
.knapsack-ibox .right-area .sub-top .num{
margin-left:10px;
font-size:12px;color:#ffb11b;
}
.knapsack-ibox .right-area .note-title{
margin-bottom:4px;
line-height:20px;
font-size:12px;color:#a5a7aa;
}
.knapsack-ibox .right-area .girts-fun span{
float:left;
font-size:12px;color:#ffb11b;
}
.knapsack-ibox .right-area .yanhua-title{
font-size:12px;color:#a5a7aa;
line-height:22px;
}
.knapsack-ibox .right-area .time-area{
height:26px;line-height:26px;
font-size:12px;color:#ff6666;
border-bottom:1px solid #dedfe0;
}
.knapsack-ibox .right-area .nums-area{
margin-top:6px;
height:24px;line-height:24px;
font-size:12px;color:#848585;
}
.knapsack-ibox .right-area .nums-area .nums-left{
float:left;
width:200px;
}
.knapsack-ibox .right-area .nums-area .nums-left span{
font-size:16px;color:#ffb11b;
font-weight:700;
margin-left:4px;
vertical-align:-1px;
}
.knapsack-ibox .right-area .nums-area .nums-right{
float:right;
width:110px;
}
.knapsack-ibox .right-area .nums-area .nums-right .input{
float:left;
width:44px;height:22px;
padding:0 5px 0 9px;
background:#fff;
font-size:12px;color:#a5a7aa;
border:1px solid #dedfe0;
box-shadow:none;
}
.knapsack-ibox .right-area .nums-area .nums-right .nums-btn{
float:right;
width:44px;height:24px;
line-height:24px;
font-size:12px;color:#fefefe;
background:#12b7f5;
text-align:center;
}
.knapsack-ibox .right-area .nums-area .nums-right .nums-btn:hover{
background:#00acec;
}
/* 鐧诲綍娉ㄥ唽寮曞 */
.lr-yingdao-ibox{
position:fixed;
top:50%;left:50%;
margin:-104px 0 0 -237px;
width:475px;height:208px;
background:url(http://www.shanggukt.cn/images/new-yindao.png) no-repeat;
z-index:10;
}
.lr-yingdao-ibox .close{
position:absolute;
top:11px;right:11px;
width:11px;height:11px;
background:url(http://www.shanggukt.cn/images/new-close.png) no-repeat;
}
.lr-yingdao-ibox .content{
position:absolute;
top:30px;left:200px;
width:220px;
text-align:center;
}
.lr-yingdao-ibox .content .title-1{
font-size:16px;
line-height:48px;
color:#12b7f5;
}
.lr-yingdao-ibox .content .title-2{
font-size:18px;
line-height:48px;
color:#a5a7aa;
}
.lr-yingdao-ibox .content .textC{margin-top:14px;}
.lr-yingdao-ibox .content .textC a{
display:inline-block;
margin:0 10px;
width:88px;height:28px;
line-height:28px;
color:#fff;
}
.lr-yingdao-ibox .content .textC .login-btn{
background:#12b7f5;
}
.lr-yingdao-ibox .content .textC .login-btn:hover{
background:#00acec;
}
.lr-yingdao-ibox .content .textC .zhuce-btn{
background:#555;
}
.lr-yingdao-ibox .content .textC .zhuce-btn:hover{
background:#444;
}
/*閲戣泲鎻愮ず寮圭獥*/
.golden-egg-ibox .content .bd{
padding:20px 15px;
}
.golden-egg-ibox .bd .left-area{
float:left;
}
.golden-egg-ibox .bd .left-area .qn-icon{
display:inline-block;
width:55px;height:44px;
background:url(http://www.shanggukt.cn/images/week-qn-icons.png) no-repeat;
}
.golden-egg-ibox .bd .right-area{
float:left;
margin-left:20px;
}
.golden-egg-ibox .bd .right-area p{
line-height:24px;
font-size:14px;
color:#ff4444;
}
.golden-egg-ibox .bd .description-area{
margin-top:11px;
}
.golden-egg-ibox .bd .description-area .description-hd{
line-height:25px;
font-size:12px;
color:#555;
font-weight:700;
}
.golden-egg-ibox .bd .description-area p{
line-height:23px;
font-size:12px;
color:#555;
}
.golden-egg-ibox .bd .description-area .input-area{
margin-top:10px;
}
.golden-egg-ibox .bd .description-area .input-area label{
width:308px;height:28px;
border:1px solid #cecece;
background:#fff;
}
.golden-egg-ibox .bd .description-area .input-area p{
float:left;
padding-left:10px;
width:217px;height:28px;
line-height:28px;
font-size:12px;
color:#a5a7aa;
overflow:hidden;
}
.golden-egg-ibox .bd .description-area .input-area .copy{
float:right;
margin:-1px -1px 0 0;
width:82px;height:30px;
line-height:30px;
background:#12b7f5;
font-size:14px;color:#fff;
text-align:center;
}
.golden-egg-ibox .bd .description-area .input-area .copy:hover{
background:#00acec;
}
.golden-egg-ibox .bd .img-ibox{
margin-top:20px;
width:310px;height:119px;
}
.golden-egg-ibox .bd .img-ibox img{
display:block;
width:100%;height:100%;
}
/*鏂扮殑绔炵寽寮圭獥*/
.new-guess-ibox{
position:absolute;
margin:-355px 0 0 -323px;
}
.new-guess-ibox .content{
width:647px;
}
.new-guess-ibox .content .hd .hd-pre{
float:left;
margin:14px 10px 0 0;
width:10px;height:17px;
background:url(http://www.shanggukt.cn/images/guess-hd-arrow.png) no-repeat;
}
.new-guess-ibox .content .hd .manage-a1{
float:right;
margin:13px 25px 0 0;
width:18px;height:18px;
background:url(http://www.shanggukt.cn/images/ibox-new-guess-icon.png) 0 0 no-repeat;
}
.new-guess-ibox .content .hd .manage-a2{
position:relative;
float:right;
margin:13px 25px 0 0;
width:18px;height:18px;
background:url(http://www.shanggukt.cn/images/ibox-new-guess-icon.png) -18px 0 no-repeat;
}
.new-guess-ibox .content .hd .manage-a3{
position:relative;
float:right;
margin:13px 25px 0 0;
width:19px;height:19px;
background:url(http://www.shanggukt.cn/images/ibox-new-guess-icon.png) -36px 0 no-repeat;
}
.new-guess-ibox .content .hd .manage-a3 .manage-mask{display:none;}
.new-guess-ibox .content .hd .manage-a3:hover .manage-mask{
display:block;
position:absolute;
top:25px;right:-295px;
padding:8px 15px;
width:276px;height:180px;
background:url(http://www.shanggukt.cn/images/ibox-new-guess-mask-bg.png) repeat;
z-index:2;
}
.new-guess-ibox .content .hd .manage-a3:hover .manage-mask p{
line-height:30px;
font-size:12px;
color:#fff;
}
.new-guess-ibox .content .hd .manage-a3:hover .manage-mask p span{
font-weight:700;
}
.new-guess-ibox .content .bd{
padding:20px 40px 20px 30px;
}
.new-guess-ibox .guess-area{
margin-bottom:15px;
}
.new-guess-ibox .guess-area .guess-hd{
margin-bottom:12px;
}
.new-guess-ibox .guess-area .guess-hd .hd-left{
float:left;
margin-top:7px;
width:55px;height:20px;
line-height:20px;
background:url(http://www.shanggukt.cn/images/ibox-new-guess-hd-bg.png) no-repeat;
font-size:12px;
color:#fff;
text-align:center;
}
.new-guess-ibox .guess-area .guess-hd .hd-right{
float:left;
margin-left:20px;
}
.new-guess-ibox .guess-area .guess-hd .hd-right input{
padding:0 10px;
width:478px;height:26px;
line-height:26px;
border-color:#fff;
border-bottom:1px solid #ededed;
font-size:14px;
color:#555;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
.new-guess-ibox .guess-area .guess-choose{
margin-bottom:10px;
height:36px;
}
.new-guess-ibox .guess-area .guess-choose .choose-left,
.new-guess-ibox .guess-area .guess-bet-time .bet-left{
float:left;
width:76px;
line-height:36px;
font-size:14px;
color:#555;
}
.new-guess-ibox .guess-area .guess-choose .choose-right{
position:relative;
float:left;
}
.new-guess-ibox .guess-area .guess-choose .choose-right .have-choose-left,
.new-guess-ibox .guess-area .guess-choose .choose-right .have-choose-right{
display:none;
position:absolute;
top:0;
height:36px;line-height:36px;
font-size:12px;
color:#cb1b45;
}
.new-guess-ibox .guess-area .guess-choose.have-choose-left .choose-right .have-choose-left,
.new-guess-ibox .guess-area .guess-choose.have-choose-liu .choose-right .have-choose-left{
display:block;
left:160px;
}
.new-guess-ibox .guess-area .guess-choose.have-choose-right .choose-right .have-choose-right,
.new-guess-ibox .guess-area .guess-choose.have-choose-liu .choose-right .have-choose-right{
display:block;
right:10px;
}
.new-guess-ibox .guess-area .guess-choose .choose-right .left,
.new-guess-ibox .guess-area .guess-choose .choose-right .right{
float:left;
}
.new-guess-ibox .guess-area .guess-choose .choose-right .left input,
.new-guess-ibox .guess-area .guess-choose .choose-right .right input{
padding:0 10px;
width:198px;height:34px;
line-height:34px;
background:#f3f3f3;
border-color:#f3f3f3;
font-size:12px;
color:#555;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
.new-guess-ibox .guess-area .guess-choose .choose-right span{
float:left;
margin:3px 15px 0;
width:29px;height:29px;
line-height:29px;
background:#ff9900;
border-radius:100%;
font-size:18px;
color:#fff;
font-weight:700;
text-align:center;
}
.new-guess-ibox .guess-area .guess-bet-time .bet-right{
float:left;
}
.new-guess-ibox .guess-area .guess-bet-time .bet-right .left{
float:left;
}
.new-guess-ibox .guess-area .guess-bet-time .select {
position:relative;
width:220px;height:31px;
z-index:1;
}
.new-guess-ibox .guess-area .guess-bet-time .select input{
position:absolute;
top:0;left:0;
padding:0 34px 0 10px;
width:140px;height:29px;
border-color:#f3f3f3;
line-height:31px;
background:#f3f3f3;
color:#777;
}
.new-guess-ibox .guess-area .guess-bet-time .select .arrow {
position:absolute;
top:0;right:0;
width:34px;height:31px;
background:url(http://www.shanggukt.cn/images/ibox-select-arrow.png) no-repeat;
cursor:pointer;
}
.new-guess-ibox .guess-area .guess-bet-time .select .option{
display:none;
position:absolute;
top:32px;left:-1px;
width:220px;height:238px;
overflow-y:auto;
overflow-x:hidden;
}
.new-guess-ibox .guess-area .guess-bet-time .select .option li{
width:220px;
height:33px;line-height:33px;
}
.new-guess-ibox .guess-area .guess-bet-time .select .option a{
display:block;
padding-left:10px;
height:100%;width:210px;
background:#f3f3f3;
color:#8a8a8a;
}
.new-guess-ibox .guess-area .guess-bet-time .select .option a:hover{
color:#12b7f5;
background:#f7f7f9;
}
.new-guess-ibox .guess-area .guess-bet-time .bet-right .right{
float:left;
}
.new-guess-ibox .guess-area .guess-bet-time .bet-right .right p{
float:left;
margin-left:15px;
height:36px;line-height:36px;
font-size:12px;
color:#333;
}
.new-guess-ibox .guess-area .guess-bet-time .bet-right .right span{
margin:0 10px;
}
.new-guess-ibox .guess-area .guess-bet-time .bet-right .right .bet-btn{
float:left;
margin-left:10px;
width:80px;height:36px;
line-height:36px;
font-size:12px;color:#fff;
background:#12b7f5;
text-align:center;
}
.new-guess-ibox .guess-area .guess-bet-time .bet-right .right .bet-btn:hover{
background:#00acec;
}
.new-guess-ibox .guess-area .bet-time-over .bet-right .right .bet-btn,
.new-guess-ibox .guess-area .bet-time-over .bet-right .right .bet-btn:hover{
background:#bcbcbc;
}
.new-guess-ibox .guess-area .bet-time-no .bet-right .right .bet-btn{display:none;}
.new-guess-ibox .guess-area .remind{
margin-left:76px;
height:30px;line-height:30px;
font-size:12px;
color:#a5a7aa;
}
.new-guess-ibox .content .guess-over .ibox-define-btn,
.new-guess-ibox .content .guess-over .ibox-define-btn:hover{
background:#bcbcbc;
}
/*璁剧疆绔炵寽绠＄悊鍛樺脊绐�*/
.set-guess-manager-ibox .content{
width:424px;
}
.set-guess-manager-ibox .content .bd{
padding-top:20px;
}
.set-guess-manager-ibox .content .bd p{
height:32px;line-height:32px;
font-size:14px;
color:#a5a7aa;
text-align:center;
}
.set-guess-manager-ibox .content .bd p span{
color:#333;
}
.set-guess-manager-ibox .content .bd .select{
position:relative;
margin-left:50px;
width:285px;height:31px;
z-index:1;
}
.set-guess-manager-ibox .content .bd .select input{
position:absolute;
top:0;left:0;
padding:0 34px 0 10px;
width:205px;height:29px;
border-color:#f3f3f3;
line-height:31px;
background:#f3f3f3;
color:#a5a7aa;
}
.set-guess-manager-ibox .content .bd .select .arrow{
position:absolute;
top:0;right:0;
width:34px;height:31px;
background:url(http://www.shanggukt.cn/images/ibox-select-arrow.png) no-repeat;
cursor:pointer;
}
.set-guess-manager-ibox .content .bd .select .option{
display:none;
position:absolute;
top:32px;left:-1px;
width:285px;max-height:238px;
overflow-y:auto;
overflow-x:hidden;
}
.set-guess-manager-ibox .content .bd .select .option li{
width:285px;
height:33px;line-height:33px;
}
.set-guess-manager-ibox .content .bd .select .option a{
display:block;
padding-left:10px;
height:100%;width:275px;
background:#f3f3f3;
color:#777;
}
.set-guess-manager-ibox .content .bd .select .option a:hover{
color:#12b7f5;
background:#f7f7f9;
}
/*绔炵寽鎻愮ず寮圭獥*/
.new-guess-tit-ibox .content{
width:424px;
}
.new-guess-tit-ibox .content .bd{
padding-top:20px;
}
.new-guess-tit-ibox .content .bd p{
height:24px;line-height:24px;
font-size:14px;
color:#333;
text-align:center;
}
.new-guess-tit-ibox .content .bd .bd-tit{
height:32px;line-height:32px;
}
.new-guess-tit-ibox .content .bd .choose{
height:30px;line-height:30px;
font-size:12px;
color:#a5a7aa;
text-align:center;
}
.new-guess-tit-ibox .content .bd .choose .choose-icon{
display:inline-block;
margin-right:10px;
width:16px;height:16px;
background:url(http://www.shanggukt.cn/images/ibox-new-guess-choose-icon.png) no-repeat;
}
.new-guess-tit-ibox .content .bd .choose.have-choose .choose-icon{
background-position:-16px 0;
}
/*缁撴潫绔炵寽寮圭獥*/
.new-guess-over-ibox .content{
width:424px;
}
.new-guess-over-ibox .content .bd{
padding:20px 37px;
}
.new-guess-over-ibox .content .bd p{
margin-bottom:10px;
height:24px;line-height:24px;
font-size:14px;
color:#a5a7aa;
text-align:center;
}
.new-guess-over-ibox .content .bd .left{float:left;}
.new-guess-over-ibox .content .bd .right{float:right;}
.new-guess-over-ibox .content .bd .left,
.new-guess-over-ibox .content .bd .right{
position:relative;
padding:0 10px;
width:144px;height:36px;
line-height:36px;
background:#f3f3f3;
font-size:12px;
color:#333;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
cursor:pointer;
}
.new-guess-over-ibox .content .bd.choose-left .left .left-bg,
.new-guess-over-ibox .content .bd.choose-right .right .right-bg{
position:absolute;
top:0;right:0;
width:164px;height:36px;
background:url(http://www.shanggukt.cn/images/ibox-new-guess-choose-bg.png) no-repeat;
}
.new-guess-over-ibox .content .bd .choose{
margin-top:10px;
height:30px;line-height:30px;
font-size:12px;
color:#333;
text-align:center;
}
.new-guess-over-ibox .content .bd .choose .choose-icon{
display:inline-block;
margin-right:10px;
width:16px;height:16px;
background:url(http://www.shanggukt.cn/images/ibox-new-guess-choose-icon.png) no-repeat;
}
.new-guess-over-ibox .content .bd.choose-back .choose .choose-icon{
background-position:-16px 0;
}
/*鏇存敼缁撴灉寮圭獥1*/
.change-guess-result-ibox1 .content{
width:424px;
}
.change-guess-result-ibox1 .content .bd{
padding:20px 37px;
}
.change-guess-result-ibox1 .content .bd p{
margin-bottom:10px;
height:24px;line-height:24px;
font-size:14px;
color:#a5a7aa;
text-align:center;
}
.change-guess-result-ibox1 .content .bd .left{float:left;}
.change-guess-result-ibox1 .content .bd .right{float:right;}
.change-guess-result-ibox1 .content .bd .left,
.change-guess-result-ibox1 .content .bd .right{
position:relative;
padding:0 10px;
width:144px;height:36px;
line-height:36px;
background:#f3f3f3;
font-size:12px;
color:#333;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
cursor:pointer;
}
.change-guess-result-ibox1 .content .bd.choose-left .left .left-bg,
.change-guess-result-ibox1 .content .bd.choose-right .right .right-bg{
position:absolute;
top:0;right:0;
width:164px;height:36px;
background:url(http://www.shanggukt.cn/images/ibox-new-guess-choose-bg.png) no-repeat;
}
.change-guess-result-ibox1 .content .bd .choose{
margin-top:10px;
height:30px;line-height:30px;
font-size:12px;
color:#333;
text-align:center;
}
.change-guess-result-ibox1 .content .bd .choose .choose-icon{
display:inline-block;
margin-right:10px;
width:16px;height:16px;
background:url(http://www.shanggukt.cn/images/ibox-new-guess-choose-icon.png) no-repeat;
}
.change-guess-result-ibox1 .content .bd.choose-back .choose .choose-icon{
background-position:-16px 0;
}
.change-guess-result-ibox1 .content .no-define-btn .ibox-define-btn,
.change-guess-result-ibox1 .content .no-define-btn .ibox-define-btn:hover{
background:#bcbcbc;
}
/*鏇存敼缁撴灉寮圭獥2*/
.change-guess-result-ibox2 .content{
width:424px;
}
.change-guess-result-ibox2 .content .hd p{
position:absolute;
top:0;left:95px;
height:44px;line-height:44px;
font-size:12px;
color:#fff;
}
.change-guess-result-ibox2 .content .hd p span{
margin-left:5px;
}
.change-guess-result-ibox2 .content .bd{
padding:20px 37px;
}
.change-guess-result-ibox2 .content .bd p{
margin-bottom:10px;
height:120px;line-height:120px;
font-size:14px;
color:#333;
text-align:center;
}
/*涓嬫敞寮圭獥*/
.new-bet-ibox .content{
width:424px;
}
.new-bet-ibox .content .bd{
padding:20px;
}
.new-bet-ibox .content .bd .row{
margin-bottom:5px;
}
.new-bet-ibox .content .bd .row .row-left,
.new-bet-ibox .content .bd .row .row-right{
float:left;
height:36px;line-height:36px;
font-size:14px;
color:#333;
}
.new-bet-ibox .content .bd .row .row-right input{
padding:0 10px;
width:94px;height:36px;
line-height:36px;
background:#f3f3f3;
border-color:#f3f3f3;
}
.new-bet-ibox .content .bd .row .row-right span{
font-size:16px;
color:#ccc;
}
/* 绔炵寽姹� */
.guess-pond-ibox{
z-index:20;
margin:-335px 0 0 -325px;
}
.guess-pond-ibox .content{
width:650px;
}
.guess-pond-ibox .content .bd{
height:555px;
padding:35px 26px;
overflow:hidden;
}
.guess-pond-ibox .content .hd .refresh-btn{
position:relative;
float:right;
margin:14px 25px 0 0;
width:18px;height:18px;
background:url(http://www.shanggukt.cn/images/refresh-btn.png) no-repeat;
}
.guess-pond-ibox .content .hd .refresh-btn .refresh-title{
display:none;
position:absolute;
top:35px;left:-52px;
width:128px;height:37px;
background:url(http://www.shanggukt.cn/images/refresh-title.png) no-repeat;
z-index:1;
}
.guess-pond-ibox .content .hd .refresh-btn:hover .refresh-title{
display:block;
}
.guess-pond-ibox .content .hd .guess-gm{
float:right;
margin:10px 25px 0 0;
width:58px;height:22px;
line-height:22px;
border:1px solid #fff;
background:#12b7f5;
font-size:12px;
color:#fff;
text-align:center;
}
.guess-pond-ibox .content .hd .guess-gm:hover{
background:#fff;
color:#12b7f5;
border-color:#12b7f5;
}
.guess-pond-ibox .content .bd .guess-nothing{
height:590px;
background:url(http://www.shanggukt.cn/images/guess-nothing.png) center 115px no-repeat;
}
.guess-pond-ibox .content .bd .guess-refreshing{
height:590px;
font-size:18px;color:#a5a7aa;
text-align:center;
}
.guess-pond-ibox .content .bd .guess-refreshing .refreshing{
display:block;
margin:200px 0 10px 265px;
width:50px;height:50px;
background:url(http://www.shanggukt.cn/images/gueese-loading.gif) no-repeat;
}
.guess-pond-ibox .content .guess-pond{
margin-bottom:32px;
}
.guess-pond-ibox .content .guess-pond .sub-hd{
position:relative;
height:44px;line-height:44px;
font-size:14px;color:#333;
text-align:center;
}
.guess-pond-ibox .content .guess-pond .sub-hd .count-down{
position:absolute;
top:0;right:0;
}
.guess-pond-ibox .content .guess-pond .sub-hd .count-down span{float:left;}
.guess-pond-ibox .content .guess-pond .sub-hd .count-down .time{
float:left;
margin-left:8px;
color:#ff9900;
}
.guess-pond-ibox .content .guess-pond .sub-hd .count-down .minute,
.guess-pond-ibox .content .guess-pond .sub-hd .count-down .second{
margin:11px 2px 0;
width:22px;height:22px;
line-height:22px;
background:#ff9900;
color:#fff;
text-align:center;
}
.guess-pond-ibox .content .guess-pond .sub-mid-content{
margin-top:11px;
height:46px;line-height:46px;
}
.guess-pond-ibox .content .guess-pond .sub-mid-content .guess-left-area,
.guess-pond-ibox .content .guess-pond .sub-mid-content .guess-right-area{
width:258px;
height:100%;
}
.guess-pond-ibox .content .guess-pond .sub-mid-content .guess-left-area{
float:left;
}
.guess-pond-ibox .content .guess-pond .sub-mid-content .guess-right-area{
float:right;
}
.guess-pond-ibox .content .guess-pond .sub-mid-content .guessing-btn{
width:56px;height:100%;
background:url(http://www.shanggukt.cn/images/touzhu-btn.png) no-repeat;
}
.guess-pond-ibox .content .guess-pond .sub-mid-content .guess-left-area .guessing-btn{
float:left;
background-position:0 0;
}
.guess-pond-ibox .content .guess-pond .sub-mid-content .guess-left-area .guess-again{
background-position:-56px 0;
}
.guess-pond-ibox .content .guess-pond .sub-mid-content .guess-right-area .guessing-btn{
float:right;
background-position:-112px 0;
}
.guess-pond-ibox .content .guess-pond .sub-mid-content .guess-right-area .guess-again{
background-position:-168px 0;
}
.guess-pond-ibox .content .guess-pond .sub-mid-content .guess-left-area .guess-disable,
.guess-pond-ibox .content .guess-pond .sub-mid-content .guess-right-area .guess-disable{
background-position:-224px 0;
}
.guess-pond-ibox .content .guess-pond .sub-mid-content .guessing-name{
position:relative;
padding:0 10px;
width:177px;height:100%;
}
.guess-pond-ibox .content .guess-pond .sub-mid-content .guess-left-area .guessing-name{
float:left;
margin-left:5px;
background:#77ccf8;
}
.guess-pond-ibox .content .guess-pond .sub-mid-content .guess-right-area .guessing-name{
float:right;
margin-right:5px;
background:#ff8fa3;
}
.guess-pond-ibox .content .guess-pond .sub-mid-content .guessing-name p{
width:177px;
font-size:12px;color:#fff;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
text-align:left;
}
.guess-pond-ibox .content .guess-pond .sub-mid-content .guess-right-area .guessing-name p{
text-align:right;
}
.guess-pond-ibox .content .guess-pond .sub-mid-content .guessing-name .win-icon,
.guess-pond-ibox .content .guess-pond .sub-mid-content .guessing-name .liu-icon{
display:none;
position:absolute;
top:0;
width:41px;height:46px;
background:url(http://www.shanggukt.cn/images/win-icon.png) no-repeat;
}
.guess-pond-ibox .content .guess-pond .sub-mid-content .guessing-name .liu-icon{
background:url(http://www.shanggukt.cn/images/liu-icon.png) no-repeat;
}
.guess-pond-ibox .content .guess-pond .sub-mid-content .guess-win .guessing-name .win-icon,
.guess-pond-ibox .content .guess-pond .sub-mid-content .guess-liu .guessing-name .liu-icon{
display:block;
}
.guess-pond-ibox .content .guess-pond .sub-mid-content .guess-left-area .guessing-name .win-icon,
.guess-pond-ibox .content .guess-pond .sub-mid-content .guess-left-area .guessing-name .liu-icon{
right:0;
}
.guess-pond-ibox .content .guess-pond .sub-mid-content .guess-right-area .guessing-name .win-icon,
.guess-pond-ibox .content .guess-pond .sub-mid-content .guess-right-area .guessing-name .liu-icon{
left:0;
background-position:-41px 0;
}
.guess-pond-ibox .content .guess-pond .sub-mid-content .vs-icon{
float:left;
margin:8px 25px 0;
width:30px;height:30px;
line-height:30px;
background:#ff9900;
border-radius:100%;
font-size:18px;
color:#fff;
font-weight:700;
text-align:center;
}
.guess-pond-ibox .content .guess-pond .sub-bottom-content{
position:relative;
margin-top:11px;
padding:0 14px;
height:26px;line-height:26px;
font-size:12px;
}
.guess-pond-ibox .content .guess-pond .sub-bottom-content .left-guess-nums{
float:left;
color:#1292f5;
}
.guess-pond-ibox .content .guess-pond .sub-bottom-content .right-guess-nums{
float:right;
color:#ed2e2e;
}
.guess-pond-ibox .content .guess-pond .sub-bottom-content .left-guess-nums .num{
margin-right:8px;
}
.guess-pond-ibox .content .guess-pond .sub-bottom-content .right-guess-nums .num{
margin-left:8px;
}
.guess-pond-ibox .content .guess-pond .sub-bottom-content .guess-bar{
position:absolute;
top:10px;left:50%;
margin-left:-118px;
width:236px;height:6px;
background:#ff8fa3;
}
.guess-pond-ibox .content .guess-pond .sub-bottom-content .guess-bar .bar{
position:absolute;
top:0;left:0;
height:100%;
background:#77ccf8;
}
.guess-pond-ibox .content .guess-pond .user-myself-title{
padding:0 14px;
height:25px;line-height:25px;
font-size:12px;color:#cb1b45;
}
.guess-pond-ibox .content .guess-pond .user-myself-title .left-user-title{
float:left;
}
.guess-pond-ibox .content .guess-pond .user-myself-title .right-user-title{
float:right;
}
/* 绉佷俊寮圭獥 */
.letter-ibox{
margin:-293px 0 0 -445px;
}
.letter-ibox .content{
width:890px;height:587px;
overflow:hidden;
}
.letter-ibox .content .bd{
padding:0;
}
.letter-ibox .letter-left{
float:left;
width:351px;
border-right:1px solid #f7f7f9;
}
.letter-ibox .letter-left-hd,
.letter-ibox .letter-right-hd{
height:56px;
padding:0 16px 0 12px;
line-height:56px;
border-bottom:1px solid #dedfe0;
}
.letter-ibox .classified,
.letter-ibox .letter-type{
position:relative;
line-height:56px;
}
.letter-ibox .classified{
float:left;
}
.letter-ibox .classified .label,
.letter-ibox .letter-type .label{
display:block;
font-size:0;color:#555;
font-weight:700;
}
.letter-ibox .classified .label span{font-size:16px;}
.letter-ibox .letter-type .label span{font-size:14px;}
.letter-ibox .classified .label .unread{
font-size:14px;color:#12b7f5;
}
.letter-ibox .classified .label .arrow{
width:17px;height:8px;
background:url(http://www.shanggukt.cn/images/letter-arrow-1.png) no-repeat;
-moz-transition:all 0.3s ease-in-out;
-webkit-transition:all 0.3s ease-in-out;
-o-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
transform-origin:50% 50% 0;
}
.letter-ibox .classified .label:hover .arrow{
transform:rotate(180deg);
-ms-transform:rotate(180deg);
-moz-transform:rotate(180deg);
-webkit-transform:rotate(180deg);
-o-transform:rotate(180deg);
}
.letter-ibox .classified .classified-box,
.letter-ibox .letter-type .letter-type-ibox,
.letter-ibox .operation-area .operation-right-ibox{
display:none;
position:absolute;
top:46px;left:0;
border:1px solid #f7f7f9;
background:#fff;
box-shadow:0 0 12px rgba(0, 0, 0, 0.2);
z-index:2;
}
.letter-ibox .classified .classified-box{
padding:0 20px;
width:128px;
}
.letter-ibox .classified .classified-box li{
height:36px;
line-height:36px;
border-bottom:1px solid #f7f7f9;
}
.letter-ibox .classified .classified-box .last{
border-bottom:none;
}
.letter-ibox .classified .classified-box a{
display:block;
color:#a5a7aa;font-size:14px;
text-align:center;
}
.letter-ibox .classified .classified-box a:hover,
.letter-ibox .classified .classified-box .active a{
color:#12b7f5;
}
.letter-ibox .classified .classified-box .choose-icon{
display:none;
float:right;
margin-top:13px;
width:15px;height:10px;
background:url(http://www.shanggukt.cn/images/gou.png) no-repeat;
}
.letter-ibox .classified .classified-box .active .choose-icon{
display:block;
}
.letter-ibox .letter-type{
float:right;
}
.letter-ibox .letter-type .label .arrow{
margin:5px 0 0 5px;
width:0;height:0;
border:4px dashed transparent;
border-top-style:solid;
border-top-color:#555;
-moz-transition:all 0.3s ease-in-out;
-webkit-transition:all 0.3s ease-in-out;
-o-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
transform-origin:50% 25% 0;
overflow:hidden;
}
.letter-ibox .letter-type .label:hover .arrow{
transform:rotate(180deg);
-ms-transform:rotate(180deg);
-moz-transform:rotate(180deg);
-webkit-transform:rotate(180deg);
-o-transform:rotate(180deg);
}
.letter-ibox .letter-type .letter-type-ibox{
width:80px;
}
.letter-ibox .letter-type .letter-type-ibox a,
.letter-ibox .operation-area .operation-right-ibox a{
display:block;
padding:0 18px;
color:#a5a7aa;font-size:14px;
background:#fff;
text-align:center;
}
.letter-ibox .letter-type .letter-type-ibox p,
.letter-ibox .operation-area .operation-right-ibox p{
height:36px;line-height:36px;
border-bottom:1px solid #f7f7f9;
}
.letter-ibox .letter-type .letter-type-ibox .last p,
.letter-ibox .operation-area .operation-right-ibox .last p{
border-bottom:none;
}
.letter-ibox .letter-type .letter-type-ibox a:hover,
.letter-ibox .operation-area .operation-right-ibox a:hover{
background:#e3e6ed;
color:#555;
}
.letter-ibox .letter-type .letter-type-ibox a:hover p,
.letter-ibox .operation-area .operation-right-ibox a:hover p{
border-bottom-color:transparent;
}
.letter-ibox .letter-type .letter-type-ibox .active a,
.letter-ibox .letter-type .letter-type-ibox .active a:hover{
color:#12b7f5;
background:#fff;
}
.letter-ibox .letter-left-hd .refresh-icon{
float:right;
margin:20px 10px 0 0;
width:18px;height:18px;
background:url(http://www.shanggukt.cn/images/caozuo.png) no-repeat;
-moz-transition:all 0.3s ease-in-out;
-webkit-transition:all 0.3s ease-in-out;
-o-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
transform-origin:50% 50% 0;
}
.letter-ibox .letter-left-hd .refresh-icon:hover{
transform:rotate(360deg);
-ms-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-webkit-transform:rotate(360deg);
-o-transform:rotate(360deg);
}
.letter-ibox .letter-left-hd .new-letter-btn,
.letter-ibox .letter-right-hd .new-letter-btn{
display:none;
float:right;
margin-top:20px;
width:22px;height:18px;
background:url(http://www.shanggukt.cn/images/new-letter.png) no-repeat;
}
/* 鏀朵欢绠� */
.letter-ibox .operation-area{
display:none;
padding:0 16px 0 12px;
height:40px;line-height:40px;
background:#f7f7f9;
font-size:14px;color:#555;
font-weight:700;
}
.letter-ibox .operation-area .left,
.letter-ibox .operation-area .right{
height:100%;
cursor:pointer;
}
.letter-ibox .operation-area .right .del-btn{
color:#555;
}
.letter-ibox .operation-area .right .del-btn:hover{
color:#12b7f5;
}
.letter-ibox .operation-area .right .del-btn:active{
color:#1b9ccd;
}
.letter-ibox .operation-area .checkbox{
margin-right:5px;
width:16px;height:16px;
background:url(http://www.shanggukt.cn/images/checkbox-icon.png) no-repeat;
}
.letter-ibox .operation-area .checkboxed{
background-position:0 -16px;
}
.letter-ibox .operation-area .label{color:#555;}
.letter-ibox .operation-area .label .arrow{
margin:5px 0 0 5px;
width:0;height:0;
border:4px dashed transparent;
border-top-style:solid;
border-top-color:#555;
-moz-transition:all 0.3s ease-in-out;
-webkit-transition:all 0.3s ease-in-out;
-o-transition:all 0.3s ease-in-out;
transition:all 0.3s ease-in-out;
transform-origin:50% 25% 0;
overflow:hidden;
}
.letter-ibox .operation-area .label:hover .arrow {
transform:rotate(180deg);
-ms-transform:rotate(180deg);
-moz-transform:rotate(180deg);
-webkit-transform:rotate(180deg);
-o-transform:rotate(180deg);
}
.letter-ibox .operation-area .operation-right-ibox{
width:98px;
top:36px;
right:-14px;left:auto;
}
.letter-ibox .operation-area .operation-right-ibox a{
padding:0 12px;
font-weight:400;
}
.letter-ibox .letter-inbox-area li{
cursor:pointer;
background:#fff;
-moz-transition:background 0.3s ease-in-out;
-webkit-transition:background 0.3s ease-in-out;
-o-transition:background 0.3s ease-in-out;
transition:background 0.3s ease-in-out;
}
.letter-ibox .letter-inbox-area .checkbox{
float:left;
margin:32px 8px 0 12px;
width:16px;height:16px;
background:url(http://www.shanggukt.cn/images/checkbox-icon.png) no-repeat;
}
.letter-ibox .letter-inbox-area .letter-inbox-right{
float:left;
padding:17px 0;
width:300px;
border-bottom:1px solid #dedfe0;
-moz-transition:border-bottom 0.3s ease-in-out;
-webkit-transition:border-bottom 0.3s ease-in-out;
-o-transition:border-bottom 0.3s ease-in-out;
transition:border-bottom 0.3s ease-in-out;
}
.letter-ibox .letter-inbox-area .img-box{
position:relative;
float:left;
margin-right:10px;
width:44px;height:44px;
border:1px solid #e1e2e3;
border-radius:100%;
}
.letter-ibox .letter-inbox-area .img-box img,
.letter-ibox .letter-content-hd .img-box img{
display:block;
width:100%;height:100%;
border-radius:100%;
}
.letter-ibox .letter-inbox-area .img-box .rejection-bg{
display:none;
position:absolute;
top:50%;left:50%;
margin:-23px 0 0 -23px;
width:46px;height:46px;
background:url(http://www.shanggukt.cn/images/jushou.png) no-repeat;
border-radius:100%;
z-index:2;
}
.letter-ibox .letter-inbox-area .rejection .rejection-bg{
display:block;
}
.letter-ibox .letter-inbox-area .rejection .new-icon{
display:none;
}
.letter-ibox .letter-inbox-area .img-box .new-icon{
position:absolute;
top:0;right:0;
width:8px;height:8px;
background:#f48533;
border:2px solid #fff;
border-radius:100%;
z-index:1;
}
.letter-ibox .letter-inbox-area .img-box .site-v-icon,
.letter-ibox .letter-content-hd .img-box .site-v-icon{
position:absolute;
bottom:-2px;right:-6px;
width:20px;height:20px;
background:url(http://www.shanggukt.cn/images/v.png) no-repeat;
z-index:1;
}
.letter-ibox .letter-inbox-area .inbox-info{
float:left;
width:244px;
}
.letter-ibox .letter-inbox-area .info-top{
height:25px;line-height:25px;
font-size:0;color:#000;
}
.letter-ibox .letter-inbox-area .info-top .time{
float:right;
font-size:12px;
color:#a5a7aa;
}
.letter-ibox .letter-inbox-area .info-top .name{
font-size:12px;
*width:154px;
max-width:124px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
.letter-ibox .letter-inbox-area .info-top .fujian-icon,
.letter-ibox .letter-content-hd .info-top .fujian-icon{
margin-left:8px;
display:inline-block;
*display:inline;*zoom:1;
width:13px;height:12px;
background:url(http://www.shanggukt.cn/images/fujian.png) no-repeat;
vertical-align:middle;
}
.letter-ibox .letter-inbox-area .letter-title{
height:20px;line-height:20px;
font-size:12px;color:#a5a7aa;
width:245px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
.letter-ibox .letter-inbox-area .active,
.letter-ibox .all-letter .letter-inbox-area li{
background:#f3f3f3;
}
.letter-ibox .all-letter .checkbox,
.letter-ibox .letter-inbox-area .checkboxed{
background-position:0 -16px;
}
.letter-ibox .letter-inbox-area .active .letter-inbox-right,
.letter-ibox .all-letter .letter-inbox-area .letter-inbox-right{
border-bottom:1px solid #f3f3f3;
}
.letter-ibox .letter-right{
float:left;
width:535px;
border-left:1px solid #f7f7f9;
}
.letter-ibox .letter-right-hd{
padding-left:30px;
font-size:14px;color:#555;
font-weight:700;
}
.letter-ibox .letter-right-hd .details-letter{
display:none;
position:relative;
float:right;
margin-top:20px;
width:18px;height:18px;
}
.letter-ibox .letter-right-hd .details-letter .details-btn{
display:block;
width:100%;height:100%;
background:url(http://www.shanggukt.cn/images/mr.png) no-repeat;
}
.letter-ibox .letter-right-hd .details-active .details-btn{
background:url(http://www.shanggukt.cn/images/close_2.png) no-repeat;
}
.letter-ibox .letter-right-hd .details-letter .letter-type-ibox{
display:none;
position:absolute;
top:24px;left:-68px;
width:84px;
border: 1px solid #f7f7f9;
background: #fff;
box-shadow: 0 0 12px rgba(0, 0, 0, 0.2);
font-weight:400;
z-index: 2;
}
.letter-ibox .letter-right-hd .details-letter .letter-type-ibox a{
display:block;
color:#a5a7aa;font-size:14px;
background:#fff;
text-align:center;
}
.letter-ibox .letter-right-hd .details-letter .letter-type-ibox p{
height:36px;line-height:36px;
border-bottom:1px solid #f7f7f9;
}
.letter-ibox .letter-right-hd .details-letter .letter-type-ibox .last p{
border-bottom:none;
}
.letter-ibox .letter-right-hd .details-letter .letter-type-ibox a:hover{
background:#e3e6ed;
color:#555;
}
.letter-ibox .letter-right-hd .details-active .letter-type-ibox{
display:block;
}
.letter-ibox .operation-area .operation-right-ibox a:hover a:hover p{
border-bottom-color:transparent;
}
.letter-ibox .operation-area .operation-right-ibox .active a{
color:#12b7f5;
background:#fff;
}
.letter-ibox .letter-right-bd{
position:relative;
padding:0 30px;
}
.letter-ibox .letter-right-bd .default{
position:absolute;
top:0;left:0;
width:100%;
height:74px;line-height:74px;
font-size:14px;color:#555;
text-align:center;
}
.letter-ibox .letter-content-hd{
padding:30px 0;
height:54px;
border-bottom:1px solid #dedfe0;
}
.letter-ibox .letter-content-hd .img-box{
position:relative;
float:left;
margin-right:20px;
width:54px;height:54px;
border-radius:100%;
}
.letter-ibox .letter-content-hd .inbox-info{
float:left;
width:400px;
}
.letter-ibox .letter-content-hd .info-top {
height:32px;line-height:32px;
font-size:0;
color:#000;
}
.letter-ibox .letter-content-hd .info-top .name{
font-size:16px;
max-width:378px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.letter-ibox .letter-content-hd .time{
height:18px;line-height:18px;
font-size:12px;color:#a5a7aa;
}
.letter-ibox .letter-content-hd .time-day{
margin-right:16px;
}
.letter-ibox .letter-content-bd{
position:relative;
margin-top:15px;
height:338px;
overflow:hidden;
}
.letter-ibox .letter-content-bd .title{
height:42px;line-height:42px;
width:475px;
font-size:14px;color:#000;
font-weight:700;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
.letter-ibox .letter-content-bd .contents-bd{
/*height:156px;*/
line-height:22px;
font-size:14px;color:#777;
overflow:hidden;
word-break:break-word;
}
.letter-ibox .enclosure-area{
display:none;
position:absolute;
bottom:0;left:0;
padding:44px 5px 0;
width:465px;height:182px;
background:#f8f8f8;
border-radius:0 5px 5px 5px;
}
.letter-ibox .enclosure-area .arrow{
position:absolute;
top:-10px;left:0;
width:11px;height:10px;
background:url(http://www.shanggukt.cn/images/enclosure-arrow.png) no-repeat;
}
.letter-ibox .enclosure-area .enclosure-content{
text-align:center;
}
.letter-ibox .enclosure-area .unclaimed-enclosure ul{
position:relative;
margin:0 -8px;
font-size:0;
*zoom:1;
}
.letter-ibox .enclosure-area .unclaimed-enclosure li{
display:inline-block;
*display:inline;*zoom:1;
margin:0 8px;
width:64px;
}
.letter-ibox .enclosure-area .unclaimed-enclosure .img-box{
position:relative;
width:64px;height:64px;
background:#e3e6ed;
border-radius:5px;
}
.letter-ibox .enclosure-area .unclaimed-enclosure img{
display:block;
width:100%;height:100%;
border-radius:5px;
}
.letter-ibox .enclosure-area .unclaimed-enclosure .sub-tit-area{
position:absolute;
top:-6px;right:-5px;
width:16px;height:16px;
line-height:16px;
font-size:12px;
color:#e6f0fa;
background:#cb1b45;
border-radius:100%;
z-index:1;
}
.letter-ibox .enclosure-area .unclaimed-enclosure li .name{
font-size:12px;color:#777;
height:26px;line-height:26px;
width:64px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
.letter-ibox .enclosure-area .unclaimed-enclosure .enclosure-btn{
display:inline-block;
*display:inline;*zoom:1;
margin-top:24px;
width:128px;height:30px;
line-height:30px;
background:#12b7f5;
font-size:14px;
font-weight:700;
color:#fff;
}
.letter-ibox .enclosure-area .unclaimed-enclosure .enclosure-btn:hover{
background:#38c2f6;
}
.letter-ibox .enclosure-area .unclaimed-enclosure .enclosure-btn:active{
background:#11a7df;
}
.letter-ibox .enclosure-area .receive-enclosure{
margin-top:18px;
height:85px;
background:url(http://www.shanggukt.cn/images/receive-enclosure.png) top center no-repeat;
}
.letter-ibox .reply-area{
position:absolute;
left:0;bottom:0;
width:475px;
}
.letter-ibox .reply-area .sub-title{
height:35px;line-height:35px;
font-size:12px;color:#a5a7aa;
}
.letter-ibox .reply-area .textarea{
padding:5px 10px;
width:453px;height:44px;
border:1px solid #dedfe0;
background:#fff;
font-size:14px;color:#777;
}
.letter-ibox .reply-area .reply-btn{
margin-top:20px;
width:108px;height:28px;
line-height:28px;
background:#12b7f5;
font-size:14px;
color:#fff;font-weight:700;
text-align:center;
}
.letter-ibox .reply-area .reply-btn:hover{
background:#38c2f6;
}
.letter-ibox .reply-area .reply-btn:active{
background:#11a7df;
}
.letter-ibox .write-letter-content{
display:none;
margin-top:20px;
}
.letter-ibox .write-letter-row{
margin-bottom:10px;
line-height:32px;
}
.letter-ibox .write-letter-row .row-left{
float:left;
width:60px;height:32px;
font-size:12px;color:#777;
}
.letter-ibox .write-letter-row .row-right{
float:left;
width:386px;
}
.letter-ibox .write-letter-row .input-area{
position:relative;
font-size:12px;
}
.letter-ibox .write-letter-row .input-area .input{
padding:0 10px 0 12px;
width:390px;height:30px;
line-height:30px\9;
border:1px solid #e0e4e5;
background:#fff;
color:#555;
}
.letter-ibox .write-letter-row .input-area .label{
position:absolute;
top:2px;left:13px;
height:30px;line-height:30px;
color:#dedfe1;
}
.letter-ibox .write-letter-row .input-area .textarea{
padding:5px 12px;
width:388px;height:198px;
border:1px solid #e0e4e5;
line-height:22px;
}
.letter-ibox .write-letter-row .send-btn,
.letter-ibox .write-letter-row .cancel-btn{
display:inline-block;
*display:inline;*zoom:1;
margin-top:12px;
width:100px;height:32px;line-height:32px;
font-size:12px;color:#fff;
text-align:center;
}
.letter-ibox .write-letter-row .send-btn{
margin-right:20px;
background:#12b7f5;
}
.letter-ibox .write-letter-row .send-btn:hover{
background:#38c2f6;
}
.letter-ibox .write-letter-row .send-btn:active{
background:#11a7df;
}
.letter-ibox .write-letter-row .cancel-btn{
background:#a5a7aa;
}
.letter-ibox .write-letter-row .cancel-btn:hover{
background:#999a9b;
}
.letter-ibox .write-letter-row .cancel-btn:active{
background:#a5a7aa;
}
.letter-ibox .loading-area{
display:none;
background:#fff url(http://www.shanggukt.cn/images/loading.gif) center center no-repeat;
}
.letter-ibox .letter-left .loading-area{
width:351px;height:486px;
}
.letter-ibox .letter-right .loading-area{
width:535px;height:486px;
}
.letter-ibox .no-something-list{
height:345px;
line-height:250px;
}
/* 绉佷俊寮圭獥End */
/*瑙掕壊绯荤粺寮圭獥*/
.role-system-ibox{
position:fixed;
top:50%;left:50%;
margin-left:-268px;
width:536px;
}
.role-system-ibox .role-system-hd{
position:relative;
width:536px;height:188px;
background:url(http://www.shanggukt.cn/images/new-role-system-ibox-bg.png) no-repeat;
}
.role-system-ibox .role-system-hd .role-level{
position:absolute;
top:65px;left:232px;
width:68px;height:35px;
line-height:35px;
font-size:28px;
color:#836900;
font-weight:700;
text-align:center;
}
.role-system-ibox .role-system-content{
padding:0 29px 20px;
margin:-5px 0 0 34px;
width:406px;
background:#fff;
border:1px solid #d2d2d2;
border-top:none;
}
.role-system-ibox .role-system-content .now-reward{
}
.role-system-ibox .role-system-content .now-reward .now-reward-content{
position:relative;
padding:0 40px 10px;
width:326px;
background:#f3f3f3;
}
.role-system-ibox .role-system-content .now-reward .now-reward-content .reward-hd,
.role-system-ibox .role-system-content .future-reward .future-reward-content .reward-hd{
position:absolute;
top:-13px;left:141px;
width:124px;height:23px;
line-height:23px;
background:url(http://www.shanggukt.cn/images/new-role-system-hd.png) no-repeat;
font-size:14px;
color:#fff;
text-align:center;
}
.role-system-ibox .role-system-content .now-reward .now-reward-content .skill-content{
padding-top:11px;
}
.role-system-ibox .role-system-content .now-reward .now-reward-content .skill-content .skill-hd,
.role-system-ibox .role-system-content .future-reward .future-reward-content .skill-content .skill-hd{
height:30px;line-height:30px;
font-size:12px;
color:#555;
text-align:center;
}
.role-system-ibox .role-system-content .now-reward .now-reward-content .skill-content .skill-content-ul{
background:url(http://www.shanggukt.cn/images/new-role-system-line.png) left bottom repeat-x;
}
.role-system-ibox .role-system-content .now-reward .now-reward-content .skill-content ul,
.role-system-ibox .role-system-content .future-reward .future-reward-content .skill-content ul{
font-size:0;
text-align:center;
}
.role-system-ibox .role-system-content .now-reward .now-reward-content .skill-content li,
.role-system-ibox .role-system-content .future-reward .future-reward-content .skill-content li{
display:inline-block;
margin:0 6px 20px;
width:150px;height:36px;
}
.role-system-ibox .role-system-content .now-reward .now-reward-content .skill-content li .left-area,
.role-system-ibox .role-system-content .future-reward .future-reward-content .skill-content li .left-area{
float:left;
margin-right:10px;
width:36px;height:36px;
}
.role-system-ibox .role-system-content .now-reward .now-reward-content .skill-content li .left-area img,
.role-system-ibox .role-system-content .future-reward .future-reward-content .skill-content li .left-area img{
display:block;
width:100%;height:100%;
}
.role-system-ibox .role-system-content .now-reward .now-reward-content .skill-content li .right-area,
.role-system-ibox .role-system-content .future-reward .future-reward-content .skill-content li .right-area{
float:left;
}
.role-system-ibox .role-system-content .now-reward .now-reward-content .skill-content li .right-area .skill-name,
.role-system-ibox .role-system-content .future-reward .future-reward-content .skill-content li .right-area .skill-name{
height:20px;line-height:20px;
font-size:12px;
color:#555;
font-weight:700;
}
.role-system-ibox .role-system-content .now-reward .now-reward-content .skill-content li .right-area .skill-level,
.role-system-ibox .role-system-content .future-reward .future-reward-content .skill-content li .right-area .skill-level{
height:20px;line-height:20px;
}
.role-system-ibox .role-system-content .now-reward .now-reward-content .skill-content li .right-area .skill-level .left,
.role-system-ibox .role-system-content .future-reward .future-reward-content .skill-content li .right-area .skill-level .left{
float:left;
font-size:12px;
color:#555;
}
.role-system-ibox .role-system-content .now-reward .now-reward-content .skill-content li .right-area .skill-level .up-level,
.role-system-ibox .role-system-content .future-reward .future-reward-content .skill-content li .right-area .skill-level .up-level{
float:left;
margin:4px 5px 0;
width:16px;height:12px;
background:url(http://www.shanggukt.cn/images/new-role-system-arrow.png) no-repeat;
}
.role-system-ibox .role-system-content .now-reward .now-reward-content .skill-content li .right-area .skill-level .right,
.role-system-ibox .role-system-content .future-reward .future-reward-content .skill-content li .right-area .skill-level .right{
float:left;
font-size:14px;
color:#eb7a77;
}
.role-system-ibox .role-system-content .now-reward .now-reward-content .props-reward-content .props-reward-hd{
height:30px;line-height:30px;
font-size:12px;
color:#555;
text-align:center;
}
.role-system-ibox .role-system-content .now-reward .now-reward-content .props-reward-content ul{
width:320px;
font-size:0;
text-align:center;
}
.role-system-ibox .role-system-content .now-reward .now-reward-content .props-reward-content li{
position:relative;
display:inline-block;
margin:0 5px 10px;
width:54px;height:54px;
background:#dedfe0;
border-radius:5px;
}
.role-system-ibox .role-system-content .now-reward .now-reward-content .props-reward-content .ul-two{
padding:0 0 0 8px;
}
.role-system-ibox .role-system-content .now-reward .now-reward-content .props-reward-content .ul-two li{
position:relative;
float:left;
display:inline-block;
margin:0 10px 10px 0;
}
.role-system-ibox .role-system-content .now-reward .now-reward-content .skill-content .ul-two,
.role-system-ibox .role-system-content .future-reward .future-reward-content .skill-content .ul-two{
margin-right:-40px;
}
.role-system-ibox .role-system-content .now-reward .now-reward-content .skill-content .ul-two li,
.role-system-ibox .role-system-content .future-reward .future-reward-content .skill-content .ul-two li{
float:left;
display:block;
margin:0 30px 20px 0;
}
.role-system-ibox .role-system-content .now-reward .now-reward-content .props-reward-content li img{
display:block;
width:100%;height:100%;
}
.role-system-ibox .role-system-content .now-reward .now-reward-content .props-reward-content li .reward-num{
position:absolute;
bottom:0;right:0;
width:24px;height:12px;
line-height:12px;
background:#cb1b45;
border-top-left-radius:5px;
border-bottom-right-radius:5px;
font-size:12px;
color:#fff;
text-align:center;
}
.role-system-ibox .role-system-content .now-reward .remind{
margin-top:10px;
width:406px;height:30px;
line-height:30px;
background:#fffbe6;
font-size:12px;
color:#555;
text-align:center;
}
.role-system-ibox .role-system-content .now-reward .remind span{
color:#ff4445;
}
.role-system-ibox .role-system-content .future-reward{
position:relative;
padding:11px 40px 10px;
margin-top:30px;
background:#f3f3f3;
}
.role-system-ibox .role-system-content .future-reward .future-reward-content .remind{
width:326px;height:30px;
line-height:30px;
font-size:12px;
color:#555;
text-align:center;
}
.role-system-ibox .role-system-content .future-reward .future-reward-content .remind span{
color:#ff4445;
}
.role-system-ibox .role-system-content .ibox-define-btn{
display:inline-block;
width:99px;height:32px;
line-height:32px;
background:#12b7f5;
font-size:12px;
color:#fff;
text-align:center;
}
.role-system-ibox .role-system-content .ibox-define-btn:hover{
background:#00acec;
color:#fff;
}
.knapsack-ibox .arrow {
margin-left: 190px;
position: absolute;
bottom: -7px;
left: 50%;
width: 12px;
height: 7px;
background: url(http://www.shanggukt.cn/images/bai-arrow1.png) no-repeat;
}
/*瑙掕壊绯荤粺寮圭獥End*/
/* 瀹堟姢寮圭獥 */
.guard-ibox{
position:fixed;
top:50%;left:50%;
margin:-325px 0 0 -495px;
padding:11px 0 0 115px;
width:800px;height:640px;
background:url(http://www.shanggukt.cn/images/sh-bg.png) no-repeat;
}
.guard-ibox .close{
position:absolute;
top:-43px;right:50px;
width:36px;height:35px;
background:url(http://www.shanggukt.cn/images/sh-close.png) no-repeat;
}
.guard-ibox .close:hover{
background-position:0 -35px;
}
.guard-ibox .choose-button-area{
position:absolute;
top:229px;left:12px;
width:86px;height:186px;
background:url(http://www.shanggukt.cn/images/choose-btn.png) no-repeat;
-moz-transform:scale(1,1);
-webkit-transform:scale(1,1);
-o-transform:scale(1,1);
-ms-transform:scale(1,1);
transform:scale(1,1);
-moz-transition:transform 200ms ease-out;
-webkit-transition:transform 200ms ease-out;
-o-transition:transform 200ms ease-out;
transition:transform 200ms ease-out;
}
.guard-ibox .choose-button-area p{
position:absolute;
width:16px;line-height:14px;
top:56px;left:36px;
font-size:14px;color:#ccf0fe;
z-index:2;
}
.guard-ibox .choose-btn{
position:absolute;
top:0;left:0;
width:100%;height:100%;
background:url(http://www.shanggukt.cn/images/choose-btn-k.png) no-repeat;
z-index:1;
-webkit-animation:light 1s infinite;
-moz-animation:light 1s infinite;
-o-animation:light 1s infinite;
animation:light 1s infinite;
}
@-webkit-keyframes light{
0%,50%,100% {
opacity:1;
}
25%,75% {
opacity:.85;
}
}
@-moz-keyframes light{
0%,50%,100% {
opacity:1;
}
25%,75% {
opacity:.85;
}
}
@-o-keyframes light{
0%,50%,100% {
opacity:1;
}
25%,75% {
opacity:.85;
}
}
@keyframes light{
0%,50%,100% {
opacity:1;
}
25%,75% {
opacity:.85;
}
}
.guard-ibox .choose-button-area:hover{
-moz-transform:scale(1.1,1.1);
-webkit-transform:scale(1.1,1.1);
-o-transform:scale(1.1,1.1);
-ms-transform:scale(1.1,1.1);
transform:scale(1.1,1.1);
}
.guard-ibox .guard-content{
position:relative;
width:764px;height:611px;
}
.guard-ibox .guard-content .guard-bd{
position:relative;
padding:30px 0 0 50px;
width:714px;height:581px;
background:url(http://www.shanggukt.cn/images/sh-book.png) no-repeat;
z-index:2;
}
.guard-ibox .guard-content .guard-bd-left{
float:left;
margin-right:70px;
width:302px;
}
.guard-ibox .guard-content .guard-bd-left .guard-top{
position:relative;
margin-bottom:22px;
height:90px;
font-size:0;color:#704f2c;
text-align:center;
z-index:1;
}
.guard-ibox .guard-content .guard-bd-left .guard-top .name-area{
height:20px;line-height:20px;
font-size:14px;
}
.guard-ibox .guard-content .guard-bd-left .guard-top .name{
max-width:260px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.guard-ibox .guard-content .guard-bd-left .guard-mid{
position:relative;
height:230px;
margin-bottom:20px;
}
.guard-ibox .guard-content .guard-bd-left .guard-mid .img{
position:absolute;
bottom:0;left:50%;
margin-left:-159px;
width:318px;
}
.guard-ibox .guard-content .guard-bd-left .guard-mid .preview-bg{
position:absolute;
bottom:0;left:50%;
margin-left:-91px;
width:182px;
height:23px;line-height:23px;
background:url(http://www.shanggukt.cn/images/sh-nav-sub.png) center bottom no-repeat;
font-size:0;
text-align:center;
z-index:1;
}
.guard-ibox .guard-content .guard-bd-left .guard-mid .preview-bg li{
position:relative;
display:inline-block;
*display:inline;*zoom:1;
width:70px;
text-align:center;
}
.guard-ibox .guard-content .guard-bd-left .guard-mid .preview-bg .line{
position:absolute;
top:5px;right:0;
width:1px;height:13px;
background:#fcf7c3;
}
.guard-ibox .guard-content .guard-bd-left .guard-mid .preview-bg a{
display:block;
color:#fcf7c3;font-size:12px;
}
.guard-ibox .guard-content .guard-bd-left .guard-mid .preview-bg a:hover{
color:#eaef79;
}
.guard-ibox .guard-content .guard-bd-left .guard-bottom .guard-row{
margin-bottom:3px;
font-size:12px;
}
.guard-ibox .guard-content .guard-bd-left .guard-bottom .row-left{
float:left;
width:65px;height:25px;line-height:25px;
}
.guard-ibox .guard-content .guard-bd-left .guard-bottom .row-right{
float:left;
width:233px;
}
.guard-ibox .guard-content .guard-bd-left .guard-bottom .row-right ul{
position:relative;
margin-right:-10px;
*zoom:1;
}
.guard-ibox .guard-content .guard-bd-left .guard-bottom .row-right li{
position:relative;
float:left;
margin:0 10px 10px 0;
width:71px;height:25px;
line-height:25px;
text-align:center;
}
.guard-ibox .guard-content .guard-bd-left .guard-bottom .row-right a{
display:block;
width:69px;height:23px;
border:1px solid #ccb892;
color:#704f2c;
}
.guard-ibox .guard-content .guard-bd-left .guard-bottom .row-right a:hover{
color:#cc0000;
}
.guard-ibox .guard-content .guard-bd-left .guard-bottom .row-right .icon{
display:none;
position:absolute;
bottom:0;right:0;
width:12px;height:12px;
background:url(http://www.shanggukt.cn/images/arrow.png) no-repeat;
}
.guard-ibox .guard-content .guard-bd-left .guard-bottom .row-right .active a{
border-color:#cc0000;
color:#cc0000;
}
.guard-ibox .guard-content .guard-bd-left .guard-bottom .row-right .active .icon{
display:block;
}
.guard-ibox .guard-content .guard-bd-left .guard-bottom .guard-title{
margin-bottom:4px;
width:284px;
line-height:18px;
font-size:12px;
color:#704f2c;
}
.guard-ibox .guard-content .guard-bd-left .guard-bottom .guard-title .upgrade-text{
visibility:hidden;
}
.guard-ibox .guard-content .guard-bd-left .guard-bottom .upgrade .upgrade-text{
visibility:inherit;
}
.guard-ibox .guard-content .guard-bd-left .guard-bottom .line{
display:none;
position: absolute;
top: 8px;
left: 3px;
height: 1px;
width: 100%;
background:#cc0000;
}
.guard-ibox .guard-content .guard-bd-left .guard-bottom .upgrade .line{
display:block;
}
.guard-ibox .red{color:#cc0000 !important;}
.guard-ibox .blue{color:#23b6f5 !important;}
.guard-ibox .guard-content .guard-bd-left .guard-bottom .guard-btn{
display:inline-block;
*display:inline;
*zoom:1;
width:152px;height:67px;
background:url(http://www.shanggukt.cn/images/sh-btn.png) no-repeat;
}
.guard-ibox .guard-content .guard-bd-left .guard-bottom .guard-btn:hover{
background-position:0 -67px;
}
.guard-ibox .guard-content .guard-bd-left .guard-bottom .upgrade-btn{
background-position:-152px 0;
}
.guard-ibox .guard-content .guard-bd-left .guard-bottom .upgrade-btn:hover{
background-position:-152px -67px;
}
.guard-ibox .guard-content .guard-bd-left .guard-bottom .renew-btn{
background-position:-304px 0;
}
.guard-ibox .guard-content .guard-bd-left .guard-bottom .renew-btn:hover{
background-position:-304px -67px;
}
.guard-ibox .guard-content .guard-bd-left .guard-bottom .disable-btn,
.guard-ibox .guard-content .guard-bd-left .guard-bottom .disable-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);
}
.guard-ibox .guard-content .guard-bd-right{
float:left;
width:314px;
font-size:12px;
}
.guard-ibox .guard-content .guard-bd-right .sub-top{
position:relative;
margin-top:8px;
}
.guard-ibox .guard-content .guard-bd-right .sub-top ul{
position:relative;
*zoom:1;
margin-right:-42px;
}
.guard-ibox .guard-content .guard-bd-right .sub-top li{
float:left;
margin:0 42px 16px 0;
width:72px;
text-align:center;
}
.guard-ibox .guard-content .guard-bd-right .sub-top li a{
position:relative;
display:block;
}
.guard-ibox .guard-content .guard-bd-right .sub-top li .privilege{
display:block;
width:72px;height:72px;
background:url(http://www.shanggukt.cn/images/tequan.png) no-repeat;
}
.guard-ibox .guard-content .guard-bd-right .sub-top li .privilege-1{
background-position:0 0;
}
.guard-ibox .guard-content .guard-bd-right .sub-top li .privilege-2{
background-position:-72px 0;
}
.guard-ibox .guard-content .guard-bd-right .sub-top li .privilege-3{
background-position:-144px 0;
}
.guard-ibox .guard-content .guard-bd-right .sub-top li .privilege-4{
background-position:0 -72px;
}
.guard-ibox .guard-content .guard-bd-right .sub-top li .privilege-5{
background-position:-72px -72px;
}
.guard-ibox .guard-content .guard-bd-right .sub-top li .privilege-6{
background-position:-144px -72px;
}
.guard-ibox .guard-content .guard-bd-right .sub-top li .privilege-7{
background-position:0 -144px;
}
.guard-ibox .guard-content .guard-bd-right .sub-top li .privilege-8{
background-position:-72px -144px;
}
.guard-ibox .guard-content .guard-bd-right .sub-top li .privilege-9{
background-position:-144px -144px;
}
.guard-ibox .guard-content .guard-bd-right .sub-top li .privilege-10{
background-position:0 -216px;
}
.guard-ibox .guard-content .guard-bd-right .sub-top li .privilege-11{
background-position:-72px -216px;
}
.guard-ibox .guard-content .guard-bd-right .sub-top .active .privilege-1{
background-position:-216px 0;
}
.guard-ibox .guard-content .guard-bd-right .sub-top .active .privilege-2{
background-position:-288px 0;
}
.guard-ibox .guard-content .guard-bd-right .sub-top .active .privilege-3{
background-position:-360px 0;
}
.guard-ibox .guard-content .guard-bd-right .sub-top .active .privilege-4{
background-position:-216px -72px;
}
.guard-ibox .guard-content .guard-bd-right .sub-top .active .privilege-5{
background-position:-288px -72px;
}
.guard-ibox .guard-content .guard-bd-right .sub-top .active .privilege-6{
background-position:-360px -72px;
}
.guard-ibox .guard-content .guard-bd-right .sub-top .active .privilege-7{
background-position:-216px -144px;
}
.guard-ibox .guard-content .guard-bd-right .sub-top .active .privilege-8{
background-position:-288px -144px;
}
.guard-ibox .guard-content .guard-bd-right .sub-top .active .privilege-9{
background-position:-360px -144px;
}
.guard-ibox .guard-content .guard-bd-right .sub-top .active .privilege-10{
background-position:-216px -216px;
}
.guard-ibox .guard-content .guard-bd-right .sub-top .active .privilege-11{
background-position:-288px -216px;
}
.guard-ibox .guard-content .guard-bd-right .sub-top .active .privilege-12{
background-position:-360px -216px;
}
.guard-ibox .guard-content .guard-bd-right .sub-top li .num-icon{
position:absolute;
top:50px;left:48px;
padding:0 6px;
height: 20px;
line-height: 20px;
background: red;
border-radius:9px;
font-size: 12px;
color: #fff;
}
.guard-ibox .guard-content .guard-bd-right .sub-top li p{
font-size:14px;color:#cc0000;
height:30px;line-height:30px;
font-weight:700;
}
.guard-ibox .guard-content .guard-bd-right .sub-top .title{
line-height:18px;
color:#704f2c;
}
.guard-ibox .privilege-tips-ibox{
display:none;
position:absolute;
top:0;left:0;
width:202px;
z-index:1;
}
.guard-ibox .privilege-tips-ibox .privilege-tips-top{
height:3px;
background:url(http://www.shanggukt.cn/images/ibox-top.png) no-repeat;
}
.guard-ibox .privilege-tips-ibox .privilege-tips-mid{
padding:0 12px;
background:url(http://www.shanggukt.cn/images/ibox-mid.png) repeat-y;
}
.guard-ibox .privilege-tips-ibox .privilege-tips-bottom{
height:10px;
background:url(http://www.shanggukt.cn/images/ibox-bottom.png) no-repeat;
}
.guard-ibox .privilege-tips-ibox .privilege-tips-mid .hd{
height:35px;line-height:35px;
border-bottom:1px solid #a0803e;
font-size:14px;color:#eaef79;
font-weight:700;
}
.guard-ibox .privilege-tips-ibox .privilege-tips-mid .bd{
padding:8px 3px;
line-height:18px;
font-size:12px;color:#fcf7c3;
}
.guard-ibox .privilege-tips-ibox .color-1{
color:#ececec !important;
}
.guard-ibox .privilege-tips-ibox .color-2{
color:#44b236 !important;
}
.guard-ibox .privilege-tips-ibox .color-3{
color:#6ab2e4 !important;
}
.guard-ibox .privilege-tips-ibox .color-4{
color:#a34a9b !important;
}
.guard-ibox .privilege-tips-ibox .color-5{
color:#eab728 !important;
}
.guard-ibox .privilege-tips-ibox .color-6{
color:#d0841c !important;
}
.guard-ibox .privilege-tips-ibox .color-7{
color:#e20015 !important;
}
.guard-ibox .privilege-tips-ibox .color-8{
color:#e0f2f9 !important;
}
.guard-ibox .guard-nav{
position:absolute;
top:38px;left:714px;
width:125px;
z-index:1;
}
.guard-ibox .guard-nav li{
position:relative;
margin-bottom:4px;
width:125px;height:68px;
}
.guard-ibox .guard-nav li .sub-mask{
position:absolute;
top:0;left:0;
width:53px;height:68px;
background:url(http://www.shanggukt.cn/images/nav-sub-mask.png) no-repeat;
z-index:2;
}
.guard-ibox .guard-nav .nav-a{
position:relative;
display:block;
margin-left:0;
width:100%;height:100%;
background:url(http://www.shanggukt.cn/images/nav-li.png) no-repeat;
z-index:1;
-moz-transition:margin .15s ease-in;
-webkit-transition:margin .15s ease-in;
-o-transition:margin .15s ease-in;
transition:margin .15s ease-in;
}
.guard-ibox .guard-nav .nav-1{
background-position:0 0;
}
.guard-ibox .guard-nav .nav-8{
background-position:0 -68px;
}
.guard-ibox .guard-nav .nav-2{
background-position:0 -136px;
}
.guard-ibox .guard-nav .nav-3{
background-position:0 -204px;
}
.guard-ibox .guard-nav .nav-4{
background-position:0 -272px;
}
.guard-ibox .guard-nav .nav-5{
background-position:0 -340px;
}
.guard-ibox .guard-nav .nav-6{
background-position:0 -408px;
}
.guard-ibox .guard-nav .nav-7{
background-position:0 -476px;
}
.guard-ibox .guard-nav .nav-a .text{
position:absolute;
top:27px;right:38px;
width:30px;height:14px;
background:url(http://www.shanggukt.cn/images/text.png) no-repeat;
-moz-transition:right .15s ease-in;
-webkit-transition:right .15s ease-in;
-o-transition:right .15s ease-in;
transition:right .15s ease-in;
}
.guard-ibox .guard-nav .nav-1 .text{
background-position:0 0;
}
.guard-ibox .guard-nav .nav-8 .text{
background-position:0 -14px;
}
.guard-ibox .guard-nav .nav-2 .text{
background-position:0 -28px;
}
.guard-ibox .guard-nav .nav-3 .text{
background-position:0 -42px;
}
.guard-ibox .guard-nav .nav-4 .text{
background-position:0 -56px;
}
.guard-ibox .guard-nav .nav-5 .text{
background-position:0 -70px;
}
.guard-ibox .guard-nav .nav-6 .text{
background-position:0 -84px;
}
.guard-ibox .guard-nav .nav-7 .text{
background-position:0 -98px;
}
.guard-ibox .guard-nav .nav-a:hover{
margin-left:30px;
}
.guard-ibox .guard-nav .nav-a:hover .text{
right:48px;
}
.guard-ibox .guard-nav .nav-a .guard-level-tips{
position:absolute;
top:15px;right:-100px;
padding-left:6px;
width:94px;height:35px;
line-height:35px;
background:url(http://www.shanggukt.cn/images/nav-li-tips.png) no-repeat;
font-size:14px;color:#fff;
font-weight:700;
text-align:center;
}
.guard-ibox .preview-animation-ibox,
.open-animation-ibox{
position:absolute;
top:50%;left:50%;
margin:-250px 0 0 -250px;
width:500px;height:500px;
z-index:3;
}
.open-animation-ibox{position:fixed;}
.open-animation-ibox .info{
position:absolute;
left:50%;bottom:60px;
padding-top:22px;
margin-left:-272px;
width:545px;height:68px;
line-height:24px;
background:url(http://www.shanggukt.cn/images/room-guard-bg.png) no-repeat;
font-size:14px;
color:#fff;
text-align:center;
z-index:10;
}
.open-animation-ibox .info .sh{
font-size:16px;color:#ffff39;
}
/* 瀹堟姢寮曞 */
.guide-guard-ibox{
position:absolute;
top:480px;right:0px;
width:199px;height:203px;
background:url(http://www.shanggukt.cn/images/sh-yd.png) no-repeat;
z-index:30;
}
.guide-guard-ibox .close{
position:absolute;
top:70px;right:0;
width:18px;height:18px;
background:url(http://www.shanggukt.cn/images/ibox-hb-close1.png) no-repeat;
}
.guide-guard-ibox .guard-btn{
position:absolute;
bottom:12px;left:50%;
margin-left:-38px;
width:76px;height:24px;
background:url(http://www.shanggukt.cn/images/sh-yd-btn.png) no-repeat;
}
/* app涓嬭浇寮圭獥 */
.APP-down-ibox{
position: absolute;
top:10px;left:32px;
width:199px;height:257px;
background:url(http://www.shanggukt.cn/images/app-room-bg-2.png) no-repeat;
z-index:10;
}
.APP-down-ibox .close{
position:absolute;
top:74px;right:0;
width:18px;height:18px;
background:url(http://www.shanggukt.cn/images/ibox-hb-close1.png) no-repeat;
}
/* 鍏戞崲鍒稿脊绐� */
.exchange-ibox{
position:fixed;
top:50%;left:50%;
margin:-123px 0 0 -170px;
width:340px;height:246px;
background:#fff;
border:1px solid #e2e1e6;
box-shadow:0 0 5px rgba(0,0,0,.13);
}
.exchange-ibox .content{
padding:24px 0 0 24px;
}
.exchange-ibox .content .img-box{
float:left;
margin-right:10px;
height:50px;width:50px;
line-height: 50px;
text-align:center;
}
.exchange-ibox .content .right-area{
float:left;
}
.exchange-ibox .content .right-area .name{
height:50px;line-height:50px;
font-size:16px;color:#777;
font-weight:700;
}
.exchange-ibox .content .right-area .infos{
margin-top:12px;
}
.exchange-ibox .content .right-area .infos .row{
margin-bottom:6px;
height:24px;line-height:24px;
font-size:14px;color:#555;
}
.exchange-ibox .content .right-area .infos .row-left{
float:left;
}
.exchange-ibox .content .right-area .infos .row-right{
float:left;
}
.exchange-ibox .content .right-area .infos .row-right .reduce-btn,
.exchange-ibox .content .right-area .infos .row-right .plus-btn{
float:left;
margin-top:7px;
width:10px;height:10px;
background:url(http://www.shanggukt.cn/images/duihuan-btn.png) no-repeat;
}
.exchange-ibox .content .right-area .infos .row-right .reduce-btn{
background-position:0 0;
}
.exchange-ibox .content .right-area .infos .row-right .plus-btn{
background-position:-10px 0;
}
.exchange-ibox .content .right-area .infos .row-right .input{
margin:0 5px;
float:left;
padding:0 10px;
width:32px;height:22px;
line-height:22px\9;
border:1px solid #dedfe0;
background:#fff;
font-size:12px;color:#555;
text-align:center;
}
.exchange-ibox .ibox-btn-area{margin-top:20px;}
.exchange-ibox .ibox-shut-down-btn{
display:inline-block;
margin-right:20px;
width:99px;height:32px;
line-height:32px;
background:#a5a7aa;
font-size:12px;
color:#fff;
text-align:center;
}
.exchange-ibox .ibox-shut-down-btn:hover{
background:#999;
color:#fff;
}
.exchange-ibox .ibox-define-btn{
display:inline-block;
width:99px;height:32px;
line-height:32px;
background:#12b7f5;
font-size:12px;
color:#fff;
text-align:center;
}
.exchange-ibox .ibox-define-btn:hover{
background:#00acec;
color:#fff;
}
/*鍛ㄦ槦姒� 姒滃崟*/
.weekStarList-ibox{
position:fixed;
top:50%;left:50%;
padding:51px 35px 57px 49px;
margin:-320px 0 0 -227px;
width:370px;height:538px;
background:url(http://www.shanggukt.cn/images/week-list-bg.png) no-repeat;
z-index: 15;
}
.weekStarList-ibox .close{
position:absolute;
top:38px;right:26px;
width:30px;height:30px;
}
.weekStarList-ibox .content-area{
margin-top:22px;
}
.weekStarList-ibox .content-area .look-moon-list{
width:370px;height:40px;
line-height:40px;
font-size:16px;
color:#ffe791;
font-weight:700;
text-align:center;
margin-left: 145px;
}
.weekStarList-ibox .content-area .list-content-area .tab-ul{
height:40px;
border-bottom:1px solid #da7cb4;
}
.weekStarList-ibox .content-area .list-content-area .tab-ul li{
float:left;
width:185px;height:40px;
}
.weekStarList-ibox .content-area .list-content-area .tab-ul li a{
display:inline-block;
width:100%;height:100%;
line-height:40px;
font-size:14px;
color:#fff;
font-weight:700;
text-align:center;
}
.weekStarList-ibox .content-area .list-content-area .tab-ul .active a{
height:39px;line-height:39px;
border-bottom:2px solid #fdff52;
color:#fdff52;
}
.weekStarList-ibox .content-area .list-content-area .anchor-list,
.weekStarList-ibox .content-area .list-content-area .user-list{
padding:10px 20px 0;
}
.weekStarList-ibox .content-area .list-content-area .anchor-list .no-anchor-list-content,
.weekStarList-ibox .content-area .list-content-area .user-list .no-user-list-content{
display:none;
}
.weekStarList-ibox .content-area .list-content-area .anchor-list.no-list .no-anchor-list-content,
.weekStarList-ibox .content-area .list-content-area .user-list.no-list .no-user-list-content{
display:block;
height:392px;
text-align:center;
}
.weekStarList-ibox .content-area .list-content-area .anchor-list.no-list .no-anchor-list-content .qn-icon,
.weekStarList-ibox .content-area .list-content-area .user-list.no-list .no-user-list-content .qn-icon{
display:inline-block;
margin-top:131px;
width:81px;height:129px;
background:url(http://www.shanggukt.cn/images/qn-icon.png) no-repeat;
}
.weekStarList-ibox .content-area .list-content-area .anchor-list.no-list .anchor-list-content,
.weekStarList-ibox .content-area .list-content-area .user-list.no-list .user-list-content{
display:none;
}
.weekStarList-ibox .content-area .list-content-area .anchor-list .anchor-list-content,
.weekStarList-ibox .content-area .list-content-area .user-list .user-list-content{
display:block;
height:392px;
}
.weekStarList-ibox .content-area .list-content-area .anchor-list .anchor-list-content ul,
.weekStarList-ibox .content-area .list-content-area .user-list .user-list-content ul{
padding:14px 13px 0;
width:304px;height:295px;
background:url(http://www.shanggukt.cn/images/week-list-content-bg.jpg) no-repeat;
}
.weekStarList-ibox .content-area .list-content-area .anchor-list .anchor-list-content li,
.weekStarList-ibox .content-area .list-content-area .user-list .user-list-content li{
margin-bottom:5px;
width:304px;height:52px;
}
.weekStarList-ibox .content-area .list-content-area .anchor-list .anchor-list-content li a,
.weekStarList-ibox .content-area .list-content-area .user-list .user-list-content li a{
display:inline-block;
width:100%;height:100%;
}
.weekStarList-ibox .content-area .list-content-area .anchor-list .first a,
.weekStarList-ibox .content-area .list-content-area .user-list .first a{
background:url(http://www.shanggukt.cn/images/li-bg.png) 0 0 no-repeat;
}
.weekStarList-ibox .content-area .list-content-area .anchor-list .first a:hover,
.weekStarList-ibox .content-area .list-content-area .user-list .first a:hover{
background:url(http://www.shanggukt.cn/images/li-bg.png) 0 -52px no-repeat;
}
.weekStarList-ibox .content-area .list-content-area .anchor-list .second a,
.weekStarList-ibox .content-area .list-content-area .user-list .second a{
background:url(http://www.shanggukt.cn/images/li-bg.png) 0 -104px no-repeat;
}
.weekStarList-ibox .content-area .list-content-area .anchor-list .second a:hover,
.weekStarList-ibox .content-area .list-content-area .user-list .second a:hover{
background:url(http://www.shanggukt.cn/images/li-bg.png) 0 -156px no-repeat;
}
.weekStarList-ibox .content-area .list-content-area .anchor-list .third a,
.weekStarList-ibox .content-area .list-content-area .user-list .third a{
background:url(http://www.shanggukt.cn/images/li-bg.png) 0 -208px no-repeat;
}
.weekStarList-ibox .content-area .list-content-area .anchor-list .third a:hover,
.weekStarList-ibox .content-area .list-content-area .user-list .third a:hover{
background:url(http://www.shanggukt.cn/images/li-bg.png) 0 -260px no-repeat;
}
.weekStarList-ibox .content-area .list-content-area .anchor-list li a:hover,
.weekStarList-ibox .content-area .list-content-area .user-list li a:hover{
background:url(http://www.shanggukt.cn/images/li-bg.png) 0 -312px no-repeat;
}
.weekStarList-ibox .content-area .list-content-area .rank{
float:left;
margin:12px 0 0 12px;
width:28px;height:28px;
line-height:28px;
background:#a76ce1;
border-radius:100%;
font-size:16px;
color:#fff;
font-weight:700;
text-align:center;
}
.weekStarList-ibox .content-area .list-content-area .first .rank{
margin-top:9px;
height:34px;
background:url(http://www.shanggukt.cn/images/rank-icon.png) no-repeat;
background-position:0 0;
}
.weekStarList-ibox .content-area .list-content-area .second .rank{
margin-top:9px;
height:34px;
background:url(http://www.shanggukt.cn/images/rank-icon.png) no-repeat;
background-position:-28px 0;
}
.weekStarList-ibox .content-area .list-content-area .third .rank{
margin-top:9px;
height:34px;
background:url(http://www.shanggukt.cn/images/rank-icon.png) no-repeat;
background-position:-56px 0;
}
.weekStarList-ibox .content-area .list-content-area .anchor-list .anchor-list-content .img-ibox{
float:left;
margin:6px 0 0 19px;
width:40px;height:40px;
border-radius:100%;
}
.weekStarList-ibox .content-area .list-content-area .anchor-list .anchor-list-content .img-ibox img{
border-radius:100%;
}
.weekStarList-ibox .content-area .list-content-area .anchor-list .anchor-list-content a .anchor-info{
float:left;
margin-left:10px;
width:195px;
}
.weekStarList-ibox .content-area .list-content-area .anchor-list .anchor-list-content a .anchor-info .info{
height:52px;line-height:52px;
}
.weekStarList-ibox .content-area .list-content-area .anchor-list .anchor-list-content .first a:hover .anchor-info .info{
height:52px;line-height:52px;
}
.weekStarList-ibox .content-area .list-content-area .anchor-list .anchor-list-content a:hover .anchor-info .info{
height:26px;line-height:26px;
}
.weekStarList-ibox .content-area .list-content-area .anchor-list .anchor-list-content a .anchor-info .info .anchor-name{
float:left;
width:110px;
font-size:14px;
color:#fff;
font-weight:700;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
.weekStarList-ibox .content-area .list-content-area .anchor-list .anchor-list-content a .anchor-info .info .live-icon{
display:none;
}
.weekStarList-ibox .content-area .list-content-area .anchor-list .anchor-list-content .live a .anchor-info .info .live-icon{
display:block;
float:right;
margin:21px 3px 0 0;
width:29px;height:10px;
background:url(http://www.shanggukt.cn/images/live-icon.jpg) no-repeat;
}
.weekStarList-ibox .content-area .list-content-area .anchor-list .anchor-list-content .first.live a:hover .anchor-info .info .live-icon{
margin-top:21px;
}
.weekStarList-ibox .content-area .list-content-area .anchor-list .anchor-list-content .live a:hover .anchor-info .info .live-icon{
margin-top:8px;
}
.weekStarList-ibox .content-area .list-content-area .anchor-list .anchor-list-content a .anchor-info .gap{
display:none;
}
.weekStarList-ibox .content-area .list-content-area .anchor-list .anchor-list-content a:hover .anchor-info .gap{
display:block;
height:26px;line-height:26px;
font-size:12px;
color:#fff;
font-weight:700;
}
.weekStarList-ibox .content-area .list-content-area .anchor-list .anchor-list-content .anchor-rank{
margin-top:18px;
height:23px;line-height:23px;
font-size:14px;
color:#fff;
font-weight:700;
text-align:center;
}
.weekStarList-ibox .content-area .list-content-area .anchor-list .anchor-list-content .anchor-rank span{
color:#fdff52;
}
.weekStarList-ibox .content-area .list-content-area .anchor-list .anchor-list-content .anchor-gap{
height:18px;line-height:18px;
font-size:12px;
color:#fff;
font-weight:700;
text-align:center;
}
.weekStarList-ibox .content-area .list-content-area .anchor-list .anchor-list-content .anchor-gap span{
color:#fdff52;
}
.weekStarList-ibox .content-area .list-content-area .btn-area .left-btn,
.weekStarList-ibox .content-area .list-content-area .btn-area .right-btn{
float:left;
width:108px;height:30px;
line-height:30px;
background:url(http://www.shanggukt.cn/images/btn.png) no-repeat;
background-position:0 0;
font-size:14px;
color:#ab5bf3;
font-weight:700;
text-align:center;
}
.weekStarList-ibox .content-area .list-content-area .btn-area .left-btn:hover,
.weekStarList-ibox .content-area .list-content-area .btn-area .right-btn:hover{
position:relative;
top:-1px;
}
.weekStarList-ibox .content-area .list-content-area .btn-area .left-btn:active,
.weekStarList-ibox .content-area .list-content-area .btn-area .right-btn:active{
background-position:0 -30px;
}
.weekStarList-ibox .content-area .list-content-area .btn-area .left-btn{
margin:0 28px 0 43px;
}
.weekStarList-ibox .content-area .list-content-area .week-btn-area .right-btn{
background-position:-108px 0;
}
.weekStarList-ibox .content-area .list-content-area .week-btn-area .right-btn{
background-position:-108px -30px;
}
.weekStarList-ibox .content-area .list-content-area .user-list .user-list-content a .user-info{
float:left;
margin-left:19px;
}
.weekStarList-ibox .content-area .list-content-area .user-list .user-list-content a .user-info .info{
height:52px;line-height:52px;
}
.weekStarList-ibox .content-area .list-content-area .user-list .user-list-content a:hover .user-info .info{
height:26px;line-height:26px;
}
.weekStarList-ibox .content-area .list-content-area .user-list .user-list-content a .user-info .info .all-level{
float:left;
margin-top:18px;
}
.weekStarList-ibox .content-area .list-content-area .user-list .user-list-content a:hover .user-info .info .all-level{
margin-top:5px;
}
.weekStarList-ibox .content-area .list-content-area .user-list .user-list-content a .user-info .info .user-name{
float:left;
margin-left:10px;
width:150px;
font-size:14px;
color:#fff;
font-weight:700;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
.weekStarList-ibox .content-area .list-content-area .user-list .user-list-content a .user-info .contribute-num{
display:none;
}
.weekStarList-ibox .content-area .list-content-area .user-list .user-list-content a:hover .user-info .contribute-num{
display:block;
height:26px;line-height:26px;
font-size:12px;
color:#fff;
font-weight:700;
}
.weekStarList-ibox .content-area .list-content-area .user-list .user-list-content.login .no-login-area{
display:none;
}
.weekStarList-ibox .content-area .list-content-area .user-list .user-list-content.no-login .no-login-area{
display:block;
margin-top:10px;
margin-left:80px;
height:60px;
line-height:60px;
}
.weekStarList-ibox .content-area .list-content-area .user-list .user-list-content.no-login .no-login-area p{
float:left;
font-size:14px;
color:#fff;
font-weight:700;
}
.weekStarList-ibox .content-area .list-content-area .user-list .user-list-content.no-login .no-login-area a{
float:left;
margin-top:17px;
width:85px;height:25px;
line-height:25px;
background:#b827e1;
border-bottom:1px solid #624470;
border-radius:5px;
font-size:14px;
color:#fff;
font-weight:700;
text-align:center;
}
.weekStarList-ibox .content-area .list-content-area .user-list .user-list-content.no-login .login-area{
display:none;
}
.weekStarList-ibox .content-area .list-content-area .user-list .user-list-content.login .login-area{
display:block;
text-align:center;
}
.weekStarList-ibox .content-area .list-content-area .user-list .user-list-content.login .login-area .user-rank{
margin-top:18px;
height:23px;line-height:23px;
font-size:14px;
color:#fff;
font-weight:700;
}
.weekStarList-ibox .content-area .list-content-area .user-list .user-list-content.login .login-area .user-rank span{
color:#fdff52;
}
.weekStarList-ibox .content-area .list-content-area .user-list .user-list-content.login .login-area .contribute-num{
height:18px;line-height:18px;
font-size:12px;
color:#fff;
font-weight:700;
}
.weekStarList-ibox .content-area .list-content-area .user-list .user-list-content.login .login-area .contribute-num span{
color:#fdff52;
}
/*鍛ㄦ槦姒� 姒滃崟濂栧姳*/
.weekStarReward-ibox{
position:fixed;
top:50%;left:50%;
padding:51px 35px 57px 49px;
margin:-320px 0 0 -227px;
width:370px;height:538px;
background:url(http://www.shanggukt.cn/images/week-list-bg.png) no-repeat;
}
.weekStarReward-ibox .close{
position:absolute;
top:38px;right:26px;
width:30px;height:30px;
}
.weekStarReward-ibox .content-area{
margin-top:22px;
padding:0 20px;
}
.weekStarReward-ibox .content-area .look-moon-list{
display:inline-block;
width:330px;height:40px;
line-height:40px;
font-size:16px;
color:#ffe791;
font-weight:700;
text-align:center;
}
.weekStarReward-ibox .content-area .rule{
margin-top:7px;
padding:0 12px;
line-height:24px;
font-size:14px;
color:#fff;
font-weight:700;
}
.weekStarReward-ibox .content-area .week-reward{
padding:10px 20px 0;
margin-top:19px;
width:290px;height:164px;
background:url(http://www.shanggukt.cn/images/reward-bg1.jpg) no-repeat;
}
.weekStarReward-ibox .content-area .reward-hd{
margin:0 auto;
width:110px;height:29px;
line-height:29px;
background:url(http://www.shanggukt.cn/images/reward-hd.png) no-repeat;
font-size:16px;
color:#fff;
font-weight:700;
text-align:center;
}
.weekStarReward-ibox .content-area .week-reward ul{
margin:30px -11px 0 0;
}
.weekStarReward-ibox .content-area .week-reward li{
float:left;
margin-right:5px;
width:145px;height:70px;
}
.weekStarReward-ibox .content-area .week-reward li .img-ibox{
float:left;
width:66px;height:66px;
background:#941ac0;
border:2px solid #ebff0f;
border-radius:10px;
}
.weekStarReward-ibox .content-area .week-reward li .img-info{
float:left;
margin:13px 0 0 10px;
width:56px;
}
.weekStarReward-ibox .content-area .week-reward li .img-info p{
line-height:22px;
font-size:14px;
color:#fff;
font-weight:700;
}
.weekStarReward-ibox .content-area .user-reward{
padding:10px 20px 0;
margin-top:10px;
width:290px;height:118px;
background:url(http://www.shanggukt.cn/images/reward-bg2.jpg) no-repeat;
}
.weekStarReward-ibox .content-area .user-reward .reward-hd{
margin-bottom:15px;
}
.weekStarReward-ibox .content-area .user-reward .left-area{
float:left;
margin-top:7px;
width:130px;
text-align:center;
}
.weekStarReward-ibox .content-area .user-reward .left-area p{
height:24px;line-height:24px;
font-size:14px;
color:#fff;
font-weight:700;
}
.weekStarReward-ibox .content-area .user-reward .right-area{
float:left;
margin-left:30px;
}
.weekStarReward-ibox .content-area .user-reward .right-area .img-ibox{
float:left;
width:55px;height:55px;
background:#911ac0;
border-radius:10px;
}
.weekStarReward-ibox .content-area .user-reward .right-area p{
float:left;
margin-left:15px;
width:58px;
line-height:24px;
font-size:14px;
color:#fff;
font-weight:700;
}
.weekStarReward-ibox .content-area .btn-area{
margin-top:33px;
}
.weekStarReward-ibox .content-area .btn-area .left-btn,
.weekStarReward-ibox .content-area .btn-area .right-btn{
float:left;
width:108px;height:30px;
line-height:30px;
background:url(http://www.shanggukt.cn/images/btn.png) no-repeat;
font-size:14px;
color:#ab5bf3;
font-weight:700;
text-align:center;
}
.weekStarReward-ibox .content-area .btn-area .left-btn{
background-position:0 0;
}
.weekStarReward-ibox .content-area .btn-area .right-btn{
background-position:-108px 0;
}
.weekStarReward-ibox .content-area .btn-area .left-btn:hover,
.weekStarReward-ibox .content-area .btn-area .right-btn:hover{
position:relative;
top:-1px;
}
.weekStarReward-ibox .content-area .btn-area .left-btn:active{
background-position:0 -30px;
}
.weekStarReward-ibox .content-area .btn-area .right-btn:active{
background-position:-108px -30px;
}
.weekStarReward-ibox .content-area .btn-area .left-btn{
margin:0 28px 0 43px;
}
/*鏈堟槦姒� 姒滃崟*/
.moonStarList-ibox{
position:fixed;
top:50%;left:50%;
padding:51px 35px 57px 49px;
margin:-320px 0 0 -227px;
width:370px;height:538px;
background:url(http://www.shanggukt.cn/images/moon-list-bg.png) no-repeat;
}
.moonStarList-ibox .close{
position:absolute;
top:38px;right:26px;
width:30px;height:30px;
}
.moonStarList-ibox .content-area{
margin-top:22px;
}
.moonStarList-ibox .content-area .look-week-list{
width:370px;height:40px;
line-height:40px;
font-size:16px;
color:#ffe791;
font-weight:700;
text-align:center;
margin-left: 145px;
}
.moonStarList-ibox .content-area .list-hd{
margin-top:3px;
height:37px;
border-bottom:1px solid #db7cb4;
}
.moonStarList-ibox .content-area .list-hd p{
margin:0 auto;
width:186px;height:36px;
line-height:36px;
border-bottom:2px solid #fdff52;
font-size:14px;
color:#fdff52;
font-weight:700;
text-align:center;
}
.moonStarList-ibox .content-area .list-content-area{
padding:0 20px;
margin-top:10px;
}
.moonStarList-ibox .content-area .list-content-area .no-list-content{
display:none;
}
.moonStarList-ibox .content-area .list-content-area.no-list .no-list-content{
display:block;
width:330px;
height:392px;
text-align:center;
}
.moonStarList-ibox .content-area .list-content-area.no-list .no-list-content .qn-icon{
display:inline-block;
margin-top:131px;
width:81px;height:129px;
background:url(http://www.shanggukt.cn/images/qn-icon.png) no-repeat;
}
.moonStarList-ibox .content-area .list-content-area.no-list .list-content{
display:none;
}
.moonStarList-ibox .content-area .list-content-area .list-content{
display:block;
height:392px;
}
.moonStarList-ibox .content-area .list-content-area .list-content .list{
padding:13px 13px 0;
width:304px;height:320px;
background:url(http://www.shanggukt.cn/images/moon-list-content-bg.jpg) no-repeat;
}
.moonStarList-ibox .content-area .list-content-area .list-content .list .list-ul li{
margin-bottom:5px;
width:304px;height:52px;
}
.moonStarList-ibox .content-area .list-content-area .list-content .list .list-ul li a{
display:inline-block;
width:100%;height:100%;
}
.moonStarList-ibox .content-area .list-content-area .list-content .list .list-ul .first a{
background:url(http://www.shanggukt.cn/images/li-bg.png) 0 0 no-repeat;
}
.moonStarList-ibox .content-area .list-content-area .list-content .list .list-ul .first a:hover{
background:url(http://www.shanggukt.cn/images/li-bg.png) 0 -52px no-repeat;
}
.moonStarList-ibox .content-area .list-content-area .list-content .list .list-ul .second a{
background:url(http://www.shanggukt.cn/images/li-bg.png) 0 -104px no-repeat;
}
.moonStarList-ibox .content-area .list-content-area .list-content .list .list-ul .second a:hover{
background:url(http://www.shanggukt.cn/images/li-bg.png) 0 -156px no-repeat;
}
.moonStarList-ibox .content-area .list-content-area .list-content .list .list-ul .third a{
background:url(http://www.shanggukt.cn/images/li-bg.png) 0 -208px no-repeat;
}
.moonStarList-ibox .content-area .list-content-area .list-content .list .list-ul .third a:hover{
background:url(http://www.shanggukt.cn/images/li-bg.png) 0 -260px no-repeat;
}
.moonStarList-ibox .content-area .list-content-area .list-content .list .list-ul a:hover{
background:url(http://www.shanggukt.cn/images/li-bg.png) 0 -312px no-repeat;
}
.moonStarList-ibox .content-area .list-content-area .list-content .list .list-ul li .rank{
float:left;
margin:12px 0 0 12px;
width:28px;height:28px;
line-height:28px;
background:#a76ce1;
border-radius:100%;
font-size:16px;
color:#fff;
font-weight:700;
text-align:center;
}
.moonStarList-ibox .content-area .list-content-area .list-content .list .list-ul .first .rank{
margin-top:9px;
height:34px;
background:url(http://www.shanggukt.cn/images/rank-icon.png) no-repeat;
background-position:0 0;
}
.moonStarList-ibox .content-area .list-content-area .list-content .list .list-ul .second .rank{
margin-top:9px;
height:34px;
background:url(http://www.shanggukt.cn/images/rank-icon.png) no-repeat;
background-position:-28px 0;
}
.moonStarList-ibox .content-area .list-content-area .list-content .list .list-ul .third .rank{
margin-top:9px;
height:34px;
background:url(http://www.shanggukt.cn/images/rank-icon.png) no-repeat;
background-position:-56px 0;
}
.moonStarList-ibox .content-area .list-content-area .list-content .list .list-ul li .img-ibox{
float:left;
margin:6px 0 0 19px;
width:40px;height:40px;
border-radius:100%;
}
.moonStarList-ibox .content-area .list-content-area .list-content .list .list-ul li .img-ibox img{
border-radius:100%;
}
.moonStarList-ibox .content-area .list-content-area .list-content .list .list-ul a .anchor-info{
float:left;
margin-left:10px;
width:195px;
}
.moonStarList-ibox .content-area .list-content-area .list-content .list .list-ul a .anchor-info .info{
height:52px;line-height:52px;
}
.moonStarList-ibox .content-area .list-content-area .list-content .list .list-ul .first a:hover .anchor-info .info{
height:52px;line-height:52px;
}
.moonStarList-ibox .content-area .list-content-area .list-content .list .list-ul a:hover .anchor-info .info{
height:26px;line-height:26px;
}
.moonStarList-ibox .content-area .list-content-area .list-content .list .list-ul a .anchor-info .info .anchor-name{
float:left;
width:110px;
font-size:14px;
color:#fff;
font-weight:700;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
.moonStarList-ibox .content-area .list-content-area .list-content .list .list-ul li .live-icon{
display:none;
}
.moonStarList-ibox .content-area .list-content-area .list-content .list .list-ul .live .live-icon{
display:block;
float:right;
margin:21px 3px 0 0;
width:29px;height:10px;
background:url(http://www.shanggukt.cn/images/live-icon.jpg) no-repeat;
}
.moonStarList-ibox .content-area .list-content-area .list-content .list .list-ul .first.live a:hover .live-icon{
margin-top:21px;
}
.moonStarList-ibox .content-area .list-content-area .list-content .list .list-ul .live a:hover .live-icon{
margin-top:8px;
}
.moonStarList-ibox .content-area .list-content-area .list-content .list .list-ul a .anchor-info .gap{
display:none;
}
.moonStarList-ibox .content-area .list-content-area .list-content .list .list-ul a:hover .anchor-info .gap{
display:block;
height:26px;line-height:26px;
font-size:12px;
color:#fff;
font-weight:700;
}
.moonStarList-ibox .content-area .list-content-area .list-content .list .pageArea{
margin-top:0;
}
.moonStarList-ibox .content-area .list-content-area .list-content .list .pageArea .page{
height:22px;
}
.moonStarList-ibox .content-area .list-content-area .list-content .list .pageArea li{
width:67px;height:22px;
line-height:22px;
background:url(http://www.shanggukt.cn/images/btn1.png) no-repeat;
}
.moonStarList-ibox .content-area .list-content-area .list-content .list .pageArea .pre,
.moonStarList-ibox .content-area .list-content-area .list-content .list .pageArea .next{
width:51px;height:22px;
line-height:22px;
background:url(http://www.shanggukt.cn/images/btn1.png) no-repeat;
color:#ab5bf3;
font-weight:700;
}
.moonStarList-ibox .content-area .list-content-area .list-content .anchor-rank{
margin-top:9px;
height:23px;line-height:23px;
font-size:14px;
color:#fff;
font-weight:700;
text-align:center;
}
.moonStarList-ibox .content-area .list-content-area .list-content .anchor-rank span{
color:#fdff52;
}
.moonStarList-ibox .content-area .list-content-area .list-content .anchor-gap{
height:18px;line-height:18px;
font-size:12px;
color:#fff;
font-weight:700;
text-align:center;
}
.moonStarList-ibox .content-area .list-content-area .list-content .anchor-gap span{
color:#fdff52;
}
.moonStarList-ibox .content-area .btn-area{
padding:0 20px;
}
.moonStarList-ibox .content-area .btn-area .left-btn,
.moonStarList-ibox .content-area .btn-area .right-btn{
float:left;
width:108px;height:30px;
line-height:30px;
background:url(http://www.shanggukt.cn/images/btn.png) no-repeat;
background-position:0 0;
font-size:14px;
color:#ab5bf3;
font-weight:700;
text-align:center;
}
.moonStarList-ibox .content-area .btn-area .left-btn:hover,
.moonStarList-ibox .content-area .btn-area .right-btn:hover{
position:relative;
top:-1px;
}
.moonStarList-ibox .content-area .btn-area .left-btn:active,
.moonStarList-ibox .content-area .btn-area .right-btn:active{
background-position:0 -30px;
}
.moonStarList-ibox .content-area .btn-area .left-btn{
margin:0 28px 0 43px;
}
.moonStarList-ibox .content-area .week-btn-area .right-btn{
background-position:-108px 0;
}
.moonStarList-ibox .content-area .week-btn-area .right-btn{
background-position:-108px -30px;
}
/*鏈堟槦姒� 姒滃崟濂栧姳*/
.moonStarReward-ibox{
position:fixed;
top:50%;left:50%;
padding:51px 35px 57px 49px;
margin:-320px 0 0 -227px;
width:370px;height:538px;
background:url(http://www.shanggukt.cn/images/moon-list-bg.png) no-repeat;
}
.moonStarReward-ibox .close{
position:absolute;
top:38px;right:26px;
width:30px;height:30px;
}
.moonStarReward-ibox .content-area{
margin-top:22px;
padding:0 20px;
}
.moonStarReward-ibox .content-area .look-week-list{
display:inline-block;
width:330px;height:40px;
line-height:40px;
font-size:16px;
color:#ffe791;
font-weight:700;
text-align:center;
}
.moonStarReward-ibox .content-area .rule{
margin-top:9px;
padding:0 12px;
line-height:25px;
font-size:14px;
color:#fff;
font-weight:700;
}
.moonStarReward-ibox .content-area .reward-area{
padding-top:60px;
margin-top:14px;
width:330px;height:260px;
background:url(http://www.shanggukt.cn/images/reward-bg3.jpg) no-repeat;
}
.moonStarReward-ibox .content-area .reward-area p{
height:31px;line-height:31px;
font-size:14px;
color:#fff;
font-weight:700;
text-align:center;
}
.moonStarReward-ibox .content-area .reward-area p span{
color:#fdff52;
}
.moonStarReward-ibox .content-area .reward-area .img-ibox{
margin:20px auto;
width:66px;height:66px;
background:#941ac0;
border:2px solid #ebff0f;
border-radius:10px;
}
.moonStarReward-ibox .content-area .btn-area{
margin-top:24px;
}
.moonStarReward-ibox .content-area .btn-area .left-btn,
.moonStarReward-ibox .content-area .btn-area .right-btn{
float:left;
width:108px;height:30px;
line-height:30px;
background:url(http://www.shanggukt.cn/images/btn.png) no-repeat;
font-size:14px;
color:#ab5bf3;
font-weight:700;
text-align:center;
}
.moonStarReward-ibox .content-area .btn-area .left-btn{
background-position:0 0;
}
.moonStarReward-ibox .content-area .btn-area .right-btn{
background-position:-108px 0;
}
.moonStarReward-ibox .content-area .btn-area .left-btn:hover,
.moonStarReward-ibox .content-area .btn-area .right-btn:hover{
position:relative;
top:-1px;
}
.moonStarReward-ibox .content-area .btn-area .left-btn:active{
background-position:0 -30px;
}
.moonStarReward-ibox .content-area .btn-area .right-btn:active{
background-position:-108px -30px;
}
.moonStarReward-ibox .content-area .btn-area .left-btn{
margin:0 28px 0 43px;
}
/* 绂忚濂栧搧淇℃伅 */
.fd-gifts-ibox{
margin:-224px 0 0 -189px;
}
.fd-gifts-ibox .content{
width:378px;
}
.fd-gifts-ibox .content .bd {
padding: 10px 18px 20px;
}
.fd-gifts-ibox .bd ul{
position:relative;
margin-right:-23px;
}
.fd-gifts-ibox .bd li{
float:left;
margin-right:18px;
width:72px;height:108px;
}
.fd-gifts-ibox .bd .img-box{
width:68px;height:68px;
border:1px solid #13b8f5;
background:#f5f5f5;
border-radius:3px;
}
.fd-gifts-ibox .bd .img-box img{
display:block;
width:100%;height:100%;
}
.fd-gifts-ibox .bd p{
height:17px;line-height:17px;
font-size:12px;color:#642626;
text-align:center;
}
.fd-gifts-ibox .bd .real-btn,
.fd-begin-ibox .bd .real-btn{
margin-top:13px;
width:110px;height:36px;
line-height:36px;
background:#13b8f5;
font-size:14px;
color:#fff;
}
.fd-gifts-ibox .bd .real-btn:hover,
.fd-begin-ibox .bd .real-btn:hover{
background:#00c5ed;
}
.fd-gifts-ibox .bd .real-btn:active,
.fd-begin-ibox .bd .real-btn:active{
background:#008fe8;
}
/* 寮€鍚琚� */
.fd-begin-ibox{
margin:0 0 0 -189px;
}
.fd-begin-ibox .content{
width:378px;
text-align:center;
}
.fd-begin-ibox .content1{
height:36px;line-height:36px;
font-size:14px;
color:#ca1b43;
}
.fd-begin-ibox .content2{
height:33px;line-height:33px;
font-size:12px;
color:#000;
}
.fd-begin-ibox .content3{
height:30px;line-height:30px;
}
.fd-begin-ibox .content3 a{
margin-right:8px;
width:16px;height:16px;
background: url(http://www.shanggukt.cn/images/choose-icon.png) no-repeat;
}
.fd-begin-ibox .content3.choosed a{
background-position:-16px 0;
}
.fd-begin-ibox .content3 p{
font-size:14px;
color:#530000;
}
/* 涓炬姤寮圭獥 */
.report-ibox{
/*margin:-298px 0 0 -270px;*/
}
.report-ibox .content{
width:540px;
margin-left: -270px;
margin-top: -275px;
}
.report-ibox .content .bd{
padding:32px 92px 30px 65px;
}
.report-ibox .row{
margin-bottom:20px;
}
.report-ibox .row-left{
float:left;
margin-right:9px;
width:72px;height:36px;
line-height:36px;
font-size:12px;color:#000;
font-weight:700;
text-align:right;
}
.report-ibox .row-left span{
margin-right:3px;
font-size:14px;
color:#fa5b56;
}
.report-ibox .row-right{
float:left;
width:300px;
}
.report-ibox .row-right .name{
padding-left:14px;
height:36px;width:286px;
line-height:36px;
font-size:12px;color:#777;
}
.report-ibox .row-right .select{
position:relative;
padding:0 30px 0 14px;
height:36px;line-height:36px;
background:#f3f3f3;
font-size:12px;color:#777;
cursor:pointer;
}
.report-ibox .row-right .select .arrow{
position: absolute;
top:16px;right:11px;
width:8px;height:5px;
background:url(http://www.shanggukt.cn/images/pc-set-arrow.png) no-repeat;
}
.report-ibox .row-right .select .option{
display:none;
position:absolute;
top:36px;left:0;
width:100%;
z-index: 2;
}
.report-ibox .row-right .select .option li{
height:36px;line-height:36px;
}
.report-ibox .row-right .select .option a{
display:block;
padding-left:14px;
height:100%;
background:#f3f3f3;
font-size:12px;color:#111;
}
.report-ibox .row-right .select .option a:hover{
background:#ccc;
}
.report-ibox .row-right .textarea{
padding:14px;
width:272px;height:80px;
border:1px solid #fff;
background:#f3f3f3;
font-size:12px;color:#777;
}
.report-ibox .row-right .upload{
height:136px;
line-height:136px;
}
.report-ibox .row-right .upload .upload-area{
position:relative;
width:136px;height:136px;
background:url(http://www.shanggukt.cn/images/jb-file-bg.png) no-repeat;
overflow:hidden;
}
.report-ibox .row-right .upload .upload-area .input{
position:absolute;
right:0;top:0;
width:400px;height:136px;
opacity:0;
filter:alpha(opacity=0);
cursor:pointer;
z-index:1;
}
.report-ibox .row-right .upload .upload-img{
display:none;
position:relative;
float:left;
margin-right:18px;
width:136px;height:136px;
}
.report-ibox .row-right .upload .upload-title{
/* display:none; */
float:left;
width:136px;
font-size:0;
}
.report-ibox .row-right .upload .upload-title .upload-icon{
margin-right:4px;
width:18px;height:18px;
background:url(http://www.shanggukt.cn/images/room-right-icon.png) no-repeat;
}
.report-ibox .row-right .upload .upload-title span{
font-size:12px;color:#12b7f5;
font-weight:700;
}
.report-ibox .row-right .upload-ok .upload-area,
.report-ibox .row-right .upload-no .upload-area{
display:block;
}
.report-ibox .row-right .upload-ok .upload-title,
.report-ibox .row-right .upload-ok .upload-img,
.report-ibox .row-right .upload-no .upload-title,
.report-ibox .row-right .upload-no .upload-img{
display:none;
}
.report-ibox .row-right .upload .upload-img .img-close{
position:absolute;
top:-10px;right:-10px;
width:20px;height:20px;
background:url(http://www.shanggukt.cn/images/white-bg-close.png);
}
.report-ibox .row-right .upload-ok .upload-title .upload-icon{
background-position:0 0;
}
.report-ibox .row-right .upload-no .upload-title .upload-icon{
background-position:-18px 0;
}
.report-ibox .row-right .upload-no .upload-title span{
color:#eb7a77;
}
.report-ibox .textC .blue-zs-btn{
width:118px;height:36px;
line-height:36px;
font-size:14px;
}
.report-ibox .is--show {
display: none;
}
.report-ibox .textarea__num {
margin-top: 10px;
float: right;
}
/* 鍝€鎮肩绂忓叏鐏扮毊鑲� */
/* 鍝€鎮肩绂忛椤靛崐鐏扮毊鑲� */
.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);
}
/* 鍙屾棪娲诲姩 */
.double-activity-ibox{
position:fixed;
top:50%;left:50%;
margin:-311px 0 0 -401px;
width:803px;height:515px;
background:url(http://www.shanggukt.cn/images/ibox-bg.png) no-repeat;
z-index:31;
}
.double-activity-ibox .close{
position:absolute;
top:0;right:0;
width:48px;height:48px;
border-radius:100%;
}
.double-activity-ibox .double-btn-area{
position:absolute;
bottom:-108px;left:220px;
width:410px;height:132px;
background:url(http://www.shanggukt.cn/images/double-btn-area.png) no-repeat;
}
.double-activity-ibox .view-rank-btn{
position:absolute;
bottom:60px;left:166px;
width:81px;height:30px;
background:url(http://www.shanggukt.cn/images/btn-4.jpg) no-repeat;
}
.double-activity-ibox .activity-main{
position:absolute;
bottom:20px;left:0px;
height:30px;width:100%;
font-size:16px;color:#33c8ff;
text-align:center;
}
.double-activity-ibox .top-area{
margin-top:26px;
padding:0 26px 0 73px;
height:227px;
}
.double-activity-ibox .top-area .top-left{
float:left;
padding:47px 16px 0 16px;
width:320px;
height:180px;line-height:18px;
color:#efd99b;
}
.double-activity-ibox .top-area .top-left .title{
line-height:22px;
font-size:14px;
font-weight:700;
}
.double-activity-ibox .top-area .top-left .more-btn{
position:relative;
display:inline-block;
width:14px;height:14px;
background:url(http://www.shanggukt.cn/images/icon_1.png) no-repeat;
vertical-align:-2px;
font-size:12px;color:#fff;
line-height:16px;
}
.double-activity-ibox .top-area .top-left .more-btn .more-ibox{
display:none;
position:absolute;
top:18px;left:-125px;
width:311px;height:auto;
z-index:2;
}
.double-activity-ibox .top-area .top-left .more-btn .more-top{
width:311px;height:21px;
background:url(http://www.shanggukt.cn/images/title-top.png) no-repeat;
}
.double-activity-ibox .top-area .top-left .more-btn .more-mid{
padding:0 15px;
width:281px;
background:url(http://www.shanggukt.cn/images/title-mid.png) repeat-y;
}
.double-activity-ibox .top-area .top-left .more-btn .more-bottom{
width:311px;height:12px;
background:url(http://www.shanggukt.cn/images/title-bottom.png) no-repeat;
}
.double-activity-ibox .top-area .top-left .more-btn:hover .more-ibox{
display:block;
}
.double-activity-ibox .top-area .top-right{
float:left;
width:352px;height:100%;
}
.double-activity-ibox .top-area .top-right .go-lakes{
display:block;
margin:93px 0 0 75px;
width:214px;height:121px;
background:url(http://www.shanggukt.cn/images/ibox-a.jpg) no-repeat;
}
.double-activity-ibox .bottom-area{
padding:0 26px 0 73px;
height:227px;
}
.double-activity-ibox .bottom-area .bottom-left,
.double-activity-ibox .bottom-area .bottom-right{
position:relative;
float:left;
padding:41px 6px 0 16px;
width:330px;height:186px;
color:#efd99b;
}
.double-activity-ibox .bottom-area .bottom-left .span-type{
position:absolute;
top:16px;left:220px;
line-height:16px;
font-size:14px;
}
.double-activity-ibox .bottom-area .bottom-left .main-title,
.double-activity-ibox .bottom-area .bottom-right .main-title{
height:20px;line-height:20px;
font-size:14px;font-weight:700;
}
.double-activity-ibox .bottom-area .bottom-left .num,
.double-activity-ibox .bottom-area .bottom-right .num{
font-weight:400;
font-size:12px;
}
.double-activity-ibox .bottom-area .bottom-left .title,
.double-activity-ibox .bottom-area .bottom-right .title{
margin-bottom:8px;
height:20px;line-height:20px;
font-size:12px;font-weight:700;
}
.double-activity-ibox .bottom-area .bottom-left .gift-info{
margin-bottom:6px;
height:50px;line-height:50px;
font-size:0;
}
.double-activity-ibox .bottom-area .bottom-left .gift-info p{
font-size:12px;
}
.double-activity-ibox .bottom-area .bottom-left .gift-info .stars-icon{
width:50px;height:50px;
}
.double-activity-ibox .bottom-area .bottom-left .nums-area{
height:20px;line-height:20px;
overflow:hidden;
}
.double-activity-ibox .bottom-area .bottom-left .nums-area .nums-left{
float:left;
height:20px;
font-size:12px;font-weight:700;
}
.double-activity-ibox .bottom-area .bottom-left .nums-area .nums-right{
float:left;
height:20px;
font-size:14px;
color:#18bcff;
}
.double-activity-ibox .bottom-area .bottom-left .nums-area .nums-login{
display:block;
color:#18bcff;
}
.double-activity-ibox .bottom-area .bottom-left .nums-area .nums-login:hover{
text-decoration:underline;
}
.live-room-content .liveMessage .left-area .gallery .title-area-other{
position:absolute;
top:5px;right:7px;
width:16px;height:16px;
line-height:16px;
background:#d64747;
border:1px solid #f4f6f9;
border-radius:100%;
font-size:12px;color:#f9e6cc;
text-align:center;
z-index:1;
}
.live-room-content .liveMessage .left-area .gallery .time-area{
position:absolute;
bottom:2px;left:0;
width:80px;height:20px;
line-height:20px;
font-size:12px;color:#fff;
text-align:center;
z-index:1;
}
.tlbao-hover-ibox{
position:absolute;
bottom:55px;left:300px;
padding:5px 10px 10px;
width:210px;
background:#fff;
background:rgba(255,255,255,.9);
box-shadow: 0 2px 5px 1px rgba(0,0,0,0.2);
z-index: 2;
}
.tlbao-hover-ibox .arrow{
position: absolute;
bottom:-10px;left:50%;
margin-left:-5px;
border-color:#fff transparent transparent transparent;
border-style:solid dashed dashed dashed;
border-width:5px;
width: 0;
height: 0;
opacity:.9;
filter: alpha(opacity=90);
overflow:hidden;
}
.tlbao-hover-ibox .hd{
height:24px;line-height:24px;
font-size:14px;color:#333;
font-weight:700;
}
/* 鍙屾棪娲诲姩End */
/* 鏂版槬娲诲姩 */
.new-year-clifford-ibox{
display:none;
position:fixed;
top:50%;left:50%;
margin:-234px 0 0 -311px;
width:623px;height:468px;
background:url(http://www.shanggukt.cn/images/room-ibox-bg2.png) no-repeat;
z-index:31;
}
.new-year-clifford-ibox .close{
position:absolute;
top:16px;right:4px;
width:46px;height:34px;
}
.new-year-clifford-ibox .zbo-rank{
position:absolute;
top:157px;left:43px;
cursor:default;
}
.new-year-clifford-ibox .zbo-rank li{
float:left;
padding-top:6px;
width:177px;height:46px;
line-height:20px;
font-size:12px;
color:#e52600;
text-align:center;
}
.new-year-clifford-ibox .zbo-rank .num{
color:#0f0301;
}
.new-year-clifford-ibox .user-rank{
position:absolute;
top:255px;left:75px;
height:32px;line-height:32px;
font-size:12px;color:#c70900;
font-weight:700;
overflow:hidden;
}
.new-year-clifford-ibox .user-rank .no-login{
display:none;
}
.new-year-clifford-ibox .user-rank a{
color:#0d68bd;
}
.new-year-clifford-ibox .user-rank a:hover{
text-decoration:underline;
}
.new-year-clifford-ibox .user-rank .login-area p{
float:left;
}
.new-year-clifford-ibox .user-rank .login-area .nums{
margin-right:20px;
}
.new-year-clifford-ibox .luchy-bag-area{
position:absolute;
top:334px;left:44px;
height:50px;
}
.new-year-clifford-ibox .luchy-bag-area .bar-area{
position:absolute;
top:19px;left:9px;
width:512px;height:6px;
background:url(http://www.shanggukt.cn/images/room-bar.png) no-repeat;
}
.new-year-clifford-ibox .luchy-bag-area .bar-area .nums{
position:absolute;
top:12px;left:0;
width:30px;line-height:16px;
font-size:12px;color:#7f6869;
text-align:center;
}
.new-year-clifford-ibox .luchy-bag-area .bar-area .num-1{
left:34px;
}
.new-year-clifford-ibox .luchy-bag-area .bar-area .num-2{
left:130px;
}
.new-year-clifford-ibox .luchy-bag-area .bar-area .num-3{
left:226px;
}
.new-year-clifford-ibox .luchy-bag-area .bar-area .num-4{
left:322px;
}
.new-year-clifford-ibox .luchy-bag-area .bar-area .num-5{
left:418px;
}
.new-year-clifford-ibox .luchy-bag-area .bar-area .bar{
position:absolute;
top:-6px;left:-9px;
width:18px;height:18px;
background:url(http://www.shanggukt.cn/images/room-bar-dian.png) no-repeat;
}
.new-year-clifford-ibox .luchy-bag-area .bar-area .bar .num{
margin:-14px 0 0 -11px;
width:40px;
font-weight:700;
color:#ff0009;
font-size:12px;
text-align:center;
}
.new-year-clifford-ibox .go-btn{
position:absolute;
bottom:16px;left:245px;
width:112px;height:51px;
background:url(http://www.shanggukt.cn/images/room-ibox-btn2.png) no-repeat;
}
.new-year-lucky-ibox{
display:none;
position:fixed;
top:50%;left:50%;
margin:-224px 0 0 -339px;
width:678px;height:448px;
background:url(http://www.shanggukt.cn/images/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(http://www.shanggukt.cn/images/room-ibox-btn3.png) no-repeat;
}
.new-year-lucky-ibox .go-btn{
position:absolute;
bottom:24px;left:74px;
width:112px;height:51px;
background:url(http://www.shanggukt.cn/images/room-ibox-btn2.png) no-repeat;
}
.new-year-lucky-ibox .view-btn{
position:absolute;
bottom:24px;left:360px;
width:148px;height:51px;
background:url(http://www.shanggukt.cn/images/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(http://www.shanggukt.cn/images/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(http://www.shanggukt.cn/images/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(http://www.shanggukt.cn/images/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(http://www.shanggukt.cn/images/choose-icon_1.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(http://www.shanggukt.cn/images/btn_1.png) no-repeat;
font-size:14px;
color:#ffdb4b;
}
.new-year-2017-red-bag{
position:absolute;
top:-102px;left:30px;
width:60px;height:72px;
}
.new-year-2017-red-bag .red-bag-btn{
display:inline-block;
padding-top:17px;
width:60px;height:55px;
background:url(http://www.shanggukt.cn/images/red-bag.png) no-repeat;
}
.new-year-2017-red-bag .time{display:none;}
.new-year-2017-red-bag.show-time .time{
display:block;
width:60px;height:55px;
line-height:55px;
font-size:28px;
color:#fff;
text-align:center;
}
.new-year-2017-red-bag .grab{display:none;}
.new-year-2017-red-bag.grabed .grab{
display:block;
width:60px;height:55px;
line-height:55px;
font-size:20px;
color:#fff100;
font-weight:700;
text-align:center;
}
/* 鏂版槬娲诲姩 */
/* 鐩存挱闂撮浮 */
.room-chicken-area{
position:fixed;
top:50%;
/*top: 158px;*/
right:0;
margin-top:-50px;
width:100px;height:100px;
z-index:20;
}
.room-chicken-area .side-chicken-area{
position:absolute;
top:0;right:0;
-moz-transition:right 0.3s ease-in;
-webkit-transition:right 0.3s ease-in;
-o-transition:right 0.3s ease-in;
transition:right 0.3s ease-in;
}
.room-chicken-area .side-chicken-area .side-chicken{
position:absolute;
top:0;right:0;
width:100px;height:100px;
background:url(http://www.shanggukt.cn/images/egg-1.gif) no-repeat;
}
.room-chicken-area .side-chicken-area .close{
position:absolute;
top:-20px;right:5px;
width:22px;height:22px;
background:url(http://www.shanggukt.cn/images/cj-close.png) no-repeat;
}
.room-chicken-area .chicken-content{
position:absolute;
top:0;right:-112px;
width:100px;height:100px;
background:url(http://www.shanggukt.cn/images/egg-2.gif) no-repeat;
-moz-transition:right 0.3s ease-in;
-webkit-transition:right 0.3s ease-in;
-o-transition:right 0.3s ease-in;
transition:right 0.3s ease-in;
}
.open-chicken .side-chicken-area{
right:-100px;
}
.open-chicken .chicken-content{
right:0;
}
.room-chicken-area .chicken-content .close{
position:absolute;
top:-10px;right:0;
width:22px;height:22px;
background:url(http://www.shanggukt.cn/images/cj-close.png) no-repeat;
}
.room-chicken-area .chicken-content .title-area{
position:absolute;
top:-12px;left:-12px;
width:33px;height:39px;
background:url(http://www.shanggukt.cn/images/wenhao.png) no-repeat;
}
.room-chicken-area .chicken-content .title-area .title-content{
display:none;
position:absolute;
top:-93px;right:-57px;
width:286px;height:97px;
background:url(http://www.shanggukt.cn/images/title-area1.png) no-repeat;
z-index:1;
}
.room-chicken-area .chicken-content .title-area:hover .title-content{display:block;}
.room-chicken-area .chicken-icon{
position:absolute;
top:-58px;right:0;
width:98px;height:28px;
background:url(http://www.shanggukt.cn/images/chicken-btn.png) no-repeat;
}
.room-chicken-area .bar-area{
position:absolute;
top:-26px;right:7px;
width:86px;height:8px;
border-radius:5px;
background:#bbb;
}
.room-chicken-area .bar-area .bar{
position:absolute;
top:0;left:0;
width:auto;height:8px;
border-radius:5px;
background:#98dd5a;
}
.room-chicken-area .bar-area .nums{
position:absolute;
top:9px;left:0;
width:100%;height:14px;
line-height:14px;
text-align:center;
font-size:12px;
}
.room-chicken-area .chicken-btn{
position:absolute;
bottom:-24px;right:20px;
width:54px;height:20px;
background:url(http://www.shanggukt.cn/images/chicken-btn1.png) no-repeat;
}
.room-chicken-area .chicken-btn:hover{
background-position:0 -20px;
}
.room-chicken-area .chicken-btn:active{
background-position:0 -40px;
}
.room-chicken-area .chicken-btn1{
position:absolute;
bottom:-25px;right:15px;
width:64px;height:20px;
background:url(http://www.shanggukt.cn/images/chicken-btn2.png) no-repeat;
}
.room-chicken-area .chicken-btn1:hover{
background-position:0 -20px;
}
.room-chicken-area .chicken-btn1:active{
background-position:0 -40px;
}
.room-chicken-area .chicken-btn1.have-chicken-btn1{
background-position:0 -60px;
}
.room-chicken-area .chicken-btn1.no-chicken-btn1{
/*display:none;*/
background-position:0 0;
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);
}
.room-chicken-area .experience-area{
position:absolute;
bottom:-12px;right:0;
width:100px;height:20px;
line-height:20px;
font-size:16px;color:#fe4343;
font-weight:700;
text-align:center;
cursor:default;
opacity:0;
}
.have-exp .experience-area{
opacity:1;
-webkit-animation-name:chicken-experience;
-webkit-animation-duration:.8s;
-webkit-animation-timing-function:ease-in;
-webkit-animation-iteration-count:1;
-webkit-animation-fill-mode: forwards;
-moz-animation-name:chicken-experience;
-moz-animation-duration:.8s;
-moz-animation-timing-function:ease-in;
-moz-animation-iteration-count:1;
-moz-animation-fill-mode: forwards;
animation-name:chicken-experience;
animation-duration:.8s;
animation-timing-function:ease-in;
animation-iteration-count:1;
animation-fill-mode: forwards;
}
@keyframes chicken-experience{
0%{opacity:1;bottom:-12px;}
100%{opacity:0;bottom:90px;}
}
@-webkit-keyframes chicken-experience{
0%{opacity:1;bottom:-12px;}
100%{opacity:0;bottom:90px;}
}
@-moz-keyframes chicken-experience{
0%{opacity:1;bottom:-12px;}
100%{opacity:0;bottom:90px;}
}
/* 鐩存挱闂撮浮End */
/*鎯呬汉鑺傛椿鍔�*/
/*鎯呬汉鑺傛椿鍔ㄧ琚嬪脊绐�*/
.valentine-lucky-ibox{
display:none;
position:fixed;
top:50%;left:50%;
margin:-237px 0 0 -387px;
width:774px;height:475px;
background:url(http://www.shanggukt.cn/images/fd-bg.png) no-repeat;
z-index:31;
}
.valentine-lucky-ibox .close{
position:absolute;
top:48px;right:58px;
width:16px;height:14px;
}
.valentine-lucky-ibox .lucky-btn{
position:absolute;
top:264px;left:150px;
width:116px;height:47px;
background:url(http://www.shanggukt.cn/images/btn3.png) no-repeat;
}
.valentine-lucky-ibox .view-btn{
position:absolute;
bottom:60px;left:425px;
width:151px;height:51px;
background:url(http://www.shanggukt.cn/images/btn1_1.png) no-repeat;
}
.valentine-lucky-ibox .input-area{
position:absolute;
bottom:120px;left:210px;
width:60px;height:20px;
border:1px solid #d2272d;
background:#fff;
}
.valentine-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;
}
.valentine-lucky-ibox .input-area input:focus{
border:none !important;
}
.valentine-lucky-ibox .winning-info{
position:absolute;
top:162px;left:308px;
margin:12px 16px 13px 16px;
width:366px;height:166px;
overflow:hidden;
cursor:default;
}
.valentine-lucky-ibox .winning-info .winner-noing-area{
display:none;
height:166px;line-height:166px;
font-size:24px;color:#c70900;
text-align:center;
}
.valentine-lucky-ibox .winning-info .winning-row .row-left{
float:left;
margin-right:5px;
width:104px;
/*height:34px;*/
line-height:34px;
font-size:12px;
}
.valentine-lucky-ibox .winning-info .winning-row .row-right{
float:left;
width:257px;
}
.valentine-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;
}
.valentine-lucky-ibox .winning-info .winning-row li .img-box{
width:34px;height:34px;
}
.valentine-lucky-ibox .winning-info .winning-row li .img-box img{
display:block;
width:100%;height:100%;
}
.valentine-lucky-ibox .winning-info .winning-row li .num{
font-size:12px;
}
/*鎯呬汉鑺傛椿鍔ㄨ喘涔板脊绐�*/
.valentine-buy-ibox{
position:fixed;
top:50%;left:50%;
padding:39px 35px 0;
margin:-80px 0 0 -124px;
width:248px;height:160px;
background:url(http://www.shanggukt.cn/images/buy-ibox-bg.png) no-repeat;
text-align:center;
z-index:2;
}
.valentine-buy-ibox .close{
position:absolute;
top:10px;right:10px;
width:16px;height:14px;
}
.valentine-buy-ibox .content1{
height:36px;line-height:36px;
font-size:22px;
color:#c61300;
}
.valentine-buy-ibox .content2{
height:33px;line-height:33px;
font-size:12px;
color:#000;
}
.valentine-buy-ibox .content3{
height:30px;line-height:30px;
}
.valentine-buy-ibox .content3 a{
float:left;
margin:7px 8px 0 53px;
width:16px;height:16px;
background:url(http://www.shanggukt.cn/images/choose-btn_1.png) no-repeat;
}
.valentine-buy-ibox .content3.choosed a{
background-position:-16px 0;
}
.valentine-buy-ibox .content3 p{
float:left;
font-size:14px;
color:#530000;
}
.valentine-buy-ibox .confirm-btn{
display:inline-block;
margin-top:6px;
width:101px;height:42px;
background:url(http://www.shanggukt.cn/images/btn2.png) no-repeat;
}
/*鎯呬汉鑺傛椿鍔ㄨ幏濂栧脊绐�*/
.valentine-winner-ibox{
display:none;
position:fixed;
top:50%;left:50%;
margin:-223px 0 0 -243px;
width:487px;height:446px;
background:url(http://www.shanggukt.cn/images/award-info-bg.png) no-repeat;
z-index:31;
}
.valentine-winner-ibox .close{
position:absolute;
top:45px;right:35px;
width:16px;height:14px;
background:url(http://www.shanggukt.cn/images/close-icon.png) no-repeat;
}
.valentine-winner-ibox .winner-area{
margin:63px 34px 0 115px;
width:368px;height:318px;
}
.valentine-winner-ibox .winner-area li{
float:left;
margin-right:20px;
width:63px;height:100px;
}
.valentine-winner-ibox .winner-area .img-box{
width:61px;height:61px;
border:1px solid #ff6784;
background:#ff9298;
border-radius:3px;
}
.valentine-winner-ibox .winner-area .img-box img{
display:block;
width:100%;height:100%;
}
.valentine-winner-ibox .winner-area p{
height:17px;line-height:17px;
font-size:12px;color:#642626;
text-align:center;
}
.valentine-winner-ibox .real-btn{
position:absolute;
bottom:35px;left:220px;
width:101px;height:42px;
background:url(http://www.shanggukt.cn/images/btn2.png) no-repeat;
}
/*鎯呬汉鑺傛椿鍔ㄦ鍗曞脊绐�*/
.valentine-list-ibox{
/*display:none;*/
position:fixed;
top:50%;left:50%;
margin:-281px 0 0 -389px;
width:778px;height:562px;
background:url(http://www.shanggukt.cn/images/list-bg.png) no-repeat;
z-index:31;
}
.valentine-list-ibox .close{
position:absolute;
top:48px;right:57px;
width:16px;height:14px;
}
.valentine-list-ibox .anchor-list-area{
position:absolute;
top:169px;left:129px;
width:305px;height:240px;
}
.valentine-list-ibox .anchor-list-area .no-list-content{
display:none;
}
.valentine-list-ibox .anchor-list-area.no-list .no-list-content{
display:block;
margin-top:100px;
font-size:20px;
color:#d75a61;
text-align:center;
}
.valentine-list-ibox .anchor-list-area.no-list .list-content{
display:none;
}
.valentine-list-ibox .anchor-list-area .list-content{
display:block;
}
.valentine-list-ibox .anchor-list-area .list-content .list-ul{
width:305px;height:200px;
overflow:hidden;
position:relative;
}
.valentine-list-ibox .list-content .list-ul li{
width:305px;height:40px;
line-height:40px;
background:url(http://www.shanggukt.cn/images/line.png) bottom left repeat-x;
}
.valentine-list-ibox .list-content .list-ul li .rank{
float:left;
width:39px;
font-size:12px;
color:#d75a61;
text-align:center;
}
.valentine-list-ibox .list-content .list-ul li .anchor{
float:left;
width:129px;
}
.valentine-list-ibox .list-content .list-ul li .anchor .img-ibox{
float:left;
margin-top:1px;
width:33px;height:33px;
border:2px solid #b07e5f;
border-radius:100%;
}
.valentine-list-ibox .list-content .list-ul li .anchor .img-ibox img{
display:block;
width:100%;height:100%;
border-radius:100%;
}
.valentine-list-ibox .list-content .list-ul li .anchor .name{
float:left;
margin-left:5px;
width:87px;
font-size:12px;
color:#d75a61;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
.valentine-list-ibox .list-content .list-ul li .num{
float:left;
width:70px;
font-size:12px;
color:#d75a61;
text-align:center;
}
.valentine-list-ibox .list-content .list-ul li .user-name{
float:left;
width:67px;
font-size:12px;
color:#d75a61;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
text-align:center;
}
.valentine-list-ibox .list-content .pageArea{
margin-top:10px;
}
.valentine-list-ibox .user-list-area{
position:absolute;
top:169px;left:461px;
width:231px;height:240px;
}
.valentine-list-ibox .user-list-area .no-list-content{
display:none;
}
.valentine-list-ibox .user-list-area.no-list .no-list-content{
display:block;
margin-top:100px;
font-size:20px;
color:#d431b6;
text-align:center;
}
.valentine-list-ibox .user-list-area.no-list .list-content{
display:none;
}
.valentine-list-ibox .user-list-area .list-content{
display:block;
}
.valentine-list-ibox .user-list-area .list-content .list-ul{
width:231px;height:200px;
overflow:hidden;
position:relative;
}
.valentine-list-ibox .user-list-content .list-content .list-ul li{
width:231px;
}
.valentine-list-ibox .user-list-content .list-ul li .rank,
.valentine-list-ibox .user-list-content .list-ul li .anchor .name,
.valentine-list-ibox .user-list-content .list-ul li .num{
color:#d431b6;
}
.valentine-list-ibox .anchor-rank{
position:absolute;
bottom:69px;left:120px;
width:150px;height:18px;
line-height:18px;
font-size:12px;
color:#e90000;
}
.valentine-list-ibox .contribute-num{
position:absolute;
bottom:69px;left:300px;
width:150px;height:18px;
line-height:18px;
font-size:12px;
color:#e90000;
}
.valentine-list-ibox .detail-rule{
position:absolute;
bottom:69px;left:600px;
width:150px;height:18px;
line-height:18px;
font-size:12px;
color:#0f33e9;
text-decoration:underline;
}
/* 璁告効姹犳椿鍔� */
.xuyuanchi{
position:fixed;
top:50%;left:50%;
margin:-282px 0 0 -315px;
width:643px;height:564px;
background:url(http://www.shanggukt.cn/images/xuyuanchi-bg.png) no-repeat;
z-index:9;
}
.xuyuanchi .close-btn{
width: 38px;
height: 38px;
border-radius: 38px;
position: absolute;
right: 98px;
top: 123px;
text-indent: -9999em;
}
.xuyuanchi .prize-box{
width: 270px;
height: 200px;
margin: 160px auto 0;
position: relative;
}
.xuyuanchi .silder{
width: 270px;
height: 200px;
overflow: hidden;
}
.xuyuanchi .slider-list{
width: 2000em;
transition:all .5s;
}
.xuyuanchi .slider-list li{
width: 270px;
height: 200px;
float: left;
}
.xuyuanchi .slider-list .code{
text-align: center;
color: #dcdcdc;
font-size: 12px;
margin-left: 18px;
margin-bottom: 20px;
}
.xuyuanchi .rose .l,
.xuyuanchi .rose .r{
float: left;
}
.xuyuanchi .rose .l{
width: 112px;
text-align: right;
margin-right: 10px;
}
.xuyuanchi .rose .r p{
margin: 3px 0;
}
.xuyuanchi .rose .r .til{
font-size: 18px;
color: #c41e1e;
margin: 7px 0;
}
.xuyuanchi .rose-pic{
display: inline-block;
width:91px;
height: 77px;
background: url(http://www.shanggukt.cn/images/xuyuanchi-icon.png);
}
.xuyuanchi .line{
margin-top: 10px;
}
.xuyuanchi .mes{
margin-top: 5px;
}
.xuyuanchi .mes-r{
float: right
}
.xuyuanchi .mes .login{
color: #d00922;
margin-left: 3px;
}
.xuyuanchi .count-ok{
color: #c41e1e;
}
.xuyuanchi .line-bg{
height: 14px;
background: #fff;
border:1px solid #ededed;
border-radius: 10px;
}
.xuyuanchi .line-in{
width: 50%;
height: 14px;
background-image:#0ce4fb;
background-image:linear-gradient(#0ce4fb,#0f9bd4);
border-radius: 10px;
}
.xuyuanchi .count{
margin-top: 10px;
text-align: center;
}
.xuyuanchi .count .add-btn,
.xuyuanchi .count .show-count,
.xuyuanchi .count .minus-btn{
float: left;
}
.xuyuanchi .count .show-count{
width: 81px;
height: 26px;
line-height: 26px;
text-align: center;
color: #bf0101;
border: none;
margin-top: 1px;
}
.xuyuanchi .count .show-count:focus{
border: none !important;
}
.xuyuanchi .count .add-btn,
.xuyuanchi .count .minus-btn{
width: 26px;
height: 28px;
}
.xuyuanchi .select-count{
display: inline-block;
width:133px;
height: 28px;
background: url(http://www.shanggukt.cn/images/xuyuanchi-icon.png) 0 -100px;
}
.xuyuanchi .prize-box .btn-icon{
display: inline-block;
width: 21px;
height: 38px;
}
.xuyuanchi .prev-btn .btn-icon{background: url(http://www.shanggukt.cn/images/xuyuanchi-icon.png) -100px -40px;}
.xuyuanchi .next-btn .btn-icon{background: url(http://www.shanggukt.cn/images/xuyuanchi-icon.png) -100px 0;}
.xuyuanchi .slider-btn{
position: absolute;
width: 40px;
height: 60px;
background: rgba(56,159,23,.7);
text-align: center;
padding-top: 20px;
top: 60px;
}
.xuyuanchi .slider-btn:hover{background: rgba(56,159,23,.9);}
.xuyuanchi .slider-btn:active{background: rgba(56,159,23,1);}
.xuyuanchi .prev-btn{
left: -70px;
}
.xuyuanchi .next-btn{
right: -80px;
}
.xuyuanchi .sub-box{text-align: center;}
.xuyuanchi .sub-btn{
display: inline-block;
width: 224px;
height: 47px;
line-height: 47px;
text-align: center;
font-size: 30px;
color: #904a02;
font-family: "榛戜綋";
font-weight: bold;
background: #f0cd00;
border: 3px solid #f8df01;
border-radius: 40px;
margin-top: 17px;
}
.xuyuanchi .sub-btn:hover{
background: #f9d246;
border: 3px solid #feed46;
}
.xuyuanchi .sub-btn:active{
background: #e3c40f;
border: 3px solid #f1da10;
}
.xuyuanchi .disabled,
.xuyuanchi .disabled:hover,
.xuyuanchi .disabled:active{
background: #b1b1b1;
border-color: #dfdfdf;
color: #7c7c7c;
}
.xuyuanchi .tip{
text-align: center;
margin-top: 23px;
}
.xuyuanchi .tip i{
display: inline-block;
width: 14px;
height: 13px;
background: url(http://www.shanggukt.cn/images/xuyuanchi-icon.png) -130px 0;
vertical-align: -2px;
margin-right: 4px;
}
.xuyuanchi .tip i.select{background: url(http://www.shanggukt.cn/images/xuyuanchi-icon.png) -150px 0;}
.xuyuanchi .link-box{
width: 306px;
height: 36px;
line-height: 36px;
text-align: center;
background: rgba(255,255,255,.7);
border-radius: 10px;
margin: 10px auto;
}
.xuyuanchi .link-box a{
text-decoration: underline;
margin: 0 20px;
color: #000;
}
/* 鐙间汉鏉€娲诲姩 */
.live-room-content .liveMessage .left-area .lying-li{
position:relative;
width:64px;
z-index:2;
}
.live-room-content .liveMessage .left-area .lying-activity-room{
position:absolute;
left:-10px;top:-18px;
padding:6px 14px;
width:58px;height:54px;
background:transparent;
*background:red;
*filter:chroma(color =red);
-webkit-transition:all .3s ease-in;
-moz-transition:all .3s ease-in;
-ms-transition:all .3s ease-in;
-o-transition:all .3s ease-in;
transition:all .3s ease-in;
overflow:hidden;
}
.live-room-content .liveMessage .left-area .lyingman-a
{
float:left;
display:block;
width:55px;
margin-top:0;
border:2px solid transparent;
*border:2px solid red;
*filter:chroma(color =red);
}
.live-room-content .liveMessage .left-area .lyingman-a:hover{
border-color:#db9c09;
}
.live-room-content .liveMessage .left-area .lyingman-a .img-box{
position:relative;
width:55px;height:50px;
}
.live-room-content .liveMessage .left-area .lyingman-a .img-box .sub-mask{
display:none;
position:absolute;
top:0;left:0;
padding-top:10px;
width:100%;height:40px;
background:url(http://www.shanggukt.cn/images/mask-60.png) repeat;
font-size:12px;color:#fff;
line-height:16px;
text-align:center;
}
.live-room-content .liveMessage .lying-activity-top{
position:relative;
margin-bottom:8px;
height:55px;
}
.live-room-content .liveMessage .lying-activity-top .activity-top-right{
position:absolute;
top:0;left:72px;
width:86px;
opacity:0;
-webkit-transition:opacity .3s ease-in;
-moz-transition:opacity .3s ease-in;
-ms-transition:opacity .3s ease-in;
-o-transition:opacity .3s ease-in;
transition:opacity .3s ease-in;
}
.live-room-content .liveMessage .lying-activity-top .activity-top-right .lying-sub-top{
height:38px;
}
.live-room-content .liveMessage .lying-activity-top .activity-top-right .others{
padding-top:9px;
}
.live-room-content .liveMessage .lying-activity-top .activity-top-right .others a{
width:19px;height:20px;
line-height:20px;
background:url(http://www.shanggukt.cn/images/jineng-icon.png) no-repeat;
font-size:12px;color:#fff;
text-align:center;
}
.live-room-content .liveMessage .lying-activity-top .activity-top-right .others .kill-btn{
float:left;
background-position:0 0;
}
.live-room-content .liveMessage .lying-activity-top .activity-top-right .others .kill-btn:hover{
background-position:-19px 0;
}
.live-room-content .liveMessage .lying-activity-top .activity-top-right .others .kill-btn:active{
background-position:-38px 0;
}
.live-room-content .liveMessage .lying-activity-top .activity-top-right .others .poison-btn{
float:right;
background-position:0 -20px;
}
.live-room-content .liveMessage .lying-activity-top .activity-top-right .others .poison-btn:hover{
background-position:-19px -20px;
}
.live-room-content .liveMessage .lying-activity-top .activity-top-right .others .poison-btn:active{
background-position:-38px -20px;
}
.live-room-content .liveMessage .lying-activity-top .activity-top-right .others .dis-btn,
.live-room-content .liveMessage .lying-activity-top .activity-top-right .others .dis-btn:hover,
.live-room-content .liveMessage .lying-activity-top .activity-top-right .others .dis-btn:active{
background-position:-57px 0;
}
.live-room-content .liveMessage .lying-activity-top .activity-top-right .myself .kill-area,
.live-room-content .liveMessage .lying-activity-top .activity-top-right .myself .drug-area{
height:16px;line-height:16px;
font-size:12px;color:#979797;
}
.live-room-content .liveMessage .lying-activity-top .activity-top-right .myself .kill-area{
margin-bottom:3px;
}
.live-room-content .liveMessage .lying-activity-top .activity-top-right .myself .drug-btn,
.live-room-content .liveMessage .lying-activity-top .activity-top-right .myself .kill-nums-btn{
float:left;
margin-right:4px;
width:30px;height:14px;
line-height:14px;
border:1px solid #979797;
font-size:12px;color:#979797;
text-align:center;
}
.live-room-content .liveMessage .lying-activity-top .activity-top-right .myself .drug-btn{
background:#e77c0d;
color:#fff;
border:1px solid transparent;
*border:1px solid red;
*filter:chroma(color =red);
}
.live-room-content .liveMessage .lying-activity-top .activity-top-right .myself .drug-btn:hover{
background:#f09435;
}
.live-room-content .liveMessage .lying-activity-top .activity-top-right .myself .drug-btn:active{
background:#cf771b;
}
.live-room-content .liveMessage .lying-activity-top .activity-top-right .myself .dis-btn,
.live-room-content .liveMessage .lying-activity-top .activity-top-right .myself .dis-btn:hover,
.live-room-content .liveMessage .lying-activity-top .activity-top-right .myself .dis-btn:active{
border:1px solid #979797;
color:#979797;
background:none;
}
.live-room-content .liveMessage .lying-activity-top .activity-top-right .over{
height:36px;line-height:36px;
font-size:14px;color:#fff;
}
.live-room-content .liveMessage .lying-activity-top .activity-top-right .over,
.live-room-content .liveMessage .lying-activity-top .activity-top-right .others,
.live-room-content .liveMessage .lying-activity-top .activity-top-right .myself{
display:none;
}
.live-room-content .liveMessage .lying-activity-top .activity-top-right .bar-area{
padding:1px;
width:82px;height:4px;
border:1px solid #33324b;
background:#18222b;
border-radius:4px;
}
.live-room-content .liveMessage .lying-activity-top .activity-top-right .bar-area .bar{
display:block;
height:4px;
background:#e62222;
border-radius:4px;
}
.live-room-content .liveMessage .lying-activity-top .activity-top-right .bar-nums{
height:14px;line-height:14px;
font-size:12px;color:#fff;
text-align:center;
}
.live-room-content .liveMessage .lying-activity-bottom{
position:absolute;
left:14px;top:69px;
padding-top:7px;
width:158px;
border-top:1px solid #572b2d;
opacity:0;
-webkit-transition:opacity .3s ease-in;
-moz-transition:opacity .3s ease-in;
-ms-transition:opacity .3s ease-in;
-o-transition:opacity .3s ease-in;
transition:opacity .3s ease-in;
}
.live-room-content .liveMessage .lying-activity-bottom .dying-btn,
.live-room-content .liveMessage .lying-activity-bottom .footprint-btn{
width:74px;height:18px;
line-height:18px;
background:url(http://www.shanggukt.cn/images/room-btn-bg.png) no-repeat;
font-size:12px;color:#e12106;
text-align:center;
}
.live-room-content .liveMessage .lying-activity-bottom .dying-btn:hover,
.live-room-content .liveMessage .lying-activity-bottom .footprint-btn:hover{
background-position:0 -18px;
color:#fff;
}
.live-room-content .liveMessage .lying-activity-bottom .dying-btn:active,
.live-room-content .liveMessage .lying-activity-bottom .footprint-btn:active{
background-position:0 -36px;
color:#fff;
}
.live-room-content .liveMessage .lying-activity-bottom .dying-btn{float:left;}
.live-room-content .liveMessage .lying-activity-bottom .footprint-btn{float:right;}
.live-room-content .liveMessage .left-area .hover .lying-activity-room{
top:-53px;
width:158px;height:90px;
}
.live-room-content .liveMessage .left-area .lying-activity-room .lying-bg{
position:absolute;
top:0;left:0;
width:186px;height:102px;
background:url(http://www.shanggukt.cn/images/title-bg.jpg) no-repeat;
opacity:0;
-webkit-transition: all .3s ease-in;
-moz-transition: all .3s ease-in;
-ms-transition: all .3s ease-in;
-o-transition: all .3s ease-in;
transition: all .3s ease-in;
}
.live-room-content .liveMessage .left-area .hover .lying-activity-room .lying-bg{
opacity:1;
}
.live-room-content .liveMessage .left-area .hover .lying-activity-bottom,
.live-room-content .liveMessage .left-area .hover .activity-top-right{
opacity:1;
}
.live-room-content .liveMessage .left-area .death .lyingman-a .img-box .sub-mask{
display:block;
}
/* 鐙间汉鏉€寮圭獥 */
.lyingman-dying-ibox{
display:none;
position:absolute;
bottom:109px;left:5px;
padding:167px 88px 30px 30px;
width:368px;height:205px;
background:url(http://www.shanggukt.cn/images/lyingman-ibox-bg-1.png) no-repeat;
overflow:hidden;
z-index:2;
}
.lyingman-dying-ibox .close,
.lyingman-footprint-ibox .close,
.lyingman-rank-ibox .close{
position:absolute;
top:75px;right:28px;
width:32px;height:33px;
background:url(http://www.shanggukt.cn/images/close_3.png) no-repeat;
}
.lyingman-dying-ibox .close:hover,
.lyingman-footprint-ibox .close:hover,
.lyingman-rank-ibox .close:hover{
background-position:-32px 0;
}
.lyingman-dying-ibox .close:active,
.lyingman-footprint-ibox .close:active,
.lyingman-rank-ibox .close:active{
background-position:-64px 0;
}
.lyingman-dying-ibox .noting-area{
display:none;
height:205px;width:368px;
background:url(http://www.shanggukt.cn/images/lyingman-noting-1.png) no-repeat;
}
.lyingman-dying-ibox .dying-rank li{
height:41px;line-height:40px;
background:url(http://www.shanggukt.cn/images/line_1.png) bottom left repeat-x;
font-size:12px;color:#c7c7c7;
text-align:center;
}
.lyingman-dying-ibox .dying-rank .name{
float:left;
width:90px;height:100%;
color:#c7c7c7;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
.lyingman-dying-ibox .dying-rank .name:hover{
color:#ffba1a;
text-decoration:underline;
}
.lyingman-dying-ibox .dying-rank .nums{
float:left;
margin-right:30px;
width:84px;height:100%;
}
.lyingman-dying-ibox .dying-rank .time{
float:left;
margin-right:24px;
width:64px;
}
.lyingman-dying-ibox .dying-rank .operation{
float:left;
margin-top:10px;
width:66px;height:20px;
line-height:20px;
background:url(http://www.shanggukt.cn/images/operation-btn.png) no-repeat;
color:#fff;
}
.lyingman-dying-ibox .dying-rank .operation:hover{
background-position:0 -20px;
}
.lyingman-dying-ibox .dying-rank .operation:active{
background-position:0 -40px;
}
.lyingman-dying-ibox .dying-rank .last{
background:none;
}
.lyingman-footprint-ibox{
display:none;
position:absolute;
bottom:109px;left:5px;
padding:129px 88px 30px 30px;
width:368px;height:243px;
background:url(http://www.shanggukt.cn/images/lyingman-ibox-bg-3.png) no-repeat;
overflow:hidden;
z-index:2;
}
.lyingman-footprint-ibox .footprint-hd{
height:37px;line-height:37px;
}
.lyingman-footprint-ibox .footprint-hd li{
font-size:16px;color:#ffc556;
border-bottom:1px solid #d69d18;
text-align:center;
cursor:default;
}
.lyingman-footprint-ibox .name{
float:left;
margin-right:14px;
width:94px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
.lyingman-footprint-ibox .type{
float:left;
width:132px;
}
.lyingman-footprint-ibox .time{
float:left;
width:128px;
}
.lyingman-footprint-ibox .footprint-bd .footprint-ul{
display:block;
height:185px;
}
.lyingman-footprint-ibox .footprint-bd .footprint-ul li{
height:37px;line-height:36px;
background:url(http://www.shanggukt.cn/images/line_1.png) bottom left repeat-x;
font-size:12px;color:#c7c7c7;
text-align:center;
}
.lyingman-footprint-ibox .footprint-bd .pageArea{
margin-top:14px;
}
.lyingman-footprint-ibox .footprint-bd .pageArea .page li a,
.lyingman-footprint-ibox .footprint-bd .pageArea .page li{
background:#4c4f50;
color:#c7c7c7;
}
.lyingman-footprint-ibox .footprint-bd .pageArea .page li a:hover{
color:#e9ad22;
}
.lyingman-footprint-ibox .footprint-bd .pageArea .page li a:active{
background:#3a3f41;
color:#cd9513;
}
.lyingman-footprint-ibox .footprint-bd .pageArea .page .active a{
background:#d69d18;
color:#fff;
}
.lyingman-footprint-ibox .noting-area{
display:none;
height:268px;width:368px;
background:url(http://www.shanggukt.cn/images/lyingman-noting-2.png) no-repeat;
}
.lyingman-rank-ibox{
display:none;
position:absolute;
bottom:109px;left:5px;
padding:127px 88px 0 30px;
width:368px;height:295px;
background:url(http://www.shanggukt.cn/images/lyingman-ibox-bg-2.png) no-repeat;
overflow:hidden;
z-index:2;
}
.lyingman-rank-ibox .rank-content .rank-lying-hd{
height:39px;
border-bottom:1px solid #d69d18;
}
.lyingman-rank-ibox .rank-content .rank-lying-hd li{
float:left;
width:184px;height:37px;
line-height:37px;
border-bottom:2px solid transparent;
text-align:center;
}
.lyingman-rank-ibox .rank-content .rank-lying-hd a{
font-size:16px;color:#c52705;
}
.lyingman-rank-ibox .rank-content .rank-lying-hd a:hover,
.lyingman-rank-ibox .rank-content .rank-lying-hd .active a{
color:#ffc556;
}
.lyingman-rank-ibox .rank-content .rank-lying-hd .active{
border-bottom-color:#ffc556;
}
.lyingman-rank-ibox .rank-content .rank-lying-bd{
margin-top:27px;
}
.lyingman-rank-ibox .rank-content .rank-lying-bd ul{
position:relative;
margin-right:-40px;
*zoom:1;
}
.lyingman-rank-ibox .rank-content .rank-lying-bd li{
float:left;
margin-right:38px;
width:96px;height:164px;
}
.lyingman-rank-ibox .rank-content .rank-lying-bd li .img-box{
position:relative;
padding:17px 0 0 9px;
width:87px;height:87px;
}
.lyingman-rank-ibox .rank-content .rank-lying-bd li .img-box img{
display:block;
width:79px;height:79px;
border-radius:100%;
}
.lyingman-rank-ibox .rank-content .rank-lying-bd li .img-box .img-bg{
position:absolute;
top:0;left:0;
width:100%;height:100%;
background:url(http://www.shanggukt.cn/images/lyingman-rank-li-bg.png) no-repeat;
z-index:1;
}
.lyingman-rank-ibox .rank-content .rank-lying-bd .first .img-box .img-bg{
background-position:0 0;
}
.lyingman-rank-ibox .rank-content .rank-lying-bd .second .img-box .img-bg{
background-position:-96px 0;
}
.lyingman-rank-ibox .rank-content .rank-lying-bd .third .img-box .img-bg{
background-position:-192px 0;
}
.lyingman-rank-ibox .rank-content .rank-lying-bd li .img-box .name{
position:absolute;
bottom:0;left:19px;
width:70px;height:18px;
line-height:18px;
font-size:12px;color:#fff;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
text-align:center;
z-index:2;
}
.lyingman-rank-ibox .rank-content .rank-lying-bd li .nums{
margin-bottom:5px;
height:30px;line-height:30px;
font-size:12px;color:#c7c7c7;
text-align:center;
}
.lyingman-rank-ibox .rank-content .rank-lying-bd li .attack-btn{
display:block;
margin-left:-3px;
width:102px;height:25px;
line-height:25px;
background:url(http://www.shanggukt.cn/images/attack-btn.png) no-repeat;
font-size:14px;color:#fff;
text-align:center;
}
.lyingman-rank-ibox .rank-content .rank-lying-bd li .attack-btn:hover{
background-position:0 -25px;
}
.lyingman-rank-ibox .rank-content .rank-lying-bd li .attack-btn:active{
background-position:0 -50px;
}
.lyingman-rank-ibox .rank-content .rank-lying-bd .rank-lying-bottom{
margin-top:14px;
height:40px;line-height:40px;
font-size:12px;color:#fff;
text-align:right;
}
.lyingman-rank-ibox .rank-content .rank-lying-bd .rank-lying-bottom .fl{
color:#a0a1a3;
}
.lyingman-rank-ibox .rank-content .rank-lying-bd .rank-lying-bottom .fl span{
margin-right:10px;
color:#fff;
}
.lyingman-rank-ibox .rank-content .rank-lying-bd .rank-lying-bottom a{
color:#ffba1a;
text-decoration:underline;
}
/* 4鏈堟椿鍔� */
.live-room-page .live-room-content .liveMessage .left-area .title-area-april{
top:4px;right:0;
}
.live-room-content .liveMessage .time-area-april{
position:absolute;
bottom:3px;left:50%;
margin-left:-24px;
width:48px;height:16px;
background:url(http://www.shanggukt.cn/images/time-area.png) no-repeat;
font-size:12px;color:#fff;
text-align:center;
}
.aprilEvent-ibox{
position:fixed;
top:50%;left:50%;
margin:-202px 0 0 -282px;
padding:57px 78px 0 73px;
width:413px;height:347px;
background:url(http://www.shanggukt.cn/images/ibox-bg_1.png) no-repeat;
z-index:10;
}
.aprilEvent-ibox .close{
position:absolute;
top:12px;right:96px;
width:28px;height:28px;
background:url(http://www.shanggukt.cn/images/close_4.png) no-repeat;
}
.aprilEvent-ibox .bar-area{
margin-bottom:193px;
padding:0 15px 0 12px;
height:30px;
background:url(http://www.shanggukt.cn/images/bar-bg.png) no-repeat;
}
.aprilEvent-ibox .bar-area .bar-content{
position:relative;
width:386px;height:30px;
}
.aprilEvent-ibox .bar-area .bar{
position:absolute;
top:0;left:0;
height:30px;
background:url(http://www.shanggukt.cn/images/bar.png) no-repeat;
}
.aprilEvent-ibox .bar-area .nums{
position:absolute;
top:0;left:0;
width:100%;height:30px;
line-height:30px;
font-size:12px;color:#ffc600;
text-align:center;
z-index:1;
}
.aprilEvent-ibox .bottom-area{
padding:0 12px 0 15px;
}
.aprilEvent-ibox .bottom-area .bottom-top{
height:30px;line-height:30px;
}
.aprilEvent-ibox .bottom-area .bottom-top .ranks-num{
color:#ffcc00;
width:165px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
.aprilEvent-ibox .bottom-area .bottom-top .a-btn{
float:right;
color:#00acc0;
text-decoration:underline;
}
.aprilEvent-ibox .bottom-area .bottom-top .a-btn:hover{
color:#1fbfd2;
}
.aprilEvent-ibox .bottom-area .bottom-fot{
height:27px;line-height:27px;
}
.aprilEvent-ibox .bottom-area .bottom-fot li{
float:left;
margin-right:4px;
width:126px;height:27px;
font-size:12px;
color:#fff;
overflow:hidden;
}
.aprilEvent-ibox .bottom-area .bottom-fot .last{
margin-right:0;
}
.aprilEvent-ibox .first-title-area{
position:absolute;
top:59px;left:53px;
width:454px;height:303px;
background:url(http://www.shanggukt.cn/images/yd-bg.png) no-repeat;
z-index:2;
}
.aprilEvent-ibox .first-title-area .title-btn{
position:absolute;
top:160px;right:82px;
width:160px;height:46px;
line-height:46px;
background:#12b7f5;
border-radius:4px;
font-size:22px;color:#fff;
text-align:center;
}
.aprilEvent-ibox .first-title-area .title-btn:hover{
background:#00acec;
}
.aprilEvent-ibox .first-title-area .title-btn:active{
background:#1481b6;
}
.aprilEvent-dying-ibox{
background:url(http://www.shanggukt.cn/images/ibox-bg-1.png) no-repeat;
}
/*娓告垙鐐规挱 鍖呮父鎴�*/
.live-room-content .liveMessage .left-area .gameOnDemand-a .img-box{
margin-top:4px;
height:48px;
}
.live-room-content .liveMessage .left-area .gameOnDemand-a .img-box:hover{
margin-top:2px;
}
/*瑙備紬绔�*/
.user-gameDemand-ibox{
position:fixed;
top:50%;left:50%;
padding:90px 40px 0;
margin:-274px 0 0 -230px;
width:381px;height:459px;
background:url(http://www.shanggukt.cn/images/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(http://www.shanggukt.cn/images/qn-icon_1.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(http://www.shanggukt.cn/images/new-package-bg1.png) 0 0 no-repeat;
}
.user-gameDemand-content .user-content .big-package li:nth-child(2){
background:url(http://www.shanggukt.cn/images/new-package-bg1.png) -119px 0 no-repeat;
}
.user-gameDemand-content .user-content .big-package li:nth-child(3){
background:url(http://www.shanggukt.cn/images/new-package-bg1.png) -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(http://www.shanggukt.cn/images/new-btn.png) 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(http://www.shanggukt.cn/images/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(http://www.shanggukt.cn/images/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(http://www.shanggukt.cn/images/new-btn.png) -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(http://www.shanggukt.cn/images/new-btn.png) -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(http://www.shanggukt.cn/images/new-btn.png) -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);
}
/*.anchor-gameDemand-content .anchor-content .coin-package li .receive-btn:active{
background:#8b3500;
color:#ffdbc0;
}*/
.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(http://www.shanggukt.cn/images/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(http://www.shanggukt.cn/images/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(http://www.shanggukt.cn/images/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(http://www.shanggukt.cn/images/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(http://www.shanggukt.cn/images/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(http://www.shanggukt.cn/images/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(http://www.shanggukt.cn/images/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(http://www.shanggukt.cn/images/new-room-ibox-bg4.png) 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(http://www.shanggukt.cn/images/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(http://www.shanggukt.cn/images/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(http://www.shanggukt.cn/images/new-package-bg1.png) 0 0 no-repeat;
}
.anchor-gameDemand-content .anchor-content .big-package li:nth-child(2){
background:url(http://www.shanggukt.cn/images/new-package-bg1.png) -119px 0 no-repeat;
}
.anchor-gameDemand-content .anchor-content .big-package li:nth-child(3){
background:url(http://www.shanggukt.cn/images/new-package-bg1.png) -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(http://www.shanggukt.cn/images/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(http://www.shanggukt.cn/images/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(http://www.shanggukt.cn/images/new-btn.png) -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(http://www.shanggukt.cn/images/new-package-bg2.png) -94px 0 no-repeat;
text-align:center;
}
/*.anchor-gameDemand-content .anchor-content .coin-package .playing-game .countdown .game-icon{
display:inline-block;
width:69px;height:32px;
background:url(../images/game-icon2.png) 0 0 no-repeat;
}
.anchor-gameDemand-content .anchor-content .coin-package .game-over .countdown .game-icon{
display:inline-block;
width:69px;height:32px;
background:url(../images/game-icon2.png) -69px 0 no-repeat;
}*/
.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(http://www.shanggukt.cn/images/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{
color:#a47603;
}
.add-game-kadai-ibox .content .add-game input::-moz-input-placeholder{
color:#a47603;
}
.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(http://www.shanggukt.cn/images/close_5.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;
}
/* 浜旀湀娲诲姩 鐏姏鍏ㄥ紑 */
.firepower-ibox{
display:none;
position:absolute;
bottom:-10px;left:0;
padding:29px 16px 0 10px;
width:514px;height:571px;
background:url(http://www.shanggukt.cn/images/fire-room-bg.png) no-repeat;
z-index:2;
}
.firepower-ibox .close{
position:absolute;
top:26px;right:24px;
width:25px;height:24px;
}
.firepower-ibox .content .hd{
height:47px;
background:url(http://www.shanggukt.cn/images/fire-room-text.png) top center no-repeat;
}
.firepower-ibox .content .hd span{
position:absolute;
top:60px;left:294px;
font-size:12px;
font-weight:700;color:#e0e2de;
}
.firepower-ibox .content .nums-area{
margin:10px 0;
padding:0 70px;
height:94px;
background:#041307;
}
.firepower-ibox .content .nums-area .row{
height:47px;line-height:47px;
font-weight:700;
font-size:16px;color:#e0e2de;
}
.firepower-ibox .content .nums-area .left{
position:relative;
float:left;
width:230px;height:47px;
}
.firepower-ibox .content .nums-area .right{
float:left;
width:144px;height:47px;
}
.firepower-ibox .content .nums-area .row .num{
font-size:30px;
line-height:40px;
vertical-align:-3px;
}
.firepower-ibox .content .nums-area .row-1 .num{
color:#ffd800;
}
.firepower-ibox .content .nums-area .row-2 .num{
color:#a0ca70;
}
.firepower-ibox .content .nums-area .login-view{
display:none;
position:absolute;
top:10px;left:98px;
width:126px;height:27px;
background:url(http://www.shanggukt.cn/images/fire-room-login-view.png) no-repeat;
}
.firepower-ibox .content .nums-area .login-view:hover{
background-position:0 -27px;
}
.firepower-ibox .content .nums-area .login-view:active{
background-position:0 -54px;
}
.firepower-ibox .content .nums-bar-area{
margin-top:8px;
padding:0 27px 0 30px;
}
.firepower-ibox .content .nums-bar-area .bar-area-left{
float:left;
width:220px;
}
.firepower-ibox .content .nums-bar-area .bar-area-left .sub-left{
float:left;
margin:190px 24px 0 0;
width:29px;height:65px;
background:url(http://www.shanggukt.cn/images/fire-room-left.png) no-repeat;
}
.firepower-ibox .content .nums-bar-area .bar-area-left .sub-mid{
position:relative;
float:left;
width:99px;height:260px;
}
.firepower-ibox .content .nums-bar-area .bar-area-left .sub-mid .first-people,
.firepower-ibox .content .nums-bar-area .bar-area-left .sub-mid .second-people,
.firepower-ibox .content .nums-bar-area .bar-area-left .sub-mid .third-people{
position:absolute;
bottom:5px;left:0;
width:99px;height:57px;
background:url(http://www.shanggukt.cn/images/fire-room-left-people.png) no-repeat;
}
.firepower-ibox .content .nums-bar-area .bar-area-left .sub-mid .second-people{
display:none;
bottom:75px;
}
.firepower-ibox .content .nums-bar-area .bar-area-left .sub-mid .third-people{
display:none;
bottom:145px;
}
.firepower-ibox .content .nums-bar-area .bar-area-left .sub-right{
float:right;
width:53px;
}
.firepower-ibox .content .nums-bar-area .bar-area-left .sub-right .num{
margin-left:-6px;
width:60px;
height:28px;line-height:28px;
font-size:14px;color:#ffd800;
font-weight:700;
text-align:center;
}
.firepower-ibox .content .nums-bar-area .bar-area-left .sub-right .bar-bg{
position:relative;
width:53px;height:248px;
background:url(http://www.shanggukt.cn/images/fire-room-left-bar-bg.png) no-repeat;
}
.firepower-ibox .content .nums-bar-area .bar-area-left .sub-right .bar-bg .bar-content{
position:absolute;
left:14px;bottom:20px;
width:21px;height:162px;
}
.firepower-ibox .content .nums-bar-area .bar-area-left .sub-right .bar-bg .bar-content .bar{
position:absolute;
left:0;bottom:0;
width:21px;
background:url(http://www.shanggukt.cn/images/fire-room-left-bar.png) no-repeat;
border-radius:0 0 14px 14px;
}
.firepower-ibox .content .nums-bar-area .bar-area-left .sub-right .bar-bg .bar-content .bar .bullet{
position:absolute;
top:-52px;left:0;
width:21px;height:60px;
background:url(http://www.shanggukt.cn/images/fire-room-left-zd.png) no-repeat;
}
.firepower-ibox .content .nums-bar-area .bar-area-right{
float:right;
width:220px;
}
.firepower-ibox .content .nums-bar-area .bar-area-right .sub-right{
float:right;
margin:190px 0 0 24px;
width:29px;height:65px;
background:url(http://www.shanggukt.cn/images/fire-room-right.png) no-repeat;
}
.firepower-ibox .content .nums-bar-area .bar-area-right .sub-mid{
position:relative;
float:right;
width:99px;height:260px;
}
.firepower-ibox .content .nums-bar-area .bar-area-right .sub-mid .first-people,
.firepower-ibox .content .nums-bar-area .bar-area-right .sub-mid .second-people,
.firepower-ibox .content .nums-bar-area .bar-area-right .sub-mid .third-people{
position:absolute;
bottom:5px;left:0;
width:99px;height:57px;
background:url(http://www.shanggukt.cn/images/fire-room-right-people.png) no-repeat;
}
.firepower-ibox .content .nums-bar-area .bar-area-right .sub-mid .second-people{
display:none;
bottom:75px;
}
.firepower-ibox .content .nums-bar-area .bar-area-right .sub-mid .third-people{
display:none;
bottom:145px;
}
.firepower-ibox .content .nums-bar-area .oneStage .sub-mid .second-people{display:block;}
.firepower-ibox .content .nums-bar-area .twoStage .sub-mid .second-people,
.firepower-ibox .content .nums-bar-area .twoStage .sub-mid .third-people{display:block;}
.firepower-ibox .content .nums-bar-area .bar-area-right .sub-left{
float:left;
width:53px;
}
.firepower-ibox .content .nums-bar-area .bar-area-right .sub-left .num{
margin-left:-6px;
width:60px;
height:28px;line-height:28px;
font-size:14px;color:#a0ca70;
font-weight:700;
text-align:center;
}
.firepower-ibox .content .nums-bar-area .bar-area-right .sub-left .bar-bg{
position:relative;
width:53px;height:248px;
background:url(http://www.shanggukt.cn/images/fire-room-right-bar-bg.png) no-repeat;
}
.firepower-ibox .content .nums-bar-area .bar-area-right .sub-left .bar-bg .bar-content{
position:absolute;
left:14px;bottom:20px;
width:21px;height:162px;
}
.firepower-ibox .content .nums-bar-area .bar-area-right .sub-left .bar-bg .bar-content .bar{
position:absolute;
left:0;bottom:0;
width:21px;
background:url(http://www.shanggukt.cn/images/fire-room-right-bar.png) no-repeat;
border-radius:0 0 14px 14px;
}
.firepower-ibox .content .nums-bar-area .bar-area-right .sub-left .bar-bg .bar-content .bar .bullet{
position:absolute;
top:-52px;left:0;
width:21px;height:60px;
background:url(http://www.shanggukt.cn/images/fire-room-right-zd.png) no-repeat;
}
.firepower-ibox .content .win-area{
margin:auto;
padding:0 7px;
width:246px;height:24px;
line-height:24px;
background:#041307;
font-size:12px;color:#e0e2de;
}
.firepower-ibox .content .win-area .left{
float:left;
height:24px;
}
.firepower-ibox .content .win-area .left span{
font-weight:700;
}
.firepower-ibox .content .win-area .right{
float:right;
height:24px;
color:#e0e2de;
}
.firepower-ibox .content .win-area .right:hover{
color:#12b7f5;
}
.firepower-ibox .content .countDown{
position:relative;
margin:4px auto 16px;
width:261px;height:19px;
line-height:16px;
background:url(http://www.shanggukt.cn/images/fire-room-time.png) top left no-repeat;
}
.firepower-ibox .content .countDown span{
display:block;
float:left;
margin-right:2px;
height:16px;width:16px;
font-size:16px;color:#041307;
font-weight:700;
text-align:center;
}
.firepower-ibox .content .countDown .hour{
position:absolute;
top:0;left:119px;
}
.firepower-ibox .content .countDown .minute{
position:absolute;
top:0;left:172px;
}
.firepower-ibox .content .countDown .second{
position:absolute;
top:0;left:225px;
}
.firepower-ibox .content .textC{font-size:0;}
.firepower-ibox .content .fire-btn-1,
.firepower-ibox .content .fire-btn-2,
.firepower-ibox .content .fire-btn-3{
display:inline-block;
*display:inline;*zoom:1;
margin:0 4px;
width:123px;height:38px;
background:url(http://www.shanggukt.cn/images/fire-room-btn.png) no-repeat;
}
.firepower-ibox .content .fire-btn-1{
background-position:0 0;
}
.firepower-ibox .content .fire-btn-2{
background-position:-123px 0;
}
.firepower-ibox .content .fire-btn-3{
background-position:-246px 0;
}
.firepower-ibox .content .fire-btn-1:hover{
background-position:0 -38px;
}
.firepower-ibox .content .fire-btn-2:hover{
background-position:-123px -38px;
}
.firepower-ibox .content .fire-btn-3:hover{
background-position:-246px -38px;
}
.firepower-ibox .content .fire-btn-1:active{
background-position:0 -76px;
}
.firepower-ibox .content .fire-btn-2:active{
background-position:-123px -76px;
}
.firepower-ibox .content .fire-btn-3:active{
background-position:-246px -76px;
}
/* 鑳滆礋璁板綍寮圭獥 */
.firepower-rank-ibox{
position:absolute;
bottom:-10px;left:0;
padding:88px 16px 0 10px;
width:514px;height:512px;
background:url(http://www.shanggukt.cn/images/fire-room-bg.png) no-repeat;
z-index:2;
}
.firepower-rank-ibox .close{
position:absolute;
top:26px;right:24px;
width:25px;height:24px;
}
.firepower-rank-ibox .hd{
height:72px;line-height:72px;
font-size:24px;font-weight:700;
color:#fff;
text-align:center;
}
.firepower-rank-ibox .bd .sub-hd{
height:38px;line-height:38px;
font-size:22px;color:#5e7552;
font-weight:700;
background:#1c2418;
text-align:center;
}
.firepower-rank-ibox .bd .sub-bd{
height:237px;
overflow:hidden;
}
.firepower-rank-ibox .bd .no-someting{
height:237px;
background:url(http://www.shanggukt.cn/images/no-some-1.png) center center no-repeat;
}
.firepower-rank-ibox .bd .win,
.firepower-rank-ibox .bd .lose{
float:left;
width:187px;
}
.firepower-rank-ibox .bd .time{
float:left;
width:140px;
}
.firepower-rank-ibox .bd .sub-bd .win,
.firepower-rank-ibox .bd .sub-bd .lose{
float:left;
padding-left:20px;
width:167px;height:38px;
line-height:38px;
font-size:0;
}
.firepower-rank-ibox .bd .sub-bd .win span,
.firepower-rank-ibox .bd .sub-bd .lose span{
font-size:18px;
}
.firepower-rank-ibox .bd .sub-bd .time{
font-weight:400;
text-align:center;
}
.firepower-rank-ibox .sub-bd li{
height:38px;line-height:38px;
font-size:18px;color:#e0e2de;
font-weight:700;
}
.firepower-rank-ibox .sub-bd .even{
background:#1c2418;
}
.firepower-rank-ibox .sub-bd .red-team{
margin-right:5px;
color:#ffd800;
font-weight:400;
}
.firepower-rank-ibox .sub-bd .blue-team{
margin-right:5px;
color:#a0ca70;
font-weight:400;
}
.firepower-rank-ibox .pageArea .page li{
height:20px !important;
line-height:20px !important;
font-size:12px !important;
font-weight:400;
background:#1c2418 !important;
}
.firepower-rank-ibox .pageArea .page li a{
background:#1c2418 !important;
}
.firepower-rank-ibox .pageArea .page .active a,
.firepower-rank-ibox .pageArea .page .active a:hover,
.firepower-rank-ibox .pageArea .page .active a:active{
background:#a0ca70 !important;
color:#1c2418 !important;
}
.live-room-content .liveMessage .left-area .fire-room .white-bg-title{
display:none;
top:-50px;left:-114px;
width:252px;
}
.live-room-content .liveMessage .left-area .fire-room:hover .white-bg-title{
display:block;
}
/* 鍏竴娲诲姩 */
.children-room-ibox{
display:none;
position:fixed;
top:50%;left:50%;
margin:-243px 0 0 -334px;
padding:137px 38px 0 26px;
width:605px;height:349px;
background:url(http://www.shanggukt.cn/images/room-ibox-bg_1.png) no-repeat;
}
.children-room-ibox .close{
position:absolute;
top:89px;right:0;
width:36px;height:36px;
}
.children-room-ibox .children-left-area{
float:left;
width:382px;
}
.children-room-ibox .children-left-area .nav{
height:42px;
}
.children-room-ibox .children-left-area .nav ul{
position:relative;
margin-right:-11px;
*zoom:1;
}
.children-room-ibox .children-left-area .nav li{
float:left;
margin-right:11px;
width:120px;height:42px;
text-align:center;
}
.children-room-ibox .children-left-area .nav a{
display:block;
width:100%;height:100%;
line-height:36px;
background:url(http://www.shanggukt.cn/images/room-tab.png) no-repeat;
font-size:14px;color:#323232;
font-weight:700;
}
.children-room-ibox .children-left-area .nav a:hover{
color:#e30000;
}
.children-room-ibox .children-left-area .nav .active a{
background-position:0 -42px;
color:#e30000;
}
.children-room-ibox .children-left-area .jrww .title{
height:30px;line-height:30px;
font-size:12px;color:#d61d1d;
font-family:simsun;
text-align:center;
}
.children-room-ibox .children-left-area .jrzb .title{
margin-top:4px;
line-height:16px;
font-size:12px;color:#d61d1d;
font-family:simsun;
text-align:left;
}
.children-room-ibox .children-left-area .jrww .textC{font-size:0;}
.children-room-ibox .children-left-area .jrww .textC .img{
display:inline-block;
*display:inline;*zoom:1;
margin:0 5px;
}
.children-room-ibox .children-left-area .cd-rank{
margin:14px auto 0;
width:374px;
border:1px solid #0f0d18;
background:#fadd84;
}
.children-room-ibox .children-left-area .jrzb .cd-rank{
margin-top:4px;
}
.children-room-ibox .children-left-area .cd-rank li{
height:33px;line-height:33px;
padding:0 15px;
}
.children-room-ibox .children-left-area .cd-rank .li-cont{
height:100%;
background:url(http://www.shanggukt.cn/images/li-bg_1.png) left bottom repeat-x;
text-align:left;
}
.children-room-ibox .children-left-area .cd-rank .li-cont .serial{
float:left;
width:50px;
font-size:12px;color:#ca0000;
}
.children-room-ibox .children-left-area .cd-rank .li-cont .name{
float:left;
margin-right:44px;
width:150px;
font-size:12px;color:#5a4420;
}
.children-room-ibox .children-left-area .cd-rank .li-cont .num{
float:left;
width:100px;
font-size:12px;color:#5a4420;
}
.children-room-ibox .children-left-area .cd-rank .myself{
background:#ac4525;
}
.children-room-ibox .children-left-area .cd-rank .myself .li-cont{
background:none;
}
.children-room-ibox .children-left-area .cd-rank .myself .serial,
.children-room-ibox .children-left-area .cd-rank .myself .name,
.children-room-ibox .children-left-area .cd-rank .myself .num{
color:#fff;
}
.children-room-ibox .children-left-area .cd-bottom{
height:28px;line-height:28px;
font-size:12px;color:#000;
}
.children-room-ibox .children-left-area .cd-bottom span{color:#d61d1d;}
.children-room-ibox .children-left-area .cd-bottom p{
float:left;
}
.children-room-ibox .children-left-area .cd-bottom a{
float:left;
margin-left:20px;
font-size:12px;color:#015ccd;
text-decoration:underline;
}
.children-room-ibox .children-right-area{
float:right;
width:206px;
}
.children-room-ibox .children-right-area .right-content{
width:204px;
border:1px solid #dda600;
background:#ffe699;
}
.children-room-ibox .children-right-area .right-content .sub-hd{
padding-top:6px;
height:28px;line-height:28px;
background:#f8d057;
font-size:15px;color:#302000;
text-align:center;
}
.children-room-ibox .children-right-area .right-content li{
padding:3px 0 3px 11px;
height:48px;
}
.children-room-ibox .children-right-area .right-content .even{
background:#f8d057;
}
.children-room-ibox .children-right-area .right-content li a{
display:block;
}
.children-room-ibox .children-right-area .right-content .img-box{
float:left;
margin-right:10px;
width:48px;height:48px;
}
.children-room-ibox .children-right-area .right-content .info{
float:left;
line-height:16px;
font-size:12px;
}
.children-room-ibox .children-right-area .right-content .name{
color:#000;
}
.children-room-ibox .children-right-area .right-content .nums{
color:#9f5106;
}
.children-room-ibox .children-right-area .right-content .title{
color:#ff0000;
}
.children-room-ibox .children-right-area .textR{
display:block;
height:28px;line-height:28px;
font-size:12px;color:#6a5500;
}
.children-room-ibox .children-right-area .textR:hover{
text-decoration:underline;
}
.children-room-ibox .children-right-area .disabled{
}
.live-room-content .liveMessage .left-area .children-a .white-bg-title{
display:none;
top:-46px;left:-126px;
width:280px;
}
.live-room-content .liveMessage .left-area .children-a:hover .white-bg-title{
display:block;
}
/* 浜岀淮鐮佸脊绐� */
.children-room-ibox .lottery-ibox{
display:none;
position:absolute;
top:50%;left:50%;
padding:70px 30px 0;
margin:-185px 0 0 -176px;
width:292px;height:300px;
background:url(http://www.shanggukt.cn/images/ibox-bg_2.png) no-repeat;
z-index:6;
}
.children-room-ibox .lottery-ibox .close{
position:absolute;
top:16px;right:0;
width:32px;height:32px;
}
.children-room-ibox .lottery-ibox p{
width:292px;
line-height:26px;
font-size:16px;
color:#2c2c2c;
}
.children-room-ibox .lottery-ibox .code{
margin:13px auto 0;
width:166px;height:166px;
border:2px solid #c4ba83;
}
/* 璐拱寮圭獥 */
.children-room-ibox .cd-buy-ibox{
display:none;
position:absolute;
top:50%;left:50%;
margin:-130px 0 0 -165px;
padding:61px 0 0 40px;
width:289px;height:200px;
background:url(http://www.shanggukt.cn/images/ibox-bg-1_1.png) no-repeat;
z-index:7;
}
.children-room-ibox .cd-buy-ibox .close{
position:absolute;
top:13px;right:0;
width:32px;height:32px;
}
.children-room-ibox .cd-buy-ibox .info{
margin-bottom:16px;
}
.children-room-ibox .cd-buy-ibox .info .info-left{
float:left;
margin-right:12px;
width:60px;height:60px;
border:1px solid #b3aa62;
background:#f9f9f7;
}
.children-room-ibox .cd-buy-ibox .info .info-right{
float:left;
}
.children-room-ibox .cd-buy-ibox .info .info-right .name{
font-size:18px;line-height:18px;
color:#000;
}
.children-room-ibox .cd-buy-ibox .info .info-right .nums{
font-size:18px;line-height:40px;
color:#ff4800;
}
.children-room-ibox .cd-buy-ibox .num-area{
margin-bottom:23px;
height:32px;
}
.children-room-ibox .cd-buy-ibox .num-area .num-left-area,
.children-room-ibox .cd-buy-ibox .num-area .num-right-area{
float:left;
width:43px;height:32px;
background:url(http://www.shanggukt.cn/images/btn-1.png) no-repeat;
}
.children-room-ibox .cd-buy-ibox .num-area .num-left-area{
margin-right:14px;
background-position:0 0;
}
.children-room-ibox .cd-buy-ibox .num-area .num-left-area:hover{
background-position:0 -32px;
}
.children-room-ibox .cd-buy-ibox .num-area .num-right-area{
background-position:-43px 0;
}
.children-room-ibox .cd-buy-ibox .num-area .num-right-area:hover{
background-position:-43px -32px;
}
.children-room-ibox .cd-buy-ibox .num-area .mid-area{
float:left;
margin-right:13px;
width:137px;height:32px;
}
.children-room-ibox .cd-buy-ibox .num-area .mid-area input{
padding:0 10px;
width:115px;height:30px;
border:1px solid #b9bbbc;
background:#fff;
font-size:12px;color:#7c7c7c;
text-align:center;
}
.children-room-ibox .cd-buy-ibox .btn-area{
font-size:0;
text-align:center;
}
.children-room-ibox .cd-buy-ibox .btn-area .sure-btn,
.children-room-ibox .cd-buy-ibox .btn-area .cancel-btn{
display:inline-block;
*display:inline;*zoom:1;
margin:0 6px;
width:90px;height:36px;
background:url(http://www.shanggukt.cn/images/room-btn.png) no-repeat;
}
.children-room-ibox .cd-buy-ibox .btn-area .sure-btn{
background-position:0 0;
}
.children-room-ibox .cd-buy-ibox .btn-area .sure-btn:hover{
background-position:0 -36px;
}
.children-room-ibox .cd-buy-ibox .btn-area .sure-btn:active{
background-position:0 -72px;
}
.children-room-ibox .cd-buy-ibox .btn-area .cancel-btn{
background-position:-90px 0;
}
.children-room-ibox .cd-buy-ibox .btn-area .cancel-btn:hover{
background-position:-90px -36px;
}
/* 鍟嗗簵鎮仠寮圭獥 */
.children-room-ibox .gifts-hover-ibox{
display:none;
position:absolute;
top:0;left:0;
width:374px;
border:1px solid #e0e4e5;
background:#fff;
z-index:5;
}
.children-room-ibox .gifts-hover-ibox .arrow{
position: absolute;
bottom: -7px;
left: 50%;
margin-left: -6px;
width: 12px;
height: 7px;
background: url(http://www.shanggukt.cn/images/bai-arrow1.png) no-repeat;
}
.children-room-ibox .gifts-hover-ibox .left-area{
float:left;
margin-right:16px;
width:105px;height:105px;
margin-top:0;
}
.children-room-ibox .gifts-hover-ibox .left-area img{
display:block;
width:100%;height:100%;
}
.children-room-ibox .gifts-hover-ibox .right-area{
float:left;
margin-top:8px;
padding-bottom:10px;
width:246px;
}
.children-room-ibox .gifts-hover-ibox .right-area .sub-top{
position:relative;
height:26px;line-height:26px;
font-size:0;
color:#555;
}
.children-room-ibox .gifts-hover-ibox .right-area .sub-top .name{
margin-right:20px;
font-weight:700;
font-size:14px;
}
.children-room-ibox .gifts-hover-ibox .right-area .sub-top .a{
font-size:12px;color:#12b7f5;
display:inline-block;
vertical-align:middle;
}
.children-room-ibox .gifts-hover-ibox .right-area .sub-top .a:hover{
text-decoration:underline;
}
.children-room-ibox .gifts-hover-ibox .right-area .sub-top .num{
margin-left:10px;
font-size:12px;color:#ffb11b;
}
.children-room-ibox .gifts-hover-ibox .right-area .note-title{
margin-bottom:4px;
line-height:20px;
font-size:12px;color:#a5a7aa;
}
.children-room-ibox .gifts-hover-ibox .right-area .girts-fun span{
float:left;
font-size:12px;color:#ffb11b;
}
.children-room-ibox .gifts-hover-ibox .right-area .yanhua-title{
font-size:12px;color:#a5a7aa;
line-height:22px;
}
/* 鍏竴娲诲姩鍏ュ彛 */
.live-room-page .live-room-content .liveMessage .left-area .children-a .img-box{
height:auto;
}
.live-room-page .live-room-content .liveMessage .left-area .children-a .title-area-april{
top:-4px;right:32px;
}
.live-room-page .live-room-content .liveMessage .left-area .children-a .time-area-april{
background:none;
font-size:12px;color:#e20202;
bottom:-10px;
}
.live-star-page .live-room-content .liveMessage .left-area .children-a .time-area-april{
color:#fff;
}
.live-room-content .anchor-info-area .sub-top .children-name-icon{
float:left;
margin-left:5px;
height:20px;
}
/* 娓呭噳涓€澶� */
.summer-hd-area{
position:absolute;
left:0;bottom:0;
padding-top:114px;
width:483px;height:373px;
background:url(http://www.shanggukt.cn/images/ibox-bg_3.png) no-repeat;
z-index:10;
}
.summer-hd-area .close{
position:absolute;
top:43px;right:37px;
width:35px;height:35px;
background:url(http://www.shanggukt.cn/images/close-1.png) no-repeat;
}
.summer-hd-area .summer-top{
margin-bottom:3px;
height:147px;
overflow:hidden;
}
.summer-hd-area .summer-top .zb-rank{
float:left;
margin-top:27px;
margin-left:26px;
}
.summer-hd-area .summer-top li{
width:108px;
height:45px;line-height:45px;
font-size:54px;color:#fff;
font-weight:700;
margin-bottom:9px;
}
.summer-hd-area .summer-top .zb-rank .today{
margin-left:62px;
}
.summer-hd-area .summer-top .zb-rank .yestoday,
.summer-hd-area .summer-top .my-rank .yestoday{
text-align:right;
}
.summer-hd-area .summer-top .my-rank{
float:right;
margin-right:60px;
}
.summer-hd-area .summer-top .my-rank .yestoday{
margin-left:-54px;
}
.summer-hd-area .summer-bottom{
padding:0 43px 0 46px;
}
.summer-hd-area .summer-bottom .summer-left{
float:left;
width:195px;
}
.summer-hd-area .summer-bottom .summer-right{
float:right;
width:195px;
}
.summer-hd-area .summer-bottom .summer-left .img-box,
.summer-hd-area .summer-bottom .summer-right .img-box{
position:relative;
margin-left:35px;
margin-bottom:2px;
width:124px;height:124px;
border-radius:10px;
}
.summer-hd-area .summer-bottom .summer-left .img-box{
background:url(http://www.shanggukt.cn/images/nothing-left.png) no-repeat;
}
.summer-hd-area .summer-bottom .summer-right .img-box{
background:url(http://www.shanggukt.cn/images/nothing.png) no-repeat;
}
.summer-hd-area .summer-bottom .summer-left img,
.summer-hd-area .summer-bottom .summer-right img{
border-radius:10px;
}
.summer-hd-area .summer-bottom .summer-left .tj-icon,
.summer-hd-area .summer-bottom .summer-right .tj-icon{
display:none;
position:absolute;
top:50%;left:50%;
margin:-12px 0 0 -40px;
width:80px;height:24px;
line-height:24px;
background:#12b7f5;
font-size:14px;color:#fff;
font-family:simsun;
border-radius:15px;
text-align:center;
z-index:1;
}
.summer-hd-area .summer-bottom .summer-left .name,
.summer-hd-area .summer-bottom .summer-right .name{
position:absolute;
left:0;bottom:0;
width:124px;height:24px;line-height:24px;
background:#9ae3ff;
border-radius:0 0 10px 10px;
font-size:12px;color:#003c53;
font-family:simsun;
text-align:center;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
z-index:2;
}
.summer-hd-area .summer-bottom .summer-recommend .tj-icon{
display:block;
}
.summer-hd-area .summer-bottom .summer-btn{
position:relative;
display:inline-block;
width:135px;height:48px;
background:url(http://www.shanggukt.cn/images/btn_2.png) no-repeat;
background-position:0 0;
}
.summer-hd-area .summer-bottom .summer-btn:hover{
background-position:0 -48px;
}
.summer-hd-area .summer-bottom .summer-btn:active{
background-position:0 -96px;
}
.summer-hd-area .summer-bottom .summer-disable,
.summer-hd-area .summer-bottom .summer-disable:hover,
.summer-hd-area .summer-bottom .summer-disable:active{
background-position:0 -144px;
}
.summer-hd-area .summer-bottom .summer-btn .time{
position:absolute;
top:12px;left:88px;
height:20px;line-height:20px;
font-size:0;color:#fff;
}
/* 閫夋嫨涓绘挱鍚� */
.summer-hd-area .summer-bottom .recommend-change .summer-btn{
width:195px;
background-position:-270px 0;
}
.summer-hd-area .summer-bottom .recommend-change .summer-btn:hover {
background-position:-270px -48px;
}
.summer-hd-area .summer-bottom .recommend-change .summer-btn:active{
background-position:-270px -96px;
}
/* 鎹竴涓� */
.summer-hd-area .summer-bottom .summer-change .summer-btn{
background-position:-135px 0;
}
.summer-hd-area .summer-bottom .summer-change .summer-btn:hover{
background-position:-135px -48px;
}
.summer-hd-area .summer-bottom .summer-change .summer-btn:active{
background-position:-135px -96px;
}
/* 鎹竴涓鏃跺悗 */
.summer-hd-area .summer-bottom .summer-change .time-out,
.summer-hd-area .summer-bottom .summer-change .time-out:hover,
.summer-hd-area .summer-bottom .summer-change .time-out:active{
background-position:-135px -144px;
}
.summer-hd-area .summer-bottom .summer-change .time-out .time{
font-size:12px;
}
/* 閫夋嫨涓绘挱寮圭獥 */
.summer-hd-area .summer-bottom .recommend-zb-ibox{
display:none;
position:absolute;
left:50%;bottom:52px;
padding:15px 0;
margin-left:-93px;
width:186px;max-height:130px;
border-radius:10px;
background:#12b7f5;
overflow:hidden;
z-index:2;
}
.summer-hd-area .summer-bottom .recommend-zb-ibox .nothing{
height:130px;
background:url(http://www.shanggukt.cn/images/no-content-1.png) center center no-repeat;
}
.summer-hd-area .summer-bottom .recommend-zb-ibox li{
height:26px;line-height:26px;
text-align:center;
}
.summer-hd-area .summer-bottom .recommend-zb-ibox a{
display:block;
background:#12b7f5;
font-size:14px;color:#fff;
}
.summer-hd-area .summer-bottom .recommend-zb-ibox a:hover{
background:#fff;
color:#12b7f5;
}
.summer-hd-area .summer-bottom .a-ibox{
display:block;
height:14px;line-height:14px;
font-size:12px;color:#003c53;
text-align:center;
}
.summer-hd-area .summer-bottom .a-ibox:hover{
color:#12b7f5;
}
.summer-hd-area .summer-recommend-ibox{
display:none;
position:absolute;
top:82px;left:0;
width:483px;height:405px;
background:url(http://www.shanggukt.cn/images/ibox-1.png) no-repeat;
z-index:3;
}
.summer-hd-area .summer-recommend-ibox .recommend-close{
position:absolute;
top:14px;right:37px;
width:35px;height:35px;
background:url(http://www.shanggukt.cn/images/close-1.png) no-repeat;
}
.summer-bar-area{
position:absolute;
right:0;bottom:70px;
padding-left:6px;
height:49px;
-moz-transition:height .15s linear;
-webkit-transition:height .15s linear;
-o-transition:height .15s linear;
transition:height .15s linear;
z-index:1;
/*z-index:31;*/
}
.summer-bar-area .bar-btn{
position:absolute;
top:28px;right:0;
width:49px;height:49px;
background:url(http://www.shanggukt.cn/images/s-btn.png) no-repeat;
background-position:0 0;
-moz-transition:top .3s ease-in;
-webkit-transition:top .3s ease-in;
-o-transition:top .3s ease-in;
transition:top .3s ease-in;
}
.open-summer-bar .bar-btn{
top:0;
}
.open-summer-bar .bar-btn{
background-position:-49px 0;
}
.summer-bar-area .bar-content{
display:none;
position:absolute;
top:56px;right:0;
height:19px;width:360px;
border:1px solid #e0e0e0;
border-radius:10px;
background:#fff;
}
.open-summer-bar .bar-content{display:block;}
.summer-bar-area .bar-content .bar{
position:absolute;
left:0;top:0;height:19px;
background:url(http://www.shanggukt.cn/images/s-bar.png) repeat-x;
border-radius:10px;
}
.summer-bar-area .bar-content .bar .num{
position:absolute;
top:0;right:18px;
height:19px;line-height:19px;
font-size:16px;color:#fff;
z-index:1;
}
.summer-bar-area .bar-content .bar .add-num{
position:absolute;
top:0;right:20px;
height:19px;line-height:19px;
font-size:16px;color:#fff;
z-index:2;
}
.summer-percent-bar .percent-bar{
position:absolute;
right:-4px;bottom:-31px;
width:369px;height:26px;
background:url(http://www.shanggukt.cn/images/summer.png) no-repeat;
-webkit-animation:summer .9s steps(9);
-moz-animation:summer .9s steps(9);
animation:summer .9s steps(9);
-webkit-animation-iteration-count: infinite; /*鏃犻檺寰幆*/
-moz-animation-iteration-count: infinite; /*鏃犻檺寰幆*/
z-index:4;
}
@-webkit-keyframes summer {
0% {background-position:0 0;}
100%{background-position:0 -234px;}
}
.room-vulgar-recommend{
position:fixed;
top:50%;right:0;
margin-top:-233px;
width:75px;
/*height:466px;*/
z-index:12;
}
.room-vulgar-recommend .side-vulgar{
position:absolute;
top:0;right:0;
width:75px;height:162px;
background:url(http://www.shanggukt.cn/images/tj-bg.png) no-repeat;
-moz-transition:right .3s ease-in;
-webkit-transition:right .3s ease-in;
-o-transition:right .3s ease-in;
transition:right .3s ease-in;
}
.room-vulgar-recommend .vulgar-content{
position:absolute;
top:-20px;
right:-224px;
padding:45px 0 0 82px;
width:138px;
background:url(http://www.shanggukt.cn/images/tj-bg-1.png) no-repeat;
overflow:hidden;
-moz-transition:right .3s ease-in;
-webkit-transition:right .3s ease-in;
-o-transition:right .3s ease-in;
transition:right .3s ease-in;
}
.room-vulgar-recommend .vulgar-content .close{
position:absolute;
top:10px;left:51px;
width:22px;height:22px;
border-radius:100%;
}
.room-vulgar-recommend .vulgar-content .close-btn{
position:absolute;
top:32px;left:47px;
width:28px;height:150px;
z-index:2;
}
.room-vulgar-recommend .vulgar-area{
padding-bottom:14px;
}
.room-vulgar-recommend .vulgar-content li{
margin-bottom:8px;
width:127px;height:88px;
}
.room-vulgar-recommend .vulgar-content li a{
display:block;
}
.room-vulgar-recommend .vulgar-content .img-box{
position:relative;
width:127px;height:71px;
}
.room-vulgar-recommend .vulgar-content .play-icon{
position:absolute;
top:18px;left:52px;
width:24px;height:23px;
background:url(http://www.shanggukt.cn/images/play-icon.png) no-repeat;
z-index:2;
}
.room-vulgar-recommend .vulgar-content .room-sub-name{
position:absolute;
bottom:0;left:0;
padding:0 5px;
width:117px;height:17px;
line-height:17px;
font-size:12px;color:#fff;
background:url(http://www.shanggukt.cn/images/s-list-bg.png) repeat;
overflow:hidden;
white-space: nowrap;
text-overflow: ellipsis;
text-align:center;
z-index:2
}
.room-vulgar-recommend .vulgar-content .sub-mask{
position:absolute;
top:0;left:0;
width:100%;height:100%;
background:url(http://www.shanggukt.cn/images/mask-50.png) repeat;
opacity:0;
-moz-transition:opacity .15s linear;
-webkit-transition:opacity .15s linear;
-o-transition:opacity .15s linear;
transition:opacity .15s linear;
z-index:1;
}
.room-vulgar-recommend .vulgar-content li a:hover .sub-mask{
opacity:1;
}
.room-vulgar-recommend .vulgar-content .sub-infos{
margin-top:2px;
height:15px;line-height:15px;
font-size:0;
color:#fff;
}
.room-vulgar-recommend .vulgar-content .sub-infos i{
margin-right:5px;
width:15px;height:15px;
font-size:12px;
background:#0099ff;
font-family:simsun;
text-align:center;
}
.room-vulgar-recommend .vulgar-content .sub-infos .name{
font-size:12px;
width:106px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.open-vulgar .side-vulgar{
right:-75px;
}
.open-vulgar .vulgar-content{
right:0;
}
.room-vulgar-recommend .vulgar-content label{
color:#fff;
margin-top:16px;
padding-right:15px;
font-size:0;
cursor:pointer;
}
.room-vulgar-recommend .vulgar-content label input{
margin-right:5px;
}
.room-vulgar-recommend .vulgar-content label span{
font-size:12px;
}
.room-vulgar-recommend .vulgar-content .nothing .play-icon,
.room-vulgar-recommend .vulgar-content .nothing .sub-mask,
.room-vulgar-recommend .vulgar-content .nothing .room-sub-name,
.room-vulgar-recommend .vulgar-content .nothing .sub-infos{
display:none;
}
.summer-fd-area{
position:absolute;
left:0;bottom:0;
padding:357px 0 0 97px;
width:453px;height:145px;
background:url(http://www.shanggukt.cn/images/summer-fd-bg.png) no-repeat;
z-index:11;
}
.summer-fd-area .close{
position:absolute;
top:64px;right:122px;
width:39px;height:39px;
border-radius:100%;
}
.summer-fd-area li{
float:left;
margin-right:35px;
width:162px;
text-align:center;
}
.summer-fd-area .luck-btn{
display:block;
margin-bottom:26px;
width:162px;height:53px;
background:url(http://www.shanggukt.cn/images/btn-1_1.png) no-repeat;
}
.summer-fd-area .one-luck .luck-btn{
background-position:0 0;
}
.summer-fd-area .one-luck .luck-btn:hover{
background-position:0 -53px;
}
.summer-fd-area .one-luck .luck-btn:active{
background-position:0 -106px;
}
.summer-fd-area .ten-luck .luck-btn{
background-position:-162px 0;
}
.summer-fd-area .ten-luck .luck-btn:hover{
background-position:-162px -53px;
}
.summer-fd-area .ten-luck .luck-btn:active{
background-position:-162px -106px;
}
.summer-fd-area .luck-a{
height:24px;line-height:24px;
font-size:12px;color:#000;
}
/* 涓€杩炴娊 */
.one-lottery-ibox{
display:none;
position:absolute;
bottom:90px;left:90px;
width:378px;height:279px;
z-index:12;
}
.one-lottery-ibox .hd{
position:relative;
padding:0 20px;
height:50px;
line-height:50px;
background:#12b7f5;
border-top-left-radius:15px;
border-top-right-radius:15px;
font-size:16px;
color:#fff;
}
.one-lottery-ibox .hd .close{
position:absolute;
top:17px;right:14px;
width:16px;height:16px;
background:url(http://www.shanggukt.cn/images/ibox-close_3.png) no-repeat;
}
.one-lottery-ibox .bd{
height:229px;
background:#fff;
border-bottom-left-radius:15px;
border-bottom-right-radius:15px;
text-align:center;
}
.one-lottery-ibox .bd .title{
height:65px;line-height:65px;
font-size:24px;
color:#555;
}
.one-lottery-ibox .bd .img-ibox{
margin:0 auto;
width:68px;height:61px;
background:#f5f5f5;
border:1px solid #12b7f5;
}
.one-lottery-ibox .bd .gift-name{
height:26px;line-height:26px;
font-size:12px;
color:#555;
}
.one-lottery-ibox .bd .btn{
display:block;
margin:7px auto 0;
width:142px;height:42px;
line-height:42px;
background:#12b7f5;
border-radius:5px;
font-size:12px;
color:#fff;
font-weight:700;
text-align:center;
}
.one-lottery-ibox .bd .btn:hover{
background:#00acec;
}
/* 鍗佽繛鎶� */
.ten-lottery-ibox{
display:none;
position:absolute;
bottom:55px;left:0;
width:667px;height:369px;
z-index:12;
}
.ten-lottery-ibox .hd{
position:relative;
padding:0 20px;
height:50px;
line-height:50px;
background:#12b7f5;
border-top-left-radius:15px;
border-top-right-radius:15px;
font-size:16px;
color:#fff;
}
.ten-lottery-ibox .hd .close{
position:absolute;
top:17px;right:15px;
width:16px;height:16px;
background:url(http://www.shanggukt.cn/images/ibox-close_3.png) no-repeat;
}
.ten-lottery-ibox .bd{
height:319px;
background:#fff;
border-bottom-left-radius:15px;
border-bottom-right-radius:15px;
text-align:center;
}
.ten-lottery-ibox .bd .title{
height:65px;line-height:65px;
font-size:24px;
color:#555;
}
.ten-lottery-ibox .bd .gift-area{
padding:0 20px;
}
.ten-lottery-ibox .bd .gift-area .left{
float:left;
width:485px;
}
.ten-lottery-ibox .bd .gift-area .left li{
float:left;
margin-right:9px;
width:88px;height:90px;
}
.ten-lottery-ibox .bd .gift-area .left li .img-ibox{
margin-left:9px;
width:68px;height:61px;
background:#fafafa;
border:1px solid #85dafa;
}
.ten-lottery-ibox .bd .gift-area .left li .gift-name{
height:20px;line-height:20px;
font-size:12px;
color:#000;
text-align:center;
}
.ten-lottery-ibox .bd .gift-area .right{
float:left;
padding-top:17px;
width:142px;height:135px;
background:#c7ecfe;
text-align:center;
}
.ten-lottery-ibox .bd .gift-area .right .extra{
height:25px;line-height:25px;
font-size:16px;
color:#0082c6;
}
.ten-lottery-ibox .bd .gift-area .right .img-ibox{
margin:0 auto;
width:79px;height:64px;
}
.ten-lottery-ibox .bd .gift-area .right .gift-name{
height:32px;line-height:32px;
font-size:12px;
color:#010101;
}
.ten-lottery-ibox .bd .btn{
display:block;
margin:7px auto 0;
width:142px;height:42px;
line-height:42px;
background:#12b7f5;
border-radius:5px;
font-size:12px;
color:#fff;
font-weight:700;
text-align:center;
}
.ten-lottery-ibox .bd .btn:hover{
background:#00acec;
}
.summer-gifts-ibox{
display:none;
position:absolute;
bottom:44px;left:34px;
width:478px;height:379px;
background:url(http://www.shanggukt.cn/images/summer-gifts-ibox.png) no-repeat;
z-index:13;
}
.summer-gifts-ibox .close{
position:absolute;
top:17px;right:15px;
width:16px;height:16px;
background:url(http://www.shanggukt.cn/images/ibox-close_3.png) no-repeat;
}
/* 娲诲姩鍏ュ彛 */
.live-room-content .liveMessage .left-area .clearfix .summer-a{
margin-top:-10px;
}
.live-room-content .liveMessage .left-area .clearfix .summer-a .img-box{
width:50px;height:50px;
}
/* 鏈€寮篶p */
.ry-cp-ibox{
position:absolute;
left:0;bottom:0;
padding:66px 15px 0 10px;
width:566px;height:423px;
background:url(http://www.shanggukt.cn/images/bg.png) no-repeat;
z-index:11;
}
.ry-cp-ibox .close{
position:absolute;
top:12px;right:-12px;
width:34px;height:34px;
background:url(http://www.shanggukt.cn/images/close_6.png) no-repeat;
}
.ry-cp-ibox .sub-hd{
height:32px;line-height:30px;
font-size:18px;color:#fff;
}
.ry-cp-ibox .sub-hd .num{
font-size:20px;color:#f765af;
}
.ry-cp-ibox .rw-hd{
padding-left:12px;
height:35px;line-height:35px;
font-size:18px;color:#fff;
background:#7665f7;
text-align:left;
}
.ry-cp-ibox .rw-bd li{
margin-top:1px;
height:50px;line-height:50px;
background:#6136af;
font-size:18px;color:#fff;
overflow:hidden;
}
.ry-cp-ibox .rw-bd .rw-left{
float:left;
padding-left:12px;
width:102px;
font-size:0;
background:#47189b;
}
.ry-cp-ibox .rw-bd .rw-icon{
margin-right:7px;
width:19px;height:19px;
background:url(http://www.shanggukt.cn/images/icon_2.png) no-repeat;
}
.ry-cp-ibox .rw-bd .rw-left span{
font-size:18px;
}
.ry-cp-ibox .rw-bd .rw-right{
float:left;
padding:0 26px 0 50px;
width:376px;
}
.ry-cp-ibox .rw-bd .rw-right .medal-icon{
float:left;
margin:3px 10px 0 0;
width:43px;height:43px;
background:url(http://www.shanggukt.cn/images/icon-1.png) no-repeat;
}
.ry-cp-ibox .rw-bd .rw-right .medal-num{
display:none;
float:left;
height:50px;line-height:50px;
font-size:20px;color:#f765af;
}
.ry-cp-ibox .show-pic{
float:right;
display:none;
margin-top:10px;
width:80px;height:26px;
background:url(http://www.shanggukt.cn/images/btn_3.png) no-repeat;
}
.ry-cp-ibox .show-pic:hover{
background-position:0 -26px;
}
.ry-cp-ibox .show-pic:active{
background-position:0 -52px;
}
.ry-cp-ibox .rw-bd .success .rw-right .medal-icon{
background-position:-43px 0;
}
.ry-cp-ibox .rw-bd .success .rw-right .medal-num{
display:block;
}
.ry-cp-ibox .success .show-pic{
display:block;
}
.ry-cp-ibox .lw-hd{
padding-left:12px;
height:35px;line-height:35px;
font-size:18px;color:#fff;
background:#9337b5;
text-align:left;
}
.ry-cp-ibox .lw-bd li{
margin-top:1px;
height:50px;line-height:50px;
background:#6136af;
font-size:18px;color:#fff;
overflow:hidden;
}
.ry-cp-ibox .lw-bd .lw-left{
float:left;
padding-left:12px;
width:102px;
font-size:18px;
background:#47189b;
}
.ry-cp-ibox .lw-bd .lw-right{
float:left;
padding:0 26px 0 50px;
width:376px;
}
.ry-cp-ibox .lw-bd .lw-right .sl-num{
float:left;
margin-right:12px;
height:50px;line-height:50px;
font-size:18px;color:#fff;
}
.ry-cp-ibox .lw-bd .lw-right .medal-num{
float:left;
height:50px;line-height:50px;
font-size:20px;color:#f765af;
}
.ry-cp-ibox .ry-cp-ft{
height:42px;line-height:42px;
font-size:18px;color:#fff;
}
.ry-cp-ibox .ry-cp-ft .name{
text-decoration:underline;
}
.ry-cp-ibox .ry-cp-ft a{
font-size:14px;color:#fff;
}
.ry-cp-ibox .ry-cp-ft a:hover{
color:#03b3f8;
}
.live-room-content .liveMessage .left-area .rycp-a{
margin-top:-10px;
}
.live-room-content .liveMessage .left-area .rycp-a .img-box{
width:50px;height:50px;
}
/* 褰辨鑰� */
.shadow-warrior-ibox{
display:none;
position:fixed;
top:50%;left:50%;
margin:-250px 0 0 -425px;
padding:126px 23px 24px 285px;
width:542px;height:350px;
background:url(http://www.shanggukt.cn/images/bg_1.png) no-repeat;
z-index:31;
}
.shadow-warrior-ibox .sw-logo{
position:absolute;
top:39px;left:327px;
width:150px;height:87px;
}
.shadow-warrior-ibox .close{
position:absolute;
top:54px;right:12px;
width:35px;height:35px;
background:url(http://www.shanggukt.cn/images/close_7.png) no-repeat;
}
.shadow-warrior-ibox .close:hover{
background-position:-35px 0;
}
.shadow-warrior-ibox .close:active{
background-position:-70px 0;
}
.shadow-warrior-ibox .title{
margin-top:4px;
margin-bottom:5px;
height:16px;line-height:16px;
font-size:16px;color:#ff0000;
text-align:center;
}
.shadow-warrior-ibox .sub-title{
margin-bottom:5px;
height:24px;line-height:24px;
font-size:24px;color:#ff0000;
font-weight:700;
text-align:center;
}
.shadow-warrior-ibox .sw-left{
float:left;
margin-left:37px;
width:174px;
}
.shadow-warrior-ibox .sw-left .sw-left-hd{
line-height:20px;
margin-bottom:4px;
font-size:12px;color:#523937;
font-weight:700;
text-align:center;
}
.shadow-warrior-ibox .sw-left .sw-nav{
height:30px;line-height:30px;
}
.shadow-warrior-ibox .sw-left .sw-nav li{
float:left;
width:87px;height:100%;
text-align:center;
}
.shadow-warrior-ibox .sw-left .sw-nav a{
display:block;
width:100%;height:100%;
background:#a4bcca;
font-size:14px;color:#fff;
}
.shadow-warrior-ibox .sw-left .sw-nav .active a{
background:#1d8bcc;
}
.shadow-warrior-ibox .sw-left .ranks-bd .rank-ul{
display:block;
padding-top:5px;
background:#eee;
}
.shadow-warrior-ibox .sw-left .ranks-bd .rank-ul-my{
padding-top:0;
padding-bottom:5px;
}
.shadow-warrior-ibox .sw-left .ranks-bd .rank-ul li{
height:23px;line-height:23px;
font-size:12px;color:#000;
}
.shadow-warrior-ibox .sw-left .ranks-bd .rank-ul a{
color:#000;
}
.shadow-warrior-ibox .sw-left .ranks-bd .num{
float:left;
width:26px;
text-align:center;
}
.shadow-warrior-ibox .sw-left .ranks-bd .name{
float:left;
padding-left:10px;
width:70px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
text-align:left;
}
.shadow-warrior-ibox .sw-left .ranks-bd .nums{
float:left;
width:68px;
text-align:center;
}
.shadow-warrior-ibox .sw-left .pageArea{
margin-top:9px;
}
.shadow-warrior-ibox .sw-left .pageArea .page li{
margin:0 2px;
}
.shadow-warrior-ibox .sw-left .pageArea .page li a{
padding:0 6px;
}
.shadow-warrior-ibox .sw-left .ranks-bd .myself,
.shadow-warrior-ibox .sw-left .ranks-bd .myself a{
color:#ff0000;
}
.shadow-warrior-ibox .sw-left .textC,
.shadow-warrior-ibox .sw-right .textC{font-size:0;}
.shadow-warrior-ibox .sw-left .how-btn{
margin-top:5px;
width:124px;height:33px;
background:url(http://www.shanggukt.cn/images/btn-1_2.png) no-repeat;
}
.shadow-warrior-ibox .sw-left .a-p{
display:block;
height:22px;line-height:22px;
font-size:12px;color:#063672;
}
.shadow-warrior-ibox .sw-left .a-p:hover{
color:#00acec;
}
.shadow-warrior-ibox .sw-right{
position:relative;
float:right;
margin:5px 40px 0 0;
padding-top:58px;
width:232px;
background:url(http://www.shanggukt.cn/images/right-bg.png) top center no-repeat;
}
.shadow-warrior-ibox .sw-right .sw-view{
margin-top:4px;
height:20px;line-height:20px;
font-size:12px;
text-align:center;
}
.shadow-warrior-ibox .sw-right .sw-view a{
color:#063672;
}
.shadow-warrior-ibox .sw-right .sw-view a:hover {
color: #00acec;
}
.shadow-warrior-ibox .sw-right .bx-area{
position:absolute;
top:-6px;right:-30px;
width:54px;height:48px;
background:url(http://www.shanggukt.cn/images/bx-icon.png) no-repeat;
z-index:1;
}
.shadow-warrior-ibox .sw-right .bx-area .bx-ibox{
display:none;
position:absolute;
top:-40px;right:50px;
width:260px;height:155px;
background:url(http://www.shanggukt.cn/images/bx-ibox-bg.png) no-repeat;
}
.shadow-warrior-ibox .sw-right .bx-area:hover .bx-ibox{
display:block;
}
.shadow-warrior-ibox .sw-right .receive-area{
margin-left:64px;
width:168px;height:33px;
}
.shadow-warrior-ibox .sw-right .receive-area .receive-btn{
display:block;
width:100%;height:100%;
background:url(http://www.shanggukt.cn/images/room-btn-1.png) no-repeat;
}
.shadow-warrior-ibox .sw-right .down-area{
margin:6px 0 94px 64px;
width:169px;height:32px;
}
.shadow-warrior-ibox .sw-right .down-area .down-btn{
display:block;
width:100%;height:100%;
background:url(http://www.shanggukt.cn/images/room-btn-2.png) no-repeat;
}
.shadow-warrior-ibox .sw-right .down-area .down-btn:hover{
background-position:0 -32px;
}
.shadow-warrior-ibox .sw-right .exchange-area{
margin-top:12px;
width:218px;
}
.shadow-warrior-ibox .sw-right .exchange-area .input{
float:left;
padding:0 5px;
width:148px;height:24px;
line-height:24px\9;
border:1px solid #c7c6c7;
background:#fff;
font-size:12px;color:#434142;
}
.shadow-warrior-ibox .sw-right .exchange-area .exchange-btn{
float:right;
margin-top:1px;
width:50px;height:23px;
background:url(http://www.shanggukt.cn/images/room-btn-3.png) no-repeat;
}
.shadow-warrior-news,
.shadow-warrior-news-code{
display:none;
position:fixed;
top:50%;left:50%;
width:260px;height:160px;
background:url(http://www.shanggukt.cn/images/tit-bg.png) no-repeat;
z-index:32;
}
.shadow-warrior-news .close,
.shadow-warrior-news-code .close,
.shadow-warrior-detailed .close{
position:absolute;
top:-7px;right:-6px;
width:35px;height:35px;
background:url(http://www.shanggukt.cn/images/close_7.png) no-repeat;
}
.shadow-warrior-news .close:hover,
.shadow-warrior-news-code .close:hover,
.shadow-warrior-detailed .close:hover{
background-position:-35px 0;
}
.shadow-warrior-news .close:active,
.shadow-warrior-news-code .close:active,
.shadow-warrior-detailed .close:active{
background-position:-70px 0;
}
.shadow-warrior-news .top-p{
margin-top:38px;
height:36px;line-height:36px;
font-size:26px;color:#fff;
font-weight:700;
text-align:center;
}
.shadow-warrior-news .bottom-p{
height:34px;line-height:34px;
font-size:22px;color:#fff;
text-align:center;
}
.shadow-warrior-news-code .title{
margin-top:28px;
margin-left:30px;
height:40px;line-height:40px;
font-size:22px;color:#fff;
}
.shadow-warrior-news-code .code-area{
margin-left:30px;
}
.shadow-warrior-news-code .code-area .input{
float:left;
margin-right:5px;
padding:0 5px;
width:142px;height:25px;
line-height:25px\9;
border:1px solid #1370a3;
background:#1370a3;
font-size:14px;color:#ffeb09;
text-align:center;
}
.shadow-warrior-news-code .code-area .input:focus{border:1px solid #fff !important;}
.shadow-warrior-news-code .code-area .copy-btn{
float:left;
width:50px;height:29px;
background:url(http://www.shanggukt.cn/images/btn-3.png) no-repeat;
}
.shadow-warrior-news-code .sub-title{
display:block;
height:60px;line-height:60px;
font-size:12px;color:#023652;
text-align:center;
}
.shadow-warrior-news-code .sub-title:hover{
color:#fff;
text-decoration:underline;
}
.shadow-warrior-detailed{
display:none;
position:fixed;
top:55%;left:57%;
margin:-181px 0 0 -276px;
width:553px;height:362px;
background:url(http://www.shanggukt.cn/images/bg-1.png) no-repeat;
z-index:32;
}
.shadow-warrior-animation-left{
position:absolute;
left:0;bottom:50%;
margin-bottom:-75px;
width:150px;height:150px;
background:url(http://www.shanggukt.cn/images/dbx.png) no-repeat;
z-index:2;
/*-webkit-animation:summer 5s steps(50);
-moz-animation:summer 5s steps(50);
animation:summer 5s steps(50);
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite; */
}
.shadow-warrior-animation{
position:absolute;
left:0;top:0;
width:148px;height:148px;
background:url(http://www.shanggukt.cn/images/ddlq.png) no-repeat;
z-index:2;
/* -webkit-animation:summer 5s steps(50);
-moz-animation:summer 5s steps(50);
animation:summer 5s steps(50);
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite; */
}
/*@-webkit-keyframes summer {
0% {background-position:0 0;}
100%{background-position:0 -7500px;}
}*/
.shadow-warrior-animation .animation-btn,
.shadow-warrior-animation-left .animation-btn{
position:absolute;
left:50%;bottom:30px;
margin-left:-30px;
width:59px;height:19px;
background:url(http://www.shanggukt.cn/images/animation-btn.png) no-repeat;
}
.shadow-warrior-animation .shadow-warrior-title,
.shadow-warrior-animation-left .shadow-warrior-title{
display:none;
position:absolute;
top:-64px;
padding:5px 10px;
width:152px;
line-height:20px;
font-size:14px;color:#fff;
background:#000;
background:rgba(0,0,0,.8);
}
.shadow-warrior-animation .shadow-warrior-title .arrow,
.shadow-warrior-animation-left .shadow-warrior-title .arrow{
position:absolute;
bottom:-16px;right:20px;
width: 0;height: 0;
border:8px dashed transparent;
border-top-style: solid;
border-top-color:#000;
border-top-color:rgba(0,0,0,.8);
}
.shadow-warrior-animation-left .shadow-warrior-title .arrow{
right:auto;
left:64px;
}
.shadow-warrior-animation .shadow-warrior-title{
right:-25px;
top:20px;
}
.shadow-warrior-animation-left .shadow-warrior-title{
left:0;
}
.shadow-warrior-animation-hover .shadow-warrior-title{
display:block;
}
/* 娲诲姩鍏ュ彛 */
.live-room-content .liveMessage .left-area .clearfix .ywz-a{
margin-top:-10px;
}
.live-room-content .liveMessage .left-area .clearfix .ywz-a .img-box{
width:50px;height:50px;
}
/* 褰辨鑰呰繘搴� */
.shadow-warrior-bar{
position:absolute;
bottom:225px;right:5px;
width:60px;height:60px;
background:url(http://www.shanggukt.cn/images/shadow-warrior-bar.png) no-repeat;
/*overflow:hidden;*/
z-index:1;
}
.shadow-warrior-bar .ywz-icon-close{
position:absolute;
top:-15px;right:0;
width:24px;height:24px;
background:url(http://www.shanggukt.cn/images/ywz_icon_close.png) no-repeat;
z-index:2;
cursor: pointer;
}
.load_left,.load_right{
position:absolute;
width:30px;height:60px;
overflow:hidden;
}
.load_left{
top:0;left:1%;
border-top-left-radius:100% 50%;
border-bottom-left-radius:100% 50%;
transform-origin:100% 50%;
}
.load_right{
top:0;left:51%;
border-top-right-radius:100% 50%;
border-bottom-right-radius:100% 50%;
transform-origin:0 50%;
}
.load_left span,.load_right span{
display:inline-block;
width:30px;height:60px;
background:rgba(0,0,0,.6);
position:absolute;
}
.load_left span{
border-top-left-radius:100% 50%;
border-bottom-left-radius:100% 50%;
transform-origin:100% 50%;
-webkit-animation:rot_left 10s linear 1;
animation:rot_left 10s linear 1;
-webkit-animation-fill-mode:forwards;
animation-fill-mode:forwards;
}
.load_right span{
top:0;right:0%;
border-top-right-radius:100% 50%;
border-bottom-right-radius:100% 50%;
transform-origin:0 50%;
-webkit-animation:rot_right 10s linear 1;
animation:rot_right 10s linear 1;
-webkit-animation-fill-mode:forwards;
animation-fill-mode:forwards;
}
/*@-webkit-keyframes rot_left {
0%{transform:rotate(0deg);}
50%{transform:rotate(0deg);}
100%{transform:rotate(180deg);}
}
@-webkit-keyframes rot_right {
0%{transform:rotate(0deg);}
50%{transform:rotate(180deg);}
100%{transform:rotate(180deg);}
}
@keyframes rot_left {
0%{transform:rotate(0deg);}
50%{transform:rotate(0deg);}
100%{transform:rotate(180deg);}
}
@keyframes rot_right {
0%{transform:rotate(0deg);}
50%{transform:rotate(180deg);}
100%{transform:rotate(180deg);}
}*/
/*瀛愬脊浜屾湡娲诲姩*/
/*鍙戝皠瀛愬脊寮圭獥*/
.fire-a-bullet{
position:absolute;
width: 525px;
height:488px;
left: 0px;
bottom: 0px;
z-index:10;
background: url(http://www.shanggukt.cn/images/tanchuang-2.png) no-repeat -52px -68px;
}
/*鍏抽棴鎸夐挳*/
.fire-a-bullet .close{
position:absolute;
cursor: pointer;
top:22px;right:0px;
width:43px;height:43px;
background: url(http://www.shanggukt.cn/images/tanchuang-2.png) no-repeat 0 -36px;
}
.fire-a-bullet .keys{
height:55px;
position: relative;
top:140px;
left:82px;
}
.fire-a-bullet .keys li{
width:109px;
height:55px;
float: left;
cursor: pointer;
}
.fire-a-bullet .keys .li1{
background: url(http://www.shanggukt.cn/images/tanchuang-2.png) no-repeat -274px 0;
}
.fire-a-bullet .keys .li2{
margin:0 16px;
background: url(http://www.shanggukt.cn/images/tanchuang-2.png) no-repeat -508px 0;
}
.fire-a-bullet .keys .li3{
background: url(http://www.shanggukt.cn/images/tanchuang-2.png) no-repeat -735px 0;
}
/*鐐瑰埌绗竴涓寜閽� .fire-a-bullet鍏冪礌 绉婚櫎 li2 li3 绫诲悕*/
/*鐐瑰埌绗簩涓寜閽� .fire-a-bullet鍏冪礌 鍔� li2绫� 绉婚櫎li3*/
.fire-a-bullet.li2{
background-position-x: -601px;
}
/*鐐瑰埌绗笁涓寜閽� .fire-a-bullet鍏冪礌 鍔� li3绫� 绉婚櫎li2*/
.fire-a-bullet.li3{
background-position-x:-1134px ;
}
/*鐐瑰埌鍝釜鍏冪礌 缁欏摢涓厓绱犲姞active绫�*/
.fire-a-bullet .keys .li1.active{
background: url(http://www.shanggukt.cn/images/tanchuang-2.png) no-repeat -383px 0;
}
.fire-a-bullet .keys .li2.active{
background: url(http://www.shanggukt.cn/images/tanchuang-2.png) no-repeat -617px 0;
margin:0 16px;
}
.fire-a-bullet .keys .li3.active{
background: url(http://www.shanggukt.cn/images/tanchuang-2.png) no-repeat -844px 0;
}
.fire-a-bullet a{
display:inline-block;
*display:inline;*zoom:1;
width:126px;
height:14px;
position: absolute;
bottom:45px;
}
.fire-a-bullet .lf-a{
background: url(http://www.shanggukt.cn/images/tanchuang-2.png) no-repeat 0 0;
left:45px;
}
.fire-a-bullet .rt-a{
background: url(http://www.shanggukt.cn/images/tanchuang-2.png) no-repeat 0 -15px;
right:26px;
}
.fire-a-bullet .lf-a:hover{
background-position-x:-131px;
}
.fire-a-bullet .lf-a:hover .barcode{
display: block;
}
.fire-a-bullet .rt-a:hover{
background-position-x:-131px;
}
.fire-a-bullet>.active {
width:444px;
height:180px;
position: absolute;
bottom:76px;
left:40px;
}
.fire-a-bullet>.active table{
font-size: 15px;
color:#fff;
}
.fire-a-bullet>.active table tr{
height:29px;
}
.fire-a-bullet>.active table tfoot td{
color:#3D9E05;
font-weight: bold;
}
.fire-a-bullet>.active table td{
text-align: center;
vertical-align: middle;
}
/*篋�膸雁��*/
.fire-a-bullet .barcode{
width:165px;
height:200px;
background: url(http://www.shanggukt.cn/images/tanchuang-1.png) no-repeat 0 -277px;;
position: absolute;
bottom:-92px;
left:132px;
z-index: 150;
display: none;
/*display: none;*/
}
/*��絨�絖�綣劫執腦�end*/
.the-bullet-activities{
width:400px;
height:122px;
position:absolute;
top:-120px;
z-index:3;
}
.the-bullet-activities .one-a{
display:block;
width:340px;
height:122px;
background:url(http://www.shanggukt.cn/images/tanchuang-1.png) no-repeat -25px -13px;
}
.the-bullet-activities>b{
display:inline-block;
*display:inline;*zoom:1;
position:absolute;
width:96px;
height:41px;
background:url(http://www.shanggukt.cn/images/tanchuang-1.png) no-repeat 0 -502px;
top:44px;
right:83px;
}
.the-bullet-activities>b:hover{
background-position-y: -544px;
}
/*.the-bullet-activities .one-a:hover{*/
/*background-position-y: -140px;*/
/*}*/
.the-bullet-activities .two-a{
position:absolute;
top:50px;
left:340px;
display:block;
width:27px;
height:27px;
background:url(http://www.shanggukt.cn/images/tanchuang-1.png) no-repeat -366px -63px;
}
/*��罨∴����logo*/
.fire-a-bullet table b{
display:inline-block;*display:inline;*zoom:1;
width:18px;
height:23px;
position: relative;
top:4px;
}
.fire-a-bullet .firstly b{
background: url(http://www.shanggukt.cn/images/mingci.png) no-repeat -45px -50px;
}
.fire-a-bullet .second b{
background: url(http://www.shanggukt.cn/images/mingci.png) no-repeat -67px -50px;
}
.fire-a-bullet .thirdly b{
background: url(http://www.shanggukt.cn/images/mingci.png) no-repeat -46px -74px;
}
.pointer{
cursor: pointer;
}
/*絖�綣剛���羇糸��end*/
/*lanstory�ｨ綛�*/
/* 羇糸���ュ�� */
.live-room-content .liveMessage .left-area .clearfix .ls-tg-a{
margin-top:-10px;
}
.live-room-content .liveMessage .left-area .clearfix .ls-tg-a .img-box{
width:50px;height:50px;
}
.ls-tg-ibox{
position:fixed;;
top:50%;left:50%;
margin:-172px 0 0 -251px;
width:502px;height:345px;
background:url(http://www.shanggukt.cn/images/ls-ibox-bg.png) no-repeat;
z-index:32;
}
.ls-tg-ibox .close{
position:absolute;
top:42px;right:38px;
width:17px;height:16px;
}
/*������絮� 綣合�*/
.click-me{
width:46px;
height:50px;
z-index: 1000;
background:url(http://www.shanggukt.cn/images/qmbj.png) no-repeat -455px -166px;
top:-120px;
cursor: pointer;
}
.click-me span{
position: absolute;
font-size: 14px;
color: #fff;
left:36px;
top:12px;
border-radius: 50%;
background:red;
line-height: 14px;
text-align: center;
width:16px;
height:16px;
}
.click-me.active{
background-position-x:-516px;
}
.click-me.active span{
display: none;
}
.qmbj-popup{
position: absolute;
z-index: 1000;
top:-600px;
width:855px;
height:555px;
background:url(http://www.shanggukt.cn/images/qmbj-tanchuang-bg2.png) no-repeat 0 0;
}
.egg-1,.egg-2,.egg-3{
width:153px;
height:222px;
position: absolute;
bottom: 56px;
/*background: #f5f5f5;*/
cursor:url(http://www.shanggukt.cn/images/chuizi.cur),auto;
cursor:url(http://www.shanggukt.cn/images/chuizi.cur),-moz-zoom-out;
}
.egg-1 b,.egg-2 b,.egg-3 b{
position: absolute;
width:153px;
height:135px;
background:url(http://www.shanggukt.cn/images/qmbj.png01) no-repeat -138px -265px;
}
.egg-1 span,.egg-2 span,.egg-3 span{
position: absolute;
text-align: center;
width:100%;
top:140px;
font-size: 22px;
color:#d77600;
}
/*�梧�� ����*/
.smash-egg{
/*display:none;*/
position: absolute;
text-align: center;
line-height: 40px;
font-size:18px ;
font-weight: bold;
color:#aa5d00;
width:91px;
height:40px;
z-index: 1;
top:62px;
left:31px;
/*background:url(../images/qmbj_2.png) no-repeat 0 -424px;*/
}
/*.smash-egg:hover{*/
/*background-position-x:-110px;*/
/*}*/
/*筝�腱�腓主��就��*/
.active b{
background-position-x: 0;
}
.award-1 b{
background-position-x: -316px;
}
.award-2 b{
background-position-x: -505px;
}
.award-3 b{
background-position-x: -670px;
}
.egg-1{
left:196px;
}
.egg-2{
left:400px;
}
.egg-3{
left:604px;
}
.qmbj-popup .btn{
width:153px;
height:48px;
background:url(http://www.shanggukt.cn/images/qmbj_2.png) no-repeat 0 -594px;
position: absolute;
bottom:0;
}
.qmbj-popup .btn:hover{
background-position-x:-239px;
}
/*絅��怨�鏁合�*/
.gold-stacks{
/*display: none;*/
z-index: 2;
width:420px;
height:225px;
background:url(http://www.shanggukt.cn/images/qmbj_2.png) no-repeat 0 -658px;
top:130px;
left:270px;
}
.qmbj-popup .close{
position: absolute;
width:32px;
height:32px;
right:15px;
top:10px;
background:url(http://www.shanggukt.cn/images/qmbj_2.png) no-repeat -344px 0;
cursor: pointer;
}
.qmbj-popup>.close{
width:75px;
height:60px;
background: #000;
top:2px;
right:30px;
background:none;
}
.gold-stacks p,.LMshiwu p{
text-align: center;
font-size:24px;
color:#694730;
/*width: 280px;*/
margin: 0 auto;
top: 40px;
}
.gold-stacks p span,.LMshiwu p span{
color:red;
}
.gold-stacks a,.LMshiwu a{
/*display:inline-block;*/
/**display:inline;*zoom:1;*/
position: absolute;
width:132px;
height:50px;
background:url(http://www.shanggukt.cn/images/qmbj_2.png) no-repeat 0 -480px;
bottom:48px;
left:148px;
}
.gold-stacks a:hover,.LMshiwu a:hover{
background-position-x:-139px;
}
.LMshiwu{
/*display: none;*/
z-index: 2;
width:468px;
height:333px;
background:url(http://www.shanggukt.cn/images/qmbj_2.png?_v=201708181) no-repeat -431px -658px;
top:107px;
left:245px;
}
.LMshiwu a{
bottom:35px;
left:170px;
}
.userinfo{
display:inline-block;
*display:inline;*zoom:1;
width:390px;
left:38px;
top:50px;
}
.userinfo label{
/*line-height: 30px;*/
}
.userinfo span{
display:inline-block;
*display:inline;*zoom:1;
width:100px;
font-size: 24px;
color:#694730;
top:4px;
}
.userinfo input{
width:275px;
height:28px;
background: #694730;
outline: none;
color:#edd9ad;
font-size: 16px;
padding-left:10px;
}
/*������絮� 綣合�end*/
/*LanStory �贋�㊨�翫執腦�*/
.lanstory-tc{
position: absolute;
width:730px;
height:382px;
background: url(http://www.shanggukt.cn/images/ls-tanchuang-bg.png) no-repeat 0 0;
bottom:0;
padding-top: 50px;
z-index: 100;
}
.lanstory-tc .close{
position: absolute;
width:38px;
height:38px;
background: url(http://www.shanggukt.cn/images/ls-sc.png) no-repeat -472px 0;
right:0;
top:22px;
cursor: pointer;
}
/*.lanstory-tc>.tabs{*/
/*width:730px;*/
/*height:290px;*/
/*top:45px;*/
/*}*/
.lanstory-tc .explain{
/*position: absolute;*/
/*bottom: 20px;*/
width:657px;
padding-left:40px;
font-size: 14px;
color: #799cff;
margin:10px 0;
height:54px;
}
.lanstory-tc .explain.cy{
margin-bottom:5px;
}
.lanstory-tc .explain span{
color:#fff;
}
/*.lanstory-tc>.tabs>.active{*/
/*height:290px;*/
/*}*/
/*絅割�羇糸��*/
.servant-girl,.drinks{
height:211px;
width:640px;
margin: 5px auto 0;
}
.drinks{
margin-top: 10px;
}
.busy{
height: 211px;
}
.busy .trpy{
display: block;
width:132px;
height:42px;
background: url(http://www.shanggukt.cn/images/ls-sc.png) no-repeat -6px 0;
font-size: 14px;
color: #fff;
text-align: center;
line-height: 32px;
}
.busy .wait{
position: absolute;
top:0;
left:10px;
}
.busy>i{
/*display:inline-block;*/
/**display:inline;*zoom:1;*/
position: absolute;
bottom: 0;
left:10px;
width:169px;
height:173px;
background: url(http://www.shanggukt.cn/images/ls-sc.png) no-repeat 0 -43px;
}
.latency-time{
height:211px;
left:200px;
width:460px;
overflow: hidden;
}
.latency-time>div.hd{
margin-left:38px;
width:370px;
height:211px;
overflow: hidden;
}
.latency-time>a{
position: absolute;
width:35px;
height:73px;
background: url(http://www.shanggukt.cn/images/ls-sc.png) no-repeat -1px -260px;
bottom:85px;
left:0;
}
.latency-time a{
display:inline-block;
*display:inline;*zoom:1;
}
.latency-time .lf-a:hover{
background-position-x:-1px;
}
.latency-time .rt-a{
background-position-x:-39px ;
left:412px;
}
.latency-time .anchor-msg{
/*width:370px;*/
height:200px;
width: 9999em;
overflow: hidden;
}
.latency-time .anchor-msg li{
width:116px;
float: left;
height:200px;
margin-left:5px;
text-align: center;
}
.latency-time .anchor-msg li a{
/*position: absolute;*/
/*top:36px;*/
/*left:8px;*/
width:100px;
height:100px;
margin: 32px 0 16px;
}
.latency-time .anchor-msg li .img-wh{
border-radius:50%;
background: transparent;
border:2px solid #182667;
}
.latency-time .anchor-msg li .trpy{
width:116px;
height:43px;
background: url(http://www.shanggukt.cn/images/ls-sc.png) no-repeat -236px 0;
left:0;
line-height: 50px;
}
/*絅割���腥�*/
.be-free>div,.be-rest>div{
display: none;
}
.be-free{
background: url(http://www.shanggukt.cn/images/ls-sc.png) no-repeat 0 -388px;
}
.be-rest{
background: url(http://www.shanggukt.cn/images/ls-sc.png) no-repeat -345px -156px;
}
/*���初ギ��*/
/*茵���*/
.active .charge-table li{
height:26px;
text-align: center;
cursor: pointer;
}
.table-head{
height:38px;
text-align: center;
}
/*.active .charge-table .tab-head{*/
/*height:38px;*/
/*}*/
.active .table-head .tab-head span{
height:37px;
font-size:20px ;
line-height: 37px;
margin-right: 1px;
}
.charge-table li span,.table-head li span{
float: left;
width:210px;
height:25px;
line-height: 25px;
background: rgba(13,28,92,.5);
color: #0482da;
}
.charge-table .tab-body:hover span{
background: rgba(54,76,171,.5);
color:#0194f9;
}
.charge-table .tab-body.active span{
background: rgba(54,76,171,.5);
color:#0194f9;
}
.charge-table li span.ct-span{
margin: 0 1px;
}
/*��蕁�*/
.lanstory-tc .pageArea{
width:100%;
margin-top:10px;
}
.lanstory-tc .page{
margin: 0 auto;
}
.lanstory-tc .page li a{
background: #0d7dc3;
color:#000;
}
.lanstory-tc .pageArea .page li.fenye{
background: transparent;
}
.lanstory-tc .pageArea .page li.fenye a{
background: transparent;
color:#94e9ff;
}
.lanstory-tc .page li.active{
color:#94e9ff;
}
/*����*/
.ls-btns{
/*top: 45px;*/
width: 654px;
margin: 0 auto;
height: 66px;
}
.lanstory-tc .ls-btns a{
display:inline-block;
*display:inline;*zoom:1;
width: 206px;
height: 62px;
/*top:2px;*/
}
.ls-btn1{
background: url(http://www.shanggukt.cn/images/zbj-btn.png) no-repeat -62px -266px;
left:0;
}
.ls-btn2{
background: url(http://www.shanggukt.cn/images/zbj-btn.png) no-repeat -62px -85px;
left:224px;
}
.ls-btn3{
background: url(http://www.shanggukt.cn/images/zbj-btn.png) no-repeat -62px -179px;
right:0;
}
.ls-btn1:hover{
background-position-x: -510px;
}
.ls-btn2:hover{
background-position-x: -510px;
}
.ls-btn3:hover{
background-position-x: -510px;
}
.ls-btn1.active{
background-position-x: -286px;
}
.ls-btn2.active{
background-position-x: -286px;
}
.ls-btn3.active{
background-position-x: -286px;
}
/*LanStory �贋�㊨�翫執腦�end*/