.ap-tip{position:absolute;left:0;top:0;border-radius:5px;background:white;z-index:2000;padding:5px 10px;display:none;font-size:15px;line-height:22px;max-width:300px;box-shadow:0px 5px 20px 0 rgba(0,0,0,0.2)}.ap-trangle{position:absolute}.ap-trangle.ap-align-top{width:14px;height:10px;border-left:7px solid transparent;border-right:7px solid transparent;border-top:10px solid #fff;bottom:-10px}.ap-trangle.ap-align-bottom{width:14px;height:10px;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:10px solid #fff;top:-10px}.ap-trangle.ap-align-left{width:10px;height:14px;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:10px solid #fff;right:-10px}.ap-trangle.ap-align-right{width:10px;height:14px;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:10px solid #fff;left:-10px}.apower-counted-share{font-size:0;height:22px;line-height:22px;margin:0;list-style-type:none;text-align:left;white-space:nowrap;color:#fff;text-align:center}.apower-counted-share,.apower-counted-share *{box-sizing:border-box}.apower-counted-share li{display:inline-block;height:22px;font-weight:bold;margin-right:10px;border-radius:3px;cursor:pointer}.apower-counted-share li:last-child{margin-right:0}.apower-counted-share i{width:30px;height:22px;float:left;background-repeat:no-repeat;background-position:center center}.apower-share-label{display:inline-block;vertical-align:top;overflow:hidden;font-size:12px;margin-top:1px;text-align:right;width:0;transition:width 0.1s linear}.apower-share-count{display:inline-block;text-align:center;vertical-align:top;font-size:14px;width:46px;transition:width 0.1s linear;font-family:Helvetica}.apower-share-google{background:#df4b37}.apower-share-google i{background-image:url("../com/img/counted-share/google-hover.svg")}.apower-share-facebook{background:#3a589e}.apower-share-facebook i{background-image:url("../com/img/counted-share/facebook-hover.svg")}.apower-share-twitter{background:#429cd6}.apower-share-twitter i{background-image:url("../com/img/counted-share/twitter-hover.svg")}.apower-share-pinterest{background:#cd2029}.apower-share-pinterest i{background-image:url("../com/img/counted-share/pinterest-hover.svg")}.apower-share-linkedin{background:#0d77b7}.apower-share-linkedin i{background-image:url("../com/img/counted-share/linkedin-hover.svg")}.apower-share-hatena{background:#cd2029}.apower-share-hatena i{background-image:url("../com/img/counted-share/hatena-hover.svg")}.apower-share-google i{background-position:right center}.apower-share-twitter .apower-share-label{width:46px;text-align:center;position:relative;left:-3px;overflow:hidden;text-overflow:ellipsis}.apower-share-twitter .apower-share-count{display:none}.apower-share-hatena i{background-size:16px auto}.apower-counted-share.apower-share-darkbg .apower-share-google{background:#8d261b}.apower-counted-share.apower-share-darkbg .apower-share-facebook{background:#164b81}.apower-counted-share.apower-share-darkbg .apower-share-twitter{background:#0c748e}.apower-counted-share.apower-share-darkbg .apower-share-pinterest{background:#831717}.apower-counted-share.apower-share-darkbg .apower-share-linkedin{background:#02486d}.apower-counted-share.apower-share-darkbg .apower-share-hatena{background:#831717}.apower-counted-share .apower-share-exit{position:absolute;right:14px;top:0;bottom:0;margin:auto 0;width:24px;height:24px;background:url("../com/img/counted-share/exit.svg") center center no-repeat;cursor:pointer;border-radius:50%}.apower-counted-share .apower-share-exit:hover{background-color:#B12C2C}@media (max-width: 480px){.apower-counted-share .apower-share-label,.apower-counted-share .apower-share-count{display:none}.apower-counted-share i{width:50px;background-position:center center}}.ap-qrcode{position:fixed;z-index:900;box-shadow:0px 0 20px 0 rgba(0,0,0,0.25);padding:10px;background:#fff;display:block;transform:scale(0);transition:transform 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);transform-origin:left center;border-radius:5px}.ap-qrcode img{display:block;width:125px;height:125px}

.agent-popup{position:fixed;box-shadow:0 5px 25px 0 rgba(0,0,0,0.3);border-radius:13px;width:360px;padding:66px 0 13px;background-color:#fff;font-size:16px;line-height:24px;text-align:center;z-index:30000;display:none}.agent-popup,.agent-popup *,.agent-popup ::before,.agent-popup ::after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.agent-popup-wider{width:440px}.agent-popup-wider .agent-popup-msg{text-align:left}.agent-popup.agent-popup-front{position:fixed}.agent-popup.agent-popup-front .agent-popup-trangle{display:none}.agent-popup-icon{position:absolute;top:19px;right:0;left:0;margin:0 auto;width:32px;height:32px;background-repeat:no-repeat;background-position:center center}.agent-popup-head{font-weight:bold;font-size:18px;margin-bottom:15px;margin-left:25px;margin-right:25px}.agent-popup-head a{color:#1874f5}.agent-popup ul{list-style-type:none;margin:0;padding:0}.agent-popup li{margin:5px 0}.agent-popup-msg{margin-bottom:15px;margin-left:25px;margin-right:25px}.agent-popup-msg a{color:#1874f5}.agent-popup-btn{border:none;height:50px;line-height:50px;margin-bottom:6px;margin-left:25px;margin-right:25px;font-size:24px;background:#0c91d4;border-radius:8px}.agent-popup-btn:hover{background:#0970a4}.agent-popup-btn a{color:#fff;text-decoration:none;display:block}.agent-popup-anim{margin-top:15px;margin-bottom:-13px;width:100%}.agent-popup-close{position:absolute;right:7px;top:7px;width:20px;height:20px;cursor:pointer;background:url("../img/agent/msg/close.svg") center center no-repeat}.agent-popup-close:hover{background-image:url("../img/agent/msg/close-hover.svg")}.agent-popup-trangle{position:absolute;left:43%;bottom:-16px;border-left:8px solid transparent;border-right:8px solid #fff;border-top:8px solid #fff;border-bottom:8px solid transparent;-webkit-transform:skewX(30deg);-moz-transform:skewX(30deg);transform:skewX(30deg)}.agent-popup-trangle.ap-align-bottom{bottom:auto;top:-14px;border-left:8px solid transparent;border-right:8px solid #fff;border-top:8px solid transparent;border-bottom:8px solid #fff;-webkit-transform:skewX(-30deg);-moz-transform:skewX(-30deg);transform:skewX(-30deg)}.agent-popup-download{background-image:url("../img/agent/msg/download.svg")}.agent-popup-waiting{background-image:url("../img/agent/msg/waiting.svg");-webkit-animation:rotate 1s linear infinite;-moz-animation:rotate 1s linear infinite;animation:rotate 1s linear infinite}.agent-popup-ok{background-image:url("../img/agent/msg/ok.svg");-webkit-animation:none;-moz-animation:none;animation:none}.agent-popup-error{background-image:url("../img/agent/msg/error.svg")}.agent-popup-alert{background-image:url("../img/agent/msg/closed.svg")}.agent-popup-closed{background-image:url("../img/agent/msg/closed.svg")}.agent-popup-setting{background-image:url("../img/agent/msg/setting.svg")}.agent-popup-start-old{display:inline-block;font-weight:bold;margin-top:10px}@keyframes rotate{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate-anti{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(-360deg);-moz-transform:rotate(-360deg);transform:rotate(-360deg)}}.agent-browser{position:relative;width:360px;height:236.41791px;overflow:hidden;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);transform:translateZ(0)}.agent-browser-screenshot{position:absolute;left:0;top:0;width:800px;height:524px;background-repeat:no-repeat;background-position:center center;-webkit-transform-origin:left top;-moz-transform-origin:left top;transform-origin:left top}.agent-browser-screenshot.agent-ie{background-image:url("../img/agent/browser/ie.png")}.agent-browser-screenshot.agent-ie .agent-click-here{left:457px;top:294px}.agent-browser-screenshot.agent-ie .agent-browser-popup{width:587px;height:56px;left:110px;top:468px;background-image:url("../img/agent/browser/ie-popup.png")}.agent-browser-screenshot.agent-chrome{background-image:url("../img/agent/browser/chrome.png")}.agent-browser-screenshot.agent-chrome .agent-click-here{left:78px;top:298px}.agent-browser-screenshot.agent-chrome .agent-browser-popup{width:804px;height:51px;left:0;top:475px;background-image:url("../img/agent/browser/chrome-popup.png")}.agent-browser-screenshot.agent-firefox{background-image:url("../img/agent/browser/firefox.png")}.agent-firefox-popup-1{position:absolute;left:183px;top:297px;width:434px;height:198px;background-image:url("../img/agent/browser/firefox-popup-1.png")}.agent-firefox-popup-2{position:absolute;left:335px;top:51px;width:394px;height:159px;background-image:url("../img/agent/browser/firefox-popup-2.png")}.agent-firefox-popup-3{position:absolute;left:335px;top:62px;width:394px;height:159px;background-image:url("../img/agent/browser/firefox-popup-3.png")}.agent-click-here{position:absolute;width:218px;height:195px}.agent-browser-mouse{position:absolute;width:40px;height:40px;left:380px;top:240px;background:rgba(254,255,0,0.7);border-radius:50%}.agent-browser-popup{position:absolute}.agent-download-drop{position:absolute;width:40px;height:40px;left:380px;top:240px;background:rgba(197,58,54,0.7);border-radius:50%}.apower-tip-popup{position:absolute;border-radius:5px;background:white;z-index:20000;padding:5px 10px;display:none;font-size:15px;box-shadow:0px 3px 10px 1px rgba(0,0,0,0.2)}.apower-tip-popup .apower-trangle{width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid white;position:absolute;bottom:-7px;left:40%}.apower-powerby{position:absolute;left:50%;top:100%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);transform:translateX(-50%);padding:0 10px;font-size:14px;text-decoration:underline;color:#000;line-height:34px;white-space:nowrap}

.start-video-downloader{width:620px;max-width:100%;margin:0 auto 30px;position:relative;font-size:18px;text-align:center;display:-webkit-flex;display:flex;border-radius:10px}.start-video-downloader,.start-video-downloader *,.start-video-downloader ::before,.start-video-downloader ::after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.start-video-downloader input[type=text]{padding-left:14px;width:100%;height:50px;line-height:30px;border:solid 1px #4c85e8;border-radius:10px 0 0 10px;font-size:18px;outline:none;-webkit-flex:1;flex:1;width:90%\9}.start-video-downloader button{background-image:url("../img/online-video-downloader/main/download.svg");background-repeat:no-repeat;background-position:14px center;height:50px;border:none;border-radius:0 10px 10px 0;padding-left:52px;padding-right:24px;background-color:#3e77e6;color:#fff;cursor:pointer;font-size:18px;position:absolute\9;right:0\9;top:0\9}.start-video-downloader button:hover{background-color:#1c5bd5}.start-video-downloader.ap-active::after{content:'';position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;background:rgba(0,0,0,0.4);z-index:20;border-radius:10px}.start-video-downloader-mid{height:32px;box-shadow:2px 4px 3px 0 #e7e7e7;border-radius:5px}.start-video-downloader-mid input[type=text],.start-video-downloader-mid button{height:32px;line-height:32px;font-size:14px}.start-video-downloader-mid input[type=text]{border-radius:5px 0 0 5px;line-height:32px}.start-video-downloader-mid button{border-radius:0 5px 5px 0;padding:0 13px;background-image:none}.start-video-downloader-mid.ap-active::after{border-radius:5px}.start-video-downloader-purple input[type=text]{border-color:#4f66d8}.start-video-downloader-purple button{background-color:#4f66d8}.start-video-downloader-purple button:hover{background-color:#2c46c8}.start-video-downloader-blue input[type=text]{border-color:#0594fc}.start-video-downloader-blue button{background-color:#0594fc}.start-video-downloader-blue button:hover{background-color:#0277cc}.start-video-downloader-lightblue input[type=text]{border-color:#63c1ff}.start-video-downloader-lightblue button{background-color:#63c1ff}.start-video-downloader-lightblue button:hover{background-color:#0098fc}.apower-video-window{position:fixed;top:0;bottom:0;z-index:100001;width:1000px;max-width:90%;height:640px;padding:40px 40px 52px 50px;margin:auto 0;background:#fff;box-shadow:0 0 30px 0 rgba(0,0,0,0.3);color:#333;font-size:14px;line-height:30px}.apower-video-window,.apower-video-window *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}@media screen and (min-width: 768px){.apower-video-window ::-webkit-scrollbar{height:8px;width:8px;background:#fff}.apower-video-window ::-webkit-scrollbar-thumb{background:#ddd;border-radius:4px}.apower-video-window ::-webkit-scrollbar-thumb:hover{background:#ccc}.apower-video-window ::-webkit-scrollbar-thumb:active{background:#bbb}}.apower-video-window-mask{display:none;position:fixed;z-index:100000;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.6)}.apower-video-window .apower-video-exit{position:absolute;top:14px;right:14px;bottom:0;width:24px;height:24px;background:url("../img/online-video-downloader/api/exit.svg") center center no-repeat;cursor:pointer;border-radius:50%}.apower-video-window .apower-video-exit:hover{background-image:url("../img/online-video-downloader/api/exit-red.svg")}.apower-video-window .apower-video-title{font-family:Helvetica;font-size:27px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:10px}.apower-video-window .apower-video-title a{text-decoration:underline}.apower-video-window .apower-video-content{height:calc(100% - 40px);overflow-y:hidden}.apower-video-window .apower-video-left{float:left;width:50%;padding-right:50px}.apower-video-window .apower-video-ads{margin-top:12px;margin-left:-5px}.apower-video-window .apower-video-ad{color:#717171;line-height:20px;font-size:14px;line-height:17px;padding-left:5px;padding-top:4px;padding-bottom:4px}.apower-video-window .apower-video-ad>a{color:#1874f5}.apower-video-window .apower-video-ad:last-child{margin-bottom:0}.apower-video-window .apower-video-ad:hover{background:#eff6ff}.apower-video-window .apower-video-thumbnail{background:#f5f5f5 url("../img/online-video-downloader/api/thumbnail-bg.svg") center center no-repeat;background-size:100% 100%;height:225px;overflow-y:hidden;position:relative}.apower-video-window .apower-video-thumbnail img{display:block;width:100%;position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.apower-video-window .apower-video-info{height:30px;color:#585858}.apower-video-window .apower-video-info>*{display:inline-block}.apower-video-window .apower-video-time{margin-left:34px}.apower-video-window .apower-video-views{float:right;padding-left:28px;background:url("../img/online-video-downloader/api/views.png") 0 center no-repeat}.apower-video-window .apower-video-tip{color:#ff6500;clear:left;background:url("../img/online-video-downloader/api/tips.png") 0 center no-repeat;font-size:12px;line-height:14px;height:30px;position:relative}.apower-video-window .apower-video-tip>div{position:absolute;top:0;left:0;width:100%;padding-left:24px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.apower-video-window .apower-video-tip-youtube{background:#f5f5f5;display:none;line-height:17px;background:#eef7ff;border:1px solid rgba(98,163,253,0.2);padding:5px 8px}.apower-video-window .apower-video-tip-youtube b{font-weight:normal;color:#333}.apower-video-window .apower-video-tip-youtube>a{color:#1874f5}.apower-video-window .apower-video-try{float:left;clear:left;color:#717171;line-height:17px;font-size:14px;margin-top:20px;margin-bottom:20px}.apower-video-window .apower-video-try>a{color:#1874f5}.apower-video-window .apower-video-right{float:left;width:50%;height:calc(100% - 74px);color:#8a8a8a}.apower-video-window .apower-video-links{padding-top:20px;padding-right:10px;overflow-x:visible;overflow-y:auto;height:calc(100% - 30px);border-top:1px solid #eee;border-bottom:1px solid #eee;margin-left:-5px}.apower-video-window .apower-video-links.apower-has-youtube-tip{border-top:none}.apower-video-window .apower-video-item{margin-left:5px;margin-bottom:20px;line-height:28px}.apower-video-window .apower-video-download-btn{float:right;width:100px;height:28px;padding-left:30px;padding-right:7px;text-align:center;background:#62a3fd url("../img/online-video-downloader/api/download.svg") 12px 6px no-repeat;background-size:14px auto;border-radius:3px;font-size:12px;color:#fff;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.apower-video-window .apower-video-download-btn:hover{text-decoration:none;background-color:#0253c4}.apower-video-window .apower-video-download-btn.apower-video-visited{background-color:#c7defe}.apower-video-window .apower-video-format{float:left;width:65px;height:28px;border-radius:3px;font-size:16px;background-color:#929292;color:#fff;text-align:center;text-transform:uppercase;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.apower-video-window .apower-video-quality{float:left;width:calc(100% - 280px);margin-left:15px;font-size:14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.apower-video-window .apower-video-size{float:left;width:70px;height:28px;color:#999999;font-size:14px;text-align:right;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.apower-video-window .apower-size-loading{background:url("../img/online-video-downloader/api/loading.gif") right center no-repeat}.apower-video-window .apower-counted-share{position:absolute;padding-top:15px;left:0;right:0;bottom:0;height:52px;background:#000}.apower-video-window .apower-single-video-item{height:28px}.apower-video-window .apower-single-video-item:hover{outline:5px solid #eef7ff;background-color:#eef7ff}.apower-video-window .apower-multiple-video-item .apower-multiple-video-header{cursor:pointer;background:#daedff url("../img/online-video-downloader/api/arrow.svg") right 8px top 10px no-repeat;background-size:10px auto}.apower-video-window .apower-multiple-video-item .apower-multiple-video-header:hover{background-color:#daedff}.apower-video-window .apower-multiple-video-item.apower-multiple-video-collapse .apower-multiple-video-header{background-color:#f5f5f5;background-image:url("../img/online-video-downloader/api/arrow-collapse.svg")}.apower-video-window .apower-multiple-video-item.apower-multiple-video-collapse .apower-multiple-video-header:hover{background-color:#eef7ff}.apower-video-window .apower-multiple-video-item.apower-multiple-video-collapse .apower-multiple-video-parts{display:none}.apower-video-window .apower-multiple-video-item .apower-video-quality{width:calc(100% - 100px);overflow:hidden;text-overflow:ellipsis}.apower-video-window .apower-multiple-video-header{margin-bottom:10px;height:28px}.apower-video-window .apower-multiple-video-parts{clear:left;border-bottom:1px solid #f0f0f0;padding-left:calc(100% - 240px);counter-reset:index}.apower-video-window .apower-multiple-video-parts:last-child{border-bottom:none}.apower-video-window .apower-video-index{float:left;width:25px;counter-increment:index;text-align:right}.apower-video-window .apower-video-index::before{content:counter(index) ".";vertical-align:top}.apower-video-window .apower-multiple-video-part{margin-bottom:10px;overflow:hidden}.apower-video-window .apower-multiple-video-part:hover{background-color:#eef7ff}

[v-cloak]{display:none !important}[v-disabled]{pointer-events:none;opacity:0.4}.v-fade-enter{opacity:1}.v-fade-leave{opacity:0}.v-scale-enter{-webkit-transform:none;-moz-transform:none;transform:none}.v-scale-leave{-webkit-transform:scale(0);-moz-transform:scale(0);transform:scale(0)}
.v-drop{display:inline-block;vertical-align:top;padding-right:30px;background:url("img/drop.svg") right 8px center no-repeat;cursor:pointer;color:#b2b2b2}.v-drop:hover{color:#78b4d8;background-image:url("img/drop-hover.svg")}.v-drop.active{color:#3eb5fd;background-image:url("img/drop-active.svg")}.v-drop-menu{position:fixed;z-index:10000;left:0;top:0;background:#fff;border-radius:5px;line-height:30px;padding:10px 0;box-shadow:0 0 30px rgba(0,0,0,0.35);text-align:left;display:none}.v-drop-menu,.v-drop-menu *,.v-drop-menu ::before,.v-drop-menu ::after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-size:15px}.v-drop-menu ul{display:block;-webkit-overflow-scrolling:touch;height:100%;overflow-y:auto;margin:0;list-style-type:none;padding:0}.v-drop-menu li{padding-right:20px;padding-left:20px;cursor:pointer;white-space:nowrap}.v-drop-menu li:hover{background-color:rgba(62,181,253,0.2)}.v-drop-menu li.v-active{background-color:#3eb5fd;color:#fff}.v-drop-menu li a{text-decoration:none;display:block;margin:0 -20px;padding:0 20px;color:#333}.v-drop-menu li a:hover{color:#3eb5fd}.v-drop-menu .v-trangle{position:absolute;top:-7px;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #fff}@media (max-width: 768px){.v-drop-menu{position:fixed;padding:0;top:42px !important;left:0 !important;bottom:0;right:0;box-shadow:none;border-radius:0}.v-drop-menu li{height:80px;line-height:20px;margin:0 5%;border-bottom:1px solid #ccc;color:#555;padding-left:0;font-size:14px;position:relative;white-space:normal}.v-drop-menu li a{display:block;margin:0;padding:0;padding-top:25px}.v-drop-menu li:hover{background-color:transparent}.v-drop-menu .v-trangle{display:none}}
.v-select{display:inline-block;vertical-align:top;border:1px solid #b2b2b2;border-radius:3px;height:30px;background:#fff}.v-select.v-borderless{border:none}.v-select-input{height:100%;width:100%;border:none;padding:0 30px 0 12px;background:transparent url("img/drop.svg") right 14px center no-repeat;line-height:28px}.v-select:hover{border-color:#78b4d8}.v-select:hover .select-input{background-image:url("img/drop-hover.svg")}.v-select.v-active{border-color:#3eb5fd}.v-select.v-active .select-input{background-image:url("img/drop-active.svg")}.v-select-menu{padding-top:5px;padding-bottom:5px;box-shadow:0 0 10px rgba(0,0,0,0.35)}.v-select-menu li{padding-left:10px;padding-right:10px}.v-select-like{display:inline-block;vertical-align:top;border:1px solid #b2b2b2;border-radius:3px;height:30px;padding:0 12px;line-height:28px}.v-select-like.v-borderless{border:none}.v-select-like:hover{border-color:#78b4d8}.v-select-like:focus{border-color:#3eb5fd}.v-select-like:focus:invalid{border-color:red}
.v-file{display:inline-block\9;display:inline-flex;vertical-align:top;border:1px solid #b2b2b2;border-radius:3px;height:30px;line-height:28px}.v-file.v-borderless{border:none}.v-file:hover{border-color:#78b4d8}.v-file.v-active,.v-file:focus{border-color:#3eb5fd}.v-file:focus:invalid{border-color:red}.v-file-input{background:transparent;height:100%;width:100%;border:none;padding:0 8px 0 8px;line-height:28px;flex:1}.v-file-browser{height:100%;padding:0 15px;background:#3eb5fd;color:#fff;cursor:pointer}.v-file-browser:hover{background:#0ca2fc}
.v-win{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:1200px;height:600px;max-width:90%;max-height:100%;background:#fff;border-radius:3px;padding:36px;box-shadow:0 0 50px 0 rgba(0,0,0,0.4);overflow:hidden;-webkit-transition:opacity 0.2s ease-out;-moz-transition:opacity 0.2s ease-out;transition:opacity 0.2s ease-out}.v-win,.v-win *,.v-win ::before,.v-win ::after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-size:14px}.v-win-mask{position:fixed;z-index:1100;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.6);-webkit-transition:opacity 0.2s ease-out;-moz-transition:opacity 0.2s ease-out;transition:opacity 0.2s ease-out;display:none}.v-win-close{position:absolute;right:14px;top:14px;width:24px;height:24px;background:url("img/close.svg") center center no-repeat;cursor:pointer}.v-win-close:hover{background-image:url("img/close-hover.svg")}
.v-share-win{width:360px;height:230px}.v-share-win .v-win-head{padding-left:36px;background:url("img/share.svg") left center no-repeat;font-size:20px;color:#aaa}.v-share-win .v-win-body{margin-top:50px;font-size:0;text-align:center}.v-share-win .v-win-body li{width:57px;height:57px;display:inline-block;margin:0 10px;cursor:pointer;background-size:57px auto;text-align:center}.v-share-win .v-win-body li:first-child{margin-left:0}.v-share-win .v-win-body li:last-child{margin-right:0}.v-facebook{background:url("img/facebook.svg") no-repeat center}.v-facebook:hover{background-image:url("img/facebook-hover.svg")}.v-twitter{background:url("img/twitter.svg") no-repeat center}.v-twitter:hover{background-image:url("img/twitter-hover.svg")}.v-google{background:url("img/google.svg") no-repeat center}.v-google:hover{background-image:url("img/google-hover.svg")}.v-pinterest{background:url("img/pinterest.svg") no-repeat center}.v-pinterest:hover{background-image:url("img/pinterest-hover.svg")}.v-qzone{background:url("img/qzone.svg") no-repeat center}.v-qzone:hover{background-image:url("img/qzone-hover.svg")}.v-weibo{background:url("img/weibo.svg") no-repeat center}.v-weibo:hover{background-image:url("img/weibo-hover.svg")}.v-douban{background:url("img/douban.svg") no-repeat center}.v-douban:hover{background-image:url("img/douban-hover.svg")}
.v-tip{position:fixed;border-radius:5px;background:white;z-index:10000;padding:5px 10px;display:none;font-size:15px;box-shadow:0px 5px 20px 0 rgba(0,0,0,0.2)}.v-tip,.v-tip *,.v-tip ::before,.v-tip ::after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.v-trangle{width:16px;height:10px;border-left:7px solid transparent;border-right:7px solid transparent;border-top:10px solid white;position:absolute;bottom:-10px;left:40%}
.start-video-converter{display:inline-block;font-size:30px;cursor:pointer;height:70px;line-height:70px;background:transparent;padding-right:80px;padding-left:80px;border-radius:70px;position:relative;background:linear-gradient(to right, #02c1ff, #9da4ff);margin-bottom:30px;white-space:nowrap}.start-video-converter.ap-hover .start-video-converter-bg::before{width:100%}.start-video-converter-pointer{width:1px;height:70px;float:left;position:relative;position:relative;z-index:5}.start-video-converter-pointer::before,.start-video-converter-pointer::after{content:"";position:absolute;z-index:4;background:transparent no-repeat}.start-video-converter-pointer::before{width:52px;height:44px;left:-62px;top:0;background-image:url(../img/online-video-converter/main/sel-file-before.svg)}.start-video-converter-pointer::after{width:37px;height:43px;left:-92px;top:-55px;background-image:url(../img/online-video-converter/main/sel-file-after.svg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg)}.start-video-converter-bg{position:absolute;left:0;top:0;z-index:4;width:100%;height:70px;border-radius:35px;overflow:hidden}.start-video-converter-bg::before{content:"";position:absolute;left:0;top:0;z-index:4;width:0%;height:70px;border-radius:70px;-webkit-transition:width 0.5s;-moz-transition:width 0.5s;transition:width 0.5s;background:linear-gradient(to right, #9da4ff, #02c1ff)}.start-video-converter span{position:relative;z-index:5;color:#fff}.start-video-converter.ap-active::after{content:'';position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;background:rgba(0,0,0,0.4);z-index:20;border-radius:35px}.start-video-converter-mid{padding-left:50px;padding-right:50px;line-height:50px;font-size:24px}.start-video-converter-mid,.start-video-converter-mid .start-video-converter-bg,.start-video-converter-mid .start-video-converter-bg::before{height:50px;border-radius:25px}.start-video-converter-mid.ap-active::after{border-radius:25px}.start-video-converter-sml{padding-left:30px;padding-right:30px;line-height:36px;font-size:18px}.start-video-converter-sml,.start-video-converter-sml .start-video-converter-bg,.start-video-converter-sml .start-video-converter-bg::before{height:36px;border-radius:18px}.start-video-converter-sml.ap-active::after{border-radius:18px}.ap-cv{position:fixed;top:0;right:0;bottom:0;left:0;font-family:Verdana, Arial;width:1000px;max-width:90%;min-width:780px;height:680px;padding:50px 30px 30px 30px;margin:auto;background:#fff;box-shadow:0 0 30px 0 rgba(0,0,0,0.3);color:#333;font-size:14px;line-height:30px;border-radius:5px;overflow:hidden}.ap-cv,.ap-cv *,.ap-cv ::before,.ap-cv ::after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}@media screen and (min-width: 768px){.ap-cv ::-webkit-scrollbar{height:8px;width:8px;background:#e1ecf3}.ap-cv ::-webkit-scrollbar-thumb{background:#3eb5fd;border-radius:4px}.ap-cv ::-webkit-scrollbar-thumb:hover{background:#0ca2fc}.ap-cv ::-webkit-scrollbar-thumb:active{background:#0284d3}}.ap-cv-videos{margin-top:10px;height:calc(100% - 130px);overflow-y:auto;border-bottom:1px dashed #dcf1fe}.ap-cv-video{height:110px;padding:24px 0;border-bottom:1px dashed #dcf1fe;padding-left:10px;clear:both}.ap-cv-video:last-child{border-bottom:none}.ap-cv-video:hover{background-color:#edf8fe}.ap-cv-video:hover .ap-cv-progressbar{background:#c6e9fc}.ap-cv-cover{width:120px;height:90px;margin-top:-15px;float:left;border-radius:10px;overflow:hidden;background-size:cover;background-position:center center;background-image:url("../img/online-video-converter/api/cover.svg");margin-right:20px;position:relative;cursor:pointer}.ap-cv-cover.ap-cv-cover-music{background-image:url("../img/online-video-converter/api/cover-music.svg")}.ap-cv-cover::before{content:'';position:absolute;top:0;left:0;bottom:0;right:0;background:url("../img/online-video-converter/api/cover-play.svg") center center no-repeat;display:none}.ap-cv-cover:hover::before{display:block}.ap-cv-info{float:left;width:calc(100% - 400px);white-space:nowrap}.ap-cv-name{font-size:16px;line-height:24px;color:#666;overflow:hidden;text-overflow:ellipsis}.ap-cv-duration,.ap-cv-resolution{display:inline-block;vertical-align:top;margin-top:9px;font-size:14px;line-height:30px;color:#999}.ap-cv-duration{min-width:50px;margin-right:10px}.ap-cv-progress{float:right;width:calc(100% - 160px);margin-top:9px;margin-right:-20px}.ap-cv-completed{display:inline-block;vertical-align:top;font-size:14px;line-height:30px;color:#999;margin-left:10px}.ap-cv-progressbar{display:inline-block;vertical-align:top;width:calc(100% - 60px);height:13px;border-radius:6.5px;background:#edf8fe;margin-top:9px}.ap-cv-progressbar>div{border-radius:6.5px;height:100%}.ap-cv-progressbar>div.apower-progressbar-state-converting{background:#3eb5fd}.ap-cv-progressbar>div.apower-progressbar-state-completed{background:#47ba08}.ap-cv-progressbar>div.apower-progressbar-state-failed{background:#ff9b58}.ap-cv-progressbar>div.apower-progressbar-state-waiting{background:#eddb1f}.ap-cv-actions{float:right;padding-right:10px}.ap-cv-btn-select,.ap-cv-btn-detail,.ap-cv-btn-edit,.ap-cv-btn-delete{float:left;width:40px;height:40px;margin:10px 8px;background-position:center center;background-repeat:no-repeat;cursor:pointer}.ap-cv-btn-select{background-image:url("../img/online-video-converter/api/select.svg")}.ap-cv-btn-select:hover{background-image:url("../img/online-video-converter/api/select-hover.svg")}.ap-cv-btn-detail{background-image:url("../img/online-video-converter/api/details.svg")}.ap-cv-btn-detail:hover{background-image:url("../img/online-video-converter/api/details-hover.svg")}.ap-cv-btn-edit{background-image:url("../img/online-video-converter/api/edit.svg")}.ap-cv-btn-edit:hover{background-image:url("../img/online-video-converter/api/edit-hover.svg")}.ap-cv-btn-delete{background-image:url("../img/online-video-converter/api/delete.svg")}.ap-cv-btn-delete:hover{background-image:url("../img/online-video-converter/api/delete-hover.svg")}.ap-cv-state{float:right;width:100px;margin-top:20px;height:40px;line-height:40px;padding-left:5px;padding-right:10px}.ap-cv-state::before{display:inline-block;margin-right:10px;content:'';width:40px;height:40px;vertical-align:top;background-repeat:no-repeat;background-position:47.5% 50%}.ap-cv-state-completed::before{background-image:url("../img/online-video-converter/api/completed.svg")}.ap-cv-state-converting::before{background-image:url("../img/online-video-converter/api/converting.svg");-webkit-animation:rotate-anti 1s linear infinite;-moz-animation:rotate-anti 1s linear infinite;animation:rotate-anti 1s linear infinite}.ap-cv-state-failed::before{background-image:url("../img/online-video-converter/api/failed.svg")}.ap-cv-state-waiting::before{background-image:url("../img/online-video-converter/api/waiting.svg")}.ap-cv-add{background:#3eb5fd;padding:0 20px;float:left;height:36px;line-height:36px;margin-top:13px;margin-right:20px;border-radius:18px;cursor:pointer;color:#fff}.ap-cv-add:hover{background:#36a6dd}.ap-cv-download{float:left;height:36px;line-height:36px;border-radius:18px;padding:0 25px 0 60px;border:1px solid #8d83fb;margin-top:13px;font-size:11px;color:#8d83fb;background:url("../img/online-video-converter/api/download.svg") 22px center no-repeat;text-decoration:none}.ap-cv-download:hover{color:#fff;background-color:#8d83fb;background-image:url("../img/online-video-converter/api/download-hover.svg");text-decoration:none}.ap-cv-toolbar{height:124px;padding-top:30px}.ap-cv-btns{float:right;margin-top:10px;height:74px;border-left:1px solid #e4f5fe}.ap-cv-btns>div{float:left;width:136px;height:100%;border-right:1px solid #e4f5fe;text-align:center;color:#888}.ap-cv-btns>div>div{margin:-4px 20px 0;padding-top:64px;font-size:14px;line-height:14px;background-position:center calc(50% - 14px);background-repeat:no-repeat;cursor:pointer}.ap-cv-btns>div:hover{color:#3eb5fd}.ap-cv div.ap-cv-format>button{margin-top:3px;min-width:93px;height:36px;padding:0 28px 0 18px;border:1px solid #3eb5fd;color:#3eb5fd;border-radius:18px;background:#fff url("../img/online-video-converter/api/format-select.svg") right 11px center no-repeat}.ap-cv div.ap-cv-format>div{padding-top:25px}.ap-cv div.ap-cv-format:hover button,.ap-cv div.ap-cv-format.apower-format-selecting button{background-color:#3eb5fd;color:#fff;background-image:url("../img/online-video-converter/api/format-select-hover.svg")}.ap-cv div.ap-cv-format.apower-format-selecting{color:#3eb5fd}.ap-cv-setup>div{background-image:url("../img/online-video-converter/api/setup.svg")}.ap-cv-setup>div:hover{background-image:url("../img/online-video-converter/api/setup-hover.svg")}.ap-cv div.ap-cv-convert>div{margin-top:-5px;background-image:url("../img/online-video-converter/api/convert.svg")}.ap-cv div.ap-cv-convert>div:hover{background-image:url("../img/online-video-converter/api/convert-hover.svg")}.ap-cv div.ap-cv-convert.ap-cv-converting{color:#ff792e}.ap-cv div.ap-cv-convert.ap-cv-converting>div{margin-top:-5px;background-image:url("../img/online-video-converter/api/stop-convert.svg");background-position:center top}.ap-cv div.ap-cv-convert.ap-cv-converting>div:hover{color:#fa5a00;background-image:url("../img/online-video-converter/api/stop-convert-hover.svg")}.ap-cv-close>div{background-image:url("../img/online-video-converter/api/close.svg")}.ap-cv-close>div:hover{background-image:url("../img/online-video-converter/api/close-hover.svg")}.ap-cv-open>div{background-image:url("../img/online-video-converter/api/open.svg")}.ap-cv-open>div:hover{background-image:url("../img/online-video-converter/api/open-hover.svg")}.ap-cv-share>div{background-image:url("../img/online-video-converter/api/share.svg")}.ap-cv-share>div:hover{background-image:url("../img/online-video-converter/api/share-hover.svg")}.ap-cv-formats{position:absolute;left:0;right:0;bottom:140px;background:#f6f7f9;padding:15px 40px;-webkit-transform-origin:calc(100% - 360px) calc(100% + 23px);-moz-transform-origin:calc(100% - 360px) calc(100% + 23px);transform-origin:calc(100% - 360px) calc(100% + 23px);-webkit-transition:-webkit-transform .3s cubic-bezier(0.215, 0.61, 0.355, 1);-moz-transition:-moz-transform .3s cubic-bezier(0.215, 0.61, 0.355, 1);transition:transform .3s cubic-bezier(0.215, 0.61, 0.355, 1)}.ap-cv-output{color:#a4a4a4;margin-bottom:5px}.ap-cv-output span{color:#3eb5fd}.ap-cv-packup{float:right;padding:0 10px 0 38px;height:30px;line-height:30px;color:#fff;border-radius:3px;background:#3eb5fd url("../img/online-video-converter/api/packup.svg") 11px center no-repeat;cursor:pointer}.ap-cv-packup:hover{background-color:#0ca2fc}.ap-cv-format-video,.ap-cv-format-audio{line-height:30px;padding:8px 0 8px 40px}.ap-cv-format-video label,.ap-cv-format-audio label{padding-right:8px;font-size:12px}.ap-cv-format-video span,.ap-cv-format-audio span{width:65px}.ap-cv-format-video{background:url("../img/online-video-converter/api/type-video.svg") 0 center no-repeat}.ap-cv-format-audio{background:url("../img/online-video-converter/api/type-audio.svg") 0 center no-repeat}.ap-cv-radio{cursor:pointer}.ap-cv-radio input[type=radio]{display:none}.ap-cv-radio span{display:inline-block;vertical-align:top;padding-left:27px;background:url("../img/online-video-converter/api/radio.svg") left center no-repeat;color:#a4a4a4}.ap-cv-radio input[type=radio]:checked+span{background-image:url("../img/online-video-converter/api/radio-checked.svg");color:#3eb5fd}.ap-cv-radio:hover span{background-image:url("../img/online-video-converter/api/radio-hover.svg");color:#71add1}.ap-cv-set{position:absolute;left:0;right:0;top:0;bottom:0;background:#fff;-webkit-transform-origin:calc(100% - 235px) calc(100% - 100px);-moz-transform-origin:calc(100% - 235px) calc(100% - 100px);transform-origin:calc(100% - 235px) calc(100% - 100px);-webkit-transition:-webkit-transform .3s cubic-bezier(0.215, 0.61, 0.355, 1);-moz-transition:-moz-transform .3s cubic-bezier(0.215, 0.61, 0.355, 1);transition:transform .3s cubic-bezier(0.215, 0.61, 0.355, 1)}.ap-cv-set-tog{height:95px;border-bottom:1px solid #edf8fe;background:#f6f7f9;text-align:center}.ap-cv-set-tog>div{display:inline-block;width:50%;height:56px;margin-top:19px}.ap-cv-set-tog>div:nth-child(n+2){border-left:1px solid #f4f4f4}.ap-cv-set-tog>div:only-child{width:100%}.ap-cv-set-tog>div:only-child>div{cursor:default}.ap-cv-set-tog>div>div{margin-top:-19px;margin-bottom:-19px;height:94px;padding-top:55px;background-repeat:no-repeat;background-position:center 35%;color:#a8a8a8;font-size:12px;cursor:pointer}.ap-cv-set-tog>div>div:hover{opacity:0.6}.ap-cv-set-tog>div>div.ap-active{opacity:1;background-color:#edeff3}.ap-cv-set-video>div{background-image:url("../img/online-video-converter/api/setup-video.svg")}.ap-cv-set-video>div:hover,.ap-cv-set-video>div.ap-active{color:#3eb5fd;background-image:url("../img/online-video-converter/api/setup-video-active.svg")}.ap-cv-set-audio>div{background-image:url("../img/online-video-converter/api/setup-audio.svg")}.ap-cv-set-audio>div:hover,.ap-cv-set-audio>div.ap-active{color:#3eb5fd;background-image:url("../img/online-video-converter/api/setup-audio-active.svg")}.ap-cv-set-other>div{background-image:url("../img/online-video-converter/api/setup-other.svg")}.ap-cv-set-other>div:hover,.ap-cv-set-other>div.ap-active{color:#3eb5fd;background-image:url("../img/online-video-converter/api/setup-other-active.svg")}.ap-cv-set-tab{height:460px;line-height:40px;text-align:center;padding-top:50px;overflow-y:auto}.ap-cv-set-item{width:500px;margin:0 auto;padding-top:15px;padding-bottom:15px;text-align:left;clear:both;overflow:hidden}.ap-cv-set-item label{float:left;vertical-align:top;width:180px;height:40px;line-height:40px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:10px}.ap-cv-set-item .v-select,.ap-cv-set-item .v-file{float:left;width:320px;height:40px;line-height:38px}.ap-cv-set-extend{padding-left:150px;margin-top:10px;float:right}.ap-cv-set-input{float:left;width:155px;height:40px;line-height:40px;margin-right:10px}.ap-cv-set-input:last-of-type{margin-right:0}.ap-cv-set-bitrate-input{width:260px}.ap-cv-set-kbps{display:inline-block;float:left;width:60px;padding-left:10px}.ap-cv-set-btns{margin:30px auto;width:500px}.ap-cv-set-ok,.ap-cv-set-close,.ap-cv-set-reset{display:inline-block;vertical-align:top;width:153.33333px;height:40px;line-height:40px;text-align:center;border-radius:3px;cursor:pointer;margin-right:20px}.ap-cv-set-ok:last-child,.ap-cv-set-close:last-child,.ap-cv-set-reset:last-child{margin-right:0}.ap-cv-set-ok{background:#3eb5fd;color:#fff}.ap-cv-set-ok:hover{background:#0ca2fc}.ap-cv-set-close,.ap-cv-set-reset{color:#3eb5fd;border:1px solid #3eb5fd}.ap-cv-set-close:hover,.ap-cv-set-reset:hover{background:#ecf8ff}.ap-cv-set-size-input{width:130px}.ap-cv-set-to{float:left;width:50px;text-align:center;padding-right:10px;white-space:nowrap}.ap-cv-set-crop-input{width:100px}.ap-cv-set-crop-label,.ap-cv-set-crop-symbol{float:left;text-align:left;padding-right:10px;white-space:nowrap}.ap-cv-set-crop-label{width:90px}.ap-cv-set-crop-symbol{width:20px;text-align:center}.ap-cv-det{width:610px;height:512px;padding:0}.ap-cv-det-info{padding:10px 30px;overflow:hidden;border-bottom:1px solid #daf1ff}.ap-cv-det .ap-cv-info{width:520px;margin-right:0}.ap-cv-det .ap-cv-name{padding-top:18px;padding-bottom:10px;font-weight:bold}.ap-cv-det-head{color:#1daaff;font-size:14px;padding:20px 30px 0}.ap-cv-det-sets{height:439px;background:#f9fdff}.ap-cv-det-set{overflow:hidden}.ap-cv-det-meta{width:100%;float:left;color:#999;font-size:12px}.ap-cv-det-meta>div{height:30px;padding:0 30px;line-height:30px;position:relative;color:#9e9e9e}.ap-cv-det-meta>div span{color:#333}.ap-cv-det .ap-cv-output-meta{display:none}.ap-cv-det.ap-cv-converted .ap-cv-det-sets{background:#f9fdff url("../img/online-video-converter/api/to.svg") 45% center no-repeat}.ap-cv-det.ap-cv-converted .ap-cv-det-meta{width:50%}.ap-cv-det.ap-cv-converted .ap-cv-output-meta{display:block}.ap-cv-msg{width:500px;height:250px;text-align:center}.ap-cv-msg-text{font-size:16px;margin-top:20px;margin-bottom:30px}.ap-cv-msg .ap-cv-btns{display:inline-block;float:none}.ap-cv-only-audio .ap-cv-set-video{display:none}.ap-cv-only-audio .ap-cv-set-audio{width:100%}.ap-cv-only-audio .ap-cv-format-video{display:none}.ap-cv-only-audio .ap-cv-resolution{display:none}.ap-cv-only-video .ap-cv-set-audio{display:none}.ap-cv-only-video .ap-cv-set-video{width:100%}

.start-screen-recording,.start-screen-recording-mid,.start-screen-recording-big{display:inline-block;vertical-align:middle;text-align:center;position:relative;border:none;white-space:nowrap;cursor:pointer;background-image:linear-gradient(to right, #1fb5c9, #2f84e3, #843be7);padding:2px;-webkit-transition:color 0.3s ease;-moz-transition:color 0.3s ease;transition:color 0.3s ease;margin-bottom:30px}.start-screen-recording,.start-screen-recording *,.start-screen-recording ::before,.start-screen-recording ::after,.start-screen-recording-mid,.start-screen-recording-mid *,.start-screen-recording-mid ::before,.start-screen-recording-mid ::after,.start-screen-recording-big,.start-screen-recording-big *,.start-screen-recording-big ::before,.start-screen-recording-big ::after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.start-screen-recording.ap-hover,.start-screen-recording.ap-active,.start-screen-recording-mid.ap-hover,.start-screen-recording-mid.ap-active,.start-screen-recording-big.ap-hover,.start-screen-recording-big.ap-active{color:#fff}.start-screen-recording.ap-hover::before,.start-screen-recording.ap-active::before,.start-screen-recording-mid.ap-hover::before,.start-screen-recording-mid.ap-active::before,.start-screen-recording-big.ap-hover::before,.start-screen-recording-big.ap-active::before{right:0;opacity:1}.start-screen-recording::before,.start-screen-recording-mid::before,.start-screen-recording-big::before{content:'';position:absolute;top:0;right:100%;bottom:0;left:0;opacity:0;height:100%;background-image:linear-gradient(to right, #1fb5c9, #2f84e3, #843be7);-webkit-transition:right 0.4s cubic-bezier(0.39, 0.575, 0.565, 1),opacity 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);-moz-transition:right 0.4s cubic-bezier(0.39, 0.575, 0.565, 1),opacity 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);transition:right 0.4s cubic-bezier(0.39, 0.575, 0.565, 1),opacity 0.5s cubic-bezier(0.39, 0.575, 0.565, 1)}.start-screen-recording>div,.start-screen-recording-mid>div,.start-screen-recording-big>div{height:100%;background:#fff}.start-screen-recording .rec-dot,.start-screen-recording-mid .rec-dot,.start-screen-recording-big .rec-dot{display:inline-block;vertical-align:top;position:relative;border-radius:50%;z-index:10;border:1px solid #8d3937;background:#fff;-webkit-transition:background 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);-moz-transition:background 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);transition:background 0.3s cubic-bezier(0.39, 0.575, 0.565, 1)}.start-screen-recording .rec-dot::before,.start-screen-recording-mid .rec-dot::before,.start-screen-recording-big .rec-dot::before{content:'';display:block;border-radius:50%;background:#c53a36;height:100%}.start-screen-recording span,.start-screen-recording-mid span,.start-screen-recording-big span{position:relative;z-index:10;vertical-align:top}.start-screen-recording.ap-active,.start-screen-recording-mid.ap-active,.start-screen-recording-big.ap-active{cursor:default}.start-screen-recording.ap-active .rec-dot,.start-screen-recording.ap-active span,.start-screen-recording-mid.ap-active .rec-dot,.start-screen-recording-mid.ap-active span,.start-screen-recording-big.ap-active .rec-dot,.start-screen-recording-big.ap-active span{opacity:0.8}.start-screen-recording.ap-active::after,.start-screen-recording-mid.ap-active::after,.start-screen-recording-big.ap-active::after{content:'';position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;background:rgba(0,0,0,0.5);z-index:20}.start-screen-recording:active,.start-screen-recording-mid:active,.start-screen-recording-big:active{background-color:transparent}.start-screen-recording{font-size:15px;height:37px;border-radius:18.5px;min-width:120px;line-height:35px}.start-screen-recording::before{-webkit-transition:opacity 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);-moz-transition:opacity 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);transition:opacity 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);border-radius:18.5px}.start-screen-recording>div{padding:0 23px 0 18px;border-radius:16.5px;-webkit-transition:background-color 0.3s ease;-moz-transition:background-color 0.3s ease;transition:background-color 0.3s ease}.start-screen-recording.ap-hover>div,.start-screen-recording.ap-active>div{background-color:transparent}.start-screen-recording .rec-dot{margin-right:7px;margin-top:7px;height:18px;width:18px;padding:2px}.start-screen-recording.ap-active::after{border-radius:18.5px}.start-screen-recording-mid{font-size:20px;height:45px;border-radius:22.5px;min-width:160px;line-height:41px}.start-screen-recording-mid::before{border-radius:22.5px}.start-screen-recording-mid>div{padding:0 25px 0 20px;border-radius:20.5px}.start-screen-recording-mid .rec-dot{margin-right:10px;margin-top:10px;height:20px;width:20px;padding:3px}.start-screen-recording-mid.ap-active::after{border-radius:22.5px}.start-screen-recording-big{font-size:30px;height:72px;border-radius:14px;padding:3px;min-width:240px;line-height:66px}.start-screen-recording-big::before{border-radius:14px}.start-screen-recording-big>div{padding:0 35px 0 30px;border-radius:12px}.start-screen-recording-big .rec-dot{border:2px solid #8d3937;margin-right:16px;margin-top:16px;height:33px;width:33px;padding:4px}.start-screen-recording-big.ap-active::after{border-radius:14px}.recording-style-green{background:#0faab0;border-radius:0;color:#fff}.recording-style-green::before{background-image:linear-gradient(to right, #0faab0, #90c761);border-radius:0}.recording-style-green>div{background:none;border-radius:0}.recording-style-green .rec-dot{border:4px solid #3fbbc0;background-color:#d92c2c;padding:2px}.recording-style-green .rec-dot::before{background-color:#fff}.recording-style-green.ap-hover .rec-dot,.recording-style-green.ap-active .rec-dot{background-color:#fff}.recording-style-green.ap-hover .rec-dot::before,.recording-style-green.ap-active .rec-dot::before{background-color:#d92c2c}.recording-style-green.ap-hover::after,.recording-style-green.ap-active::after{border-radius:0}.recording-style-blue{background-color:#fff;border-radius:8px;color:#000;background-image:linear-gradient(to right, #00a9f5, #35cba3)}.recording-style-blue::before{background-image:linear-gradient(to right, #00a9f5, #35cba3);border-radius:8px;z-index:10}.recording-style-blue>div{border-radius:6px}.recording-style-blue .rec-dot{border:2px solid #feeeee;background-color:#fcbebe;padding:3px;z-index:20}.recording-style-blue .rec-dot::before{background-color:#f75353}.recording-style-blue span{z-index:30}.recording-style-blue.ap-hover,.recording-style-blue.ap-active{color:#fff}.recording-style-blue.ap-hover .rec-dot,.recording-style-blue.ap-active .rec-dot{border-color:#159dd5;background-color:#3c7198}.recording-style-blue.ap-hover .rec-dot::before,.recording-style-blue.ap-active .rec-dot::before{background-color:#f38888}.recording-style-blue.ap-active::after{border-radius:8px}.recording-style-blue.start-screen-recording-big,.recording-style-blue.start-screen-recording-big::before,.recording-style-blue.start-screen-recording-big.ap-active::after{border-radius:14px}.recording-style-blue.start-screen-recording-big>div{border-radius:12px}.recording-style-black{background:#000;color:#fff}.recording-style-black::before{background:#d92c2c}.recording-style-black>div{background:none}.recording-style-black .rec-dot{border:none;background:#fff;padding:5px}.recording-style-black .rec-dot::before{background-color:#f75353}.recording-style-black.ap-hover .rec-dot,.recording-style-black.ap-active .rec-dot{background-color:#a30b0b}.recording-style-black.ap-hover .rec-dot::before,.recording-style-black.ap-active .rec-dot::before{background-color:#fff}.recording-style-orange{color:#f75353;background-image:linear-gradient(to right, #f6a851, #feda58)}.recording-style-orange::before{background-image:linear-gradient(to right, #f6a851, #feda58)}.recording-style-orange .rec-dot{border:1px solid #f75353;background-color:#fff;padding:4px}.recording-style-orange .rec-dot::before{background-color:#f75353}.recording-style-orange.ap-hover,.recording-style-orange.ap-active{color:#fff}.recording-style-orange.ap-hover .rec-dot,.recording-style-orange.ap-active .rec-dot{border-color:#fff;background-color:transparent}.recording-style-orange.ap-hover .rec-dot::before,.recording-style-orange.ap-active .rec-dot::before{background-color:#fff}