.roll-detail-header{position:relative}.roll-detail-header.full-mask .freeze-mask{position:absolute;width:100%;height:100%;background-color:rgba(55,55,55,.6);z-index:99}.roll-detail-info{min-height:275px;background:url(https://static.vpgame.com/roll/3.0.4/images/room-header-bg.7e2a7e56.jpg) #1b1c1e;padding-top:40px;color:#84878a;position:relative;background-size:100% 100%}.roll-detail-info p{display:inline-block}.roll-detail-info.en .item-text{min-width:135px}.roll-detail-info .item-text{min-width:80px;font-size:14px;color:#ddd}.roll-detail-info .avatar{position:relative;width:290px;text-align:center}.roll-detail-info .avatar img{border-radius:50%;border:5px solid #3e424c}.roll-detail-info .avatar-content{margin:0 auto;width:90px;height:90px;position:relative}.roll-detail-info .avatar-nickname{margin-top:10px;font-size:16px;font-weight:700;color:#F8F6F3FF FF;line-height:22px}.roll-detail-info .avatar-offical{color:#2c8195;margin-top:30px}.roll-detail-info .avatar-offical span{display:inline-block;vertical-align:middle;max-width:140px}.roll-detail-info .avatar-offical .l{display:inline-block;vertical-align:middle;margin:0 20px;width:32px;height:1px;background:#2b2e34;position:relative}.roll-detail-info .avatar-offical .l:before{content:"";position:absolute;right:-8px;top:-4px;width:8px;height:8px;background-color:#2b2e34;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.roll-detail-info .avatar-offical .l.b:before{right:auto;left:-8px}.roll-detail-info .level{position:absolute;bottom:3px;right:7px}.roll-detail-info .user{padding-top:30px;width:290px;position:relative}.roll-detail-info .user.pt15{padding-top:15px}.roll-detail-info .user-name{font-size:22px;font-weight:700;color:#f8f6f3;width:197px}.roll-detail-info .user-tag{margin-top:20px}.roll-detail-info .user-tag>span{border:1px solid transparent;border-radius:20px;display:inline-block;padding:0 10px;margin-right:10px;margin-bottom:10px;border-color:#f5a800;color:#f5a800;-webkit-animation:tag0 2s infinite;animation:tag0 2s infinite}@-webkit-keyframes tag0{0%{-webkit-box-shadow:0 0 5px #f5a800;box-shadow:0 0 5px #f5a800}50%{-webkit-box-shadow:0 0 0 #f5a800;box-shadow:0 0 0 #f5a800}to{-webkit-box-shadow:0 0 5px #f5a800;box-shadow:0 0 5px #f5a800}}@keyframes tag0{0%{-webkit-box-shadow:0 0 5px #f5a800;box-shadow:0 0 5px #f5a800}50%{-webkit-box-shadow:0 0 0 #f5a800;box-shadow:0 0 0 #f5a800}to{-webkit-box-shadow:0 0 5px #f5a800;box-shadow:0 0 5px #f5a800}}.roll-detail-info .user-tag>span.roll-title-1{border-color:#afc3da;color:#afc3da;-webkit-animation:tag1 2s infinite;animation:tag1 2s infinite}@-webkit-keyframes tag1{0%{-webkit-box-shadow:0 0 5px #afc3da;box-shadow:0 0 5px #afc3da}50%{-webkit-box-shadow:0 0 0 #afc3da;box-shadow:0 0 0 #afc3da}to{-webkit-box-shadow:0 0 5px #afc3da;box-shadow:0 0 5px #afc3da}}@keyframes tag1{0%{-webkit-box-shadow:0 0 5px #afc3da;box-shadow:0 0 5px #afc3da}50%{-webkit-box-shadow:0 0 0 #afc3da;box-shadow:0 0 0 #afc3da}to{-webkit-box-shadow:0 0 5px #afc3da;box-shadow:0 0 5px #afc3da}}.roll-detail-info .user-tag>span.roll-title-2{border-color:#f44b49;color:#f44b49;-webkit-animation:tag2 2s infinite;animation:tag2 2s infinite}@-webkit-keyframes tag2{0%{-webkit-box-shadow:0 0 5px #f44b49;box-shadow:0 0 5px #f44b49}50%{-webkit-box-shadow:0 0 0 #f44b49;box-shadow:0 0 0 #f44b49}to{-webkit-box-shadow:0 0 5px #f44b49;box-shadow:0 0 5px #f44b49}}@keyframes tag2{0%{-webkit-box-shadow:0 0 5px #f44b49;box-shadow:0 0 5px #f44b49}50%{-webkit-box-shadow:0 0 0 #f44b49;box-shadow:0 0 0 #f44b49}to{-webkit-box-shadow:0 0 5px #f44b49;box-shadow:0 0 5px #f44b49}}.roll-detail-info .user-tag>span.roll-title-3{border-color:#6b92ed;color:#6b92ed;-webkit-animation:tag3 2s infinite;animation:tag3 2s infinite}@-webkit-keyframes tag3{0%{-webkit-box-shadow:0 0 5px #6b92ed;box-shadow:0 0 5px #6b92ed}50%{-webkit-box-shadow:0 0 0 #6b92ed;box-shadow:0 0 0 #6b92ed}to{-webkit-box-shadow:0 0 5px #6b92ed;box-shadow:0 0 5px #6b92ed}}@keyframes tag3{0%{-webkit-box-shadow:0 0 5px #6b92ed;box-shadow:0 0 5px #6b92ed}50%{-webkit-box-shadow:0 0 0 #6b92ed;box-shadow:0 0 0 #6b92ed}to{-webkit-box-shadow:0 0 5px #6b92ed;box-shadow:0 0 5px #6b92ed}}.roll-detail-info .user-tag>span.roll-title-4{border-color:#aa57e9;color:#aa57e9;-webkit-animation:tag4 2s infinite;animation:tag4 2s infinite}@-webkit-keyframes tag4{0%{-webkit-box-shadow:0 0 5px #aa57e9;box-shadow:0 0 5px #aa57e9}50%{-webkit-box-shadow:0 0 0 #aa57e9;box-shadow:0 0 0 #aa57e9}to{-webkit-box-shadow:0 0 5px #aa57e9;box-shadow:0 0 5px #aa57e9}}@keyframes tag4{0%{-webkit-box-shadow:0 0 5px #aa57e9;box-shadow:0 0 5px #aa57e9}50%{-webkit-box-shadow:0 0 0 #aa57e9;box-shadow:0 0 0 #aa57e9}to{-webkit-box-shadow:0 0 5px #aa57e9;box-shadow:0 0 5px #aa57e9}}.roll-detail-info .user-tag>span.roll-title-5{border-color:#afe55c;color:#afe55c;-webkit-animation:tag5 2s infinite;animation:tag5 2s infinite}@-webkit-keyframes tag5{0%{-webkit-box-shadow:0 0 5px #afe55c;box-shadow:0 0 5px #afe55c}50%{-webkit-box-shadow:0 0 0 #afe55c;box-shadow:0 0 0 #afe55c}to{-webkit-box-shadow:0 0 5px #afe55c;box-shadow:0 0 5px #afe55c}}@keyframes tag5{0%{-webkit-box-shadow:0 0 5px #afe55c;box-shadow:0 0 5px #afe55c}50%{-webkit-box-shadow:0 0 0 #afe55c;box-shadow:0 0 0 #afe55c}to{-webkit-box-shadow:0 0 5px #afe55c;box-shadow:0 0 5px #afe55c}}.roll-detail-info .user-tag>span.roll-title-7{border-color:#e7951e;color:#e7951e;-webkit-animation:tag7 2s infinite;animation:tag7 2s infinite}@-webkit-keyframes tag7{0%{-webkit-box-shadow:0 0 5px #e7951e;box-shadow:0 0 5px #e7951e}50%{-webkit-box-shadow:0 0 0 #e7951e;box-shadow:0 0 0 #e7951e}to{-webkit-box-shadow:0 0 5px #e7951e;box-shadow:0 0 5px #e7951e}}@keyframes tag7{0%{-webkit-box-shadow:0 0 5px #e7951e;box-shadow:0 0 5px #e7951e}50%{-webkit-box-shadow:0 0 0 #e7951e;box-shadow:0 0 0 #e7951e}to{-webkit-box-shadow:0 0 5px #e7951e;box-shadow:0 0 5px #e7951e}}.roll-detail-info .user-tag>span.roll-title-8{border-color:#fdc400;color:#fdc400;-webkit-animation:tag8 2s infinite;animation:tag8 2s infinite}@-webkit-keyframes tag8{0%{-webkit-box-shadow:0 0 5px #fdc400;box-shadow:0 0 5px #fdc400}50%{-webkit-box-shadow:0 0 0 #fdc400;box-shadow:0 0 0 #fdc400}to{-webkit-box-shadow:0 0 5px #fdc400;box-shadow:0 0 5px #fdc400}}@keyframes tag8{0%{-webkit-box-shadow:0 0 5px #fdc400;box-shadow:0 0 5px #fdc400}50%{-webkit-box-shadow:0 0 0 #fdc400;box-shadow:0 0 0 #fdc400}to{-webkit-box-shadow:0 0 5px #fdc400;box-shadow:0 0 5px #fdc400}}.roll-detail-info .user-tag>span.roll-title-20{border-color:#5ff490;color:#5ff490;-webkit-animation:tag20 2s infinite;animation:tag20 2s infinite}@-webkit-keyframes tag20{0%{-webkit-box-shadow:0 0 5px #5ff490;box-shadow:0 0 5px #5ff490}50%{-webkit-box-shadow:0 0 0 #5ff490;box-shadow:0 0 0 #5ff490}to{-webkit-box-shadow:0 0 5px #5ff490;box-shadow:0 0 5px #5ff490}}@keyframes tag20{0%{-webkit-box-shadow:0 0 5px #5ff490;box-shadow:0 0 5px #5ff490}50%{-webkit-box-shadow:0 0 0 #5ff490;box-shadow:0 0 0 #5ff490}to{-webkit-box-shadow:0 0 5px #5ff490;box-shadow:0 0 5px #5ff490}}.roll-detail-info .user-tag>span.roll-title-30{border-color:#f95554;color:#f95554;-webkit-animation:tag30 2s infinite;animation:tag30 2s infinite;position:relative}@-webkit-keyframes tag30{0%{-webkit-box-shadow:0 0 5px #f95554;box-shadow:0 0 5px #f95554}50%{-webkit-box-shadow:0 0 0 #f95554;box-shadow:0 0 0 #f95554}to{-webkit-box-shadow:0 0 5px #f95554;box-shadow:0 0 5px #f95554}}@keyframes tag30{0%{-webkit-box-shadow:0 0 5px #f95554;box-shadow:0 0 5px #f95554}50%{-webkit-box-shadow:0 0 0 #f95554;box-shadow:0 0 0 #f95554}to{-webkit-box-shadow:0 0 5px #f95554;box-shadow:0 0 5px #f95554}}.roll-detail-info .user-tag>span.roll-title-30:before{content:"";position:absolute;border-top:1px solid transparent;-webkit-border-image:-webkit-gradient(linear,left top,right top,color-stop(50%,#f95554),color-stop(75%,#f6f6f6),to(#f95554)) 1 0;-webkit-border-image:-webkit-linear-gradient(left,#f95554 50%,#f6f6f6 75%,#f95554) 1 0;-o-border-image:-o-linear-gradient(left,#f95554 50%,#f6f6f6 75%,#f95554 100%) 1 0;border-image:-webkit-gradient(linear,left top,right top,color-stop(50%,#f95554),color-stop(75%,#f6f6f6),to(#f95554)) 1 0;border-image:linear-gradient(90deg,#f95554 50%,#f6f6f6 75%,#f95554) 1 0;left:6px;right:6px;top:-1px}.roll-detail-info .user-tag>span.roll-title-30:after{content:"";position:absolute;border-top:1px solid transparent;-webkit-border-image:-webkit-gradient(linear,right top,left top,color-stop(50%,#f95554),color-stop(75%,#f6f6f6),to(#f95554)) 1 0;-webkit-border-image:-webkit-linear-gradient(right,#f95554 50%,#f6f6f6 75%,#f95554) 1 0;-o-border-image:-o-linear-gradient(right,#f95554 50%,#f6f6f6 75%,#f95554 100%) 1 0;border-image:-webkit-gradient(linear,right top,left top,color-stop(50%,#f95554),color-stop(75%,#f6f6f6),to(#f95554)) 1 0;border-image:linear-gradient(270deg,#f95554 50%,#f6f6f6 75%,#f95554) 1 0;left:6px;right:6px;bottom:-1px}.roll-detail-info .borde-line{position:absolute;top:40px;left:290px;bottom:40px;opacity:.3;width:1px;background-color:#444953}.roll-detail-info .room-detail-content{width:790px}.roll-detail-info .room-detail-content-bottom,.roll-detail-info .room-detail-content-top{min-height:55px}.roll-detail-info .room-detail-content .extra-info{float:left;margin:20px 0 0 20px}.roll-detail-info .pass{position:relative;margin-left:31px;margin-bottom:10px}.roll-detail-info .pass-content{position:relative;font-size:14px;color:#afb0b2}.roll-detail-info .pass-content em{font-style:normal}.roll-detail-info .pass .switch-info{margin-top:25px}.roll-detail-info .pass .switch-info .switch-content{color:#afb0b2}.roll-detail-info .pass .won{position:absolute;left:75px;top:-12px}.roll-detail-info .info{padding-top:10px;margin-left:43px}.roll-detail-info .time{margin-left:31px;margin-bottom:10px}.roll-detail-info .time .roll-time-content{font-size:14px;color:#666}.roll-detail-info .time .roll-time-content.active{color:#90b526}.roll-detail-info .time .status-content{margin-left:10px;padding:0 5px;text-align:center;line-height:18px;color:#666;border:1px solid #666;border-radius:9px}.roll-detail-info .time .status-content.active{border-color:#90b526;color:#90b526}.roll-detail-info .time .roll-extra{margin-top:25px}.roll-detail-info .time .roll-extra-content{color:#afb0b2}.roll-detail-info .switch{margin-left:31px;margin-bottom:10px}.roll-detail-info .switch-content{font-size:14px}.roll-detail-info .room-limit{margin-right:40px;color:#666}.roll-detail-info .description{margin-left:31px;position:relative}.roll-detail-info .description .item-text{margin-top:16px}.roll-detail-info .description-content{display:inline-block;vertical-align:top;width:410px;min-height:91px;line-height:18px;border-radius:4px;border:1px solid #2e3239;padding:15px;word-wrap:break-word}.roll-detail-info .description-content p{display:block}.roll-detail-info .description .app-qr{position:absolute;right:21px;top:0;width:170px;height:168px}.roll-detail-info .description .app-qr .app-qr-image{text-align:center}.roll-detail-info .description .app-qr img{width:90px;height:90px}.roll-detail-info .description .app-qr p{width:170px;margin-top:8px;text-align:center;font-size:12px;color:#afb0b2}.roll-detail-info .social{padding-top:15px}.roll-detail-info .social .sns{display:inline-block;background:url(https://static.vpgame.com/roll/3.0.4/images/sns-icon.7c0783e4.png) no-repeat;margin:0 10px;vertical-align:middle}.roll-detail-info .social .sns.sns1{width:22px;height:18px;background-position:-5px -25px}.roll-detail-info .social .sns.sns2{width:9px;height:20px;background-position:-8px -49px}.roll-detail-info .social .sns.sns3{width:20px;height:18px;background-position:-4px -5px}.roll-detail-info .social .sns.sns4{width:20px;height:20px;background-position:-4px -75px}.roll-detail-info .social .sns.sns5{width:50px;height:14px;background-position:-34px -81px}.roll-detail-info .social .sns.sns6{width:62px;height:16px;background-position:-35px -55px}.roll-detail-info .social .sns.sns7{width:35px;height:20px;background-position:-34px -29px}.roll-detail-info .social .sns.sns8{width:20px;height:19px;background-position:-39px -5px}.roll-detail-info .edit{margin-left:40px;padding-top:10px;padding-bottom:15px}.roll-detail-info .edit>p{color:#68891b}.roll-detail-info .edit .edit-btn{margin:5px 20px 0 0;min-width:120px;max-width:150px;height:35px;line-height:35px;border-radius:4px;color:#fff;background-color:#2c8195;cursor:pointer;display:inline-block;vertical-align:top;padding:0 10px}.roll-detail-info .edit .edit-btn.disabled{background-color:#383e48}.roll-detail-info .edit .edit-btn .icon-suo{font-size:12px}.roll-detail-info .edit .edit-btn.see-award{background-color:#c53333}.roll-detail-desc{display:none;padding:0 20px;height:34px;line-height:34px;background-color:#131415}.roll-detail-desc .desc{width:600px}.roll-detail-desc .desc .text{margin-left:14px;color:#84878a}.roll-detail-desc .iconfont{cursor:pointer;vertical-align:middle;font-size:18px}.roll-detail-desc .downvote,.roll-detail-desc .upvote{position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;color:#84878a}.roll-detail-desc .downvote .add-text,.roll-detail-desc .upvote .add-text{position:absolute;bottom:36px;right:10px;display:none}.roll-detail-desc .downvote .add-text span,.roll-detail-desc .upvote .add-text span{color:#14b9d6;display:block;line-height:16px;margin:0;position:relative;bottom:0;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-animation:test 2s;animation:test 2s}.roll-detail-desc .downvote .add-text span:nth-child(2),.roll-detail-desc .upvote .add-text span:nth-child(2){-webkit-animation-delay:.1s;animation-delay:.1s}.roll-detail-desc .downvote .add-text span:nth-child(3),.roll-detail-desc .upvote .add-text span:nth-child(3){-webkit-animation-delay:.2s;animation-delay:.2s}@-webkit-keyframes test{0%{opacity:1;-webkit-transform:perspective(500px) translateZ(0);transform:perspective(500px) translateZ(0)}to{opacity:0;-webkit-transform:perspective(500px) translate3d(0,-48px,-500px);transform:perspective(500px) translate3d(0,-48px,-500px)}}@keyframes test{0%{opacity:1;-webkit-transform:perspective(500px) translateZ(0);transform:perspective(500px) translateZ(0)}to{opacity:0;-webkit-transform:perspective(500px) translate3d(0,-48px,-500px);transform:perspective(500px) translate3d(0,-48px,-500px)}}.roll-detail-desc .downvote:active>.iconfont,.roll-detail-desc .upvote:active>.iconfont{font-size:20px}.roll-detail-desc .downvote span,.roll-detail-desc .upvote span{margin-left:5px}.roll-detail-desc .upvote>.iconfont{color:#14b9d6}.roll-detail-desc .downvote{margin-left:18px}.roll-detail-desc .downvote>.iconfont{color:#ff4343}.roll-detail-desc .share{margin-left:25px;color:#84878a}.roll-detail-desc .share .iconfont{font-size:24px;margin-left:11px;vertical-align:-3px}.desc-tooltip .ant-tooltip-content .ant-tooltip-arrow{border-bottom-color:#3b424a}.desc-tooltip .ant-tooltip-content .ant-tooltip-inner{background-color:#3b424a;max-width:540px}.desc-tooltip .ant-tooltip-content p{color:#fff;font-size:12px}.download-qcode-inner{position:absolute;right:10px;top:30px}.download-qcode-inner>header{font-size:12px;color:#afb0b2;line-height:14px}.download-qcode-inner>.qcode{width:125px;height:125px;display:block;margin:8px 0 5px}.download-qcode-inner>p{color:#84878a}
.social-share{display:inline-block}.social-share-icon{position:relative;text-decoration:none;color:#84878a}.social-share-icon:hover{color:#afb0b2}.social-share-icon:active,.social-share-icon:focus{text-decoration:none}.social-share .icon-wechat .wechat-qrcode{display:none;position:absolute;background-color:#fff;border:6px solid #7e7e7e;border-radius:5px;width:260px;z-index:9999;left:-125px;bottom:44px}.social-share .icon-wechat .wechat-qrcode .qrcode{padding:6px;float:left;height:87px}.social-share .icon-wechat .wechat-qrcode .help{float:left;font-size:12px;width:135px;line-height:2;padding-top:6px;margin-left:10px}.social-share .icon-wechat .wechat-qrcode .help>p{color:#000}.social-share .icon-wechat .wechat-qrcode:before{content:"";position:absolute;border:8px solid transparent;border-top-color:#7e7e7e;left:50%;margin-left:-4px;bottom:-22px}.social-share .icon-wechat:hover .wechat-qrcode{display:block}
.roll-pass-modal .ant-modal-body{padding:28px 16px 16px}.roll-pass-modal .captcha{display:inline-block;width:90px;height:30px;background-color:#b0e4d7;margin-left:10px;vertical-align:-10px}.roll-pass-modal .ant-form-item-label label{color:#8d8d8d}.roll-pass-modal .roll-pass-modal-input,.roll-pass-modal .roll-username-modal-input{height:30px;border-radius:3px;background-color:#444953;border:none;color:#afb0b2}.roll-pass-modal .roll-username-modal-input{width:200px}.roll-pass-modal .roll-pass-modal-input{width:100px}.roll-pass-modal .modal-tip{padding:0 50px 10px}.roll-pass-modal-line{width:418px;height:1px;border-radius:.5px;background-color:#2b2e34}.roll-pass-submit-btn{width:100px;height:30px;background-color:#20869a;border-color:#20869a;margin:21px auto 0;display:block}.bind-warn-modal .ant-modal{width:430px}.bind-warn-modal .ant-modal-body{text-align:center;padding:16px 0 0}.bind-warn-modal .ant-modal-footer{border-top:0;text-align:center}.bind-warn-modal .ant-modal-footer button{margin:5px 10px;background-color:#20869a;border-color:#20869a}.oauth-bind-modal .ant-modal-body{padding:35px}.oauth-bind-modal .title{font-size:12px;color:#dedede;margin-bottom:15px}.oauth-bind-modal .steps{display:inline-block;text-align:left}.oauth-bind-modal .tips{font-size:12px;color:#afb0b2}.oauth-bind-modal .icon-next{margin-left:-5px}.oauth-bind-modal .pointer{padding:30px 30px 0}.oauth-bind-modal hr{margin:25px 0;border:none;border-bottom:1px solid #2b2e34}.oauth-bind-modal .bind-btn{font-size:12px;min-width:100px;height:30px;line-height:30px;text-align:center;border-radius:3px;cursor:pointer;color:#fff;background-color:#20869a;border-color:#20869a;display:inline-block;margin-right:15px}.oauth-bind-modal .bind-btn.green{background-color:#79a118}.join-vip-limit-modal .ant-modal{min-width:590px}.join-vip-limit-modal .ant-modal-body{text-align:center;padding:30px 40px}.join-vip-limit-modal .result-text{line-height:17px;text-align:center;margin-bottom:39px;font-size:16px;color:#afb0b2}.join-vip-limit-modal .result-text.ok{font-size:18px;color:#90b526}.join-vip-limit-modal .cond-limit{padding:0 8px}.join-vip-limit-modal .cond-limit.is-accord .cond-icon{color:#90b526}.join-vip-limit-modal .cond-limit .cond-icon{height:100%;width:19px;float:left;color:#ff4343}.join-vip-limit-modal .cond-limit .cond-icon i{font-size:19px}.join-vip-limit-modal .cond-limit .cond-text{float:left;width:316px;margin-bottom:25px;text-align:left;margin-left:20px}.join-vip-limit-modal .cond-limit .cond-text .cond-title{width:100%;font-size:14px;height:22px;line-height:22px;color:#afb0b2;display:inline-block}.join-vip-limit-modal .cond-limit .cond-text .cond-subtitle{width:100%;font-size:12px;height:12px;line-height:12px;color:#797979;margin-top:4px;display:inline-block}.join-vip-limit-modal .cond-limit .cond-jump{float:right;height:30px}.join-vip-limit-modal .cond-limit .cond-jump .inner{display:inline-block;padding:0 16px;height:30px;line-height:28px;font-size:12px;color:#fff;background:#20869a;border:1px solid #20869a;border-radius:15px;cursor:pointer}.join-vip-limit-modal .cond-limit .cond-jump.style-disable .inner{color:#51565d;background:transparent;border-color:#51565d;cursor:auto}.join-vip-limit-modal .roll-pass-modal-line{width:510px}.join-vip-limit-modal .modal-tip{color:#797979;font-weight:400;font-size:12px;line-height:13px;margin-top:35px;margin-bottom:17px}.join-vip-limit-modal .roll-pass-submit-btn{margin-top:30px;display:block}.join-vip-limit-modal .roll-pass-submit-btn:hover{background-color:#20869a;border-color:#20869a}
.roll-room-gifts{background-color:#2b2e34;padding-bottom:20px;position:relative}.roll-room-gifts .empty-msg{height:100px;text-align:center;margin-top:2px;line-height:70px}.roll-room-gifts.full-mask .freeze-mask{position:absolute;width:100%;height:100%;background-color:rgba(55,55,55,.6);z-index:99}.roll-room-gifts-header{height:60px;line-height:60px;padding:0 20px}.roll-room-gifts-header.isowner{height:80px;line-height:80px}.roll-room-gifts-list{padding:0 20px}.roll-room-gifts-list-scroll{width:100%;height:270px;overflow:hidden;padding-left:20px;padding-right:0}.roll-room-gifts-list-scroll.isowner{height:365px}.roll-room-gifts .total-gifts{color:#179bb4}.roll-room-gifts .total-value{color:#ec9708}.roll-room-gifts .gifts-pool-manage{min-width:90px;height:30px;line-height:30px;border-radius:15px;border:1px solid #14b9d6;color:#14b9d6;margin-top:20px;cursor:pointer;padding:0 10px}.roll-room-gifts-operator .people-num{width:150px;border-radius:3px;padding-left:5px}.roll-room-gifts-operator .roll-btn{display:inline-block;width:120px;height:35px;line-height:35px;border-radius:4px;color:#fff;background-color:#68891b;margin-left:20px;cursor:pointer;border:none}.roll-room-gifts-operator .message{display:inline-block;margin-left:20px;margin-right:10px;color:#d65154}.toggle-content{padding:10px 20px;position:relative;z-index:99}.toggle-content .toggle-border{width:100%;border-top:1px solid #393f46;height:16px}.toggle-content .toggle-mask{position:absolute;top:-55px}.toggle-content .toggle-mask.owner>img{opacity:.8}.toggle-content>span{color:#14b9d6;cursor:pointer}.toggle-content>span>label{margin-left:8px;display:inline-block}.toggle-content>span>label .iconfont{font-size:12px;cursor:pointer}.toggle-content>span>label.open{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.no-prize-notice{margin-top:60px}.roll-add-prize{width:165px;height:109px;position:relative;cursor:pointer;border:1px solid #afb0b2;-webkit-transition:.3s;-o-transition:.3s;transition:.3s}.roll-add-prize:hover{border-color:#fff}.roll-add-prize .iconfont{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-size:36px}.roll-prize-item{float:left;width:123px;height:82px;margin-right:8px;margin-bottom:8px}.roll-prize-item.isowner{height:114px}.roll-prize-item .item-delete{color:#14b9d6;height:33px;line-height:33px;cursor:pointer}.roll-prize-item .item-rolled{color:#afb0b2;cursor:auto}.roll-prize-item:nth-child(8n){margin-right:0}.roll-prize-main{width:123px;height:82px;position:relative;overflow:hidden;cursor:pointer;border:1px solid #66696c;text-align:center}.roll-prize-main>img{height:100%}.roll-prize-main.selected{border:1px solid #68891b}.roll-prize-main.roll-prize-rolled:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background-color:rgba(68,73,83,.7)}.roll-prize-main img{-webkit-transition:-webkit-transform .3s linear;transition:-webkit-transform .3s linear;-o-transition:transform .3s linear;transition:transform .3s linear;transition:transform .3s linear,-webkit-transform .3s linear;-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}.roll-prize-main .rolled{position:absolute;left:0;right:0;top:0;bottom:0;z-index:999;line-height:82px;color:#fff}.roll-prize-main .select-shadow{position:absolute;left:0;right:0;top:0;bottom:0;background-color:rgba(0,0,0,.6);z-index:998}.roll-prize-main .select-mark{position:absolute;top:0;right:0;border-top:30px solid #68891b;border-left:30px solid transparent;z-index:999}.roll-prize-main .select-check{position:absolute;top:0;right:0;font-size:12px;z-index:999}.roll-prize-main .item-info{position:absolute;bottom:0;width:100%;height:27px;line-height:27px;background-color:rgba(0,0,0,.4);padding:0 10px}.roll-prize-main .item-info .number{color:#fff}[lang=en_US] .roll-lottery-modal .ant-modal .ant-modal-content{background:url(https://static.vpgame.com/roll/3.0.4/images/lottery-bg-en.93e31de8.jpg) no-repeat!important}[lang=ru_RU] .roll-lottery-modal .ant-modal .ant-modal-content{background:url(https://static.vpgame.com/roll/3.0.4/images/lottery-bg-ru.1ec8676c.jpg) no-repeat!important}.roll-lottery-modal{z-index:4000}.roll-lottery-modal .ant-modal{width:770px!important}.roll-lottery-modal .ant-modal .ant-modal-content{background:url(https://static.vpgame.com/roll/3.0.4/images/lottery-bg.63ff0ec6.jpg) no-repeat!important}.roll-lottery-modal .ant-modal-title{line-height:60px}.roll-lottery-modal .ant-modal .ant-modal-header{padding:0 16px;height:60px;background-color:transparent!important}.roll-lottery-modal .ant-modal .ant-modal-body{padding:0;background-color:transparent!important}.roll-lottery-modal .lottery-area{position:relative;height:136px}.roll-lottery-modal .lottery-area .lottery-thumb{background:url(https://static.vpgame.com/roll/3.0.4/images/roll.e97aa520.png) no-repeat;width:40px;height:35px;float:left;margin-left:170px;margin-top:52px}.roll-lottery-modal .lottery-people{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.roll-lottery-modal .lottery-people img{width:62px;height:62px;border-radius:50%;margin-right:10px}.roll-lottery-modal .lottery-people img:last-child{margin-right:0}.roll-lottery-modal .lottery-footer{height:60px;background-color:transparent}.roll-winners-modal .ant-modal{width:655px!important}.roll-winners-modal .ant-modal-body{padding:16px 0 0 16px}.roll-winners-modal .winners-area{max-height:500px;overflow-y:auto}.roll-winners-modal .winners-area::-webkit-scrollbar{width:6px;height:6px}.roll-winners-modal .winners-area::-webkit-scrollbar-track{border-radius:6px;background-color:none}.roll-winners-modal .winners-area::-webkit-scrollbar-thumb{border-radius:6px;background-color:#555}.roll-winners-modal .winners-area .line{position:absolute;width:595px;border:0;border-bottom:1px solid #2b2e34;bottom:70px}.roll-winners-modal .winners-area .lottery-winner{padding-right:16px}.roll-winners-modal .roll-winner-item{width:100%;padding:10px 0 0;border-bottom:1px solid #2b2e34;font-size:12px;min-height:75px}.roll-winners-modal .roll-winner-item .winner-prize-list{width:450px}.roll-winners-modal .roll-winner-item .roll-winner-item-info{width:90px;margin-right:8px}.roll-winners-modal .roll-winner-item .roll-trends-item-name{max-width:90px;color:#bbb}.roll-winners-modal .roll-winner-item .roll-winner-item-gifts{color:#8d8d8d}.roll-winners-modal .roll-winner-item .prize-num{color:#14b9d6}.roll-winners-modal .roll-winner-item .prize-amount{color:#ffa200}.roll-winners-modal .roll-winner-item:hover{background-color:#373d45}.roll-winners-modal .roll-winner-item-img{width:45px;height:45px;border:1px solid #45494e;border-radius:50%;margin-right:10px}.roll-winners-modal .roll-winner-item-img .avatar-img{width:43px;height:43px;border-radius:50%}.roll-winners-modal .ant-modal-footer{padding:20px;text-align:center;border:0}.roll-winners-modal .ant-modal-footer .confirm-btn{padding:0 33px;background:#20869a;font-size:14px;color:#fff;border:0}.disabled{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.steam-item{float:left;position:relative;margin:0 5px 10px}.steam-price{left:2px;top:2px;display:inline-block;padding:0 4px;line-height:13px;height:13px;color:#3f4040;background:#a2a2a2;border-radius:5px}.rarity-box,.steam-price{position:absolute;font-size:12px}.rarity-box{display:block;width:100%;left:0;bottom:0;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#70000000,0,endColorstr=#70000000,0);background:rgba(0,0,0,.6);line-height:14px;height:14px;text-align:center}.text-normal{color:#b2b2b2}.text-genuine{color:#4d7455}.text-vintage{color:#476291}.text-unusual{color:#8650ac}.text-unique{color:#d2d2d2}.text-community{color:#70b04a}.text-developer{color:#a50f79}.text-selfmade{color:#70b04a}.text-customized{color:#476291}.text-strange{color:#cf6a32}.text-completed{color:#b2b2b2}.text-haunted{color:#38f3ab}.text-tournament{color:#8650ac}.text-favored{color:#ff0}.text-ascendant{color:#eb4b4b}.text-autographed{color:#ade55c}.text-legacy{color:#fff}.text-exalted{color:#d1d1d1}.text-frozen{color:#4682b4}.text-corrupted{color:#a32c2e}.text-infused,.text-lucky{color:#32cd32}.text-quality-0{color:#b2b2b2}.text-quality-1{color:#4d7455}.text-quality-2{color:#476291}.text-quality-3{color:#8650ac}.text-quality-4{color:#d2d2d2}.text-quality-5{color:#70b04a}.text-quality-6{color:#a50f79}.text-quality-7{color:#70b04a}.text-quality-8{color:#476291}.text-quality-9{color:#cf6a32}.text-quality-10{color:#b2b2b2}.text-quality-11{color:#38f3ab}.text-quality-12{color:#8650ac}.text-quality-13{color:#ff0}.text-quality-14{color:#eb4b4b}.text-quality-15{color:#ade55c}.text-quality-16{color:#fff}.text-quality-17{color:#d1d1d1}.text-quality-18{color:#4682b4}.text-quality-19{color:#a32c2e}.text-quality-20,.text-quality-21{color:#32cd32}.quality-normal.steam-item{border:1px solid #b2b2b2}.quality-genuine.steam-item{border:1px solid #4d7455}.quality-vintage.steam-item{border:1px solid #476291}.quality-unusual.steam-item{border:1px solid #8650ac}.quality-unique.steam-item{border:1px solid #d2d2d2}.quality-community.steam-item{border:1px solid #70b04a}.quality-developer.steam-item{border:1px solid #a50f79}.quality-selfmade.steam-item{border:1px solid #70b04a}.quality-customized.steam-item{border:1px solid #476291}.quality-strange.steam-item{border:1px solid #cf6a32}.quality-completed.steam-item{border:1px solid #b2b2b2}.quality-haunted.steam-item{border:1px solid #38f3ab}.quality-tournament.steam-item{border:1px solid #8650ac}.quality-favored.steam-item{border:1px solid #ff0}.quality-ascendant.steam-item{border:1px solid #eb4b4b}.quality-autographed.steam-item{border:1px solid #ade55c}.quality-legacy.steam-item{border:1px solid #fff}.quality-exalted.steam-item{border:1px solid #d1d1d1}.quality-frozen.steam-item{border:1px solid #4682b4}.quality-corrupted.steam-item{border:1px solid #a32c2e}.quality-infused.steam-item,.quality-lucky.steam-item{border:1px solid #32cd32}.quality-0.steam-item{border:1px solid #b2b2b2}.quality-1.steam-item{border:1px solid #4d7455}.quality-2.steam-item{border:1px solid #476291}.quality-3.steam-item{border:1px solid #8650ac}.quality-4.steam-item{border:1px solid #d2d2d2}.quality-5.steam-item{border:1px solid #70b04a}.quality-6.steam-item{border:1px solid #a50f79}.quality-7.steam-item{border:1px solid #70b04a}.quality-8.steam-item{border:1px solid #476291}.quality-9.steam-item{border:1px solid #cf6a32}.quality-10.steam-item{border:1px solid #b2b2b2}.quality-11.steam-item{border:1px solid #38f3ab}.quality-12.steam-item{border:1px solid #8650ac}.quality-13.steam-item{border:1px solid #ff0}.quality-14.steam-item{border:1px solid #eb4b4b}.quality-15.steam-item{border:1px solid #ade55c}.quality-16.steam-item{border:1px solid #fff}.quality-17.steam-item{border:1px solid #d1d1d1}.quality-18.steam-item{border:1px solid #4682b4}.quality-19.steam-item{border:1px solid #a32c2e}.quality-20.steam-item,.quality-21.steam-item{border:1px solid #32cd32}.quality-100.steam-item,.quality-shine.steam-item,.quality-voucher.steam-item{border:1px solid #fffb00}.quality-normal.steam-b{border-color:#b2b2b2}.quality-genuine.steam-b{border-color:#4d7455}.quality-vintage.steam-b{border-color:#476291}.quality-unusual.steam-b{border-color:#8650ac}.quality-unique.steam-b{border-color:#d2d2d2}.quality-community.steam-b{border-color:#70b04a}.quality-developer.steam-b{border-color:#a50f79}.quality-selfmade.steam-b{border-color:#70b04a}.quality-customized.steam-b{border-color:#476291}.quality-strange.steam-b{border-color:#cf6a32}.quality-completed.steam-b{border-color:#b2b2b2}.quality-haunted.steam-b{border-color:#38f3ab}.quality-tournament.steam-b{border-color:#8650ac}.quality-favored.steam-b{border-color:#ff0}.quality-ascendant.steam-b{border-color:#eb4b4b}.quality-autographed.steam-b{border-color:#ade55c}.quality-legacy.steam-b{border-color:#fff}.quality-exalted.steam-b{border-color:#d1d1d1}.quality-frozen.steam-b{border-color:#4682b4}.quality-corrupted.steam-b{border-color:#a32c2e}.quality-lucky.steam-b{border-color:#32cd32}.rarity-common{color:#b0c3d9}.rarity-uncommon{color:#5e98d9}.rarity-rare{color:#4b69ff}.rarity-mythical{color:#8847ff}.rarity-immortal{color:#e4ae39}.rarity-legendary{color:#d32ce6}.rarity-arcana{color:#ade55c}.text-rarity-1{color:#b0c3d9}.text-rarity-2{color:#5e98d9}.text-rarity-3{color:#4b69ff}.text-rarity-4{color:#8847ff}.text-rarity-5{color:#d32ce6}.text-rarity-6{color:#eb4b4b}.text-rarity-7{color:#e4ae39}.text-rarity-8{color:#ade55c}.text-rarity-100{color:#fffb00}.rarity-treasure{color:#e4ae39}.steam-item.quality-101,.steam-item.quality-treasure{border:1px solid #f93}.text-rarity-exchange{color:#fffb00}.dota-item-img{-webkit-transform:scale(1.04);-moz-transform:scale(1.04);-transform:scale(1.04)}.steam-item-popup .ant-popover-content .ant-popover-inner .ant-popover-inner-content{padding:0;border:2px solid #ccc;background-color:#1a1a1a;border-radius:4px}.steam-item-popup.ant-popover-placement-right{padding-left:6px}.steam-item-popup.ant-popover-placement-right>.ant-popover-content>.ant-popover-arrow{display:none;border-right-color:transparent;left:-16px}.steam-item-popup.ant-popover-placement-right>.ant-popover-content>.ant-popover-arrow:after{border-right-color:transparent;left:-9px;bottom:-12px}.steam-item-popup.ant-popover-placement-left>.ant-popover-content>.ant-popover-arrow{border-left-color:transparent;right:-16px}.steam-item-popup.ant-popover-placement-left>.ant-popover-content>.ant-popover-arrow:after{border-left-color:transparent;left:-15px;bottom:-12px}.steam-popup{width:304px}.steam-popup-img{margin:8px 8px 0;width:288px;height:192px;overflow:hidden;text-align:center}.steam-popup-img>img{height:100%;width:auto}.steam-popup-img.steam-popup-img-570>img{-webkit-transform:scale(1.08);-ms-transform:scale(1.08);transform:scale(1.08)}.steam-popup-img.steam-popup-img-730{background-image:url(https://vp-image.vpgame.com/item-bg.png);background-size:cover}.steam-popup-img.steam-popup-img-57808{background-image:url(https://vp-image.vpgame.com/pubg-bg.jpg);background-size:cover}.steam-popup-img.steam-popup-img-65033{background-image:url(https://static.vpgame.com/roll/3.0.4/images/dib-bg.7a3ebc76.png);background-size:cover}.steam-popup-title{font-size:16px;color:#afb0b2;padding:0 10px;margin:10px 0;font-weight:400}.steam-popup-title .iconfont{margin-right:5px;color:#fcc400;font-size:22px;vertical-align:-3px}.steam-popup .quality-dib{background:#65c1d1}.steam-popup-rarity{color:#000;display:block;padding:0 10px;line-height:20px;height:20px}.steam-popup-rarity.rarity-1{background:#b0c3d9;background-image:-webkit-gradient(linear,right top,left top,from(#1a1a1a),to(#b0c3d9));background-image:-webkit-linear-gradient(right,#1a1a1a,#b0c3d9);background-image:-o-linear-gradient(right,#1a1a1a,#b0c3d9);background-image:linear-gradient(270deg,#1a1a1a,#b0c3d9)}.steam-popup-rarity.rarity-2{background:#5e98d9;background-image:-webkit-gradient(linear,right top,left top,from(#1a1a1a),to(#5e98d9));background-image:-webkit-linear-gradient(right,#1a1a1a,#5e98d9);background-image:-o-linear-gradient(right,#1a1a1a,#5e98d9);background-image:linear-gradient(270deg,#1a1a1a,#5e98d9)}.steam-popup-rarity.rarity-3{background:#4b69ff;background-image:-webkit-gradient(linear,right top,left top,from(#1a1a1a),to(#4b69ff));background-image:-webkit-linear-gradient(right,#1a1a1a,#4b69ff);background-image:-o-linear-gradient(right,#1a1a1a,#4b69ff);background-image:linear-gradient(270deg,#1a1a1a,#4b69ff)}.steam-popup-rarity.rarity-4{background:#8847ff;background-image:-webkit-gradient(linear,right top,left top,from(#1a1a1a),to(#8847ff));background-image:-webkit-linear-gradient(right,#1a1a1a,#8847ff);background-image:-o-linear-gradient(right,#1a1a1a,#8847ff);background-image:linear-gradient(270deg,#1a1a1a,#8847ff)}.steam-popup-rarity.rarity-5{background:#d32ce6;background-image:-webkit-gradient(linear,right top,left top,from(#1a1a1a),to(#d32ce6));background-image:-webkit-linear-gradient(right,#1a1a1a,#d32ce6);background-image:-o-linear-gradient(right,#1a1a1a,#d32ce6);background-image:linear-gradient(270deg,#1a1a1a,#d32ce6)}.steam-popup-rarity.rarity-6{background:#eb4b4b;background-image:-webkit-gradient(linear,right top,left top,from(#1a1a1a),to(#eb4b4b));background-image:-webkit-linear-gradient(right,#1a1a1a,#eb4b4b);background-image:-o-linear-gradient(right,#1a1a1a,#eb4b4b);background-image:linear-gradient(270deg,#1a1a1a,#eb4b4b)}.steam-popup-rarity.rarity-7{background:#e4ae39;background-image:-webkit-gradient(linear,right top,left top,from(#1a1a1a),to(#e4ae39));background-image:-webkit-linear-gradient(right,#1a1a1a,#e4ae39);background-image:-o-linear-gradient(right,#1a1a1a,#e4ae39);background-image:linear-gradient(270deg,#1a1a1a,#e4ae39)}.steam-popup-rarity.rarity-8{background:#ade55c;background-image:-webkit-gradient(linear,right top,left top,from(#1a1a1a),to(#ade55c));background-image:-webkit-linear-gradient(right,#1a1a1a,#ade55c);background-image:-o-linear-gradient(right,#1a1a1a,#ade55c);background-image:linear-gradient(270deg,#1a1a1a,#ade55c)}.steam-popup-rarity.rarity-100{background:#fffb00;background-image:-webkit-gradient(linear,right top,left top,from(#1a1a1a),to(#fffb00));background-image:-webkit-linear-gradient(right,#1a1a1a,#fffb00);background-image:-o-linear-gradient(right,#1a1a1a,#fffb00);background-image:linear-gradient(270deg,#1a1a1a,#fffb00)}.steam-popup-container{margin:10px;padding-bottom:10px;font-size:14px}.steam-popup-container .dota2{color:#afb0b2}.steam-popup-container .dota2>img{width:80px;height:46px;margin-right:10px}.steam-popup-container .csgo{color:#afb0b2;font-size:12px}.steam-popup-container .csgo p{line-height:14px}.steam-popup-container .csgo>img{margin-right:10px}.steam-popup-container .small-icon{width:16px;height:16px;margin-right:5px;vertical-align:-3px}.steam-popup-container .f-warning{margin:5px 0 10px;color:#f60}.steam-popup-container .feature-list{color:#afb0b2}.steam-popup-container .feature-list .light-color{color:#6c7075}
.steam-item{width:80px;height:53px;position:relative;float:left;margin:0 15px 10px 0;overflow:hidden;text-align:center}.steam-item .steam-img{height:100%}.steam-item .rarity-box,.steam-item .steam-price{position:absolute;font-size:12px}.steam-item .steam-price{left:2px;top:2px;display:inline-block;padding:0 4px;line-height:13px;height:13px;color:#3f4040;background:#a2a2a2;border-radius:5px}.steam-item .rarity-box{display:block;width:100%;left:0;bottom:0;background:rgba(0,0,0,.6);line-height:14px;height:14px;text-align:center}
.slot{float:left;margin-left:5px;border:2px solid #f68318;-webkit-box-shadow:0 0 13px #c07d3f;box-shadow:0 0 13px #c07d3f;border-radius:50%}.slot,.slot .slot-inner{overflow:hidden;width:62px;height:62px}.slot .slot-inner{position:relative;top:-1px}.slot .slot-inner .slot-avatar{position:absolute;background:url(https://static.vpgame.com/roll/3.0.4/images/avatar.7c4c91b0.jpg) no-repeat;margin:-1px}
.roll-room-people{margin-top:20px;padding:0 20px 32px;background-color:#2b2e34;color:#afb0b2}.roll-room-people-list{margin-top:20px}.roll-room-people .empty-list{color:#afb0b2;padding:50px 0 20px;text-align:center;font-size:12px}.roll-room-people-title{margin-bottom:20px}.roll-room-people .total-people{color:#179bb4}.roll-room-people .gift-people{color:#ec9708}.roll-room-people .ant-tabs-bar{margin-bottom:0;border-bottom:1px solid #393f46}.roll-room-people .ant-tabs-nav{color:#afb0b2;height:44px;line-height:34px}.roll-room-people .ant-tabs-nav .ant-tabs-tab div{line-height:22px}.roll-room-people .ant-tabs-nav .ant-tabs-tab-active,.roll-room-people .ant-tabs-nav .ant-tabs-tab:hover{color:#14b9d6}.roll-room-people .ant-tabs-ink-bar{background-color:#14b9d6}.roll-join-person{float:left;width:77px;height:77px;margin:0 30px 30px 0;color:#afb0b2}.roll-join-person:nth-child(10n){margin-right:0}.roll-join-person img{border-radius:50%;border:2px solid #444953}.roll-join-person .name{margin-top:6px}.roll-winners-list{color:#afb0b2}.roll-winner-item{min-height:92px;padding-top:27px;padding-bottom:10px;border-bottom:1px solid #32373e}.roll-winner-item:last-child{border:none}.roll-winner-item .winner-left{width:318px}.roll-winner-item .winner-avatar{width:60px;height:60px}.roll-winner-item .winner-avatar img{border-radius:50%;border:2px solid #444953}.roll-winner-item .winner-info{margin-left:9px;margin-top:8px}.roll-winner-item .winner-info-content{margin-top:10px;width:248px}.roll-winner-item .winner-info-name{font-size:14px;width:100px;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}.roll-winner-item .prize-num{color:#14b9d6}.roll-winner-item .prize-amount{color:#ffa200}.roll-winner-item .winner-prizes-list{width:720px}.roll-winner-item .winner-prizes-list .winner-prize-item{font-size:12px;width:82px;height:55px;margin:4px;position:relative;text-align:center;overflow:hidden}.roll-winner-item .winner-prizes-list .winner-prize-item>img{height:100%;width:auto}.roll-winner-item .winner-prizes-list .winner-prize-item .prize-price{position:absolute;left:2px;top:2px;display:inline-block;padding:0 4px;line-height:13px;height:13px;color:#3f4040;background:#a2a2a2;border-radius:5px;z-index:99}.roll-winner-item .winner-prizes-list .winner-prize-item .prize-text{position:absolute;bottom:0;left:0;right:0;height:20px;line-height:20px;background-color:rgba(0,0,0,.6);z-index:99}.roll-winner-single .ant-modal{width:715px!important}.roll-winner-single .line{width:680px!important}.roll-winner-single .winner-prizes-list{width:365px}.roll-winner-single .roll-winner-item:hover{background-color:transparent!important}.roll-winner-single .winner-left{width:auto!important;max-width:280px}.roll-winner-single .winner-info-content{margin-top:-4px;padding-right:40px;width:auto!important}.roll-winner-single .award-tips{margin:20px 9px 15px;font-size:12px}
.roll-add-prize-modal{z-index:1000}.roll-add-prize-modal>.ant-modal{width:750px!important}.roll-add-prize-modal .ant-modal-body{padding:16px 0}.roll-add-prize-modal .sure-btn{width:100px;height:30px;background-color:#20869a;border:none;color:#fff;display:block;margin:20px auto 0;border-radius:5px;cursor:pointer;outline:none}.roll-add-prize-modal .input-area{padding:0 20px}.roll-add-prize-modal .trade-pass{margin-top:20px;height:35px;line-height:35px}.roll-add-prize-modal .trade-pass label{font-size:12px;color:#84878a}.roll-add-prize-modal .trade-pass input{width:210px;height:35px;background-color:#1a1c1e;margin-left:21px;padding-left:5px}.roll-add-prize-modal .trade-pass a{font-size:12px;color:#14b9d6;margin-left:10px}.roll-add-prize-modal .roll-rules{margin-top:36px;padding-bottom:22px;border-bottom:1px solid #2b2e34}.roll-add-prize-modal .roll-rules a{color:#14b9d6;text-decoration:none}.roll-add-prize-modal .roll-rules label{color:#afb0b2}.roll-add-prize-modal .roll-rules-content{color:#ec5454;width:395px;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;vertical-align:middle;float:right;white-space:nowrap;font-size:12px}.selected-prize-wrapper{color:#afb0b2}.selected-prize-wrapper ul{padding:0 16px;min-height:116px}.selected-prize-wrapper ul.prize-list-scroll{height:185px;overflow-y:scroll;padding-right:0}.selected-prize-wrapper ul.prize-list-scroll::-webkit-scrollbar{width:6px;height:6px}.selected-prize-wrapper ul.prize-list-scroll::-webkit-scrollbar-track{border-radius:6px;background-color:none}.selected-prize-wrapper ul.prize-list-scroll::-webkit-scrollbar-thumb{border-radius:6px;background-color:#555}.selected-prize-wrapper .selected-text{font-family:MicrosoftYaHei;font-size:12px;line-height:4;text-align:left;color:#84878a;margin-right:20px}.all-prize-wrapper{color:#afb0b2}.all-prize-wrapper .prize-nav{height:50px;background:#22262a;padding:0 16px;border-top:1px solid #2e3238;border-bottom:1px solid #2e3238}.all-prize-wrapper .prize-nav ul{float:left;margin-top:10px}.all-prize-wrapper .prize-nav li{min-width:80px;color:#afb0b2;cursor:pointer;background:#2e3238;height:30px;line-height:30px;display:inline-block;font-size:12px;margin-right:15px;padding:0 10px;border-radius:3px;border:1px solid #2e3238}.all-prize-wrapper .prize-nav li.active{color:#14b9d6;border-color:#14b9d6}.all-prize-wrapper .prize-nav .icon-match-dota2{font-size:14px;color:#d52424;margin-right:5px}.all-prize-wrapper .prize-nav .icon-csgo1{font-size:14px;color:#efc524;margin-right:5px}.all-prize-wrapper .prize-nav .icon-pubg{font-size:24px;color:#f8c12b;margin-right:5px;float:left}.all-prize-wrapper .prize-list-wrapper{padding:0 16px}.all-prize-wrapper .prize-list-wrapper .prize-list{margin-bottom:10px}.all-prize-wrapper .prize-list-wrapper .prize-filter{height:66px;line-height:65px;font-size:12px}.all-prize-wrapper .prize-list-wrapper .line{height:1px;border-radius:.5px;background-color:#2b2e34}.all-prize-wrapper .prize-list-wrapper .ant-pagination{margin-bottom:20px;margin-top:20px}.all-prize-wrapper .prize-nums{border-right:1px solid #2e3238;padding-right:26px}.all-prize-wrapper .prize-nums span{color:#14b9d6}.all-prize-wrapper .prize-time,.all-prize-wrapper .prize-value{margin-left:11px;cursor:pointer}.all-prize-wrapper .prize-time>.iconfont,.all-prize-wrapper .prize-value>.iconfont{font-size:12px;margin-left:5px}.all-prize-wrapper .prize-time.active,.all-prize-wrapper .prize-value.active{color:#14b9d6}.all-prize-wrapper .prize-filter-select .ant-select{margin-right:8px}.all-prize-wrapper .prize-filter-select .ant-select-selection{border-radius:4px;background-color:#2e3238;border:none;color:#afb0b2}.all-prize-wrapper .prize-filter-select input{background-color:#1a1c1e}.all-prize-wrapper .prize-filter-select .ant-input-search-icon{color:#afb0b2}.selected-prize-li{float:left;width:80px;height:53px;border:1px solid #66696c;margin-right:10px;margin-bottom:10px;position:relative;cursor:pointer;overflow:hidden;text-align:center;font-size:12px}.selected-prize-li.selected{border:1px solid #68891b}.selected-prize-li>img{height:100%;width:auto}.selected-prize-li.disabled:before{content:"";position:absolute;width:100%;height:100%;background-color:rgba(0,0,0,.6);z-index:9999;left:0;top:0}.selected-prize-li .select-shadow{position:absolute;left:0;right:0;top:0;bottom:0;background-color:rgba(0,0,0,.6);z-index:2000}.selected-prize-li .select-mark{border-top:30px solid #68891b}.selected-prize-li .delete-mark,.selected-prize-li .select-mark{position:absolute;top:0;right:0;border-left:30px solid transparent;z-index:3000}.selected-prize-li .delete-mark{border-top:30px solid #d74f4f}.selected-prize-li .select-check{position:absolute;top:0;right:0;font-size:12px;z-index:3000}.selected-prize-li .delete-check{position:absolute;top:-5px;right:-1px;font-size:14px;color:#fff;z-index:3000}.selected-prize-li.deleted .delete-check,.selected-prize-li.deleted .delete-mark,.selected-prize-li.deleted .select-shadow{display:none}.selected-prize-li.deleted:hover{border:1px solid #d74f4f}.selected-prize-li.deleted:hover .select-shadow{display:block}.selected-prize-li.deleted:hover .delete-mark{display:block;border-width:20px}.selected-prize-li.deleted:hover .delete-check{display:block}.selected-prize-li:nth-child(8n){margin-right:0}.selected-prize-li .prize-price{position:absolute;left:2px;top:2px;display:inline-block;padding:0 4px;line-height:13px;height:13px;color:#3f4040;background:#a2a2a2;border-radius:5px}.selected-prize-li .prize-text{position:absolute;bottom:0;left:0;right:0;height:20px;line-height:20px;background-color:rgba(0,0,0,.6)}
.roll-safe-modal-wrapper{z-index:4000}.roll-safe-modal-wrapper .ant-modal{width:468px!important}.roll-safe-modal-wrapper .ant-modal .ant-modal-close-x{width:36px;height:36px;line-height:36px;font-weight:700}.roll-safe-modal-wrapper .ant-modal .ant-modal-content .ant-modal-header{background-color:#23252b;padding:8px 32px}.roll-safe-modal-wrapper .ant-modal .ant-modal-content .ant-modal-header .ant-modal-title{text-align:left;position:relative}.roll-safe-modal-wrapper .ant-modal .ant-modal-content .ant-modal-header .ant-modal-title:before{content:"";width:9px;height:9px;border-radius:50%;background-color:#14b9d6;position:absolute;left:-17px;top:7px}.roll-safe-modal-wrapper .ant-modal .ant-modal-content .ant-modal-body{background-color:#23252b}.roll-safe-modal .email-form{margin-left:58px;width:308px;padding:20px 0 10px}.roll-safe-modal .email-form>p{padding-bottom:17px}.roll-safe-modal .email-form>p>a{color:#14b9d6}.roll-safe-modal .email-form .input-line{margin-bottom:9px}.roll-safe-modal .email-form .input-line .ant-input{height:38px;line-height:38px;border:1px solid #50555d;background-color:#1c1e24}.roll-safe-modal .email-form .input-line .ant-input::-webkit-input-placeholder{color:#afb0b2;opacity:.2}.roll-safe-modal .email-form .input-line .ant-input:-moz-placeholder,.roll-safe-modal .email-form .input-line .ant-input::-moz-placeholder{color:#afb0b2;opacity:.2}.roll-safe-modal .email-form .input-line .ant-input:-ms-input-placeholder,.roll-safe-modal .email-form .input-line .ant-input::-ms-input-placeholder{color:#afb0b2;opacity:.2}.roll-safe-modal .email-form .input-line.has-button .ant-input{width:195px;margin-right:10px}.roll-safe-modal .email-form .input-line.has-button .ant-btn{width:100px;height:38px;line-height:38px;background-color:#038fa8;border-color:#038fa8;font-size:14px;color:#fff}.roll-safe-modal .email-form .input-line.has-button .ant-btn[disabled]{opacity:.8}.roll-safe-modal .email-form .error-msg{border:1px solid #c34348;color:#c34348;padding:5px 10px;margin-bottom:10px}.roll-safe-modal .email-form .error-msg .iconfont{vertical-align:middle;margin-right:5px}.roll-safe-modal .email-form .error-msg>span{vertical-align:middle}.roll-safe-modal .safe-footer{border-top:1px solid #2e3238;padding:20px 0 5px;text-align:center}.roll-safe-modal .safe-footer>.ant-btn{width:100px;height:32px;line-height:31px;color:#fff}.roll-safe-modal .safe-footer>.ant-btn.ant-btn-primary{background-color:#20869a;border-color:#20869a}.roll-safe-modal .safe-footer>.ant-btn.ant-btn-primary[disabled]{opacity:.8}.roll-safe-modal .safe-footer>.ant-btn.ant-btn-danger{background-color:#c34348;border-color:#c34348}
.app-qcode{position:fixed;right:0;background-color:#383e48;z-index:9999;bottom:15%;margin-bottom:180px;padding:10px;padding-top:8px}.app-qcode>.qcode{width:156px;height:156px}.app-qcode>.close{position:absolute;right:0;top:0;width:25px;height:25px;background-color:#23252b;text-align:center;cursor:pointer}.app-qcode>header{margin-bottom:5px}.app-qcode>header .iconfont{font-size:24px;vertical-align:3px;margin-right:3px;margin-left:-3px}.app-qcode>header .text{display:inline-block;font-size:12px;line-height:16px;color:#cfcfcf}.roll-detail-ban-box{text-align:center;margin-top:20px}.roll-detail-ban-box .roll-detail-ban{display:inline-block;text-align:left}