.bjy-attention-detection{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;text-align:center;color:$color-text-content;font-size:14px;font-family:'PingFangSC-Light','Helvetica Neue','Hiragino Sans GB','STHeiti','Microsoft YaHei','Microsoft JhengHei',Helvetica,Arial,sans-serif}.bjy-attention-detection[data-skin='dark']{background:#000}.bjy-attention-detection[data-skin='dark'] .bjy-input{background:#000;color:#fff}.bjy-attention-detection *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bjy-attention-detection .icon{color:$icon-default-color}.bjy-attention-detection .bjy-input{-webkit-box-flex:.95;-webkit-flex-grow:.95;-moz-box-flex:.95;-ms-flex-positive:.95;flex-grow:.95;padding:0 8px;height:32px}.bjy-attention-detection-time{text-align:right;-webkit-box-flex:1;-webkit-flex-grow:1;-moz-box-flex:1;-ms-flex-positive:1;flex-grow:1;padding-right:10px}.bjy-attention-detection-time a{color:#1e5eff;text-decoration:underline;cursor:pointer;margin-left:18px}.bjy-attention-detection-container{width:100%;height:320px;padding:6px 8px;position:relative}.bjy-attention-detection-container > div{width:100%;height:100%}.bjy-attention-detection-container > div .bjy-row{width:100%;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;font-size:14px}.bjy-attention-detection-container > div .bjy-row label span{color:#1e5eff}.bjy-attention-detection-container > div .bjy-button{padding:6px 36px;background:#1e5eff;color:#fff;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;cursor:pointer;position:relative}.bjy-attention-detection-container > div .bjy-button-disabled{background:#dfdfdf;color:#999;cursor:not-allowed}.bjy-attention-detection-container > div .bjy-button-tips{position:absolute;min-width:158px;bottom:40px;padding:12px 16px;color:#fff;background:#3d4d69;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.bjy-attention-detection-container > div .bjy-button-tips:after{content:'';position:absolute;bottom:-10px;left:0;right:0;margin:auto;width:0;height:0;border:5px solid;border-color:#3d4d69 transparent transparent transparent}.bjy-attention-detection-container > div .bjy-low-attention-user-list{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;height:200px;overflow:auto;-webkit-align-content:flex-start;-ms-flex-line-pack:start;align-content:flex-start}.bjy-attention-detection-container > div .bjy-low-attention-user-list .bjy-low-attention-user-item{width:135px;height:32px;line-height:32px;padding:0 10px;margin:6px 5px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;border:$border-grey;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.bjy-attention-detection-container > div .bjy-low-attention-user-list .bjy-low-attention-user-item-name{width:100px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}.bjy-attention-detection-container > div .bjy-low-attention-footer{position:absolute;bottom:6px;left:8px;right:8px;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;padding-top:10px;border-top:$color-grey;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}.bjy-attention-detection-icon{background:url("img/attention-icon.svg");width:96px;height:96px;margin:auto;margin-top:48px}.bjy-attention-detection-icon-loading{background:url("img/attention-loading.svg");-webkit-animation:ani-spin 3s linear infinite;-moz-animation:ani-spin 3s linear infinite;-o-animation:ani-spin 3s linear infinite;animation:ani-spin 3s linear infinite}.bjy-attention-detection-tips{margin-top:9px;color:#999}.bjy-attention-detection-tips a{text-decoration:underline;color:#1e5eff;cursor:pointer}@-webkit-keyframes ani-spin{from{-webkit-transform:rotate(0);transform:rotate(0)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-moz-keyframes ani-spin{from{-moz-transform:rotate(0);transform:rotate(0)}50%{-moz-transform:rotate(180deg);transform:rotate(180deg)}to{-moz-transform:rotate(360deg);transform:rotate(360deg)}}@-o-keyframes ani-spin{from{-o-transform:rotate(0);transform:rotate(0)}50%{-o-transform:rotate(180deg);transform:rotate(180deg)}to{-o-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes ani-spin{from{-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}50%{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}to{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}