.agent-popup{width:auto;min-width:340px;min-height:130px;border-radius:5px;box-shadow:0 10px 20px rgba(0,0,0,.15);background-color:#fff;font-family:Arial;text-align:center;padding:30px 20px;position:absolute;top:100px;left:500px;border:1px solid #eee}.agent-popup-trangle{width:14px;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:13px solid #fff;position:absolute;bottom:-21px;left:50%;transform:unset}.agent-popup-head{font-size:22px;font-weight:400;color:#333;background-repeat:no-repeat;background-size:25px;background-position:left top;margin-left:0;margin-right:0;margin-bottom:0;padding-bottom:1px;padding-left:35px;display:inline-block}.agent-popup-head a{color:inherit}.agent-popup-icon{position:unset;margin:0;width:30px;height:30px;background-size:cover;display:block;float:left}.agent-popup-msg{margin:15px 0 0;font-size:16px;color:#999}.agent-popup-msg a{color:#999;text-decoration:none;border-bottom:1px solid #999;padding-bottom:1px;transition:color .2s ease}.agent-popup-msg a:hover{color:#1874f5;border-color:#1874f5}.agent-popup-download{background-image:url(../img/agent/download.svg);background-size:25px 25px}.agent-popup-warning{background-image:url(../img/agent/warning.svg);background-size:25px 25px}.agent-popup .download-iframe{display:none}.install-warning-box{position:fixed;bottom:35px;left:15px;z-index:999999;min-width:210px;height:60px;background-color:#222;text-align:center;padding:15px 10px 10px;border-radius:5px;box-shadow:0 10px 20px rgba(0,0,0,.3);animation:warning 1s ease 1}.install-warning-box span{color:#fff;padding-left:30px;background-image:url(../img/agent/tips.svg);background-repeat:no-repeat;background-size:19px 19px;background-position:0 0;padding-bottom:2px}.install-warning-box .arrow{width:14px;height:7px;border-left:7px solid transparent;border-right:7px solid transparent;border-top:13px solid #222;position:absolute;bottom:-13px;left:50%;transform:translateX(-50%)}.start-record-index{font-family:Arial;text-align:center;position:relative;display:inline-block;background:#597efa;color:#fff;height:60px;border-radius:31px;width:325px;overflow:hidden;margin-top:50px;-webkit-transition:box-shadow .3s ease-in-out,margin-top .3s ease-in-out,background-color .3s ease-in-out;-moz-transition:box-shadow .3s ease-in-out,margin-top .3s ease-in-out,background-color .3s ease-in-out;transition:box-shadow .3s ease-in-out,margin-top .3s ease-in-out,background-color .3s ease-in-out}.start-record-index:lang(fr),.start-record-index:lang(it),.start-record-index:lang(pl){width:340px}.start-record-index>div{height:60px;line-height:60px;margin:0 auto;cursor:pointer;border-radius:28px}.start-record-index>div .cover{width:50%;height:100%;border-radius:31px;position:absolute;left:-50%;top:0;background:#597efa;-webkit-transition:background-color width .3s ease-in-out;-moz-transition:background-color width .3s ease-in-out;transition:background-color width .3s ease-in-out}.start-record-index>div i{display:inline-block;width:21px;height:100%;margin-right:6px;vertical-align:top;position:relative}.start-record-index>div i::before{content:"";display:block;position:absolute;top:50%;left:0;width:21px;height:21px;background:#fff;border-radius:50%;z-index:10;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%)}.start-record-index>div i::after{content:"";display:block;position:absolute;top:50%;left:5px;width:11px;height:11px;background:#ec313f;border-radius:50%;-webkit-transition:-webkit-transform .4s ease-in-out;-moz-transition:-moz-transform .4s ease-in-out;transition:transform .4s ease-in-out;z-index:10;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%)}.start-record-index>div>span{position:relative;font-size:20px;font-family:roboto-regular;max-width:85%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block}.start-record-index:hover{margin-top:48px;background-color:#4f73ed;box-shadow:0 10px 20px 0 rgba(0,87,237,.2)}.start-record-index:hover>div i::after{-webkit-transform:translateY(-50%) scale(1.15);-moz-transform:translateY(-50%) scale(1.15);transform:translateY(-50%) scale(1.15);-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;transform-origin:50% 50%}.start-record-index:hover>div .cover{background-color:#4f73ed}.start-record-index.ap-running{background:rgba(89,126,250,.35)}.start-record-index.ap-running i{display:none}.start-record-index.ap-running .cover{animation:aprunning 1s infinite}.start-record-index.ap-updating{background:rgba(89,126,250,.35)}.start-record-index.ap-updating .cover{border-radius:0}.start-record-index.ap-installing .cover{border-radius:0;animation:installing 1.5s 1 forwards}.start-record-index.ap-active{left:0;background:rgba(89,126,250,.35)}.start-record-index.ap-active i{display:none}.start-record-index.ap-active .cover{opacity:1}.start-record-index.stop-running{background:rgba(89,126,250,.35)}.start-record-index.stop-running .cover{left:0;width:60%!important}.start-record-index.record-icon,.start-record-index.user-center-recorder{width:160px;height:36px;line-height:36px;margin:12px 20px 0 0}.start-record-index.record-icon>div,.start-record-index.user-center-recorder>div{height:36px;line-height:36px}.start-record-index.record-icon>div span,.start-record-index.user-center-recorder>div span{color:#fff;font-size:14px;font-family:roboto-bold}.start-record-index.record-icon>div span:lang(zh),.start-record-index.record-icon>div span:lang(ja),.start-record-index.record-icon>div span:lang(tw),.start-record-index.user-center-recorder>div span:lang(zh),.start-record-index.user-center-recorder>div span:lang(ja),.start-record-index.user-center-recorder>div span:lang(tw){font-weight:700}.start-record-index.record-icon>div i,.start-record-index.user-center-recorder>div i{width:17px}.start-record-index.record-icon>div i::before,.start-record-index.user-center-recorder>div i::before{width:17px;height:17px}.start-record-index.record-icon>div i::after,.start-record-index.user-center-recorder>div i::after{width:9px;height:9px;left:4px}.start-record-index.record-icon.ap-active,.start-record-index.record-icon.ap-running,.start-record-index.record-icon.stop-running,.start-record-index.user-center-recorder.ap-active,.start-record-index.user-center-recorder.ap-running,.start-record-index.user-center-recorder.stop-running{background:#ddd}.start-record-index.record-icon{width:22px;height:22px;margin-top:20px;margin-right:40px;overflow:hidden;background-color:transparent}.start-record-index.record-icon>div{height:22px;line-height:22px}.start-record-index.record-icon>div i{width:22px;margin:0}.start-record-index.record-icon>div i::before{width:22px;height:22px;border:2px solid #333}.start-record-index.record-icon>div i::after{background:#ff0e3c;width:12px;height:12px;left:50%;transform:translate(-50%,-50%)}.start-record-index.record-icon.ap-active i{display:block}.start-record-index.record-icon span,.start-record-index.record-icon .cover{display:none}.start-record-index.record-icon:hover{background-color:transparent}.start-record-index.record-icon:hover>div i::after{-webkit-transform:translate(-50%,-50%) scale(1.15);-moz-transform:translate(-50%,-50%) scale(1.15);transform:translate(-50%,-50%) scale(1.15);-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;transform-origin:50% 50%}.start-record-index.record-icon:hover>div .cover{background-color:transparent}.start-record-index.user-center-recorder{height:40px;line-height:40px;width:200px;border-radius:5px;margin:0 20px}.start-record-index.user-center-recorder>div{height:40px;line-height:40px}.start-record-index.user-center-recorder>div span{font-size:16px}.start-record-index.user-center-recorder>div i{display:none!important}.start-record-index.user-center-recorder>div .cover{border-radius:0!important}.start-record-index.user-center-recorder:hover{margin-top:-2px}@media(max-width:768px){.record-box{display:none}}@keyframes launching{0%{left:20%}50%{left:50%}100%{left:60%}}@keyframes aprunning{from{left:-50%}to{left:100%}}@keyframes warning{from{bottom:-60px}to{bottom:10px}}@keyframes installing{0%{width:80%}20%{width:82%}40%{width:85%}50%{width:90%}100%{width:98%}}.reccloud .start-record-index{margin-top:40px;background:#34c25a}.reccloud .start-record-index>div .cover{background:#34c25a}.reccloud .start-record-index:hover{margin-top:42px;background-color:#30aa30;box-shadow:none}.reccloud .start-record-index:hover>div .cover{background-color:#30aa30}.reccloud .start-record-index.ap-running{background:rgba(52,194,90,.35)}.reccloud .start-record-index.ap-updating{background:rgba(52,194,90,.35)}.reccloud .start-record-index.ap-active{left:0;background:rgba(52,194,90,.35)}.reccloud .start-record-index.stop-running{background:rgba(52,194,90,.35)}.reccloud .start-record-index.user-center-recorder{margin-top:0}.reccloud .start-record-index.user-center-recorder:hover{margin-top:2px}.reccloud .start-record-index.record-icon{margin-top:20px}.reccloud .start-record-index.record-icon:hover{margin-top:20px}