.none{display:none}.cf:after,.cf:before{display:table;content:" "}.cf:after,.clear{clear:both}.tleft{text-align:left}.tright{text-align:right}.tcenter{text-align:center}.curpointer{cursor:pointer}@font-face{font-family:'Open Sans';src:url(/main/assets/fonts/OpenSans-Regular.eot);src:url(/main/assets/fonts/OpenSans-Regular.eot?#iefix) format('embedded-opentype'),url(/main/assets/fonts/OpenSans-Regular.woff) format('woff'),url(/main/assets/fonts/OpenSans-Regular.ttf) format('truetype'),url(/main/assets/fonts/OpenSans-Regular.svg#OpenSansRegular) format('svg');font-weight:400;font-style:normal}@font-face{font-family:'Open Sans';src:url(/main/assets/fonts/OpenSans-Bold.eot);src:url(/main/assets/fonts/OpenSans-Bold.eot?#iefix) format('embedded-opentype'),url(/main/assets/fonts/OpenSans-Bold.woff) format('woff'),url(/main/assets/fonts/OpenSans-Bold.ttf) format('truetype'),url(/main/assets/fonts/OpenSans-Bold.svg#OpenSansRegular) format('svg');font-weight:700;font-style:normal}body,html{background:#fff;margin:0;padding:0;font-size:14px;font-smoothing:antialiased;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#555;min-height:100vh}.fullscreen{width:100%;min-height:100%;height:100%;position:fixed;top:0;left:0;z-index:999999}.description-text{text-decoration:underline;color:gray;font-size:14px}.bonus-point .popup video,img{max-width:100%}body,h1,h2,h3,h4,h5,h6,html{font-family:'Open Sans','Helvetica Neue','Hiragino Sans GB','WenQuanYi Micro Hei','Microsoft YaHei','微软雅黑',Helvetica,Arial,sans-serif}.bit-content .bit-question i,i{font-style:italic}.wrap{margin:0 auto}.wrap-example{max-width:650px}.content,.wrap-example>.content{background:#fff}.mask{display:none;z-index:999999;padding:0;margin:0;top:0;left:0;width:100%;height:100%}.bar-header,.mask{position:fixed;background:0 0}.bar-header .button,.bar-header .title{color:#fff}.bar-footer{position:fixed;background:#fff}.bar-footer .button.button-small{font-size:12px}.bar-footer .button.button-small .icon:before{font-size:14px;line-height:28px}.button-full{border-radius:24px;font-size:18px;margin:0 auto;max-width:280px}.button{white-space:nowrap}.button.button-clear{text-decoration:none}.button-blue-link{background:0 0;border:none;color:#387ef5;width:100%}.button.button-positive{background:0 0;border:none!important}.button.button-positive:hover{background:0 0;opacity:.8}.button.button-positive:active{background:0 0;opacity:.9}.button.button-positive:focus{background:0 0;opacity:.9}.button.button-positive.activated{background:0 0;opacity:.9}.popup-buttons .button{white-space:normal}.nodes{border-top:1px solid #c4c4c4;position:relative;margin-top:15px;min-height:15px}.nodes>li{width:9px;height:9px;border:0;background:#c4c4c4;border-radius:50%;position:absolute;top:-5px}.nodes>li.active{width:29px;height:29px;border:10px solid transparent;background:#fff;top:-15px}.nodes.total-3 .nth-2{left:50%;transform:translate(-4px,0)}.nodes.total-3 .nth-2.active{transform:translate(-14px,0)}.nodes.total-3 .nth-3{right:0}.sidemenu{-webkit-transition:all 200ms ease;transition:all 200ms ease;position:fixed;top:0;bottom:0;opacity:0;transform:translate3d(-120%,0,0);z-index:10;overflow:hidden;min-height:100%;max-height:100%;width:275px;background:#ececec;box-shadow:0 0 50px #333}.sidemenu.open{transform:translate3d(0,0,0);opacity:1}.sidemenu .sidemenu-header{padding:5px 0 10px 5px}.bar-footer .button-clear,.sidemenu .sidemenu-header .button{color:#666}#total-points,.sidemenu .sidemenu-header .button i{position:relative;top:2px}.sidemenu .sidemenu-items li{border-top:1px solid #e3e3e3;background:#fff;padding:10px}.sidemenu .sidemenu-items li a{font-size:15px;color:#333;text-decoration:none}.sidemenu .sidemenu-items li a span{display:inline-block;width:30px;text-align:center}.sidemenu .sidemenu-items li a span .fa,.sidemenu .sidemenu-items li a span .icon{font-size:17px!important}.sidemenu .sidemenu-items li.last{background:0 0}.sidemenu .sidemenu-items li.last a{color:transparent}.sidemenu .sidemenu-items li.active a{color:transparent;font-weight:700}body>.view-container{position:relative;margin:0 auto;min-height:100vh}.noborder{border:none}.nopadding{padding-left:0;padding-right:0}#total-points{font-weight:400;font-size:18px;line-height:1;top:-2px}input[type=color],input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week]{transition:all .2s ease;height:45px;border-color:#ddd!important;box-shadow:none}input[type=color]:active,input[type=color]:focus,input[type=date]:active,input[type=date]:focus,input[type=datetime-local]:active,input[type=datetime-local]:focus,input[type=datetime]:active,input[type=datetime]:focus,input[type=email]:active,input[type=email]:focus,input[type=month]:active,input[type=month]:focus,input[type=number]:active,input[type=number]:focus,input[type=password]:active,input[type=password]:focus,input[type=search]:active,input[type=search]:focus,input[type=tel]:active,input[type=tel]:focus,input[type=text]:active,input[type=text]:focus,input[type=time]:active,input[type=time]:focus,input[type=url]:active,input[type=url]:focus,input[type=week]:active,input[type=week]:focus{border-color:transparent!important}.bar-footer{background:#eee}.toggle.toggle-positive input:checked+.track{border-color:transparent;background-color:transparent}.item{font-size:14px}.fix-for-ios11-input-bug{-webkit-overflow-scrolling:touch!important;overflow:auto!important;height:100%!important}.overflow-scroll.keyboard-up:not(.keyboard-up-confirm){height:auto!important}.odometer1,.odometer1 .odometer-digit{display:inline-block;vertical-align:middle;*vertical-align:auto;*zoom:1;*display:inline;position:relative}.odometer1 .odometer-digit .odometer-digit-spacer{display:inline-block;vertical-align:middle;*vertical-align:auto;*zoom:1;*display:inline;visibility:hidden}.odometer1 .odometer-digit .odometer-digit-inner{text-align:left;display:block;position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden}.odometer1 .odometer-digit .odometer-ribbon{display:block}.odometer1 .odometer-digit .odometer-ribbon-inner{display:block;-webkit-backface-visibility:hidden}.odometer1 .odometer-digit .odometer-value{display:block;-webkit-transform:translateZ(0)}.odometer1 .odometer-digit .odometer-value.odometer-last-value{position:absolute}.odometer1.odometer-animating-up .odometer-ribbon-inner{-webkit-transition:-webkit-transform 2s;-moz-transition:-moz-transform 2s;-ms-transition:-ms-transform 2s;-o-transition:-o-transform 2s;transition:transform 2s}.odometer1.odometer-animating-down .odometer-ribbon-inner,.odometer1.odometer-animating-up.odometer-animating .odometer-ribbon-inner{-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%)}.odometer1.odometer-animating-down.odometer-animating .odometer-ribbon-inner{-webkit-transition:-webkit-transform 2s;-moz-transition:-moz-transform 2s;-ms-transition:-ms-transform 2s;-o-transition:-o-transform 2s;transition:transform 2s;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}@media only screen and (max-width:680px){.keyboard-open .bar-header{display:none}.pane,.view,.view-container{position:fixed}}@media only screen and (-ms-high-contrast:none),(-ms-high-contrast:active){.view-container{position:relative}.pane,.view{position:absolute}}@media only screen and (min-width:768px){.scroll-content{background:#f6f6f6}.scroll-content>.scroll{max-width:750px;margin:0 auto;background:#fff;height:auto;min-height:100%}}[name=frfJoin] .scroll-content>.scroll{height:-webkit-fit-content;height:fit-content}@media only screen and (max-width:480px){[name=frfJoin] .scroll-content>.scroll{height:auto;min-height:100%}[name=frfJoin] .scroll-content>.scroll>button{margin-bottom:50px}}@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape){[nav-view=active] [name=pageContent].view-container .story-list{padding-bottom:70px}[nav-view=active] [name=pageContent].view-container .bit-content{padding-bottom:100px}[nav-view=active] [name=pageContent].view-container .content-profile,[nav-view=active] [name=pageContent].view-container .reward-list{padding-bottom:70px}}.wechatshare{-webkit-user-select:none;display:none;position:fixed;width:100%;height:100%;background:rgba(0,0,0,.85);text-align:center;top:0;left:0;z-index:1100;box-sizing:border-box}.wechatshare .fa{font-size:42px;color:#00baff;top:90px;position:absolute;right:10px;margin-left:-18px;animation-name:arrow;animation-duration:1s;animation-timing-function:linear;animation-delay:0s;animation-iteration-count:infinite;animation-direction:normal;animation-play-state:running;-webkit-animation-name:arrow;-webkit-animation-duration:1s;-webkit-animation-timing-function:linear;-webkit-animation-delay:0s;-webkit-animation-iteration-count:infinite;-webkit-animation-direction:normal;-webkit-animation-play-state:running}.wechatshare .text{position:absolute;top:150px;right:20px;z-index:1;color:#00baff;font-size:24px}@keyframes arrow{0%,to{top:90px}25%{top:0}}@-webkit-keyframes arrow{0%,to{top:90px}25%{top:0}}.container{-ms-flex-align:center;align-items:center;background:#000;border-radius:10px;display:-ms-flexbox;display:flex;height:47px;-ms-flex-pack:center;justify-content:center;position:relative;width:90%;max-width:90%;margin:10px auto;border-width:1px;border-style:solid;cursor:pointer}.fingerprint,.text{top:50%;position:absolute}.text{color:inherit;-webkit-user-select:none;-ms-user-select:none;user-select:none;-moz-user-select:none;font-size:18px;transform:translateY(-50%);transition:opacity 300ms}.fingerprint{height:47px;left:-8px;opacity:0;stroke:#777;transform:translateY(-50%) scale(1.5);transition:opacity 1ms}.fingerprint-active{stroke:#fff}.fingerprint-out{opacity:1}.odd{stroke-dasharray:0 50px;stroke-dashoffset:1px;transition:stroke-dasharray 1ms}.even{stroke-dasharray:50px 50px;stroke-dashoffset:-41px;transition:stroke-dashoffset 1ms}.ok{opacity:0}.willRequest.container{animation:300ms WillRequest-Container forwards}.willRequest .text{opacity:0;animation:300ms WillRequest-Text forwards}.willRequest .fingerprint{opacity:1;transition:opacity 300ms 300ms}.willRequest .fingerprint-base .odd{stroke-dasharray:50px 50px;transition:stroke-dasharray 800ms 500ms}.willRequest .fingerprint-base .even{stroke-dashoffset:0;transition:stroke-dashoffset 800ms 300ms}.didRequest .fingerprint-active .odd{stroke-dasharray:50px 50px;transition:stroke-dasharray 1000ms}.didRequest .fingerprint-active .even{stroke-dashoffset:0;transition:stroke-dashoffset 1000ms}.didRequest .fingerprint-out{opacity:0;transition:opacity 300ms 1200ms}.didRequest .ok{opacity:1;animation:2700ms DidRequest-Ok forwards}.active.container{animation:3s Container}.active .text{opacity:0;animation:3s Text forwards}.active .fingerprint{opacity:1;transition:opacity 300ms 200ms}.active .fingerprint-base .odd{stroke-dasharray:50px 50px;transition:stroke-dasharray 800ms 100ms}.active .fingerprint-base .even{stroke-dashoffset:0;transition:stroke-dashoffset 800ms}.active .fingerprint-active .odd{stroke-dasharray:50px 50px;transition:stroke-dasharray 2000ms 1500ms}.active .fingerprint-active .even{stroke-dashoffset:0;transition:stroke-dashoffset 2000ms 1300ms}.active .fingerprint-out{opacity:0;transition:opacity 300ms 2100ms}.active .ok{opacity:1;animation:3s Ok forwards}@keyframes WillRequest-Container{0%{width:200px}to{width:80px}}@keyframes WillRequest-Text{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0)}}@keyframes DidRequest-Ok{0%{opacity:0}70%{opacity:0;transform:scale(0)}75%{opacity:1;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes Container{0%,to{width:200px}6%,94%{width:80px}71%,77%{transform:scale(1)}75%{transform:scale(1.2)}}@keyframes Text{0%,to{opacity:1;transform:scale(1)}6%,94%{opacity:0;transform:scale(.5)}}@keyframes Ok{0%,to{opacity:0}70%{opacity:0;transform:scale(0)}75%{opacity:1;transform:scale(1.1)}77%,92%{opacity:1;transform:scale(1)}96%{opacity:0;transform:scale(.5)}}.content-account .account-logo{text-align:center;padding:5px 0;position:relative}.content-account .account-logo img{max-width:128px}.content-account .account-title{text-align:center;color:transparent;margin-top:0;position:relative}.content-account .hr{color:#aaa;margin:12px auto;font-size:16px}.content-account .hr.footnote{margin-top:18px}.content-account .hr hr{border:.7px solid #efefef}.content-account .account-oauth,.content-account .hr{text-align:center;position:relative}.content-account .content-shade{background:#ececec;width:100%;height:180px;position:absolute;left:0;top:0;z-index:0;display:none}.content-account .forgetPwd{color:#387ef5;font-size:14px}.content-account .createAccount{text-decoration:none}.btn-account-wechat{display:inline-block;width:56px;height:56px;background:#5ad000;box-shadow:0 4px 6px #ccc;border-radius:50%;color:#fff;font-size:30px;line-height:56px;text-align:center}.btn-account-wechat:active,.btn-account-wechat:focus,.btn-account-wechat:hover{color:#fff;opacity:.8}.btn-account-facebook{display:inline-block;height:40px;background:#4267b2;box-shadow:none;border-radius:5px;color:#fff;font-size:20px;line-height:40px;padding:0 35px;text-align:center;text-decoration:none}.btn-account-facebook:active,.btn-account-facebook:focus,.btn-account-facebook:hover{color:#fff;opacity:.8;text-decoration:none}.account-progress{max-width:80%;margin:0 auto;padding:15px 0}.account-form .control-group{margin-bottom:16px}.account-form .row-control input.form-control,.bit-options .profile-items-ct .row-control input.form-control{border-radius:3px;border:1px solid #959595;padding:8px 6px}.account-form .row-control{*zoom:1}.account-form .row-control:after,.account-form .row-control:before{display:table;content:""}.account-form .row-control:after{clear:both}.account-form .row-control .col-icon{float:left;width:10%;font-size:23px;color:#888;line-height:1;text-align:center;position:relative;top:10px}.account-form .row-control .col-control{float:left;width:90%}.account-form .row-control .col-prefix{float:left;width:23%;margin-right:2%}.account-form .row-control .col-phone{float:left;width:65%}.account-form .row-control .col-footnote{width:90%;text-indent:2px}.account-form .row-control label,.bit-options .profile-items-ct .row-control label,.invite-form .row-control label,.profile-form .row-control label,.settings-form .row-control label{color:#999;font-size:13px}.account-form .row-control input,.bit-options .profile-items-ct .row-control input{width:100%}.account-sms-wait{height:48px;text-align:center;border-radius:24px;font-size:20px;line-height:48px;background:#e9e9e9;max-width:240px;font-weight:300;margin:20px auto;opacity:.5}.account-save-points{position:relative;text-align:center;color:#666;max-width:240px;margin:0 auto}.placeholder-avatar{position:relative;margin:6px auto;background:#eee;width:120px;height:120px;text-align:center;color:#ccc;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.placeholder-avatar .fa-user{font-size:80px;line-height:120px;width:100%;position:absolute;top:0;left:0}.placeholder-avatar .fa-plus{position:absolute;top:9px;right:9px}.placeholder-avatar.avatar-60{width:60px;height:60px;margin:0 auto}.placeholder-avatar.avatar-60 .fa-user{font-size:40px;line-height:60px}.placeholder-avatar img{max-width:100%;max-height:120px;display:block;margin:0 auto!important;position:relative}.placeholder-avatar .edit-photo{cursor:pointer}.placeholder-avatar.preview{background:0 0}.placeholder-avatar.preview .fa-plus,.placeholder-avatar.preview .fa-user{display:none}.placeholder-avatar input,.placeholder-upload input{display:block;height:120px;width:120px;position:absolute;top:0;left:0;opacity:0}.placeholder-avatar .placeholder-preview{pointer-events:none}.avatar-wrapper .edit-avatar{cursor:pointer}.bit-results h4,.get-point,.skip-profile{text-align:center}.skip-profile a{color:#999;text-decoration:none}.get-point{font-size:16px;color:#666;margin:10px auto 20px}.account-success-msg{width:92%;margin:40px auto 20px}.story-list .story-item{position:relative;min-height:115px;padding-top:15px;padding-right:20px;padding-left:120px}.story-list .story-item img{left:20px;top:15px}.story-list .story-item .badge,.story-list .story-item .badge-new{margin:0;display:inline-block;text-align:center;color:#fff;background:0 0;position:absolute;font-weight:500}.story-list .story-item .badge{width:24px;height:24px;padding:0;line-height:24px;font-size:15px;top:5px;left:83px;border-radius:50%}.story-list .story-item .badge-new{padding:2px 3px;font-size:12px;line-height:1;top:10px;left:15px;border-radius:3px}.story-list .story-item.hero-item{background:#eee}.story-list .story-item.new-item{background:#e8eef8}.story-list .display-item h2,.story-list .story-item h2{color:transparent;margin-bottom:5px}.story-list .story-item p{color:#000;line-height:1.3}.story-list .item-category{padding:2px 12px}.story-list .display-item{min-height:115px;padding-top:20px;padding-right:20px;padding-left:120px}.story-list .display-item img{position:absolute;left:30px;top:50%;transform:translateY(-50%);max-width:80px;max-height:80px}.story-list .display-item h2{display:none}.story-list .display-item p{height:70px;color:#000;line-height:1.3;font-size:14px}@-webkit-keyframes progress-bar-stripes{0%{background-position:40px 0}to{background-position:0 0}}@-moz-keyframes progress-bar-stripes{0%{background-position:40px 0}to{background-position:0 0}}@-ms-keyframes progress-bar-stripes{0%{background-position:40px 0}to{background-position:0 0}}@-o-keyframes progress-bar-stripes{0%{background-position:0 0}to{background-position:40px 0}}@keyframes progress-bar-stripes{0%{background-position:40px 0}to{background-position:0 0}}.popup-container .popup-body .progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f7f7f7;background-image:-moz-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:-webkit-gradient(linear,0 0,0 100%,from(#f5f5f5),to(#f9f9f9));background-image:-webkit-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:-o-linear-gradient(top,#f5f5f5,#f9f9f9);background-image:linear-gradient(to bottom,#f5f5f5,#f9f9f9);background-repeat:repeat-x;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}.popup-container .popup-body .progress .bar{float:left;width:0;height:100%;font-size:12px;padding:0;position:static;color:#fff;text-align:center;text-shadow:0 -1px 0 rgba(0,0,0,.25);background-color:#0e90d2;background-image:-moz-linear-gradient(top,#149bdf,#0480be);background-image:-webkit-gradient(linear,0 0,0 100%,from(#149bdf),to(#0480be));background-image:-webkit-linear-gradient(top,#149bdf,#0480be);background-image:-o-linear-gradient(top,#149bdf,#0480be);background-image:linear-gradient(to bottom,#149bdf,#0480be);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0);-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-moz-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:width .6s ease;-moz-transition:width .6s ease;-o-transition:width .6s ease;transition:width .6s ease}.popup-container .popup-body .progress .bar+.bar{-webkit-box-shadow:inset 1px 0 0 rgba(0,0,0,.15),inset 0 -1px 0 rgba(0,0,0,.15);-moz-box-shadow:inset 1px 0 0 rgba(0,0,0,.15),inset 0 -1px 0 rgba(0,0,0,.15);box-shadow:inset 1px 0 0 rgba(0,0,0,.15),inset 0 -1px 0 rgba(0,0,0,.15)}.popup-container .popup-body .progress-striped .bar{background-color:#149bdf;background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(.25,rgba(255,255,255,.15)),color-stop(.25,transparent),color-stop(.5,transparent),color-stop(.5,rgba(255,255,255,.15)),color-stop(.75,rgba(255,255,255,.15)),color-stop(.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:-o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);-webkit-background-size:40px 40px;-moz-background-size:40px 40px;-o-background-size:40px 40px;background-size:40px 40px}.popup-container .popup-body .progress.active .bar{-webkit-animation:progress-bar-stripes 2s linear infinite;-moz-animation:progress-bar-stripes 2s linear infinite;-ms-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.bit-header{position:relative;min-height:50px;background-color:#ececec}.bit-header>img{width:100%;display:block}.bit-header .badge{padding:0;margin:0;display:inline-block;width:40px;height:40px;line-height:38px;font-size:18px;text-align:center;color:#fff;background:0 0;position:absolute;bottom:-20px;right:6px;border-radius:50%;font-weight:500;box-shadow:0 5px 8px #ccc}.bit-content{max-width:520px;margin:0 auto;padding:15px}.bit-content .bit-title{padding-top:10px}.bit-content .bit-title h2{font-size:18px;color:transparent;font-weight:500;text-align:left;margin:0 auto 25px}.bit-content .bit-progress{*zoom:1;width:100%;max-width:360px;margin:20px auto}.bit-content .bit-progress:after,.bit-content .bit-progress:before,.bit-results .reply-list .reply-item:after,.bit-results .reply-list .reply-item:before{display:table;content:""}.bit-content .bit-progress:after,.bit-results .reply-list .reply-item:after{clear:both}.bit-content .bit-progress .col-label{width:15%;float:left;line-height:2;color:#999;font-size:14px}.bit-content .bit-progress .col-label .active{color:transparent}.bit-content .bit-progress .col-progress{width:70%;float:left}.bit-content img{display:block;margin:12px auto;height:auto}.bit-content .bit-question{margin-bottom:20px}.bit-content .button-clear{color:#666;text-decoration:underline}.bit-nodes{border-top:1px solid #c4c4c4;position:relative;margin-top:15px;min-height:15px}.bit-nodes>li{width:7px;height:7px;border:0;background:#c4c4c4;border-radius:50%;position:absolute;top:-4px}.bit-nodes>li.active{width:7px;height:7px;background:#c00;top:-4px}.bit-nodes>li.done{width:7px;height:7px;background:0 0;top:-4px}.bit-nodes.total-3 .nth-2{left:50%;transform:translate(-4px,0)}.bit-nodes.total-3 .nth-2.active,.bit-nodes.total-5 .nth-2.active,.bit-nodes.total-5 .nth-3.active,.bit-nodes.total-5 .nth-4.active{transform:translate(-14px,0)}.bit-nodes.total-3 .nth-3{right:0}.bit-nodes.total-5 .nth-2{left:25%;transform:translate(-4px,0)}.bit-nodes.total-5 .nth-3,.bit-nodes.total-5 .nth-4{left:50%;transform:translate(-4px,0)}.bit-nodes.total-5 .nth-4{left:75%}.bit-nodes.total-5 .nth-5{right:0}.bit-options .item-radio{border:none;background:#eee;border-radius:10px;margin-bottom:10px}.bit-message h2,.bit-options .item-radio .item-content,.bit-options .item-radio .radio-icon{color:transparent}.bit-options .item-radio .item-content{background:0 0}.bit-options .item-radio .radio-icon{padding:10px 14px}.bit-options .item-radio .radio-content{border-bottom:5px solid #ddd}.bit-options .item-radio .radio-content:active{transform:translate(0,5px);-webkit-transform:translate(0,5px)}.bit-options .profile-items-ct .control-group{margin-bottom:12px;height:45px}.bit-options .profile-items-ct .row-control.row .list .input-label{height:36px}.bit-options .profile-items-ct .row-control .col-icon{float:left;width:10%;font-size:23px;color:#888;line-height:1;text-align:center;position:relative;top:5px}.bit-options .profile-items-ct .row-control .col-prefix{float:left;width:23%;margin-right:2%}.bit-options .profile-items-ct .row-control .col-phone{float:left;width:65%}.bit-options .profile-items-ct .row-control .col-control{float:left;width:90%}.bit-options .profile-items-ct .row-control.row-country-dropdown{padding:10px}.bit-options .item-select select,.bit-options .profile-items-ct .row-control .col-control-countrycode,.item-textbox textarea,.profile-form .row-control input,.settings-form .row-control input{width:100%}.bit-options .profile-items-ct .col-control-countrycode .fixed .angucomplete-holder:after,.demo .account-form.mobile .row-control .col-control-countrycode .fixed .angucomplete-holder:after,.profile-form .col-control-countrycode .fixed .angucomplete-holder:after,.welcome .account-form.mobile .row-control .col-control-countrycode .fixed .angucomplete-holder:after{font-family:'FontAwesome';color:rgba(149,149,149,.7);position:absolute;right:2px;top:8px;content:">"}.bit-options .profile-items-ct .col-control-countrycode .fixed input{border-radius:0;border-right:none;border-bottom:none;border-left:none;color:#4267b2}.bit-message{margin-bottom:25px}.bit-message h2{font-size:20px}.placeholder-upload{position:relative;margin:15px auto;background:#eee;width:200px;height:140px;text-align:center;color:#ccc;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.placeholder-upload.disabled{opacity:.5}.placeholder-upload .fa-camera,.placeholder-upload .fa-video-camera{font-size:80px;line-height:140px;width:100%;position:absolute;top:0;left:0}.placeholder-upload .fa-plus{position:absolute;top:9px;right:9px}.placeholder-upload img{max-width:100%;max-height:140px;display:block;margin:0 auto!important;position:relative}.placeholder-upload.preview{background:0 0}.placeholder-upload.preview .fa-camera,.placeholder-upload.preview .fa-plus,.placeholder-upload.preview .fa-video-camera{display:none}.placeholder-upload input{width:200px;height:140px}.placeholder-upload .placeholder-preview,.pop-adding-points{pointer-events:none}.bit-results h2,.bit-results h3.bit-result-correctness{color:transparent;font-size:24px;text-align:center}.bit-results h3.bit-result-correctness{font-weight:400}.bit-results h4{font-weight:700}.bit-results .reply-list,.bit-results .result-list{margin-top:20px}.bit-results .result-list .result-item{padding:0;background:#ececec;border-radius:8px;position:relative;margin-bottom:10px}.bit-results .result-list .result-item h2{float:right;padding:8px;margin:0;color:#333;font-size:32px;font-weight:300;line-height:1.2}.bit-results .result-list .result-item h3{color:transparent;font-size:15px;margin:0;padding:8px;line-height:1}.bit-results .result-list .result-item p{padding:0 8px 8px;margin:0;line-height:1}.bit-results .result-list .result-item .percentage{clear:both;height:5px;width:100%;left:0;bottom:0}.bit-results .result-list .result-item .percentage span{border-bottom-left-radius:10px}.bit-results .result-list .result-item.result-correct{background:#c3edca}.bit-results .result-list .result-item.result-correct h2,.bit-results .result-list .result-item.result-correct h3,.bit-results .result-list .result-item.result-correct p{color:#2a654a}.bit-results .result-list .result-item.result-correct .percentage span{background:#2a654a}.bit-results .result-list .result-item.result-wrong{background:#f6cfc9}.bit-results .result-list .result-item.result-wrong .percentage span{background:#e71a1b}.bit-results .reply-list .reply-item{margin-bottom:15px;*zoom:1}.bit-results .reply-list .reply-item .reply-user{float:left;margin-right:10px;color:#999;text-align:center;font-size:12px;max-width:60px}.bit-results .reply-list .reply-item .reply-user img{width:60px;height:60px;display:block;margin-bottom:0;margin-top:0}.bit-results .reply-list .reply-item p{line-height:1.2;font-size:13px}.bit-results .reply-list .reply-item p a{color:#555}.bit-results .reply-list .reply-item .percentage{clear:both;height:5px;width:100%;left:0;bottom:0}.bit-results .reply-list .reply-item .percentage span,.bit-results .result-list .result-item .percentage span{display:block;height:5px;background:0 0;border-radius:3px}.bit-results .reply-list .reply-item.result-correct{background:#c3edca;background:#f6cfc9}.bit-results .reply-list .reply-item.result-correct h2,.bit-results .reply-list .reply-item.result-correct h3,.bit-results .reply-list .reply-item.result-correct p,.bit-results .result-list .result-item.result-wrong h2,.bit-results .result-list .result-item.result-wrong h3,.bit-results .result-list .result-item.result-wrong p{color:#e71a1b}.bit-results .reply-list .reply-item.result-correct .percentage span{background:#2a654a;background:#e71a1b}.bit-results .photo-list{*zoom:1;margin-bottom:20px}.bit-results .photo-list:after,.bit-results .photo-list:before{display:table;content:""}.bit-results .photo-list:after{clear:both}.bit-results .photo-list .photo-item{width:18%;padding-bottom:18%;margin:1%;float:left;position:relative}.bit-results .photo-list .photo-item a{position:absolute;top:0;left:0;display:block;width:100%;padding-bottom:100%;background-position:center center;background-size:cover;border:1px solid #eee}@-webkit-keyframes flyout{0%{-webkit-transform:scale3d(1,1,1) translate3d(0,0,0);transform:scale3d(1,1,1) translate3d(0,0,0);opacity:1;transform-origin:right top;-webkit-transform-origin:right top}to{-webkit-transform:scale3d(.2,.2,.2) translate3d(300%,-500%,0);transform:scale3d(.2,.2,.2) translate3d(300%,-500%,0);opacity:0;transform-origin:right top;-webkit-transform-origin:right top}}@keyframes flyout{0%{-webkit-transform:scale3d(1,1,1) translate3d(0,0,0);transform:scale3d(1,1,1) translate3d(0,0,0);opacity:1;transform-origin:right top;-webkit-transform-origin:right top}to{-webkit-transform:scale3d(.2,.2,.2) translate3d(300%,-500%,0);transform:scale3d(.2,.2,.2) translate3d(300%,-500%,0);opacity:0;transform-origin:right top;-webkit-transform-origin:right top}}.pop-adding-points{position:fixed;width:100%;height:80%;top:0;left:0;z-index:1000;text-align:center;color:#fff;display:table;font-size:56px;line-height:58px;white-space:nowrap;font-family:'Helvetica Neue','Hiragino Sans GB','WenQuanYi Micro Hei','Microsoft YaHei','微软雅黑',Helvetica,Arial,sans-serif}.pop-adding-points>div,.story-list .display-item p{display:table-cell;vertical-align:middle}.pop-adding-points .add-points-wrap{background:rgba(0,0,0,.4);border-radius:20px;padding:20px;width:60%;max-width:180px;margin:0 auto}.pop-adding-points .flyout{-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:flyout;animation-name:flyout}.leaderboard .ui-grid .ui-grid-header-cell.hide-sort-element .ui-grid-header-cell-label+span,.pop-adding-points.none{display:none}.leaderboard .leaderboard-menu,.leaderboard .leaderboard-menu .row{padding-bottom:0}.leaderboard .list .moreOptions button{text-align:right;font-size:12px}.leaderboard .item-select .input-label,.leaderboard .item-select select{font-family:'Open Sans','Helvetica Neue','Hiragino Sans GB','WenQuanYi Micro Hei','Microsoft YaHei','微软雅黑',Helvetica,Arial,sans-serif;font-size:12px}.leaderboard .item-select .input-label{padding:0 10px 0 0;color:#333}.leaderboard .ui-grid{height:100%;border:none}.leaderboard .ui-grid .ui-grid-header-cell.text-center-align,.leaderboard .ui-grid .ui-grid-render-container-body .ui-grid-viewport .ui-grid-row .ui-grid-cell.text-center-align{text-align:center}.leaderboard .ui-grid .ui-grid-header-cell .ui-grid-header-cell-label,.leaderboard .ui-grid .ui-grid-render-container-body .ui-grid-viewport .ui-grid-row .ui-grid-cell .ui-grid-cell-contents{font-size:.75rem}.leaderboard .ui-grid select{width:100%;max-width:100%}.leaderboard .ui-grid .input-label{width:1px;max-width:1px}.leaderboard .pagination-button{border-radius:24px;width:70%}.leaderboard .pagination-button.pagination-back{border-color:#e9949a;color:#e9949a}.leaderboard .pagination-button.pagination-back.activated{background-color:#e9949a}.leaderboard .ui-grid-row .blink-cell{background-color:#80ced6;transition:background-color .7s ease-in-out}.leaderboard .fade,.leaderboard .fade.ng-hide{transition:.9s linear all;opacity:0}.leaderboard .fade{opacity:1}@font-face{font-family:'ui-grid';src:url(/main/assets/fonts/ui-grid.eot);src:url(/main/assets/fonts/ui-grid.eot#iefix) format('embedded-opentype'),url(/main/assets/fonts/ui-grid.woff) format('woff'),url(/main/assets/fonts/ui-grid.ttf) format('truetype'),url(/main/assets/fonts/ui-grid.svg?#ui-grid) format('svg');font-weight:400;font-style:normal}.content-settings .settings-tabs{background:#eee;padding:20px}.content-settings .settings-tabs .button-bar>.button{font-size:14px}.content-settings .settings-title{padding-top:20px 0;color:transparent;margin-top:0;position:relative}.content-settings .settings-form{padding:20px}@media screen and (device-aspect-ratio:40/71){.content-settings .settings-tabs .button-bar>.button{font-size:11px;padding:0 12px}}.settings-form .control-group{margin-bottom:16px}.settings-form .row-control input.form-control{border-radius:3px;border:1px solid #959595;padding:8px 6px}.settings-form .row-control{*zoom:1}.settings-form .row-control:after,.settings-form .row-control:before{display:table;content:""}.settings-form .row-control:after{clear:both}.settings-form .row-control .col-icon{float:left;width:10%;font-size:23px;color:#888;line-height:1;text-align:center;position:relative;top:10px}.settings-form .row-control .col-prefix{float:left;width:23%;margin-right:2%}.settings-form .row-control .col-phone{float:left;width:65%}.settings-form .row-control .col-control{float:left;width:90%}.content-bit .bit-navigation{position:relative;width:100%;height:8px}.content-bit .bit-header span.backbutton{position:absolute;bottom:-20px;width:40px;height:40px;border-radius:50%;left:6px;color:#fff;display:inline-block;line-height:40px;text-align:center;font-size:14px;font-weight:500;cursor:pointer}.content-bit .bit-content div.allow-anonymous a.button,.content-bit .bit-content div.anonymous-reply a.button{text-decoration:none;cursor:auto;padding-left:0}.content-bit .bit-content .checkbox{padding-left:0;padding-right:0;padding-top:6px}.content-bit .bit-content .checkbox input{width:16px;height:16px}.content-bit .bit-content .checkbox input:before{border-radius:4px}.content-bit .bit-content .checkbox input:after{width:10px;height:5px;top:27%;left:22%}.content-profile .profile-tabs{background:#eee;padding:20px}.content-profile .profile-title{padding-top:20px 0;color:transparent;margin-top:0;position:relative}.content-profile .profile-form{padding:20px}@media screen and (device-aspect-ratio:40/71){.content-profile .profile-tabs .button-bar>.button{font-size:11px;padding:0 12px}}.profile-form .control-group{margin-bottom:12px}.profile-form .row-control input.form-control{border-radius:3px;border:1px solid #959595;padding:8px 6px}.profile-form .row-control{*zoom:1}.profile-form .row-control:after,.profile-form .row-control:before{display:table;content:""}.profile-form .row-control:after{clear:both}.profile-form .row-control .col-icon{float:left;width:10%;font-size:23px;color:#888;line-height:1;text-align:center;position:relative;top:5px}.profile-form .row-control .col-prefix{float:left;width:23%;margin-right:2%}.profile-form .row-control .col-phone{float:left;width:65%}.profile-form .row-control .col-control{float:left;width:90%}.profile-form .row-control.row-country-dropdown{padding:10px}.profile-form .row-control .col-control-countrycode{width:100%}.profile-form .col-control-countrycode .fixed input,.welcome .account-form.mobile .row-control .col-control-countrycode .fixed input{border-radius:0;border-right:none;border-bottom:none;border-left:none;color:#4267b2}.bit-content img.photo-result{height:300px}.content-reward .reward-title{text-align:center;font-size:18px;font-weight:700;padding:20px 10px 0;margin:0 auto}.content-reward .reward-my-points{text-align:center;padding:15px;color:#666;font-size:16px}.content-reward .reward-detail .list .item,.content-reward .reward-history .list .item{border:none}.content-reward .reward-detail .list .item.reward-item img{position:absolute;top:10px;left:10px;max-width:80px;max-height:80px;width:100%;height:100%}.content-reward .reward-history .list{margin-bottom:0}.content-reward .reward-history .list .item-divider{text-align:center}.content-reward .reward-result{text-align:center;width:60%;min-width:300px;max-width:500px;border:2px solid transparent;margin:0 auto 20px;padding:30px 20px}.content-reward .reward-result h2{font-size:32px;font-weight:700}.content-reward .reward-result h3{font-size:16px}.bit-results h4,.content-reward .reward-result a{color:#333;font-size:16px}.content-reward .reward-result img{background:#fff;padding:5px}.content-create .create-title{text-align:center;color:transparent;margin-top:0;position:relative}.content-create .hr{color:#aaa;text-align:center;margin:12px auto;font-size:16px;position:relative}.content-create .content-shade{background:#ececec;width:100%;height:180px;position:absolute;left:0;top:0;z-index:0;display:none}.create-progress{max-width:80%;margin:0 auto;padding:15px 0}.create-form{margin:25px auto 0;padding-bottom:25px;max-width:520px}.create-form .list input,.create-form .list textarea{font-size:13px}.create-form .list .item{position:relative;min-height:43px}.create-form .list .item .button-delete-option{position:absolute;right:5px;top:12px}.create-form .list .item .button-delete-option.button-disabled{color:#ccc;opacity:.6}.create-form .list .item-option{padding-right:30px}.create-form .list .input-label{font-size:13px;color:#666;width:100%;max-width:none}.create-form .add-option-wrap{padding:10px 5px;text-align:right}.create-form .advanced-fields{display:none}.create-form .advanced-fields.expanded{display:block}.create-form .toggle-advanced-fields .expand{display:inline-block}.create-form .toggle-advanced-fields .fold,.create-form .toggle-advanced-fields.expanded .expand{display:none}.create-form .toggle-advanced-fields.expanded .fold{display:inline-block}.results-user .item{padding-left:110px}.results-user .item h2{font-weight:700}.item .badge{padding:0;margin:0;display:inline-block;width:24px;height:24px;line-height:24px;font-size:15px;text-align:center;color:#fff;background:0 0;position:absolute;top:5px;left:78px;border-radius:50%;font-weight:500}.item-icon-left{padding-left:60px}.item-icon-left .badge{left:28px}.item-icon-left .icon{height:auto;top:11px}.results-tabs{top:10px;margin-bottom:10px}.results-tabs .button-bar>.button{font-size:14px}.item-radio input:not(:checked)+.radio-content .radio-icon{visibility:hidden}.share-dialog,.share-dialog-wechat{position:fixed;z-index:100;visibility:hidden;transition:all .3s ease}.share-dialog{bottom:0;left:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);width:100%;padding:20px 15px 0}.share-dialog .dialog{background:#fff;border-top-left-radius:6px;border-top-right-radius:6px;padding:20px;margin:0 auto;max-width:480px}.share-dialog .dialog-head{height:15px}.share-dialog .dialog-head .addthis_custom_sharing,.share-dialog .dialog-head .addthis_sharing_toolbox{text-align:center;position:relative;top:-45px}.share-dialog .dialog-head .at-share-tbx-element.addthis_32x32_style .at-share-btn,.share-dialog .dialog-head .at-share-tbx-element.addthis_32x32_white_style .at-share-btn{max-width:none!important;max-height:none!important}.share-dialog .dialog-head .at-share-btn{margin:5px 18px!important;padding:0!important;display:inline-block}.share-dialog .dialog-head .at-share-btn .at-icon-wrapper{height:36px!important;width:36px!important;line-height:42px!important;color:#fff!important;border-radius:20px!important;font-size:22px;text-align:center;display:inline-block}.share-dialog .dialog-head .at-share-btn .at-icon-wrapper i{vertical-align:middle;height:100%}.share-dialog .dialog-head .at-share-btn.at-svc-email span{background-color:#848484}.share-dialog .dialog-head .at-share-btn.at-svc-twitter span{background-color:#1da1f2}.share-dialog .dialog-head .at-share-btn.at-svc-facebook span{background-color:#3b5998}.share-dialog .dialog-head .at-share-btn.at-svc-weibo span{background-color:#e6162d}.share-dialog .dialog-head .at-share-btn.at-svc-tencent-weibo span{background-color:#319edd}.share-dialog .dialog-body{padding:0 20px}.share-dialog .dialog-body .ion-chevron-up{color:#ccc}.share-dialog .dialog-body .button-clear{color:transparent;text-decoration:underline}.share-dialog.active{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);visibility:visible}.share-dialog-wechat{top:0;right:0;padding:0 5px;width:60%;max-width:300px;opacity:0}.share-dialog-wechat .dialog-arrow{width:0;height:0;border-style:solid;border-width:0 10px 10px;border-color:transparent transparent #fff transparent;float:right;margin-right:10px}.share-dialog-wechat .dialog{background:#fff;padding:15px;float:right;border-radius:5px}.share-dialog-wechat.active{visibility:visible;opacity:1!important}.share-dialog-backdrop{background-color:rgba(0,0,0,.4);opacity:0;transition:all .3s ease}.share-dialog-backdrop.active{visibility:visible;opacity:1}@-webkit-keyframes slideInDownAlt{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);visibility:visible}}@keyframes slideInDownAlt{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);visibility:visible}}.fadeInAlt,.fadeOutAlt,.slideInDownAlt,.slideInUpAlt,.slideOutDownAlt,.slideOutUpAlt{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:slideInDownAlt;animation-name:slideInDownAlt}@-webkit-keyframes slideInUpAlt{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);visibility:visible}}@keyframes slideInUpAlt{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);visibility:visible}}.fadeInAlt,.fadeOutAlt,.slideInUpAlt,.slideOutDownAlt,.slideOutUpAlt{-webkit-animation-name:slideInUpAlt;animation-name:slideInUpAlt}@-webkit-keyframes slideOutDownAlt{0%{visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDownAlt{0%{visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeInAlt,.fadeOutAlt,.slideOutDownAlt,.slideOutUpAlt{-webkit-animation-name:slideOutDownAlt;animation-name:slideOutDownAlt}@-webkit-keyframes slideOutUpAlt{0%{visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUpAlt{0%{visibility:visible;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeInAlt,.fadeOutAlt,.slideOutUpAlt{-webkit-animation-name:slideOutUpAlt;animation-name:slideOutUpAlt}@-webkit-keyframes fadeInAlt{0%{visibility:visible;opacity:0}to{visibility:visible;opacity:1}}@keyframes fadeInAlt{0%{visibility:visible;opacity:0}to{visibility:visible;opacity:1}}.fadeInAlt,.fadeOutAlt{-webkit-animation-name:fadeInAlt;animation-name:fadeInAlt}@-webkit-keyframes fadeOutAlt{0%{opacity:1;visibility:visible}to{opacity:0;visibility:hidden}}@keyframes fadeOutAlt{0%{opacity:1;visibility:visible}to{opacity:0;visibility:hidden}}.fadeOutAlt{-webkit-animation-name:fadeOutAlt;animation-name:fadeOutAlt}.content-invite .invite-logo{text-align:center;padding:5px 0;position:relative}.content-invite .invite-logo img{max-width:128px}.content-invite .invite-title{text-align:center;color:transparent;margin-top:0;position:relative;margin-bottom:20px}.content-invite .hr{color:#aaa;text-align:center;margin:20px auto;font-size:16px;position:relative}.invite-form,.invite-user{max-width:520px;margin:0 auto}.invite-form .control-group{margin-bottom:16px}.invite-form .row-control input.form-control{border-radius:3px;border:1px solid #959595;padding:8px 6px}.invite-form .row-control{*zoom:1}.invite-form .row-control:after,.invite-form .row-control:before{display:table;content:""}.invite-form .row-control:after{clear:both}.invite-form .row-control .col-icon{float:left;width:10%;font-size:23px;color:#888;line-height:1;text-align:center;position:relative;top:10px}.invite-form .row-control .col-prefix{float:left;width:23%;margin-right:2%}.invite-form .row-control .col-phone{float:left;width:65%}.invite-form .row-control .col-control{float:left;width:90%}.invite-form .row-control input,.welcome .account-form.email .row-control .col-control,.welcome .account-form.username .row-control .col-control{width:100%}.invite-user{max-width:320px}.invite-user .item{padding-left:70px}.invite-user .item>div,.invite-user .item>img{width:50px;height:50px;position:absolute;top:10px;left:10px;max-width:80px;max-height:80px}.invite-user .item>h2{font-weight:400}.fa::after,.icon::after{content:' '}.item,.item h1,.item h2,.item h3,.item h4,.item h5,.item h6,.item p,.item-content,.item-content h1,.item-content h2,.item-content h3,.item-content h4,.item-content h5,.item-content h6,.item-content p{overflow:hidden;text-overflow:initial;white-space:normal}.text-error{color:red}.bar .buttons-right span{margin-left:0;display:inline-block}.placeholder-avatar img{}.backdrop.active{opacity:.2}.backdrop-popup{background:rgba(0,0,0,.5);z-index:14;min-height:100vh}.text-uppercase{text-transform:uppercase}.scroll{height:100%;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.content-invite{height:calc(93%)}.zoomedImg .ionic-scroll{top:50%;transform:translateY(-50%)}.zoomedImg .ionic-scroll.scroll-xy{overflow:visible}.image-modal{text-align:center}.fullscreen-image{padding:10px;width:100%;height:auto;background:#f9f9f9;color:#444;text-shadow:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:0 10px 25px rgba(0,0,0,.5);-moz-box-shadow:0 10px 25px rgba(0,0,0,.5);box-shadow:0 10px 25px rgba(0,0,0,.5)}@media (max-width:679px){.active .modal-backdrop-bg{opacity:.5}.modal-backdrop-bg{-webkit-transition:opacity 300ms ease-in-out;transition:opacity 300ms ease-in-out;background-color:#000;opacity:0}}.transparent{background:0 0!important}.image-modal{width:100%!important;height:100%;top:0!important;left:0!important}.fullscreen-image{max-width:90%;max-height:100%;bottom:0;left:0;margin:auto;overflow:auto;position:fixed;right:0;top:0}.slider{width:100%;height:100%}.image-list-thumb{padding:2px;height:150px}.transparent{background:rgba(0,0,0,.7)}.image{width:100%;height:100%;background-size:contain;background-repeat:no-repeat;background-position:center,center}.content-loading{position:fixed;top:0;left:0;bottom:0;right:0;background:url(../assets/images/loading-wheel-gif.gif) center center no-repeat;background-size:60px}.fd-toast-container{position:fixed;width:100%;z-index:99;top:2px;opacity:0;background:#f07c00;text-align:center;transition:all .3s ease-in-out;height:48px;line-height:48px;color:#fff}.fd-toast-container.is-ios{top:65px}.fd-toast-container.noheader{top:0}.fd-toast-container.active{opacity:1}.fd-toast-container.positive{background:#0a0;opacity:.8}.fd-toast-container i{cursor:pointer;position:absolute;width:50px;right:0}.tooltip-mask{position:fixed;width:100%;z-index:9999998;height:100%;top:0;left:0;opacity:.7;background-color:#999}.tooltipster-sidetip.tooltipster-base{padding:0 20px}.tooltipster-sidetip.tooltipster-base img{position:absolute;top:-15px;right:6px;cursor:pointer}@font-face{font-family:'videogular';src:url(/main/assets/fonts/videogular.eot);src:url(/main/assets/fonts/videogular.eot?#iefix) format("embedded-opentype"),url(/main/assets/fonts/videogular.woff) format("woff"),url(/main/assets/fonts/videogular.ttf) format("truetype"),url(/main/assets/fonts/videogular.svg#videogular) format("svg");font-weight:400;font-style:normal}.bit-content .self-video-player img{margin:auto}.vertical-buttons .popup-buttons{-ms-flex-direction:column;flex-direction:column}.bonus-point{background-color:#444}.bonus-point .popup{border-radius:10px;background-color:#fff}.bonus-point .popup .comment{font-style:italic}.bonus-point .popup-buttons button,.custom-reply .popup{border-radius:10px}.custom-reply .popup .popup-head,.lg-outer #lg-share-email .lg-icon i::after,.lg-outer #lg-share-wechat .lg-icon i::after,.lg-outer #lg-share-whatsapp .lg-icon i::after{display:none}.custom-reply .popup .popup-body span{color:#000}.custom-reply .popup .popup-buttons button{background:#eda3b0;color:#fff;border:none}.welcome.welcome-create-account-all-options .title{margin-top:40px}.welcome .scroll{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.welcome .subtitle,.welcome .title{width:93%;color:#0066b3;margin:0 auto}.welcome .title{padding:4px}.welcome .subtitle{font-size:24px}.welcome .subtitle.secondarySubtitle{padding-bottom:22px;width:90%}.welcome .subtitle.create-email-account{margin-top:10px}@media (min-width:320px) and (max-width:480px){.welcome .title{width:95%}.welcome .subtitle.secondarySubtitle{width:88%}}.welcome .terms{width:90%;margin:10px auto}.demo .terms a,.welcome .terms a{color:gray}.welcome .terms.light-gray{color:gray;opacity:.5}.welcome .option{margin:14px 0}.welcome .option button{width:90%;max-width:90%;border-radius:10px}.demo .option button>i,.welcome .option button>i{position:absolute;left:14px;top:14px}.welcome .option .button-blue{background:#0066b3;box-shadow:none;border-radius:10px;color:#fff;font-size:20px;line-height:40px;text-align:center;text-decoration:none}.welcome .option .button-blue:active,.welcome .option .button-blue:focus,.welcome .option .button-blue:hover{color:#fff;opacity:.8;text-decoration:none;background:#4267b2}.welcome .sign-in-link{width:90%;margin:0 auto}.welcome .button-sign-in-with-email{margin-top:0}.welcome .button-create-account{width:90%;max-width:90%;border-radius:10px;border:1px solid #0066b3;color:#0066b3}.welcome .button-solid-blue{background-color:#0066b3;color:#fff}.welcome .button-solid-blue.activated,.welcome .button-solid-blue.active{border-color:#a2a2a2;background-color:#0066b3}.welcome .button-solid-blue:hover{color:#fff;text-decoration:none}.welcome .moreOptions{width:90%;margin:0 auto}.welcome .moreOptions.topright{width:93%}.welcome .moreOptions.left button{text-align:left}.welcome .moreOptions.right button{text-align:right}.welcome .moreOptions button{font-size:14px;padding-left:0;padding-right:0}@media (min-width:320px) and (max-width:480px){.welcome .moreOptions.topright{width:95%}}.welcome .account-logo{padding:40px 0}.welcome .account-form .col-icon{width:30px}.welcome .account-form.email .row-control,.welcome .account-form.mobile .row-control,.welcome .account-form.username .row-control{padding:0 5%}.welcome .account-form.email .row-control .col-control.email-subtext,.welcome .account-form.username .row-control .col-control.email-subtext{color:#808080a6}.welcome .account-form.email .control-group.password-group,.welcome .account-form.username .control-group.password-group{margin-bottom:0}.welcome .account-form.mobile .row-control .country-code{margin-right:5%}.demo .account-form.email .row-control .col-control,.welcome .account-form.mobile .row-control .col-control-countrycode,.welcome .account-form.mobile .row-control .verifycode{width:100%}.welcome .angucomplete-dropdown{overflow-y:auto;max-height:200px}.welcome .highlight{color:orange}.welcome .hr{width:90%}.demo .hr span,.welcome .hr span{display:inline-block;padding:10px;background:#fff}.demo .hr:before,.welcome .hr:before{content:"";display:block;position:absolute;z-index:-1;left:0;right:0;top:50%;height:1px;background:#ccc}.demo .hr hr,.welcome .hr hr{border-width:.3px}.welcome .content-account .forgetPwd{padding-left:0;line-height:28px}.demo.welcome-create-account-all-options .title{margin-top:40px}.demo .scroll{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.demo .subtitle,.demo .title{width:93%;color:#0066b3;margin:0 auto}.demo .title{padding:4px}.demo .subtitle{font-size:24px;line-height:1.5em}.demo .subtitle.secondarySubtitle{padding-bottom:22px;width:90%}.demo .subtitle.create-email-account{margin-top:10px;line-height:1.5em}@media (min-width:320px) and (max-width:480px){.demo .title{width:95%}.demo .subtitle.secondarySubtitle{width:88%}}.demo .terms{width:90%;margin:10px auto}.demo .terms.light-gray{color:gray;opacity:.5}.demo .option{margin:14px 0}.demo .option button{width:90%;max-width:90%;border-radius:10px}.demo .option .button-blue{background:#0066b3;box-shadow:none;border-radius:10px;color:#fff;font-size:20px;line-height:40px;text-align:center;text-decoration:none}.demo .option .button-blue:active,.demo .option .button-blue:focus,.demo .option .button-blue:hover{color:#fff;opacity:.8;text-decoration:none;background:#4267b2}.demo .sign-in-link{width:90%;margin:0 auto}.demo .button-sign-in-with-email{margin-top:0}.demo .button-create-account{width:90%;max-width:90%;border-radius:10px;border:1px solid #0066b3;color:#0066b3}.demo .button-solid-blue{background-color:#0066b3;color:#fff}.demo .button-solid-blue.activated,.demo .button-solid-blue.active{border-color:#a2a2a2;background-color:#0066b3}.demo .button-solid-blue:hover{color:#fff;text-decoration:none}.demo .moreOptions{width:90%;margin:0 auto}.demo .moreOptions.topright{width:93%}.demo .moreOptions.left button{text-align:left}.demo .moreOptions.right button{text-align:right}.demo .moreOptions.light-gray{color:gray;opacity:.5}.demo .moreOptions button{font-size:14px;padding-left:0;padding-right:0}@media (min-width:320px) and (max-width:480px){.demo .moreOptions.topright{width:95%}}.demo .account-logo{padding:40px 0}.demo .account-form .col-icon{width:30px}.demo .account-form.email .row-control,.demo .account-form.mobile .row-control{padding:0 5%}.demo .account-form.email .row-control .col-control.demo-url div{display:inline-block;font-size:20px}.demo .account-form.email .row-control .col-control.demo-url div.protocol{width:70px}.demo .account-form.email .row-control .col-control.demo-url div.hostname{width:190px}.demo .account-form.email .row-control .col-control.demo-url input{width:120px;font-size:20px;display:inline-block}.demo .account-form.email .control-group.password-group{margin-bottom:0}.demo .account-form.mobile .row-control .country-code{margin-right:5%}.demo .account-form.mobile .row-control .col-control-countrycode,.demo .account-form.mobile .row-control .verifycode,.login-slack a{width:100%}.demo .account-form.mobile .row-control .col-control-countrycode .fixed input{border-radius:0;border-right:none;border-bottom:none;border-left:none;color:#4267b2}@media (min-width:320px) and (max-width:480px){.demo .account-form.email .row-control .col-control.demo-url div{font-size:14px}.demo .account-form.email .row-control .col-control.demo-url div.protocol{width:50px}.demo .account-form.email .row-control .col-control.demo-url div.hostname{width:135px}.demo .account-form.email .row-control .col-control.demo-url input{width:80px;font-size:14px}}.demo .angucomplete-dropdown{overflow-y:auto;max-height:200px}.demo .highlight{color:orange}.demo .hr{width:90%}.demo .content-account .forgetPwd{padding-left:0;line-height:28px}.lg-outer #lg-share-wechat .lg-icon{color:#7bb32e}.lg-outer #lg-share-email .lg-icon i,.lg-outer #lg-share-wechat .lg-icon i,.lg-outer #lg-share-whatsapp .lg-icon i{width:20px}.lg-outer #lg-share-whatsapp .lg-icon{color:#075e54}.path-progress{cursor:pointer;border-radius:4px;background-color:#9c9}.bitlist-modal.modal .bar.bar-header i{cursor:pointer;right:8px;top:50%;transform:translateY(-50%);color:#fff;position:absolute}.bitlist-modal.modal .bitItem:not(.submitted){color:#d3d3d3}.bitlist-modal.modal .bitItem.skipped{color:gray}.bitlist-modal.modal .bitItem.current{color:#ff4500}@media (max-width:679px){.bitlist-modal{top:20%;right:20%;bottom:20%;left:20%;width:60%;min-height:60%}}.alternative-verifycode{color:#a9a9a9}.alternative-verifycode .collapsible{cursor:pointer}.alternative-verifycode .content{visibility:hidden;transition:max-height .2s ease-out;max-height:0}.alternative-verifycode .content.active{visibility:visible;max-height:none}.login-slack{width:90%;margin:2px auto}.login-slack a.light{color:#000;background-color:#fff;border:1px solid #ddd}.login-slack a.aubergine{color:#fff;background-color:#4a154b;border:0}.login-slack a.disabled{opacity:.5}.oauth-login-loading .subtitle{width:93%;color:#0066b3;font-size:24px;margin:40px auto 0}