.chat{-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;overflow:hidden;padding:8px 40px 40px 40px;width:100%;padding-top:8px}.chat input[type=file]{display:none}.chat__input{border-radius:8px;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-overflow-scrolling:touch;float:left;overflow:auto;margin-right:12px;padding:8px;outline:none;border:2px solid #929bad;width:calc(100% - 266px);min-height:56px;max-height:200px;background:#fff}.chat__input::-webkit-scrollbar{width:6px}.chat__input::-webkit-scrollbar-thumb{border-radius:3px;background-color:#929bad;z-index:999}.chat__input::-webkit-scrollbar{width:12px}.chat__input::-webkit-scrollbar-thumb{border-radius:8px;border:3px solid transparent;background-clip:content-box}.chat__input--files{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-line-pack:start;align-content:flex-start;min-height:7px}.chat__input--files .is-loading{position:relative;width:216px;height:144px;margin-right:8px;margin-bottom:8px;text-align:center;background:#ccc}.chat__input--files .is-loading .el-icon-loading{font-size:32px;line-height:144px}.chat__input--files .is-loading:hover .btn-close{cursor:pointer;opacity:1}.chat__input--files .image-preview{position:relative;margin-right:8px;margin-bottom:8px;text-align:center}.chat__input--files .image-preview:hover .btn-close{cursor:pointer;opacity:1}.chat__input--files .image-preview img{border-radius:4px;width:auto;height:auto;max-width:100%;max-height:150px}.chat__input--files .image-preview .is-video{bottom:8px;color:#fff;font-size:20px;background:#233040}.chat__input--files .btn-close,.chat__input--files .image-preview .is-video{border-radius:50%;-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;right:8px;padding:10px;width:40px;height:40px}.chat__input--files .btn-close{opacity:0;top:8px;-webkit-transition:.5s ease;transition:.5s ease;background:rgba(17,17,17,.4)}.chat__input--files .btn-close img{width:20px}.chat__input--text{display:-webkit-box;display:-ms-flexbox;display:flex}.chat__input--text .input{outline:none;width:calc(100% - 320px);font-size:15px;line-height:22px;color:#101c2a;cursor:text;word-break:break-all}.chat__input--text .input[contenteditable=true]:empty:before{content:attr(placeholder);display:block;color:#929bad}.chat__button{position:absolute;bottom:48px;right:315px;-ms-flex-item-align:end;align-self:flex-end;color:#233040;line-height:100%;font-size:16px}.chat__button p{border-radius:4px;display:inline-block;padding:12px;margin-left:8px;background:#ecf3fc}.chat__button p:hover{cursor:pointer}.chat__submit{position:absolute;bottom:40px;right:40px}.chat__submit .check-mark-follow{margin-right:24px}.chat__submit button{min-width:auto;width:120px}.chat__submit button.el-button--text--primary{-webkit-box-shadow:0 6px 20px rgba(6,68,141,.35);box-shadow:0 6px 20px rgba(6,68,141,.35)}.chat__submit button.el-button--text--primary:hover{-webkit-box-shadow:0 6px 20px rgba(6,68,141,.5);box-shadow:0 6px 20px rgba(6,68,141,.5)}.message-template{border-radius:8px;-webkit-box-shadow:0 8px 24px rgba(34,34,34,.2);box-shadow:0 8px 24px rgba(34,34,34,.2);margin-bottom:40px;padding-top:24px;width:100%;background:#fff}.message-template__header{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0 22px 0 40px}.message-template__header,.message-template__header--label{display:-webkit-box;display:-ms-flexbox;display:flex}.message-template__header--label .label-select{font-size:24px;color:#101c2a}.message-template__header--label .label-add{margin-top:2px;margin-left:32px;cursor:pointer;font-size:16px;color:#387ac6}.message-template__header--close{margin-top:-2px;cursor:pointer}.message-template__filter{margin-top:16px;padding-left:40px}.message-template__list{-webkit-overflow-scrolling:touch;overflow:auto;margin-top:20px;width:100%;max-height:250px;word-break:break-all}.message-template__list::-webkit-scrollbar{width:6px}.message-template__list::-webkit-scrollbar-thumb{border-radius:3px;background-color:#929bad;z-index:999}.message-template__list::-webkit-scrollbar{width:16px}.message-template__list::-webkit-scrollbar-thumb{border-radius:8px;border:5px solid transparent;background-clip:content-box}.message-template__list .template{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.message-template__list .template:hover{cursor:pointer;background-color:#ecf3fc}.message-template__list .template:hover .detail,.message-template__list .template:hover .trash{display:block}.message-template__list .template__content{width:100%;padding:12px 60px 12px 40px;font-size:15px;line-height:22px;min-height:15px}.message-template__list .template .detail{position:absolute;right:0;margin-right:64px;padding-top:13px}.message-template__list .template .trash{position:absolute;right:0;margin-right:32px;padding-top:13px}.message-template__list .template .trash .el-icon-loading{font-size:24px;font-weight:700}.input-message{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:0 8px 24px rgba(34,34,34,.2);box-shadow:0 8px 24px rgba(34,34,34,.2);border-radius:8px;width:100%;min-height:348px;margin-bottom:40px;padding:24px 0;background:#fff}.input-message__header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0 22px 0 40px}.input-message__header--title{font-size:24px;color:#101c2a}.input-message__header--close{margin-top:-2px;cursor:pointer}.input-message__body{margin-top:20px;padding:0 40px}.input-message__body .create-form__title input{-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;margin-bottom:12px;padding:8px 16px;border:1px solid #929bad;outline:none;width:50%;color:#233040;font-size:16px}.input-message__body .create-form__title input::-webkit-input-placeholder{color:#929bad}.input-message__body .create-form__title input::-moz-placeholder{color:#929bad}.input-message__body .create-form__title input:-ms-input-placeholder{color:#929bad}.input-message__body .create-form__title input::-ms-input-placeholder{color:#929bad}.input-message__body .create-form__title input::placeholder{color:#929bad}.input-message__body .create-form__content textarea{-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:8px;-webkit-overflow-scrolling:touch;overflow:auto;outline:none;border:1px solid #929bad;resize:none;width:100%;height:184px;padding:16px;font-size:15px;line-height:160%;color:#101c2a;text-align:justify}.input-message__body .create-form__content textarea::-webkit-scrollbar{width:6px}.input-message__body .create-form__content textarea::-webkit-scrollbar-thumb{border-radius:3px;background-color:#929bad;z-index:999}.input-message__body .create-form__content textarea::-webkit-input-placeholder{color:#929bad}.input-message__body .create-form__content textarea::-moz-placeholder{color:#929bad}.input-message__body .create-form__content textarea:-ms-input-placeholder{color:#929bad}.input-message__body .create-form__content textarea::-ms-input-placeholder{color:#929bad}.input-message__body .create-form__content textarea::placeholder{color:#929bad}.input-message__body .create-form__content textarea::-webkit-scrollbar{width:16px}.input-message__body .create-form__content textarea::-webkit-scrollbar-thumb{border-radius:8px;border:5px solid transparent;background-clip:content-box}.input-message__body .message-detail{position:relative}.input-message__body .message-detail__header{margin-left:30px;margin-bottom:2px;padding:8px 16px;min-height:16px;background-color:#ecf3fc;word-break:break-all;font-weight:700;font-size:16px}.input-message__body .message-detail__main{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex}.input-message__body .message-detail__main--content{-webkit-overflow-scrolling:touch;overflow:auto;width:100%;margin-left:20px;padding:16px 40px 16px 16px;height:150px;background-color:#ecf3fc;word-break:break-all}.input-message__body .message-detail__main--content::-webkit-scrollbar{width:6px}.input-message__body .message-detail__main--content::-webkit-scrollbar-thumb{border-radius:3px;background-color:#929bad;z-index:999}.input-message__body .message-detail__main--back img{cursor:pointer}.input-message__body .message-detail__edit{position:absolute;right:8px;top:8px;cursor:pointer}.input-message__body .message-detail__edit .btn-normal{display:block}.input-message__body .message-detail__edit .btn-active,.input-message__body .message-detail__edit:hover .btn-normal{display:none}.input-message__body .message-detail__edit:hover .btn-active{display:block}.input-message__footer{margin-top:16px;padding:0 40px;text-align:right}.input-message__footer button{min-width:auto;width:120px}.input-message__footer button .is-updating{font-size:16px;font-weight:700}.reporter-info{padding:16px 48px;overflow:hidden;border-bottom:1px solid #ddd}.reporter-info__left{float:left;overflow:hidden}.reporter-info__left__avatar{width:56px;height:56px;float:left;margin-right:16px}.reporter-info__left__info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.reporter-info__left__info__name{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;float:left;font-size:16px;font-weight:700;margin-top:10px;color:#000}.reporter-info__left__info__name .os-tag{margin-left:10px}.reporter-info__left__info__username{font-size:12px;line-height:1;color:#838383;margin-top:10px}.reporter-info__left__info__last-login{margin-top:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#93a2b3;font-size:12px}.reporter-info__left__info__last-login .icon-last-login{margin-right:10px}.reporter-info__right{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;float:right;margin-top:20px}.reporter-info__right:after,.reporter-info__right:before{content:" ";display:table}.reporter-info__right:after{clear:both}.reporter-info__right--name{float:left;margin-right:52px}.reporter-info__right--name .username{font-size:12px;line-height:1;color:#838383;margin-top:10px}.reporter-info__right--name .last-login,.reporter-info__right--name .platform{margin-top:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#93a2b3;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reporter-info__right--name .last-login .icon-last-login,.reporter-info__right--name .platform .icon-last-login{margin-right:10px}.reporter-info__right--video-call{border-radius:50%;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:40px;height:40px;background-color:#387ac6;-webkit-transition:all .3s ease;transition:all .3s ease}.reporter-info__right--video-call img{width:25px}.reporter-info__right--phone{float:left;font-weight:700;line-height:40px;padding:0 24px;background:#387ac6;border-radius:20px;margin-top:8px;cursor:pointer}.reporter-info__right--phone a{font-size:16px;color:#fff}.reporter-info .loading{height:56px;text-align:center;font-size:32px}.reporter-info .btn-lesson{background:#387ac6;color:#fff;margin-right:15px;padding:10px 15px}.chat-button{border-radius:4px;-webkit-box-shadow:0 4px 10px rgba(6,68,141,.14)!important;box-shadow:0 4px 10px rgba(6,68,141,.14)!important;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;background:#fff!important;border:1px solid #ccc!important;padding:0!important;height:36px}.chat-button--icon{width:36px;height:36px}.chat-button--icon>span{display:inline-block;vertical-align:middle}.chat-button--icon>span span{display:block}.chat-button--icon>span span img{display:block;max-width:16px}.chat-button--icon--hover,.chat-button--icon:hover .chat-button--icon--normal{display:none!important}.chat-button--icon:hover .chat-button--icon--hover{display:block!important}.chat-button--text{color:#929bad!important;font-size:15px!important;padding:0 15px!important;font-weight:700!important}.chat-button--text:hover{color:#387ac6!important}.chat-button:hover{background:#fff!important}.chat-button:active{background:#ecf3fc!important}.divider{line-height:0}.divider__line{max-width:100%;max-height:5px;background:#3c4650;display:inline-block}.divider--right{text-align:right!important}.divider--center{text-align:center!important}.divider--left{text-align:left!important}.message-separator{z-index:2;padding:20px 40px;position:relative}.message-separator__text{border-radius:20px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#000;font-size:12px;font-weight:700;line-height:23px;display:block;height:25px;min-width:72px;border:1px solid #ddd;text-align:center;position:absolute;left:50%;margin-left:-36px;top:10px;background:#fff;padding:0 10px}.message-separator__text--unread{width:112px;border-color:#ef4577;color:#ef4577;margin-left:-56px;margin-top:5px}.message-separator--date .message-separator__text--unread{right:80px;left:auto;margin-left:auto}.message-separator__text--unread.is-has-follow{top:6px;right:80px;left:auto;margin-left:auto}.message-separator__text--mark-unread{cursor:pointer;color:#ccc}.message-separator__text--mark-unread.unread-left{margin-left:-20px}.message-separator__text--mark-unread.is-has-follow{margin-left:150px}.message-separator__text.text-left{margin-left:-110px}.message-separator__text.is-date-with-follow{margin-left:-150px}.message-separator__mark-follow span{color:#ef4577}.message-separator__mark-follow .btn-delete-mark{position:absolute;top:-6px;right:-48px;-webkit-box-shadow:unset!important;box-shadow:unset!important}.message-list__item__body:hover{cursor:pointer;background:#ecf3fc}.message-list__item__body:hover .message-list__item__body__controls{display:block;min-width:230px}.message-list__item__body__content section .sending-file{max-width:480px;min-width:300px;height:200px;width:auto;position:relative;display:inline-block}.message-list__item__body__content section .sending-file .el-icon-loading{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.message-list__item__body__content section .sending-file .el-icon-video-camera-solid{position:absolute;right:15px;bottom:15px}.message-list__item__body__content section .sending-file img{width:auto;height:auto;max-width:100%;max-height:100%}.message-list__item__body__content section .sending-file img:hover{cursor:pointer;opacity:.8;-webkit-transition:all .5s ease;transition:all .5s ease}.message-list__item--prepare .message-list__item__body__avatar,.message-list__item--prepare .message-list__item__body__content header,.message-list__item--prepare .message-list__item__body__content section{opacity:.3}.message-list__item--prepare.is-failed .sent-failed{opacity:1}.message-list__item--prepare.is-failed .sent-failed .message-error{color:#dd1b1b;font-size:16px}.message-list__item{position:relative}.message-list__item:first-child .message-list__item--unread.is_date{display:block}.message-list__item__body{position:relative;padding:10px 0 10px 40px;overflow:hidden;border-top:1px solid transparent;display:-webkit-box;display:-ms-flexbox;display:flex}.message-list__item__body.is-deleted{background-color:#efefef}.message-list__item__body.is-deleted:hover{background-color:#efefef!important}.message-list__item__body.active{background:#ecf3fc}.message-list__item__body__avatar{-ms-flex-preferred-size:50px;flex-basis:50px}.message-list__item__body__avatar .avatar-image{width:45px;height:45px}.message-list__item__body__avatar--supporter{border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:100%;background-color:#929bad;color:#fff;font-size:24px;font-weight:600}.message-list__item__body__content{max-width:70%}.message-list__item__body__content header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden;margin-bottom:4px}.message-list__item__body__content header .name{float:left;margin-right:8px;padding-bottom:2px;font-size:15px;line-height:1;font-weight:700;color:#000;max-width:80%;word-break:break-all}.message-list__item__body__content header .time{font-size:12px;color:#838383;float:left}.message-list__item__body__content header .warning-message{margin-left:12px;font-size:12px}.message-list__item__body__content section{font-size:15px;color:#000;line-height:1.6}.message-list__item__body__content section .sending-file{font-size:32px}.message-list__item__body__content .message-content{word-break:break-all}.message-list__item__body__content .image-attach__minimal.loaded{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;background-color:unset}.message-list__item__body__content .video-attach__minimal{display:-webkit-box;display:-ms-flexbox;display:flex}.message-list__item__body__controls{position:absolute;top:50%;right:12.22%;margin-top:-18px;display:none}.message-list__item__body__controls:after,.message-list__item__body__controls:before{content:" ";display:table}.message-list__item__body__controls:after{clear:both}.message-list__item__body__controls>:not(:last-child){float:left;margin-right:8px}.message-list__item__body__read{position:absolute;right:10px;bottom:10px;width:20px;height:20px}.message-list__item--unread{position:absolute;top:-12px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);visibility:hidden;display:block;margin:0 auto;padding:0 10px;height:25px;line-height:23px;border:1px solid #ccc;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#fff;border-radius:20px;text-align:center;font-size:12px;font-weight:700;color:#ccc;cursor:pointer}.message-list__item--unread.is_date{display:none}.message-list__item--unread.is-mark-follow{margin-left:200px;top:12px;z-index:2}.message-list__item.has-border:hover .message-list__item__body{border-top:1px solid #ccc}.message-list__item:hover .message-list__item__body{background:#ecf3fc}.message-list__item:hover .message-list__item__body__controls{display:block;min-width:230px}.message-list__item:hover .message-list__item--unread{visibility:visible}.message-list-wrap{position:relative;overflow:hidden;height:100%}.message-list,.message-list-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.message-list{height:calc(100vh - 275px);width:100%}.message-list__help{position:absolute;top:45%;width:100%;text-align:center;font-size:72px}.message-list__help .no-message{font-size:16px}.message-list__item:first-of-type{margin-top:12px}.message-list__item:first-of-type .message-separator--date{display:none}.message-list__item:first-of-type .message-separator--unread{display:block}.message-list__item:first-of-type .message-separator__text{display:none}.message-list__item:first-of-type .message-separator__text--unread{display:block;left:50%;right:unset;margin-left:-56px}.message-list__item:first-of-type:hover>:not(.message-separator--unread){border-top:1px solid #ccc}.message-list-box{-webkit-overflow-scrolling:touch;overflow-y:auto;height:100%}.message-list-box::-webkit-scrollbar{width:6px}.message-list-box::-webkit-scrollbar-thumb{border-radius:3px;background-color:#929bad;z-index:999}.message-list-box::-webkit-scrollbar{width:12px}.message-list-box::-webkit-scrollbar-thumb{border-radius:8px;border:3px solid transparent;background-clip:content-box}.loading-bar{-webkit-transition:all .3s ease;transition:all .3s ease;width:100%;height:40px;text-align:center;background:#0984e3;position:absolute;left:0;opacity:.5;z-index:99999}.loading-bar i{font-size:20px;line-height:40px;color:#fff}.loading-bar__top{top:0;margin-top:-40px}.loading-bar__bottom{bottom:0;margin-bottom:-40px}.loading-bar__active.loading-bar__top{margin-top:0}.loading-bar__active.loading-bar__bottom{margin-bottom:0}.go-bottom-btn{width:50px;height:50px;border-radius:50%;background:#0984e3;opacity:.3;z-index:3;line-height:50px;text-align:center;color:#fff;position:absolute;right:50px;bottom:50px;font-size:24px;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease}.go-bottom-btn.incoming-message,.go-bottom-btn:hover{opacity:1}.go-bottom-btn .message-attention{position:absolute;top:0;right:0;padding:5px;min-width:10px;height:10px;border-radius:12px;background-color:#dd1b1b;line-height:1;font-weight:700;font-size:10px}.sticker-box{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:0 8px 24px rgba(34,34,34,.2);box-shadow:0 8px 24px rgba(34,34,34,.2);border-radius:8px;width:500px;min-height:200px;max-height:350px;margin-bottom:40px;padding:16px 0;background:#fff;position:absolute;right:170px;bottom:63px;overflow:hidden}.sticker-box__header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;border-bottom:1px solid #ccc;padding:0 16px 6px 16px}.sticker-box__header--title{font-size:18px;font-weight:700;color:#101c2a}.sticker-box__header--close{margin-top:-2px;cursor:pointer}.sticker-box__body{padding-top:16px}.sticker-box__body,.sticker-box__body--groups{-webkit-box-sizing:border-box;box-sizing:border-box;height:100%}.sticker-box__body--groups{-webkit-overflow-scrolling:touch;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0 20px;overflow:scroll}.sticker-box__body--groups::-webkit-scrollbar{width:12px}.sticker-box__body--groups::-webkit-scrollbar-thumb{border:3px solid transparent;border-radius:8px;background-clip:content-box;background-color:#929bad;z-index:999}.sticker-box__body--groups .sticker-item{width:22%;margin-bottom:12px}.sticker-box__body--groups img{border-radius:8px;width:100%;height:100px;-o-object-fit:cover;object-fit:cover}.sticker-box__body--groups img:hover{cursor:pointer;opacity:.7;-webkit-transition:.3s;transition:.3s}.sticker-box__footer{margin-top:16px;padding:0 40px;text-align:right}.sticker-box__footer button{min-width:auto;width:120px}.sticker-box__footer button .is-updating{font-size:16px;font-weight:700}.sticker-box__loading{margin:auto;width:100%;text-align:center;font-size:42px}.support-chat__body{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;height:calc(100vh - 145px)}.support-chat__body .separator-sticky{position:absolute;z-index:3;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);top:-12px;margin:0 auto;background:#fff;border-radius:20px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#000;font-size:12px;font-weight:700;line-height:23px;display:block;height:25px;min-width:72px;border:1px solid #ddd;text-align:center;padding:0 10px}.support-chat .slack__wrapper{position:fixed;top:0;width:100%;height:100%;z-index:2}.support-chat .slack__wrapper .slack__modal{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%}.support-chat .message-template__wrapper{position:fixed;top:0;width:100%;height:100%;z-index:2}.support-chat .message-template__wrapper .message-template__modal{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;padding:0 40px;width:calc(100% - 212px);height:100%}.fade-enter-active,.fade-leave-active{-webkit-transition:opacity .5s;transition:opacity .5s}.fade-enter,.fade-leave-to{opacity:0}