@charset "UTF-8";
.mdc-dialog__content, .mdc-dialog__title {
    font-family: Roboto, sans-serif
}

.tr-dialog, tr-dialog {
    display: block
}

.tr-dialog .mdc-dialog .mdc-dialog__surface, tr-dialog .mdc-dialog .mdc-dialog__surface {
    min-width: 448px
}

.tr-dialog .mdc-dialog .close-btn, tr-dialog .mdc-dialog .close-btn {
    color: #999;
    position: absolute;
    right: 10px;
    top: 14px;
    cursor: pointer;
    z-index: 100;
    outline: none
}

.tr-dialog .mdc-dialog .close-btn:hover, tr-dialog .mdc-dialog .close-btn:hover {
    color: #777
}

.tr-dialog .mdc-dialog .mdc-dialog__title, tr-dialog .mdc-dialog .mdc-dialog__title {
    padding-bottom: 0;
    line-height: 1.2
}

.tr-dialog .mdc-dialog .mdc-dialog__title+.desc, tr-dialog .mdc-dialog .mdc-dialog__title+.desc {
    margin-top: 8px;
    padding: 0 24px;
    font-size: 12px;
    color: #555;
    line-height: 1.33
}

.tr-dialog .mdc-dialog .mdc-dialog__title+.desc+.mdc-dialog__content, .tr-dialog .mdc-dialog .mdc-dialog__title+.mdc-dialog__content, tr-dialog .mdc-dialog .mdc-dialog__title+.desc+.mdc-dialog__content, tr-dialog .mdc-dialog .mdc-dialog__title+.mdc-dialog__content {
    padding-top: 24px;
    padding-bottom: 24px
}

.tr-dialog .mdc-dialog .mdc-dialog__content, tr-dialog .mdc-dialog .mdc-dialog__content {
    font-size: 14px;
    color: #000;
    line-height: 1.43
}

.tr-dialog .mdc-dialog .mdc-dialog__content>.tr-form:last-child, tr-dialog .mdc-dialog .mdc-dialog__content>.tr-form:last-child {
    margin-bottom: -24px
}

.tr-dialog .mdc-dialog .mdc-dialog__actions, tr-dialog .mdc-dialog .mdc-dialog__actions {
    justify-content: flex-start;
    padding: 0 24px 24px
}

.tr-dialog .mdc-dialog__content, tr-dialog .mdc-dialog__content {
    -webkit-font-smoothing: auto;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.tr-dialog .mdc-dialog.mdc-dialog--scrollable .mdc-dialog__actions, .tr-dialog .mdc-dialog.mdc-dialog--scrollable .mdc-dialog__title, tr-dialog .mdc-dialog.mdc-dialog--scrollable .mdc-dialog__actions, tr-dialog .mdc-dialog.mdc-dialog--scrollable .mdc-dialog__title {
    border-color: transparent
}

.tr-dialog .mdc-dialog.mdc-dialog--scrollable .mdc-dialog__title, tr-dialog .mdc-dialog.mdc-dialog--scrollable .mdc-dialog__title {
    padding-bottom: 12px
}

.tr-dialog .mdc-dialog.mdc-dialog--scrollable .mdc-dialog__title+.desc, tr-dialog .mdc-dialog.mdc-dialog--scrollable .mdc-dialog__title+.desc {
    margin-top: -12px;
    padding: 8px 24px 12px
}

.tr-dialog .mdc-dialog.mdc-dialog--scrollable .mdc-dialog__title+.desc+.mdc-dialog__content, tr-dialog .mdc-dialog.mdc-dialog--scrollable .mdc-dialog__title+.desc+.mdc-dialog__content {
    padding: 12px 24px
}

.tr-dialog .mdc-dialog.mdc-dialog--scrollable .mdc-dialog__actions, tr-dialog .mdc-dialog.mdc-dialog--scrollable .mdc-dialog__actions {
    padding-top: 12px
}

.tr-dialog .mdc-dialog.mdc-dialog--scrollable .mdc-dialog__content, tr-dialog .mdc-dialog.mdc-dialog--scrollable .mdc-dialog__content {
    border-top: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3
}

tr-scroll-magic, tr-scroll-magic-video {
    display: block
}

tr-scroll-magic-video video {
    display: block;
    width: 100%;
    height: 100%
}

tr-scroll-magic-move {
    display: block;
    position: absolute
}

tr-scroll-magic-toggle-class {
    display: block
}

tr-scroll-magic-toggle-class .transition-slide-in {
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    opacity: 0;
    -webkit-transition: opacity .4s ease-out, -webkit-transform .4s ease-out;
    transition: opacity .4s ease-out, -webkit-transform .4s ease-out;
    transition: transform .4s ease-out, opacity .4s ease-out;
    transition: transform .4s ease-out, opacity .4s ease-out, -webkit-transform .4s ease-out
}

tr-scroll-magic-toggle-class .transition-slide-in.transition-active {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

@font-face {
    font-family: swiper-icons;
    src: url("data:application/font-woff;charset=utf-8;base64, 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") format("woff");
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-container-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide, .swiper-wrapper {
    transform: translateZ(0)
}

.swiper-container-multirow>.swiper-wrapper {
    flex-wrap: wrap
}

.swiper-container-multirow-column>.swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column
}

.swiper-container-free-mode>.swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-container-3d {
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-container-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper {
    scroll-snap-type: y mandatory
}

tr-tower-price-tab {
    display: block
}

tr-tower-price-tab .tab-header {
    display: flex;
    justify-content: center;
    position: relative;
    width: 200px;
    margin: 0 auto 30px;
    height: 40px;
    background-color: #fff;
    border-radius: 4px
}

tr-tower-price-tab .tab-header .tab-header-item {
    width: 100px;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 500;
    color: #9aacac;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer
}

tr-tower-price-tab .tab-header:after {
    content: "";
    position: absolute;
    width: 50%;
    top: 0;
    -webkit-transition: left .25s cubic-bezier(.39, .575, .565, 1);
    transition: left .25s cubic-bezier(.39, .575, .565, 1);
    border-radius: 4px;
    background-color: #54b2bd;
    height: 100%;
    z-index: 0
}

tr-tower-price-tab .tab-header.month .tab-header-item.month {
    color: #fff;
    z-index: 1
}

tr-tower-price-tab .tab-header.month:after {
    left: 0
}

tr-tower-price-tab .tab-header.year .tab-header-item.year {
    z-index: 1;
    color: #fff
}

tr-tower-price-tab .tab-header.year:after {
    left: 50%
}

tr-tower-price-tab .tab-content {
    display: flex;
    justify-content: center
}

tr-tower-price-tab .tab-content .tab-content-item {
    width: 326px;
    border-radius: 4px;
    box-shadow: 0 3px 12px 0 rgba(48, 48, 48, .05);
    background-color: #fff;
    margin-right: 30px;
    padding: 50px 0
}

tr-tower-price-tab .tab-content .tab-content-item:last-child {
    margin-right: 0
}

tr-tower-price-tab .tab-content .tab-content-item .title {
    font-size: 24px;
    font-weight: 600;
    color: #142225;
    margin: 0 auto 10px;
    line-height: 1.5
}

tr-tower-price-tab .tab-content .tab-content-item .subtitle {
    font-size: 16px;
    color: #5c7070;
    line-height: 1.75
}

tr-tower-price-tab .tab-content .tab-content-item .price {
    font-size: 44px;
    font-weight: 900;
    color: #142225
}

tr-tower-price-tab .tab-content .tab-content-item .price:before {
    content: "¥";
    font-size: 32px;
    font-weight: 500;
    margin-right: 4px
}

tr-tower-price-tab .tab-content .tab-content-item.free a, tr-tower-price-tab .tab-content .tab-content-item.senior a {
    border-color: #54b2bd;
    font-size: 20px;
    font-weight: 500;
    padding: 8px 35px
}

tr-tower-price-tab .tab-content .tab-content-item.free a:hover, tr-tower-price-tab .tab-content .tab-content-item.senior a:hover {
    background-color: #54b2bd;
    color: #fff
}

tr-tower-price-tab .tab-content .tab-content-item.expert a {
    font-size: 20px;
    font-weight: 500;
    padding: 8px 35px
}

tr-tower-price-tab .tab-content .tab-content-item.expert a:hover {
    background-color: #409199
}

tr-tower-price-tab .tab-content .tab-content-item.free .price {
    margin: 55px auto 75px
}

tr-tower-price-tab .tab-content .tab-content-item.free .price:before {
    display: none
}

tr-tower-price-tab .tab-content .tab-content-item.free button.choose-edition {
    font-size: 20px;
    font-weight: 500;
    padding: 8px 35px;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .12);
    height: 48px
}

tr-tower-price-tab .tab-content .tab-content-item.expert .origin-month-price, tr-tower-price-tab .tab-content .tab-content-item.senior .origin-month-price {
    margin: 20px 0 10px;
    font-weight: 500;
    color: #b0bfbf;
    position: relative;
    height: 20px
}

tr-tower-price-tab .tab-content .tab-content-item.expert .origin-month-price span:first-child, tr-tower-price-tab .tab-content .tab-content-item.senior .origin-month-price span:first-child {
    font-size: 24px;
    margin-right: 6px;
    line-height: 20px
}

tr-tower-price-tab .tab-content .tab-content-item.expert .origin-month-price span:last-child, tr-tower-price-tab .tab-content .tab-content-item.senior .origin-month-price span:last-child {
    font-size: 14px;
    font-weight: 400
}

tr-tower-price-tab .tab-content .tab-content-item.expert .origin-month-price:after, tr-tower-price-tab .tab-content .tab-content-item.senior .origin-month-price:after {
    content: "";
    display: inline-block;
    height: 1px;
    position: absolute;
    width: 158px;
    left: 0;
    background-color: #b0bfbf;
    top: 50%;
    margin: 0 84px
}

tr-tower-price-tab .tab-content .tab-content-item.expert .price, tr-tower-price-tab .tab-content .tab-content-item.senior .price {
    font-size: 50px;
    line-height: 1.4
}

tr-tower-price-tab .tab-content .tab-content-item.expert .price-desc, tr-tower-price-tab .tab-content .tab-content-item.senior .price-desc {
    font-size: 16px;
    color: #5c7070;
    margin-bottom: 47px;
    line-height: 1.75
}

tr-tower-price-tab .tab-content .tab-content-item.senior .price-desc {
    font-size: 16px;
    color: #5c7070
}

tr-tower-price-tab .tab-content .tab-content-item.expert {
    background-color: #1e363a;
    color: #fff;
    position: relative;
    overflow: hidden
}

tr-tower-price-tab .tab-content .tab-content-item.expert .icon {
    position: absolute;
    top: -70px;
    right: -70px;
    width: 120px;
    height: 120px;
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
    color: #fff;
    background: #e99b35
}

tr-tower-price-tab .tab-content .tab-content-item.expert .icon span {
    display: inline-block;
    -webkit-transform: rotate(180deg) translateY(-6px);
    transform: rotate(180deg) translateY(-6px);
    font-size: 14px;
    font-weight: 500
}

tr-tower-price-tab .tab-content .tab-content-item.expert .title {
    margin-top: 10px
}

tr-tower-price-tab .tab-content .tab-content-item.expert .price, tr-tower-price-tab .tab-content .tab-content-item.expert .subtitle, tr-tower-price-tab .tab-content .tab-content-item.expert .title {
    color: #fff
}

tr-tower-price-tab .tab-content .tab-content-item.expert .price-desc {
    font-size: 16px;
    color: #fff
}

tr-tower-price-tab .tab-content .tab-content-item .title-desc {
    font-size: 14px;
    color: #e99b35;
    margin-top: -30px;
    line-height: 20px
}

tr-tower-price-tab .tab-content.month .price-desc.year, tr-tower-price-tab .tab-content.month .price.year {
    display: none
}

tr-tower-price-tab .tab-content.month .origin-month-price {
    visibility: hidden
}

tr-tower-price-tab .tab-content.year .price-desc.month, tr-tower-price-tab .tab-content.year .price.month {
    display: none
}

#home-index {
    min-width: 1080px;
    position: relative
}

#home-index .top {
    background-color: #fff;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    color: #212326;
    height: 453px;
    position: relative;
    margin-top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

#home-index .normal-width, #home-index .top-normal-width {
    width: 1000px;
    margin-left: auto;
    margin-right: auto
}

#home-index .normal-width {
    width: 1040px
}

#home-index .product-top {
    margin-top: 80px
}

#home-index .product-top .top-content {
    margin-top: 74px;
    display: inline-block;
    width: auto
}

#home-index .product-top .top-content .top-content-try {
    margin-top: 40px
}

#home-index .product-top .top-content .top-content-try .top-content-concat-button, #home-index .product-top .top-content .top-content-try .top-content-try-button {
    width: 150px;
    height: 48px;
    padding: 9px 0 9px 35px;
    border-radius: 4px;
    background-color: #e99b35;
    cursor: pointer;
    display: inline-block;
    line-height: 1.5;
    font-size: 20px;
    font-weight: 500
}

#home-index .product-top .top-content .top-content-try .top-content-concat-button:hover, #home-index .product-top .top-content .top-content-try .top-content-try-button:hover {
    background-color: #dc8718
}

#home-index .product-top .top-content .top-content-try .top-content-concat-button a, #home-index .product-top .top-content .top-content-try .top-content-try-button a {
    color: #fff
}

#home-index .product-top .product-project-image {
    width: 580px;
    height: 373px
}

#home-index .product-top .product-project-image img {
    width: 100%;
    height: 100%;
    margin: auto;
    border: none;
    background-size: 100% 100%;
    background-repeat: no-repeat
}

#home-index .product-top .product-top-title {
    width: 380px;
    font-size: 44px;
    font-weight: 600;
    line-height: 60px;
    color: #1d1e20
}

#home-index .product-top .product-top-subtitle {
    width: 380px;
    font-size: 16px;
    line-height: 28px;
    font-weight: 400;
    letter-spacing: 1px;
    color: #5c7070;
    margin-top: 15px
}

#home-index .product-tower.product-top {
    display: flex;
    justify-content: space-between
}

#home-index .product-page-main {
    position: relative;
    z-index: 5
}

#home-index .product-page-main .product-title {
    font-size: 32px;
    text-align: center;
    line-height: 1.5;
    font-weight: 600;
    color: #142225
}

#home-index .product-page-main .product-page-main-content {
    padding: 80px 0
}

#home-index .product-content {
    width: 1200px;
    margin: auto
}

#home-index .product-tower .product-title.scene {
    margin-bottom: 50px
}

#home-index .product-tower .product-content-tower {
    display: inline-flex;
    margin-bottom: 80px;
    height: 475px
}

#home-index .product-tower .product-content-tower.last {
    margin-bottom: 0;
    padding-bottom: 0
}

#home-index .product-tower .product-content-tower-card {
    display: inline-block;
    margin: auto;
    position: relative;
    vertical-align: top;
    width: 346px;
    height: 475px
}

#home-index .product-tower .product-content-tower-card.right {
    margin-left: 70px;
    float: right;
    order: 1
}

#home-index .product-tower .product-content-tower-card.left {
    margin-right: 70px
}

#home-index .product-tower .product-content-tower-info {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 346px;
    display: flex;
    flex-direction: column;
    justify-content: center
}

#home-index .product-tower .product-content-tower-img {
    display: inline-block
}

#home-index .product-tower .product-content-tower-img .img {
    border-radius: 3px;
    box-shadow: 0 3px 12px 0 rgba(48, 48, 48, .05), 0 4px 8px 0 rgba(48, 48, 48, .1), 0 0 1px 0 rgba(0, 0, 0, .1);
    width: 784px;
    height: 475px;
    background-size: 100% 100%;
    background-repeat: no-repeat
}

#home-index .product-tower .product-content-tower-img .img.index_bk_img {
    background-image: url(/website/image/shouyebaokuan.jpg)
}
#home-index .product-tower .product-content-tower-img .img.index_gzt_img {
    background-image: url(/website/image/shouyegongzuotai.jpg)
}
#home-index .product-tower .product-content-tower-img .img.index_cw_img {
    background-image: url(/website/image/shouyecaiwu1.jpg)
}
#home-index .product-tower .product-content-tower-img .img.index_lc_img {
    background-image: url(/website/image/shouyeliucheng.jpg)
}
#home-index .product-tower .product-content-tower-img .img.index_jx_img {
    background-image: url(/website/image/shouyejixiao1.jpg)
}


#home-index .product-tower .product-content-title {
    height: 36px;
    font-size: 24px;
    font-weight: 600;
    letter-spacing: normal;
    color: #142225;
    margin-bottom: 20px
}

#home-index .product-tower .product-content-intro {
    position: relative;
    font-size: 16px;
    line-height: 28px;
    line-height: 1.75;
    color: #5c7070;
    margin-bottom: 5px;
    letter-spacing: normal;
    padding-left: 15px
}

#home-index .product-tower .product-content-intro:before {
    content: "";
    width: 6px;
    height: 1px;
    display: inline-block;
    position: absolute;
    background-color: #5c7070;
    top: 14px;
    left: 0
}

#home-index .product-tower .product-content-link {
    display: flex;
    align-items: center;
    color: #54b2bd;
    font-size: 16px;
    font-weight: 500;
    margin-top: 25px
}

#home-index .product-tower .product-content-link:after {
    font: normal normal normal 14px/1 Tower;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block;
    margin-left: 5px;
    font-size: 12px
}

#home-index .product-tower .product-content-link:hover {
    color: #83cbd2
}

#home-index .product-tower .product-content-link:hover:after {
    margin-left: 10px;
    -webkit-transition: margin-left .3s;
    transition: margin-left .3s
}

#home-index .product-tower .product-content-single-intro {
    width: 309px;
    font-size: 16px;
    line-height: 28px
}

#home-index .product-tower .tower-client-solution {
    height: 762px;
    padding: 80px 0;
    background-color: #f7f8f8
}

#home-index .product-tower .tower-client-solution .client-solutions {
    position: relative
}

#home-index .product-tower .tower-client-solution tr-tab-slider {
    height: 100%;
    width: 100%
}

#home-index .product-tower .tower-client-solution tr-tab-slider .gallery-swiper-container {
    position: relative;
    border-radius: 3px;
    box-shadow: 0 20px 24px 0 rgba(48, 48, 48, .1), 0 0 1px 0 rgba(48, 48, 48, .2);
    background-color: #fff;
    width: 1200px;
    height: 400px;
    overflow: hidden
}

#home-index .product-tower .tower-client-solution tr-tab-slider .thumbs-swiper-container {
    margin-top: 30px
}

#home-index .product-tower .tower-client-solution .client-tab-card {
    width: 1200px;
    height: 400px;
    display: flex
}

#home-index .product-tower .tower-client-solution .client-tab-card .client-img {
    position: relative;
    display: inline-block;
    width: 650px;
    height: 100%;
    background-size: 100%;
    background-repeat: no-repeat
}

#home-index .product-tower .tower-client-solution .client-tab-card .client-img.develop {
    background-image: url(/website/image/xietong.jpg)
}

#home-index .product-tower .tower-client-solution .client-tab-card .client-img.design {
    background-image: url(/website/image/baokuan.jpg)
}

#home-index .product-tower .tower-client-solution .client-tab-card .client-img.hr {
    background-image: url(/website/image/guanli.jpg)
}

#home-index .product-tower .tower-client-solution .client-tab-card .client-img.marketing {
    background-image: url(/website/image/shuju.jpg)
}

#home-index .product-tower .tower-client-solution .client-tab-card .client-img.operating {
    background-image: url(/website/image/caiwu.jpg)
}


#home-index .product-tower .tower-client-solution .client-tab-card .client-content {
    height: 100%;
    display: inline-block;
    vertical-align: top;
    position: relative;
    background-color: #fff;
    width: 550px;
    padding: 60px
}

#home-index .product-tower .tower-client-solution .client-tab-card .client-content .client-title {
    display: flex;
    align-items: center;
    height: 40px
}

#home-index .product-tower .tower-client-solution .client-tab-card .client-content .client-title .client-icon {
    height: 40px
}

#home-index .product-tower .tower-client-solution .client-tab-card .client-content .client-title .client-icon span {
    width: 40px;
    height: 40px;
    display: inline-block;
    background-size: 100% 100%;
    background-repeat: no-repeat
}

/* #home-index .product-tower .tower-client-solution .client-tab-card .client-content .client-title .client-icon span.develop {
    background-image: url(/packs/images/new_home/icon-develop-6fc0da72ddfe8e5f13328118b18d367f.svg)
}

#home-index .product-tower .tower-client-solution .client-tab-card .client-content .client-title .client-icon span.design {
    background-image: url(/packs/images/new_home/icon-design-8b276dd856d69557c277173566d9b27e.svg)
}

#home-index .product-tower .tower-client-solution .client-tab-card .client-content .client-title .client-icon span.hr {
    background-image: url(/packs/images/new_home/icon-hr-d969651010e65cad91f960f4dc461ca0.svg)
}

#home-index .product-tower .tower-client-solution .client-tab-card .client-content .client-title .client-icon span.marketing {
    background-image: url(/packs/images/new_home/icon-marketing-748e2ca741e14066516934b97a4ab3e8.svg)
}

#home-index .product-tower .tower-client-solution .client-tab-card .client-content .client-title .client-icon span.operating {
    background-image: url(/packs/images/new_home/icon-operating-06a94a2bfe1bcf202904224da90cd13e.svg)
}

#home-index .product-tower .tower-client-solution .client-tab-card .client-content .client-title .client-icon span.law {
    background-image: url(/packs/images/new_home/icon-law-2de6a96b9eb76771fe1a9923b3ed8dcc.svg)
} */

#home-index .product-tower .tower-client-solution .client-tab-card .client-content .client-title .client-name {
    margin-bottom: 0;
    margin-left: 10px
}

#home-index .product-tower .tower-client-solution .client-tab-card .client-content .divider-line {
    margin-bottom: 30px
}

#home-index .product-tower .tower-client-solution .client-tab-card .client-content .client-intro {
    font-size: 16px;
    line-height: 1.75;
    color: #5c7070
}

#home-index .product-tower .tower-client-solution .client-tab-card .client-name {
    font-size: 24px;
    line-height: 1.5;
    letter-spacing: 1.71px;
    color: #1d1e20;
    font-weight: 600;
    margin-bottom: 10px
}

#home-index .product-tower .tower-client-solution .client-tab-card .divider-line {
    width: 440px;
    height: 1px;
    border-radius: 3px;
    background: #edeff2;
    margin-top: 30px;
    margin-bottom: 25px
}

#home-index .product-tower .tower-client-solution .client-tab-card .client-intro {
    font-size: 16px;
    line-height: 1.75;
    color: #5c7070
}

#home-index .product-tower .tower-client-solution .thumbs-tab-content {
    cursor: pointer;
    height: 70px;
    border-radius: 3px;
    background-color: rgba(221, 227, 227, .5);
    margin-right: 10px;
    width: 191.66667px;
    font-size: 20px;
    color: #849a9a;
    font-weight: 500;
    display: flex;
    justify-content: center;
    align-items: center
}

#home-index .product-tower .tower-client-solution .thumbs-tab-content:hover {
    box-shadow: 0 3px 12px 0 rgba(48, 48, 48, .05), 0 4px 8px 0 rgba(48, 48, 48, .1), 0 0 1px 0 rgba(0, 0, 0, .1)
}

#home-index .product-tower .tower-client-solution .swiper-slide.swiper-slide-thumb-active .thumbs-tab-content {
    box-shadow: 0 3px 12px 0 rgba(48, 48, 48, .05), 0 4px 8px 0 rgba(48, 48, 48, .1), 0 0 1px 0 rgba(0, 0, 0, .1);
    background-color: #fff;
    color: #142225;
    font-weight: 500
}

#home-index .product-tower .tower-client-solution_content-wrapper {
    width: 1200px;
    margin: 0 auto
}

#home-index .product-tower .tower-client-solution_content-wrapper .client-solutions .title {
    font-size: 32px;
    font-weight: 600;
    color: #1d1e20;
    text-align: center;
    line-height: 42px;
    margin-bottom: 50px
}

/* #home-index tr-scroll-magic .divider {
    width: calc(100% - 240px);
    height: 1px;
    background-color: #dde3e3;
    text-align: center;
    margin: 0 auto;
    opacity: .5
} */

#home-index .customers {
    width: 100%;
    overflow: hidden;
    position: relative;
    z-index: 1;
    padding: 80px;
    display: flex;
    flex-direction: column
}

#home-index .customers .who-use-title {
    width: 1000px;
    font-size: 32px;
    line-height: 1.5;
    text-align: center;
    margin: auto;
    border-top: none;
    color: #142225;
    font-weight: 600
}

#home-index .customers .logo-wall {
    height: 320px;
    width: 1000px;
    background-image: url(/website/image/shangjia.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    margin: 40px auto 30px
}

#home-index .customers a {
    margin: 60px auto 0;
    color: #142225;
    font-size: 16px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center
}

#home-index .customers a:after {
    font: normal normal normal 14px/1 Tower;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "";
    display: inline-block;
    padding-left: 5px;
    font-size: 12px;
    width: 22px;
    box-sizing: border-box
}

#home-index .customers a:hover {
    color: #6e8787
}

#home-index .customers a:hover:after {
    padding-left: 10px;
    -webkit-transition: padding-left .3s;
    transition: padding-left .3s
}

@media (max-width:1200px) {
    #home-index .normal-width {
        width: 800px
    }
    #home-index .product-top {
        height: 457px;
        padding: 60px 30px 50px
    }
    #home-index .product-top .top-content {
        margin-top: auto
    }
    #home-index .product-top .product-project-image {
        height: 390px;
        width: 390px;
        position: absolute;
        right: 30px;
        top: 37px;
        image-rendering: -moz-crisp-edges;
        image-rendering: -o-crisp-edges;
        image-rendering: -webkit-optimize-contrast
    }
    #home-index .product-top .product-top-subtitle, #home-index .product-top .product-top-title {
        width: 345px
    }
    #home-index .product-page-main-content {
        padding: 60px 0
    }
    #home-index .product-page-main-content .product-content {
        width: auto
    }
    #home-index .product-tower .product-content {
        width: 800px;
        margin-left: auto;
        margin-right: auto;
        padding: 0 30px
    }
    #home-index .product-tower .product-title.scene {
        margin-bottom: 50px
    }
    #home-index .product-tower .product-content-tower {
        display: block;
        margin-bottom: 0;
        padding-bottom: 56px;
        height: auto
    }
    #home-index .product-tower .product-content-tower-card {
        display: block;
        height: auto;
        width: 100%;
        margin-bottom: 20px
    }
    #home-index .product-tower .product-content-tower-info {
        position: relative;
        margin: 0;
        width: 100%;
        height: auto
    }
    #home-index .product-tower .product-content-tower-info.first, #home-index .product-tower .product-content-tower-info.second, #home-index .product-tower .product-content-tower-info.third {
        height: auto
    }
    #home-index .product-tower .product-content-intro {
        margin-bottom: 10px
    }
    #home-index .product-tower .product-content-tower-img {
        width: 100%;
        height: 449px
    }
    #home-index .product-tower .tower-client-solution {
        height: 542px;
        padding: 60px 0
    }
    #home-index .product-tower .tower-client-solution .client-solutions .title {
        margin-bottom: 25px
    }
    #home-index .product-tower .tower-client-solution .client-solutions .client-tab-card, #home-index .product-tower .tower-client-solution .client-solutions .gallery-swiper-container {
        width: 740px;
        height: 250px
    }
    #home-index .product-tower .tower-client-solution .client-solutions .client-tab-card .client-img {
        width: 406px;
        height: 250px
    }
    #home-index .product-tower .tower-client-solution .client-solutions .client-tab-card .client-img img {
        width: 406px;
        height: 250px;
        -o-object-fit: cover;
        object-fit: cover
    }
    #home-index .product-tower .tower-client-solution .client-solutions .client-tab-card .client-content {
        padding: 20px;
        width: 334px;
        height: 250px
    }
    #home-index .product-tower .tower-client-solution .client-solutions .client-tab-card .divider-line {
        margin: 20px 0;
        width: 294px
    }
    #home-index .product-tower .tower-client-solution .thumbs-tab-content {
        width: 115px;
        height: 70px
    }
    #home-index .product-tower .tower-client-solution_content-wrapper {
        width: 740px
    }
    #home-index .customers {
        padding: 60px 0 40px
    }
    #home-index .customers .who-use-title {
        line-height: 1.31;
        font-size: 32px;
        text-align: center;
        margin: auto;
        border-top: none;
        color: #6c6f75;
        font-weight: 600;
        padding-top: 0
    }
    #home-index .customers .logo-wall {
        width: 740px;
        margin-top: 40px;
        display: flex;
        flex-wrap: wrap
    }
}

#home-product {
    min-width: 960px;
    text-align: center;
    background-color: #fff
}

#home-product .header .container {
    margin: 0 30px
}

#home-product .container {
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center
}

footer .container {
    align-items: flex-start !important;
}

#home-product .screenshot {
    flex-shrink: 0
}

#home-product .masthead {
    position: relative;
    margin-top: -80px
}

#home-product .masthead .container {
    flex-direction: column
}

#home-product .masthead h1 {
    margin: 189px auto 30px;
    font-size: 44px;
    line-height: 60px;
    font-weight: 600
}

#home-product .masthead .video {
    position: relative;
    top: -36px;
    width: 820px;
    height: 564px;
    background-size: 100%;
    background-repeat: no-repeat;
    /* background-image: url(/packs/images/home/product/video-bg-2fc6a8438baa0bbf65094e60691fc461.png) */
    background-image: url(https://tower.im/packs/images/home/product/video-bg-2fc6a8438baa0bbf65094e60691fc461.png)
}

#home-product .masthead .arrow {
    top: 40px;
    left: 412px;
    width: 149px;
    height: 149px;
    background-image: url(https://tower.im/packs/images/home/product/video-arrow-67faaff2bd0c7bb03e1093b5a87f3ebb.png)
}

#home-product .masthead .arrow, #home-product .masthead .button {
    position: absolute;
    background-size: 100%;
    background-repeat: no-repeat
}

#home-product .masthead .button {
    top: 204px;
    left: 368px;
    width: 84px;
    height: 84px;
    background-image: url(https://tower.im/packs/images/home/product/video-button-1b99ad256fcabd8f996c7a817c619ed8.png);
    cursor: pointer
}

#home-product .masthead .button:hover {
    opacity: .6
}

#home-product .features {
    text-align: left
}

#home-product .features .container {
    padding-bottom: 80px
}

#home-product .features .container:nth-child(2n) .description {
    margin-left: 100px;
    order: 1
}

#home-product .features .container:nth-child(odd) .description {
    margin-right: 74px
}

#home-product .features .description {
    width: 358px
}

#home-product .features .description h2 {
    margin: 0 0 24px 24px;
    font-size: 32px;
    line-height: 36px;
    font-weight: 600
}

#home-product .features .description p {
    margin: 0 0 24px 24px;
    width: 305px;
    font-size: 16px;
    line-height: 24px;
    color: #333
}

#home-product .features .description ul {
    margin-left: 24px
}

#home-product .features .description ul li {
    position: relative;
    margin: 6px 0;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    color: #333
}

#home-product .features .description ul li:before {
    display: inline-block;
    font: normal normal normal 14px/1 Tower;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    content: "\f003";
    width: 16px;
    height: 16px;
    left: -24px;
    line-height: 24px;
    color: #64b52f
}

#home-product .features .description ul li .desc-additional {
    font-size: 12px;
    letter-spacing: -.04em;
    color: #f5941d;
    vertical-align: top
}

#home-product .features .screenshot {
    width: 690px;
    height: 450px
}

#home-product .features .screenshot img {
    display: block;
    width: 100%
}

#home-product .features #product-features-repository {
    padding-top: 105px
}

#home-product .features #product-features-files {
    padding-top: 80px
}

#home-product .features #product-features-calendar, #home-product .features #product-features-report, #home-product .features #product-features-repository {
    background-color: #f5f7f7
}

#home-product .wechat-miniprogram {
    text-align: left
}

#home-product .wechat-miniprogram .container {
    height: 656px;
    background-color: #f5f7f7
}

#home-product .wechat-miniprogram .screenshot {
    width: 690px;
    height: 656px;
    position: relative;
    overflow: hidden
}

#home-product .wechat-miniprogram tr-scroll-magic-move img {
    display: block;
    width: 100%
}

#home-product .wechat-miniprogram .wechat-miniprogram-device-left {
    width: 243px;
    height: 452px;
    top: 44px
}

#home-product .wechat-miniprogram .wechat-miniprogram-device-left .todo-detail-wrapper {
    position: absolute;
    top: 85px;
    left: 20px;
    width: 205px;
    height: 295px;
    overflow: hidden
}

#home-product .wechat-miniprogram .wechat-miniprogram-device-right {
    width: 259px;
    height: 521px;
    top: 500px;
    left: 345px
}

#home-product .wechat-miniprogram .wechat-miniprogram-todo-detail {
    width: 205px
}

#home-product .wechat-miniprogram .wechat-miniprogram-notification-detail {
    width: 269px;
    height: 262px;
    top: 250px;
    left: 154px
}

#home-product .wechat-miniprogram .wechat-miniprogram-notification {
    width: 316px;
    height: 130px;
    top: 832px;
    left: 171px
}

#home-product .wechat-miniprogram .description {
    width: 337px;
    height: 186px;
    margin-left: 70px
}

#home-product .wechat-miniprogram .description h2 {
    margin-bottom: 24px;
    font-size: 32px;
    line-height: 36px;
    font-weight: 600
}

#home-product .wechat-miniprogram .description p {
    margin-bottom: 32px;
    font-size: 16px;
    line-height: 24px;
    color: #333
}

#home-product .wechat-miniprogram .description a {
    font-weight: 500
}

#home-product .third-party .container {
    height: 450px;
    margin-top: 80px
}

#home-product .third-party .description {
    width: 305px;
    padding-left: 30px;
    margin-right: 74px;
    text-align: left
}

#home-product .third-party .description h2 {
    margin-bottom: 2px;
    font-size: 32px;
    line-height: 36px;
    font-weight: 600
}

#home-product .third-party .description p {
    margin: 30px 0 8px;
    font-size: 16px;
    line-height: 24px;
    color: #333
}

#home-product .third-party .description a {
    font-weight: 500
}

#home-product .third-party .screenshot {
    width: 690px;
    height: 450px
}

#home-product .third-party .screenshot img {
    display: block;
    width: 100%
}

#home-product .sign-up .container {
    width: 640px;
    height: 312px;
    margin: 80px auto 120px;
    flex-direction: column;
    color: #fff;
    background-color: #44acb6;
    border-radius: 16px
}

#home-product .sign-up h2 {
    margin-bottom: 10px;
    font-size: 32px;
    line-height: 54px;
    font-weight: 600
}

#home-product .sign-up p {
    margin-bottom: 49px;
    font-size: 18px;
    line-height: 28px
}

#home-product .sign-up a {
    padding: 12px 69px;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    border-radius: 4px;
    color: #0d8f8d;
    background-color: #fff51e
}

#home-product .sign-up a:hover {
    background-color: #f7da31
}

#home-product .sign-up .sign-up-arrow {
    position: relative
}

#home-product .sign-up .sign-up-arrow:before {
    content: "";
    width: 84px;
    height: 84px;
    position: absolute;
    top: -120px;
    left: 95px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url(/packs/images/home/product/sign-up-arrow-af4bd4e19ac9ff470375da464c120daf.png)
}

@media (max-width:1200px) {
    #home-product .features .container:nth-child(2n) .description {
        margin-left: 0
    }
    #home-product .features .container:nth-child(odd) .description {
        margin-right: 0
    }
    #home-product .wechat-miniprogram .description {
        margin-left: 0
    }
    #home-product .third-party .description {
        margin-right: 0
    }
}

@media (max-width:1080px) {
    #home-product .features .container, #home-product .third-party .container, #home-product .wechat-miniprogram .container {
        justify-content: space-around
    }
    #home-product .features .description, #home-product .third-party .description, #home-product .wechat-miniprogram .description {
        width: 270px
    }
    #home-product .features .description p, #home-product .third-party .description p, #home-product .wechat-miniprogram .description p {
        width: 245px
    }
    #home-product .features .container:nth-child(2n) .description {
        margin-left: -20px
    }
    #home-product .features .container:nth-child(odd) .description {
        margin-right: -50px
    }
    #home-product .wechat-miniprogram .screenshot {
        width: 525px
    }
    #home-product .wechat-miniprogram .wechat-miniprogram-device-right {
        left: 265px
    }
    #home-product .wechat-miniprogram .wechat-miniprogram-notification {
        left: 90px
    }
    #home-product .wechat-miniprogram .wechat-miniprogram-notification-detail {
        left: 134px
    }
    #home-product .third-party .description {
        margin-right: -120px
    }
    #home-product .footer .container .brand {
        margin-right: 120px
    }
}

#home-product .product-video-dialog .mdc-dialog__surface {
    min-width: 900px
}

#home-product .product-video-dialog .mdc-dialog__content {
    padding: 0
}

#home-product .product-video-dialog .close-btn {
    width: 24px;
    top: 0;
    right: -44px;
    font-size: 24px;
    line-height: 24px;
    color: #fff
}

#home-product .product-video-dialog video {
    display: block;
    margin: auto;
    width: 100%;
    height: 100%
}

@font-face {
    font-family: Tower;
    src: url(data:application/font-woff2;charset=utf-8;base64,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) format("woff2"), url(/packs/fonts/desktop-58758df0ea480a7b11b52d93ea6d3673.ttf) format("truetype"), url(/packs/fonts/desktop-370c574a8f4090fe3c4358ebdc4e49e6.otf) format("opentype");
    font-weight: 400;
    font-style: normal
}

.twr {
    display: inline-block;
    font: normal normal normal 14px/1 Tower;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.twr-spin {
    -webkit-animation: twr-spin 2s linear infinite;
    animation: twr-spin 2s linear infinite
}

.twr-pulse {
    -webkit-animation: twr-spin 1s steps(8) infinite;
    animation: twr-spin 1s steps(8) infinite
}

@-webkit-keyframes twr-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes twr-spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.twr-folder:before {
    content: "\f000"
}

.twr-bars:before {
    content: "\f001"
}

.twr-ban:before {
    content: "\f002"
}

.twr-check:before {
    content: "\f003"
}

.twr-caret-down:before {
    content: "\f004"
}

.twr-upload:before {
    content: "\f005"
}

.twr-folder-o:before {
    content: "\f006"
}

.twr-download:before {
    content: "\f007"
}

.twr-check-circle:before {
    content: "\f008"
}

.twr-times:before {
    content: "\f009"
}

.twr-sort-desc:before {
    content: "\f00a"
}

.twr-sort-asc:before {
    content: "\f00b"
}

.twr-bell:before {
    content: "\f00c"
}

.twr-bell-o:before {
    content: "\f00d"
}

.twr-map-marker:before {
    content: "\f00e"
}

.twr-user:before {
    content: "\f00f"
}

.twr-check-circle-o:before {
    content: "\f010"
}

.twr-refresh:before {
    content: "\f012"
}

.twr-caret-right:before {
    content: "\f013"
}

.twr-video-camera:before {
    content: "\f014"
}

.twr-caret-left:before {
    content: "\f015"
}

.twr-reply:before {
    content: "\f016"
}

.twr-chevron-down:before {
    content: "\f019"
}

.twr-question-circle:before {
    content: "\f01a"
}

.twr-plus:before {
    content: "\f01b"
}

.twr-weibo:before {
    content: "\f01e"
}

.twr-weixin:before {
    content: "\f01f"
}

.twr-angle-left:before {
    content: "\f020"
}

.twr-angle-right:before {
    content: "\f021"
}

.twr-fighter-jet:before {
    content: "\f022"
}

.twr-apple:before {
    content: "\f023"
}

.twr-android:before {
    content: "\f024"
}

.twr-times-circle:before {
    content: "\f026"
}

.twr-inbox:before {
    content: "\f027"
}

.twr-archive:before {
    content: "\f028"
}

.twr-crosshairs:before {
    content: "\f029"
}

.twr-tasks:before {
    content: "\f02a"
}

.twr-pencil-square-o:before {
    content: "\f02b"
}

.twr-check-square-o:before {
    content: "\f02d"
}

.twr-info-circle:before {
    content: "\f030"
}

.twr-star:before {
    content: "\f031"
}

.twr-exclamation-triangle:before {
    content: "\f035"
}

.twr-folder-open-o:before {
    content: "\f036"
}

.twr-lock:before {
    content: "\f03a"
}

.twr-arrow-circle-up:before {
    content: "\f03c"
}

.twr-circle-o-notch:before {
    content: "\f03f"
}

.twr-chevron-left:before {
    content: "\f040"
}

.twr-chevron-right:before {
    content: "\f041"
}

.twr-chevron-up:before {
    content: "\f042"
}

.twr-repeat:before {
    content: "\f043"
}

.twr-share:before {
    content: "\f044"
}

.twr-star-o:before {
    content: "\f045"
}

.twr-archive-custom:before {
    content: "\f046"
}

.twr-unarchive:before {
    content: "\f047"
}

.twr-angle-down:before {
    content: "\f049"
}

.twr-angle-up:before {
    content: "\f04a"
}

.twr-clock-o:before {
    content: "\f05d"
}

.twr-resource-add:before {
    content: "\f05e"
}

.twr-resource-archive:before {
    content: "\f05f"
}

.twr-resource-close:before {
    content: "\f060"
}

.twr-resource-comment:before {
    content: "\f061"
}

.twr-resource-del:before {
    content: "\f062"
}

.twr-resource-edit:before {
    content: "\f063"
}

.twr-resource-move:before {
    content: "\f064"
}

.twr-resource-open:before {
    content: "\f065"
}

.twr-resource-pause:before {
    content: "\f066"
}

.twr-resource-recover:before {
    content: "\f067"
}

.twr-resource-running:before {
    content: "\f068"
}

.twr-resource-time:before {
    content: "\f069"
}

.twr-cog:before {
    content: "\f06b"
}

.twr-comments-o:before {
    content: "\f06c"
}

.twr-link:before {
    content: "\f073"
}

.twr-trash:before {
    content: "\f077"
}

.twr-search:before {
    content: "\f07f"
}

.twr-grid-view:before {
    content: "\f080"
}

.twr-list-view:before {
    content: "\f081"
}

.twr-paperclip:before {
    content: "\f082"
}

.twr-dingtalk:before {
    content: "\f083"
}

.twr-fullscreen:before {
    content: "\f084"
}

.twr-fullscreen-exit:before {
    content: "\f085"
}

.twr-markpen:before {
    content: "\f086"
}

.twr-dingding:before {
    content: "\f087"
}

.twr-lanhu:before {
    content: "\f088"
}

.twr-resource-upload:before {
    content: "\f089"
}

.twr-misc-loading:before {
    content: "\f08a"
}

.twr-logo:before {
    content: "\f08b"
}

.twr-project-progress:before {
    content: "\f08c"
}

.twr-visitor:before {
    content: "\f08d"
}

.twr-help:before {
    content: "\f08e"
}

.twr-windows:before {
    content: "\f08f"
}

.twr-wxwork:before {
    content: "\f090"
}

.twr-team:before {
    content: "\f091"
}

.twr-thumbs-o-up:before {
    content: "\f099"
}

.twr-qq:before {
    content: "\f09a"
}

.twr-twitter:before {
    content: "\f09b"
}

.twr-douban:before {
    content: "\f09c"
}

.twr-logo-shape:before {
    content: "\f0d2"
}

.twr-qrcode:before {
    content: "\f09f"
}

.twr-resource-share:before {
    content: "\f0a0"
}

.twr-print:before {
    content: "\f0a2"
}

.twr-eye:before {
    content: "\f0a3"
}

.twr-columns:before {
    content: "\f0a4"
}

.twr-rotate-left:before {
    content: "\f0a5"
}

.twr-thumb-todolist:before {
    content: "\f0a6"
}

.twr-thumb-discussion:before {
    content: "\f0a7"
}

.twr-thumb-report:before {
    content: "\f0a8"
}

.twr-thumb-calendar:before {
    content: "\f0a9"
}

.twr-thumb-document:before {
    content: "\f0aa"
}

.twr-thumb-file:before {
    content: "\f0ab"
}

.twr-checkbox-checked:before {
    content: "\f0ad"
}

.twr-checkbox-unchecked:before {
    content: "\f0ae"
}

.twr-checkitem-checked:before {
    content: "\f0af"
}

.twr-checkitem-unchecked:before {
    content: "\f0b0"
}

.twr-more:before {
    content: "\f0b1"
}

.twr-zhihu:before {
    content: "\f0b2"
}

.twr-mail-circle:before {
    content: "\f0b3"
}

.twr-phone-circle:before {
    content: "\f0b4"
}

.twr-mobile:before {
    content: "\f0b5"
}

.twr-user-group:before {
    content: "\f0b6"
}

.twr-project-group:before {
    content: "\f0b7"
}

.twr-todotag:before {
    content: "\f0b8"
}

.twr-checkitem:before {
    content: "\f0b9"
}

.twr-todo-desc:before {
    content: "\f0ba"
}

.twr-toggle-sidebar:before {
    content: "\f0bb"
}

.twr-running-outline:before {
    content: "\f0bc"
}

.twr-pause-outline:before {
    content: "\f0bd"
}

.twr-view-timeline:before {
    content: "\f0be"
}

.twr-view-kanban:before {
    content: "\f0bf"
}

.twr-grip-lines-vertical:before {
    content: "\f0c0"
}

.twr-running:before {
    content: "\f0c1"
}

.twr-pause:before {
    content: "\f0c2"
}

.twr-move:before {
    content: "\f0c3"
}

.twr-duplicate:before {
    content: "\f0c4"
}

.twr-plus-outline:before {
    content: "\f0c6"
}

.twr-view-form:before {
    content: "\f0c7"
}

.twr-dependent:before {
    content: "\f0c8"
}

.twr-fieldtype-text:before {
    content: "\f0c9"
}

.twr-fieldtype-number:before {
    content: "\f0ca"
}

.twr-fieldtype-multiselect:before {
    content: "\f0cb"
}

.twr-fieldtype-singleselect:before {
    content: "\f0cc"
}

.twr-lab:before {
    content: "\f0cd"
}

.twr-sort:before {
    content: "\f0ce"
}

.twr-drag:before {
    content: "\f0cf"
}

.twr-checkitem-checked-outline:before {
    content: "\f0d0"
}

.twr-custom-field:before {
    content: "\f0d1"
}

.twr-list:before {
    content: "\f0d3"
}

.twr-kanban:before {
    content: "\f0d4"
}

.twr-assignline:before {
    content: "\f0d6"
}

.twr-lark:before {
    content: "\f0d5"
}

.twr-imgline:before {
    content: "\f0d7"
}

.twr-iconnewwindow:before {
    content: "\f0d8"
}

.twr-priorityline:before {
    content: "\f0d9"
}

.twr-eyeoutlined:before {
    content: "\f0da"
}

.twr-scale:before {
    content: "\f0db"
}

.twr-rightarrow:before {
    content: "\f0dc"
}

.twr-lightning:before {
    content: "\f0dd"
}

.twr-project:before {
    content: "\f0de"
}

.twr-milestone:before {
    content: "\f0df"
}

.twr-heart:before {
    content: "\f0e2"
}

.twr-heart-fas:before {
    content: "\f0e3"
}

.twr-addtoproject:before {
    content: "\f0e4"
}

.twr-circle:before {
    content: "\f0e5"
}

.twr-milestone-checked:before {
    content: "\f0e7"
}

.twr-resource-milestone:before {
    content: "\f0e8"
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.sr-only-focusable:active, .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}

abbr, address, article, aside, audio, b, blockquote, body, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, input, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span, strong, sub, summary, sup, table, tbody, td, textarea, tfoot, th, thead, time, tr, ul, var, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block
}

ol, ul {
    list-style: none;
    list-style-image: none;
    margin: 0;
    padding: 0
}

blockquote, q {
    quotes: none
}

blockquote:after, blockquote:before, q:after, q:before {
    content: "";
    content: none
}

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent
}

ins {
    text-decoration: none
}

ins, mark {
    background-color: #ff9;
    color: #000
}

mark {
    font-style: italic;
    font-weight: 700
}

del {
    text-decoration: line-through
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0
}

em {
    font-style: normal
}

input::-ms-clear {
    display: none
}

/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */

.pswp {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    overflow: hidden;
    touch-action: none;
    z-index: 1500;
    -webkit-text-size-adjust: 100%;
    -webkit-backface-visibility: hidden;
    outline: none
}

.pswp * {
    box-sizing: border-box
}

.pswp img {
    max-width: none
}

.pswp--animate_opacity {
    opacity: .001;
    will-change: opacity;
    -webkit-transition: opacity 333ms cubic-bezier(.4, 0, .22, 1);
    transition: opacity 333ms cubic-bezier(.4, 0, .22, 1)
}

.pswp--open {
    display: block
}

.pswp--zoom-allowed .pswp__img {
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in
}

.pswp--zoomed-in .pswp__img {
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: grab
}

.pswp--dragging .pswp__img {
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: grabbing
}

.pswp__bg {
    background: #000;
    opacity: 0;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden
}

.pswp__bg, .pswp__scroll-wrap {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.pswp__scroll-wrap {
    overflow: hidden
}

.pswp__container, .pswp__zoom-wrap {
    touch-action: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.pswp__container, .pswp__img {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none
}

.pswp__zoom-wrap {
    position: absolute;
    width: 100%;
    -webkit-transform-origin: left top;
    transform-origin: left top;
    -webkit-transition: -webkit-transform 333ms cubic-bezier(.4, 0, .22, 1);
    transition: -webkit-transform 333ms cubic-bezier(.4, 0, .22, 1);
    transition: transform 333ms cubic-bezier(.4, 0, .22, 1);
    transition: transform 333ms cubic-bezier(.4, 0, .22, 1), -webkit-transform 333ms cubic-bezier(.4, 0, .22, 1)
}

.pswp__bg {
    will-change: opacity;
    -webkit-transition: opacity 333ms cubic-bezier(.4, 0, .22, 1);
    transition: opacity 333ms cubic-bezier(.4, 0, .22, 1)
}

.pswp--animated-in .pswp__bg, .pswp--animated-in .pswp__zoom-wrap {
    -webkit-transition: none;
    transition: none
}

.pswp__container, .pswp__zoom-wrap {
    -webkit-backface-visibility: hidden
}

.pswp__item {
    right: 0;
    bottom: 0;
    overflow: hidden
}

.pswp__img, .pswp__item {
    position: absolute;
    left: 0;
    top: 0
}

.pswp__img {
    width: auto;
    height: auto
}

.pswp__img--placeholder {
    -webkit-backface-visibility: hidden
}

.pswp__img--placeholder--blank {
    background: #222
}

.pswp--ie .pswp__img {
    width: 100%!important;
    height: auto!important;
    left: 0;
    top: 0
}

.pswp__error-msg {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    text-align: center;
    font-size: 14px;
    line-height: 16px;
    margin-top: -8px;
    color: #ccc
}

.pswp__error-msg a {
    color: #ccc;
    text-decoration: underline
}

/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */

.pswp__button {
    width: 44px;
    height: 44px;
    position: relative;
    background: none;
    cursor: pointer;
    overflow: visible;
    -webkit-appearance: none;
    display: block;
    border: 0;
    padding: 0;
    margin: 0;
    float: right;
    opacity: .75;
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
    box-shadow: none
}

.pswp__button:focus, .pswp__button:hover {
    opacity: 1
}

.pswp__button:active {
    outline: none;
    opacity: .9
}

.pswp__button::-moz-focus-inner {
    padding: 0;
    border: 0
}

.pswp__ui--over-close .pswp__button--close {
    opacity: 1
}

.pswp__button, .pswp__button--arrow--left:before, .pswp__button--arrow--right:before {
    background: url(/packs/images/default-skin-3097be4dfb480c2439f08d0d835a40b9.png) 0 0 no-repeat;
    background-size: 264px 88px;
    width: 44px;
    height: 44px
}

@media (-webkit-min-device-pixel-ratio:1.1), (-webkit-min-device-pixel-ratio:1.09375), (min-resolution:1.1dppx), (min-resolution:105dpi) {
    .pswp--svg .pswp__button, .pswp--svg .pswp__button--arrow--left:before, .pswp--svg .pswp__button--arrow--right:before {
        background-image: url(/packs/images/default-skin-b257fa9c5ac8c515ac4d77a667ce2943.svg)
    }
    .pswp--svg .pswp__button--arrow--left, .pswp--svg .pswp__button--arrow--right {
        background: none
    }
}

.pswp__button--close {
    background-position: 0 -44px
}

.pswp__button--share {
    background-position: -44px -44px
}

.pswp__button--fs {
    display: none
}

.pswp--supports-fs .pswp__button--fs {
    display: block
}

.pswp--fs .pswp__button--fs {
    background-position: -44px 0
}

.pswp__button--zoom {
    display: none;
    background-position: -88px 0
}

.pswp--zoom-allowed .pswp__button--zoom {
    display: block
}

.pswp--zoomed-in .pswp__button--zoom {
    background-position: -132px 0
}

.pswp--touch .pswp__button--arrow--left, .pswp--touch .pswp__button--arrow--right {
    visibility: hidden
}

.pswp__button--arrow--left, .pswp__button--arrow--right {
    background: none;
    top: 50%;
    margin-top: -50px;
    width: 70px;
    height: 100px;
    position: absolute
}

.pswp__button--arrow--left {
    left: 0
}

.pswp__button--arrow--right {
    right: 0
}

.pswp__button--arrow--left:before, .pswp__button--arrow--right:before {
    content: "";
    top: 35px;
    background-color: rgba(0, 0, 0, .3);
    height: 30px;
    width: 32px;
    position: absolute
}

.pswp__button--arrow--left:before {
    left: 6px;
    background-position: -138px -44px
}

.pswp__button--arrow--right:before {
    right: 6px;
    background-position: -94px -44px
}

.pswp__counter, .pswp__share-modal {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.pswp__share-modal {
    display: block;
    background: rgba(0, 0, 0, .5);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 10px;
    position: absolute;
    z-index: 1600;
    opacity: 0;
    -webkit-transition: opacity .25s ease-out;
    transition: opacity .25s ease-out;
    -webkit-backface-visibility: hidden;
    will-change: opacity
}

.pswp__share-modal--hidden {
    display: none
}

.pswp__share-tooltip {
    z-index: 1620;
    position: absolute;
    background: #fff;
    top: 56px;
    border-radius: 2px;
    display: block;
    width: auto;
    right: 44px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .25);
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
    -webkit-transition: -webkit-transform .25s;
    transition: -webkit-transform .25s;
    transition: transform .25s;
    transition: transform .25s, -webkit-transform .25s;
    -webkit-backface-visibility: hidden;
    will-change: transform
}

.pswp__share-tooltip a {
    display: block;
    padding: 8px 12px;
    color: #000;
    text-decoration: none;
    font-size: 14px;
    line-height: 18px
}

.pswp__share-tooltip a:hover {
    text-decoration: none;
    color: #000
}

.pswp__share-tooltip a:first-child {
    border-radius: 2px 2px 0 0
}

.pswp__share-tooltip a:last-child {
    border-radius: 0 0 2px 2px
}

.pswp__share-modal--fade-in {
    opacity: 1
}

.pswp__share-modal--fade-in .pswp__share-tooltip {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.pswp--touch .pswp__share-tooltip a {
    padding: 16px 12px
}

a.pswp__share--facebook:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: -12px;
    right: 15px;
    border: 6px solid transparent;
    border-bottom-color: #fff;
    -webkit-pointer-events: none;
    -moz-pointer-events: none;
    pointer-events: none
}

a.pswp__share--facebook:hover {
    background: #3e5c9a;
    color: #fff
}

a.pswp__share--facebook:hover:before {
    border-bottom-color: #3e5c9a
}

a.pswp__share--twitter:hover {
    background: #55acee;
    color: #fff
}

a.pswp__share--pinterest:hover {
    background: #ccc;
    color: #ce272d
}

a.pswp__share--download:hover {
    background: #ddd
}

.pswp__counter {
    position: absolute;
    left: 0;
    top: 0;
    height: 44px;
    font-size: 13px;
    line-height: 44px;
    color: #fff;
    opacity: .75;
    padding: 0 10px
}

.pswp__caption {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    min-height: 44px
}

.pswp__caption small {
    font-size: 11px;
    color: #bbb
}

.pswp__caption__center {
    text-align: center;
    max-width: 420px;
    margin: 0 auto;
    font-size: 13px;
    padding: 10px;
    line-height: 20px;
    color: #ccc
}

.pswp__caption--empty {
    display: none
}

.pswp__caption--fake {
    visibility: hidden
}

.pswp__preloader {
    width: 44px;
    height: 44px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -22px;
    opacity: 0;
    -webkit-transition: opacity .25s ease-out;
    transition: opacity .25s ease-out;
    will-change: opacity;
    direction: ltr
}

.pswp__preloader__icn {
    width: 20px;
    height: 20px;
    margin: 12px
}

.pswp__preloader--active {
    opacity: 1
}

.pswp__preloader--active .pswp__preloader__icn {
    background: url(/packs/images/preloader-e34aafbb485a96eaf2a789b2bf3af6fe.gif) 0 0 no-repeat
}

.pswp--css_animation .pswp__preloader--active {
    opacity: 1
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
    -webkit-animation: clockwise .5s linear infinite;
    animation: clockwise .5s linear infinite
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
    -webkit-animation: donut-rotate 1s cubic-bezier(.4, 0, .22, 1) infinite;
    animation: donut-rotate 1s cubic-bezier(.4, 0, .22, 1) infinite
}

.pswp--css_animation .pswp__preloader__icn {
    background: none;
    opacity: .75;
    width: 14px;
    height: 14px;
    position: absolute;
    left: 15px;
    top: 15px;
    margin: 0
}

.pswp--css_animation .pswp__preloader__cut {
    position: relative;
    width: 7px;
    height: 14px;
    overflow: hidden
}

.pswp--css_animation .pswp__preloader__donut {
    box-sizing: border-box;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border-color: #fff #fff transparent transparent;
    border-style: solid;
    border-width: 2px;
    position: absolute;
    top: 0;
    left: 0;
    background: none;
    margin: 0
}

@media screen and (max-width:1024px) {
    .pswp__preloader {
        position: relative;
        left: auto;
        top: auto;
        margin: 0;
        float: right
    }
}

@-webkit-keyframes clockwise {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes clockwise {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-webkit-keyframes donut-rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    50% {
        -webkit-transform: rotate(-140deg);
        transform: rotate(-140deg)
    }
    to {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

@keyframes donut-rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    50% {
        -webkit-transform: rotate(-140deg);
        transform: rotate(-140deg)
    }
    to {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
}

.pswp__ui {
    -webkit-font-smoothing: auto;
    visibility: visible;
    opacity: 1;
    z-index: 1550
}

.pswp__top-bar {
    position: absolute;
    left: 0;
    top: 0;
    height: 44px;
    width: 100%
}

.pswp--has_mouse .pswp__button--arrow--left, .pswp--has_mouse .pswp__button--arrow--right, .pswp__caption, .pswp__top-bar {
    -webkit-backface-visibility: hidden;
    will-change: opacity;
    -webkit-transition: opacity 333ms cubic-bezier(.4, 0, .22, 1);
    transition: opacity 333ms cubic-bezier(.4, 0, .22, 1)
}

.pswp--has_mouse .pswp__button--arrow--left, .pswp--has_mouse .pswp__button--arrow--right {
    visibility: visible
}

.pswp__caption, .pswp__top-bar {
    background-color: rgba(0, 0, 0, .5)
}

.pswp__ui--fit .pswp__caption, .pswp__ui--fit .pswp__top-bar {
    background-color: rgba(0, 0, 0, .3)
}

.pswp__ui--idle .pswp__button--arrow--left, .pswp__ui--idle .pswp__button--arrow--right, .pswp__ui--idle .pswp__top-bar {
    opacity: 0
}

.pswp__ui--hidden .pswp__button--arrow--left, .pswp__ui--hidden .pswp__button--arrow--right, .pswp__ui--hidden .pswp__caption, .pswp__ui--hidden .pswp__top-bar {
    opacity: .001
}

.pswp__ui--one-slide .pswp__button--arrow--left, .pswp__ui--one-slide .pswp__button--arrow--right, .pswp__ui--one-slide .pswp__counter {
    display: none
}

.pswp__element--disabled {
    display: none!important
}

.pswp--minimal--dark .pswp__top-bar {
    background: none
}

body.simple-dialog-scrollable {
    overflow: hidden!important
}

.simple-dialog {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 400px;
    min-height: 1em;
    z-index: 100;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 0 30px rgba(0, 0, 0, .4)
}

.simple-dialog.simple-dialog-confirm, .simple-dialog.simple-dialog-message {
    z-index: 400
}

.simple-dialog .simple-dialog-wrapper {
    padding: 20px;
    position: relative
}

.simple-dialog .simple-dialog-wrapper .content-bottom-shadow, .simple-dialog .simple-dialog-wrapper .content-top-shadow {
    display: block;
    height: 10px;
    width: 100%;
    position: absolute;
    box-shadow: inset 0 0 0 transparent;
    -webkit-box-shadow: inset 0 0 0 transparent;
    transition: box-shadow .1s;
    -webkit-transition: box-shadow .1s
}

.simple-dialog .simple-dialog-wrapper .content-top-shadow {
    top: 0;
    left: 0
}

.simple-dialog .simple-dialog-wrapper .content-bottom-shadow {
    bottom: 0;
    left: 0
}

.simple-dialog .simple-dialog-wrapper.top-scrolling .content-top-shadow {
    box-shadow: inset 0 6px 8px -6px rgba(0, 0, 0, .2);
    -webkit-box-shadow: inset 0 6px 8px -6px rgba(0, 0, 0, .2)
}

.simple-dialog .simple-dialog-wrapper.bottom-scrolling .content-bottom-shadow {
    box-shadow: inset 0 -6px 8px -6px rgba(0, 0, 0, .2);
    -webkit-box-shadow: inset 0 -6px 8px -6px rgba(0, 0, 0, .2)
}

.simple-dialog .simple-dialog-content .simple-dialog-title {
    font-size: 1.5em;
    margin: 0 0 .5em
}

.simple-dialog .simple-dialog-buttons {
    padding: 20px 0 0
}

.simple-dialog .simple-dialog-buttons:after {
    content: "";
    display: table;
    clear: both
}

.simple-dialog .simple-dialog-buttons .btn {
    float: left;
    margin: 0 10px 0 0;
    cursor: pointer
}

.simple-dialog .simple-dialog-buttons .btn:last-child {
    margin-right: 0
}

.simple-dialog .simple-dialog-buttons .btn.btn-link {
    border: none;
    background: none;
    color: #666
}

.simple-dialog .simple-dialog-buttons .btn.btn-link:hover {
    text-decoration: underline
}

.simple-dialog .simple-dialog-remove {
    position: absolute;
    text-decoration: none;
    padding: 3px 6px;
    top: 8px;
    right: 8px;
    color: #777
}

.simple-dialog .simple-dialog-remove:hover {
    color: #333
}

.simple-dialog .simple-dialog-remove>i span {
    font-style: normal
}

.simple-dialog-modal {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 99;
    background-color: #000;
    opacity: .36;
    cursor: pointer
}

.simple-dialog-fullscreen {
    top: 40px;
    left: 40px;
    right: 40px;
    bottom: 40px;
    width: auto!important;
    height: auto!important;
    margin: 0!important;
    overflow: auto
}

.simple-dialog-fullscreen .simple-dialog-wrapper {
    box-sizing: border-box;
    height: 100%
}

.simple-dialog-fullscreen .simple-dialog-wrapper .simple-dialog-content {
    height: 100%
}

.simple-filedrop.hover .filedrop-dropzone {
    border: 6px solid #74b9ef
}

.simple-filedrop .filedrop-dropzone {
    position: absolute;
    border: 6px dotted #a8d3f4;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #fff
}

.simple-filedrop .filedrop-dropzone .filedrop-hints {
    position: absolute;
    width: 100%;
    top: 50%;
    text-align: center;
    font-size: 20px;
    line-height: 20px;
    margin: -10px 0 0;
    color: #999
}

.simple-popover {
    position: absolute;
    left: -9999px;
    top: -9999px;
    z-index: 200
}

.simple-popover .simple-popover-content {
    padding: 10px 15px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 6px;
    box-shadow: 0 0 3px rgba(0, 0, 0, .2);
    white-space: nowrap
}

.simple-popover .simple-popover-arrow {
    position: absolute;
    width: 16px;
    height: 16px
}

.simple-popover .simple-popover-arrow .arrow {
    font-size: 0;
    height: 0;
    width: 0;
    border-style: solid;
    border-width: 8px;
    position: absolute;
    left: 0;
    top: 0
}

.simple-popover.direction-right-bottom .simple-popover-arrow, .simple-popover.direction-right-middle .simple-popover-arrow, .simple-popover.direction-right-top .simple-popover-arrow {
    left: -16px
}

.simple-popover.direction-right-bottom .arrow-basic, .simple-popover.direction-right-middle .arrow-basic, .simple-popover.direction-right-top .arrow-basic {
    border-color: transparent #fff transparent transparent;
    left: 1px
}

.simple-popover.direction-right-bottom .arrow-border, .simple-popover.direction-right-middle .arrow-border, .simple-popover.direction-right-top .arrow-border {
    border-color: transparent #c3c3c3 transparent transparent;
    left: 0
}

.simple-popover.direction-right-bottom .arrow-shadow-0, .simple-popover.direction-right-middle .arrow-shadow-0, .simple-popover.direction-right-top .arrow-shadow-0 {
    border-color: transparent rgba(0, 0, 0, .1) transparent transparent;
    left: -1px
}

.simple-popover.direction-right-bottom .arrow-shadow-1, .simple-popover.direction-right-middle .arrow-shadow-1, .simple-popover.direction-right-top .arrow-shadow-1 {
    border-color: transparent rgba(0, 0, 0, .05) transparent transparent;
    left: -2px
}

.simple-popover.direction-left-bottom .simple-popover-arrow, .simple-popover.direction-left-middle .simple-popover-arrow, .simple-popover.direction-left-top .simple-popover-arrow {
    right: -16px
}

.simple-popover.direction-left-bottom .arrow-basic, .simple-popover.direction-left-middle .arrow-basic, .simple-popover.direction-left-top .arrow-basic {
    border-color: transparent transparent transparent #fff;
    left: -1px
}

.simple-popover.direction-left-bottom .arrow-border, .simple-popover.direction-left-middle .arrow-border, .simple-popover.direction-left-top .arrow-border {
    border-color: transparent transparent transparent #c3c3c3;
    left: 0
}

.simple-popover.direction-left-bottom .arrow-shadow-0, .simple-popover.direction-left-middle .arrow-shadow-0, .simple-popover.direction-left-top .arrow-shadow-0 {
    border-color: transparent transparent transparent rgba(0, 0, 0, .1);
    left: 1px
}

.simple-popover.direction-left-bottom .arrow-shadow-1, .simple-popover.direction-left-middle .arrow-shadow-1, .simple-popover.direction-left-top .arrow-shadow-1 {
    border-color: transparent transparent transparent rgba(0, 0, 0, .05);
    left: 2px
}

.simple-popover.direction-left-top .simple-popover-arrow, .simple-popover.direction-right-top .simple-popover-arrow {
    bottom: 16px
}

.simple-popover.direction-left-bottom .simple-popover-arrow, .simple-popover.direction-right-bottom .simple-popover-arrow {
    top: 16px
}

.simple-popover.direction-left-middle .simple-popover-arrow, .simple-popover.direction-right-middle .simple-popover-arrow {
    top: 50%;
    margin-top: -8px
}

.simple-popover.direction-top-center .simple-popover-arrow, .simple-popover.direction-top-left .simple-popover-arrow, .simple-popover.direction-top-right .simple-popover-arrow {
    bottom: -16px
}

.simple-popover.direction-top-center .arrow-basic, .simple-popover.direction-top-left .arrow-basic, .simple-popover.direction-top-right .arrow-basic {
    border-color: #fff transparent transparent;
    top: -1px
}

.simple-popover.direction-top-center .arrow-border, .simple-popover.direction-top-left .arrow-border, .simple-popover.direction-top-right .arrow-border {
    border-color: #c3c3c3 transparent transparent;
    top: 0
}

.simple-popover.direction-top-center .arrow-shadow-0, .simple-popover.direction-top-left .arrow-shadow-0, .simple-popover.direction-top-right .arrow-shadow-0 {
    border-color: rgba(0, 0, 0, .1) transparent transparent;
    top: 1px
}

.simple-popover.direction-top-center .arrow-shadow-1, .simple-popover.direction-top-left .arrow-shadow-1, .simple-popover.direction-top-right .arrow-shadow-1 {
    border-color: rgba(0, 0, 0, .05) transparent transparent;
    top: 2px
}

.simple-popover.direction-bottom-center .simple-popover-arrow, .simple-popover.direction-bottom-left .simple-popover-arrow, .simple-popover.direction-bottom-right .simple-popover-arrow {
    top: -16px
}

.simple-popover.direction-bottom-center .arrow-basic, .simple-popover.direction-bottom-left .arrow-basic, .simple-popover.direction-bottom-right .arrow-basic {
    border-color: transparent transparent #fff;
    top: 1px
}

.simple-popover.direction-bottom-center .arrow-border, .simple-popover.direction-bottom-left .arrow-border, .simple-popover.direction-bottom-right .arrow-border {
    border-color: transparent transparent #c3c3c3;
    top: 0
}

.simple-popover.direction-bottom-center .arrow-shadow-0, .simple-popover.direction-bottom-left .arrow-shadow-0, .simple-popover.direction-bottom-right .arrow-shadow-0 {
    border-color: transparent transparent rgba(0, 0, 0, .1);
    top: -1px
}

.simple-popover.direction-bottom-center .arrow-shadow-1, .simple-popover.direction-bottom-left .arrow-shadow-1, .simple-popover.direction-bottom-right .arrow-shadow-1 {
    border-color: transparent transparent rgba(0, 0, 0, .05);
    top: -2px
}

.simple-popover.direction-bottom-left .simple-popover-arrow, .simple-popover.direction-top-left .simple-popover-arrow {
    right: 16px
}

.simple-popover.direction-bottom-right .simple-popover-arrow, .simple-popover.direction-top-right .simple-popover-arrow {
    left: 16px
}

.simple-popover.direction-bottom-center .simple-popover-arrow, .simple-popover.direction-top-center .simple-popover-arrow {
    left: 50%;
    margin-left: -8px
}

.simple-tooltip {
    position: absolute;
    top: 0;
    left: -9999px;
    z-index: 9999;
    display: none;
    background: #000;
    border-radius: 3px;
    -webkit-transition: top .15s ease-in-out, left .15s ease-in-out, opacity .15s ease-in-out;
    transition: top .15s ease-in-out, left .15s ease-in-out, opacity .15s ease-in-out
}

.simple-tooltip .arrow {
    width: 0;
    height: 0;
    position: absolute;
    top: -10px;
    left: 30%
}

.simple-tooltip .arrow.up {
    border-bottom: 5px solid #000
}

.simple-tooltip .arrow.down, .simple-tooltip .arrow.up {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent
}

.simple-tooltip .arrow.down {
    border-top: 5px solid #000
}

.simple-tooltip .arrow.left {
    border-right: 5px solid #000
}

.simple-tooltip .arrow.left, .simple-tooltip .arrow.right {
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent
}

.simple-tooltip .arrow.right {
    border-left: 5px solid #000
}

.simple-tooltip .content {
    padding: 8px 12px;
    font-size: 12px;
    line-height: 12px;
    color: #fff;
    white-space: nowrap
}

.simple-stack.simple-stack-fluid {
    margin: 0
}

.simple-stack.simple-stack-fluid .page {
    border-right: 0;
    border-left: 0
}

.simple-stack.simple-stack-fullscreen {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100vh
}

.simple-stack.simple-stack-fullscreen .page {
    height: 100%
}

.simple-stack.simple-stack-fullscreen .page-inner {
    height: 100%;
    padding: 0
}

.simple-stack .page {
    border-radius: 4px;
    border-color: #e3e3e3;
    box-shadow: 0 12px 16px 0 rgba(0, 0, 0, .12)
}

.simple-stack .page>a.link-page-behind {
    color: #777;
    background-color: #f6f6f6;
    border-radius: 4px;
    box-shadow: 0 8px 12px 0 rgba(0, 0, 0, .12)
}

.simple-stack .page>a.link-page-behind:hover {
    background-color: #fff
}

.simple-stack .link-page-behind {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.simple-dialog {
    border-color: #e3e3e3;
    z-index: 300;
    box-shadow: 0 12px 16px 0 rgba(0, 0, 0, .12)
}

.simple-popover .simple-popover-content {
    border-color: #e3e3e3;
    box-shadow: 0 8px 12px 0 rgba(0, 0, 0, .12)
}

.simple-dialog .simple-dialog-remove {
    top: 0;
    right: 0;
    padding: 0;
    width: 30px;
    font-size: 14px;
    line-height: 30px;
    text-align: center
}

.simple-dialog .simple-dialog-remove:hover {
    color: #51c6cf
}

.simple-dialog p.simple-dialog-desc {
    margin: 5px 0;
    font-size: 14px;
    color: #555
}

.simple-dialog .form p.error {
    float: left
}

.simple-dialog .form-delete-need-password {
    background: url(/packs/images/icon-rm-team-661a2fd2b48a75ed6d45637ce749cfe0.png) 100% no-repeat;
    padding-right: 130px
}

.simple-dialog .form-delete-need-password em {
    color: #df3c2f
}

.simple-dialog .form-delete-need-password input {
    margin: 20px 0 0
}

.simple-dialog .form-delete-need-password p.error {
    margin: 5px 0 0 2px;
    font-size: 12px;
    color: #df3c2f
}

.simple-dialog .change-lanhu-dialog .simple-select {
    margin: 10px 0;
    width: 100%
}

.simple-dialog .form-lanhu-design #lanhus_design_name {
    width: 384px
}

.simple-dialog .form-lanhu-design label {
    color: #000;
    font-size: 12px
}

.simple-popover.no-arrow .simple-popover-arrow {
    display: none
}

.simple-popover.popover-actions-menu .simple-popover-content {
    min-width: 50px;
    padding: 5px 0;
    border-radius: 4px
}

.simple-popover.popover-actions-menu a {
    display: block;
    padding: 5px 15px;
    color: #000;
    font-size: 14px
}

.simple-popover.popover-actions-menu a:hover {
    color: #fff;
    background: #44acb6
}

.simple-popover.popover-actions-menu .part-line {
    width: 100%;
    height: 1px;
    margin: 6px 0 5px;
    border-top: 1px solid #e3e3e3
}

.simple-popover.dropdown-list.scrollable .menu {
    min-width: 150px
}

.simple-popover.dropdown-list.scrollable .menu::-webkit-scrollbar {
    display: none
}

.simple-popover.dropdown-list.scrollable .menu.scroll {
    overflow-y: auto;
    max-height: 265px;
    width: 100%;
    padding-right: 34px
}

.simple-popover.dropdown-list .simple-popover-content {
    padding: 5px 0;
    overflow: hidden
}

.simple-popover.dropdown-list .menu {
    min-width: 120px
}

.simple-popover.dropdown-list .menu a {
    display: block;
    padding: 5px 10px 5px 12px;
    color: #000;
    font-size: 14px
}

.simple-popover.dropdown-list .menu a:hover {
    color: #fff;
    background: #44acb6
}

.simple-popover.dropdown-list .menu a:hover .selected {
    color: #fff
}

.simple-popover.dropdown-list .menu a .selected {
    float: right;
    margin-left: 5px;
    color: #51b52f;
    line-height: 21px
}

.simple-popover.dropdown-list .menu li+li.small {
    margin-top: 0
}

.simple-popover.dropdown-list .menu li.small a {
    color: #000;
    font-size: 12px
}

.simple-popover.dropdown-list .menu li.part-line {
    height: 1px;
    width: 100%;
    margin: 6px 0 5px;
    border-top: 1px dotted #e3e3e3
}

.simple-popover.dropdown-list .menu .title {
    position: relative;
    margin: 5px;
    font-size: 12px;
    color: #555;
    z-index: 1
}

.simple-popover.dropdown-list .menu .title:before {
    content: "";
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    z-index: -1;
    border-top: 1px dotted #e3e3e3
}

.simple-popover.dropdown-list .menu .title span {
    padding-right: 3px;
    background-color: #fff
}

.simple-popover.dropdown-list .selector-option .twr {
    color: #999
}

.simple-popover .arrow-shadow-0, .simple-popover .arrow-shadow-1 {
    display: none
}

.simple-popover h3 {
    margin-bottom: 8px;
    font-size: 16px
}

.simple-popover .popover-buttons {
    margin: 15px 0 5px;
    *zoom: 1
}

.simple-popover .popover-buttons:after, .simple-popover .popover-buttons:before {
    display: table;
    content: ""
}

.simple-popover .popover-buttons:after {
    clear: both;
    height: 0;
    visibility: hidden
}

.simple-popover .popover-buttons button {
    float: left
}

.simple-popover .popover-buttons a {
    margin: 0 0 0 10px;
    display: block;
    float: left;
    line-height: 32px;
    color: #555;
    font-size: 12px
}

.simple-popover .popover-buttons a:hover {
    color: #51c6cf
}

.simple-popover .links .link {
    cursor: pointer
}

.simple-select .select-list {
    box-sizing: border-box
}

.simple-select .select-list .select-item {
    color: #555;
    border-bottom: 1px solid #e3e3e3
}

.simple-select .select-result {
    height: 30px;
    padding: 6px;
    font-size: 12px;
    border-radius: 4px
}

.simple-select .link-clear, .simple-select .link-expand {
    width: 30px;
    height: 30px;
    line-height: 28px
}

.simple-select.selected.require-select .link-expand {
    display: none!important
}

.simple-select.selected.require-select .link-clear {
    display: block!important
}

.simple-tiny-loading {
    background: url(/packs/images/tiny-loading-f6edaca97863c4013db4dd8b28763d3b.gif) no-repeat 50% 50%
}

.simple-momentpicker {
    border: 1px solid #ccc;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .16)
}

.simple-momentpicker.no-border {
    border: 0;
    box-shadow: none
}

.simple-momentpicker.date-picker table.calendar td.datepicker-day a {
    background-color: transparent
}

.simple-momentpicker.date-picker table.calendar td.datepicker-day a.disabled, .simple-momentpicker.date-picker table.calendar td.datepicker-day a.other {
    color: #e3e3e3
}

.simple-momentpicker.date-picker table.calendar td.datepicker-day a:hover {
    background-color: #efefef
}

.simple-momentpicker.date-picker .calendar-menu .menu-item {
    border-radius: 2px
}

.simple-momentpicker.date-picker .calendar-menu .menu-item:hover {
    background-color: #efefef
}

.simple-momentpicker .disabled .panel-item {
    cursor: not-allow
}

.simple-momentpicker.date-picker, .simple-momentpicker.month-picker, .simple-momentpicker.time-picker {
    width: 194px
}

.simple-checkbox .checkbox-container {
    border-color: #999!important;
    border-width: 1px!important
}

.simple-loading-mask {
    opacity: 1;
    background-color: rgba(0, 0, 0, .3)
}

.simple-tooltip {
    border-radius: 4px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, .12);
    background-color: rgba(0, 0, 0, .88)
}

.simple-tooltip .content {
    max-width: 320px;
    line-height: 1.5;
    word-wrap: break-word;
    white-space: normal;
    font-size: 14px
}

.simple-dialog .icon-cross:before {
    content: ""
}

.simple-select .icon-caret-down:before {
    content: ""
}

.simple-select .icon-delete:before {
    content: ""
}

.simple-tree .icon-caret-right:before {
    content: ""
}

.simple-tree .icon-caret-down:before {
    content: ""
}

.simple-loading .icon-circle-o-notch {
    -webkit-animation: twr-spin 2s linear infinite;
    animation: twr-spin 2s linear infinite
}

.simple-loading .icon-circle-o-notch:before {
    content: ""
}

.simple-momentpicker .icon-chevron-left:before {
    content: "";
    font-size: 18px
}

.simple-momentpicker .icon-chevron-right:before {
    content: "";
    font-size: 18px
}

.simple-subtasks .icon-add-task:before {
    content: ""
}

.simple-dialog .icon-cross, .simple-loading .icon-circle-o-notch, .simple-momentpicker .icon-chevron-left, .simple-momentpicker .icon-chevron-right, .simple-select .icon-caret-down, .simple-select .icon-delete, .simple-subtasks .icon-add-task, .simple-tree .icon-caret-down, .simple-tree .icon-caret-right {
    display: inline-block;
    font: normal normal normal 14px/1 Tower;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transform: translate(0);
    transform: translate(0)
}

.simple-dialog .icon-cross span, .simple-loading .icon-circle-o-notch span, .simple-momentpicker .icon-chevron-left span, .simple-momentpicker .icon-chevron-right span, .simple-select .icon-caret-down span, .simple-select .icon-delete span, .simple-subtasks .icon-add-task span, .simple-tree .icon-caret-down span, .simple-tree .icon-caret-right span {
    display: none!important
}

button.pswp__button--rotate {
    background: none!important;
    color: #fff;
    font-size: 22px;
    line-height: 44px;
    text-align: center
}

a.pswp__button--download, a.pswp__button--newtab {
    background: none!important;
    color: #fff;
    font-size: 16px;
    line-height: 44px;
    text-align: center
}

a.pswp__button--download[href=""], a.pswp__button--newtab[href=""] {
    display: none
}

.pswp .pswp__img {
    -webkit-transition: -webkit-transform 333ms cubic-bezier(.4, 0, .22, 1);
    transition: -webkit-transform 333ms cubic-bezier(.4, 0, .22, 1);
    transition: transform 333ms cubic-bezier(.4, 0, .22, 1);
    transition: transform 333ms cubic-bezier(.4, 0, .22, 1), -webkit-transform 333ms cubic-bezier(.4, 0, .22, 1)
}

.pswp .pswp__button--zoom {
    background-position: -88px 0!important
}

.pswp[data-zoom-level="1"] .pswp__button--zoom {
    background-position: -132px 0!important
}

.section-downloads {
    text-align: center
}

.section-downloads.feature-platform .main {
    margin-top: 4%
}

.section-downloads.feature-platform .download {
    margin-bottom: 4%
}

.section-downloads.feature-platform .download li {
    margin: 10px;
    display: inline-block
}

.section-downloads.feature-platform .download .btn {
    display: block;
    width: 180px
}

.section-downloads.feature-platform .image-devices {
    margin: auto;
    width: 846px;
    height: 412px;
    background-image: url(/packs/images/home/devices-bf2d9a30130324ab532f8c86679bfe61.png);
    background-repeat: no-repeat;
    background-size: 846px auto
}

@media (-webkit-min-device-pixel-ratio:1.5), all and (-o-min-device-pixel-ratio:3/2), all and (min--moz-device-pixel-ratio:1.5), all and (min-device-pixel-ratio:1.5) {
    .section-downloads.feature-platform .image-devices {
        background-image: url(/packs/images/home/devices@2x-a9c1e5d284b87e1b0b0ffed473937451.png);
        background-size: 846px auto
    }
}

.section-downloads .subline {
    white-space: pre
}

.section-downloads .btn.btn-white {
    color: #44acb6;
    font-size: 16px;
    line-height: 46px;
    border: 2px solid #44acb6;
    border-radius: 8px;
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}

.section-downloads .btn.btn-white:hover {
    color: #fff;
    background-color: #44acb6;
    opacity: 1
}

.section-downloads .btn.btn-white.beta:hover span:after {
    color: #44acb6;
    background-color: #fff
}

.section-downloads .btn.btn-white.beta span:after {
    content: "Beta";
    margin-left: 5px;
    padding: 0 5px;
    font-size: 14px;
    color: #777;
    line-height: 20px;
    border-radius: 10px;
    background-color: #efefef
}

.section-downloads .btn.btn-white .twr {
    font-size: 18px
}

.popover-platform {
    text-align: center;
    opacity: 0;
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out
}

.popover-platform .simple-popover-content {
    padding: 0;
    overflow: hidden
}

.popover-platform img {
    display: block
}

.footer {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 80px 0 0;
    background-color: #fff;
    text-align: center
}

.footer .container {
    display: inline-flex;
    text-align: left;
    width: 1040px
}

.footer .container .brand {
    margin-right: 174px
}

.footer .container .brand .logo {
    width: 292px;
    height: 32px;
    background-image: url(/website/image/biaotou2.jpg)
}

.footer .container .brand .social-network {
    display: flex;
    margin-bottom: 8px;
    line-height: normal
}

.footer .container .brand .social-network li {
    margin-right: 18px
}

.footer .container .brand .social-network li a {
    color: #777;
    font-size: 18px
}

.footer .container .brand .social-network li a:hover {
    color: #51c6cf
}

.footer .container .nav {
    display: flex
}

.footer .container .nav .column {
    margin-right: 90px
}

.footer .container .nav .column>.title {
    font-size: 14px;
    color: #142225;
    line-height: 22px;
    font-weight: 500;
    margin-bottom: 10px
}

.footer .container .nav .column>ul {
    line-height: 1.57
}

.footer .container .nav .column>ul li {
    margin-bottom: 7px;
    color: #142225;
    font-size: 16px
}

.footer .container .nav .column>ul li:last-child {
    margin-bottom: 0
}

.footer .container .nav a {
    color: #5c7070
}

.footer .container .nav a:hover {
    color: #54b2bd
}

.footer .container .wechat-icon .title {
    font-size: 14px;
    font-weight: 500;
    color: #142225;
    margin-bottom: 30px
}

.footer .container .wechat-icon .icon {
    width: 100px;
    height: 100px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url(/website/image/qrcode_for_gh_6b009bb0e298_258.jpg)
}

.footer .divider {
    width: 1040px;
    height: 1px;
    background-color: #dde3e3;
    text-align: center;
    margin: 80px auto 0;
    opacity: .5
}

.footer .copyright {
    height: 80px;
    padding: 30px 0
}

.footer .copyright a, .footer .copyright span {
    color: #142225;
    font-size: 14px;
    opacity: .5
}

.footer .copyright .addr {
    color: #999;
    font-size: 12px
}

#sign-up {
    height: 307px;
    background-color: #f0f9fa;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin: 0 auto 0 auto;
}

#sign-up .title {
    margin: 0 auto 15px;
    font-size: 32px;
    font-weight: 600;
    line-height: 1.5;
    color: #142225
}

#sign-up .sub-title {
    width: 500px;
    margin: 0 auto 30px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.75;
    text-align: center;
    padding: 0 65px;
    text-indent: -12px;
    color: #5c7070
}

#sign-up .buttons a {
    height: 48px;
    padding: 9px 35px;
    border-radius: 4px;
    border: 1px solid #54b2bd;
    font-size: 20px;
    font-weight: 500;
    display: inline-block;
    cursor: pointer
}

#sign-up .buttons .link-sign-up {
    background-color: #54b2bd;
    color: #fff
}

#sign-up .buttons .link-sign-up:hover {
    background-color: #409199
}

#sign-up .buttons #link-trigger-intercom {
    color: #54b2bd
}

#sign-up .buttons #link-trigger-intercom:hover {
    background-color: #54b2bd;
    color: #fff
}

@media (max-width:1300px) {
    .footer .container .brand {
        margin-right: 100px
    }
    .footer .container .nav .column {
        margin-right: 90px
    }
}

.header {
    position: relative;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 6;
    font-size: 16px;
    text-align: center;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.header .container {
    position: relative;
    margin: 0 30px;
    padding: 20px 0;
    display: flex;
    align-items: center
}

.header .logo {
    display: inline-block;
    width: 292px;
    height: 32px;
    background-image: url(/website/image/biaotou2.jpg)
}

.header .nav {
    flex: 1 1
}

.header .nav-link {
    margin: 0 20px;
    color: #555;
    line-height: 24px;
    display: inline-block;
    cursor: pointer;
}

.header .nav-link:hover {
    color: #51c6cf
}

.header .actions .nav-link {
    margin: 0 14px
}

.header .actions .nav-link:last-child {
    height: 40px;
    padding: 6px 18px;
    border-radius: 4px;
    background-color: #e99b35;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.75;
    color: #fff;
    display: inline-block
}

.header .actions .nav-link:last-child:hover {
    background-color: #dc8718
}

.header.active {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .06)!important;
    background-color: #fff!important
}

@media (max-width:1200px) {
    .header .nav {
        margin-left: auto;
        flex: none
    }
}

.simple-popover.popover-menu {
    text-align: left
}

.simple-popover.popover-menu .simple-popover-content {
    padding: 5px 0
}

.simple-popover.popover-menu .part-line {
    height: 1px;
    width: 100%;
    margin: 6px 0 5px;
    border-top: 1px solid #ccc
}

.simple-popover.popover-menu .twr {
    margin: 0 3px 0 -3px;
    font-size: 21px
}

.simple-popover.popover-menu .twr-weibo {
    color: #e24141
}

.simple-popover.popover-menu .twr-weixin {
    color: #68d160
}

.simple-popover.popover-menu a {
    display: block;
    padding: 0 25px;
    line-height: 50px;
    color: #555;
    font-size: 18px
}

.simple-popover.popover-menu a:hover {
    background-color: #f6f6f6
}

.simple-dialog.dialog-header-wechat {
    text-align: center
}

.simple-dialog small {
    color: #777
}

.breadcrumb .container {
    margin-bottom: 30px;
    padding: 20px 30px;
    font-size: 14px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc
}

.breadcrumb .container>* {
    color: #555
}

.breadcrumb .container>:before {
    content: "";
    display: inline-block;
    font: normal normal normal 14px/1 Tower;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: 10px;
    padding-left: 7px;
    color: #777;
    font-size: 12px
}

.breadcrumb .container>:first-child:before {
    content: "";
    margin: 0;
    padding: 0
}

.breadcrumb a:hover {
    color: #51c6cf
}

.editor-style {
    font-size: 18px;
    line-height: 1.8
}

.editor-style blockquote {
    font-size: 16px
}

.editor-style video {
    width: 100%
}

.editor-style dt {
    float: left;
    width: 48px;
    height: 48px;
    text-align: center;
    color: #fff;
    font-size: 27px;
    line-height: 48px;
    font-weight: 700;
    background-color: #ccc;
    border-radius: 50%
}

.editor-style dd {
    margin: 0 0 30px 65px;
    padding-top: 8px;
    *zoom: 1
}

.editor-style dd:after, .editor-style dd:before {
    display: table;
    content: ""
}

.editor-style dd:after {
    clear: both;
    height: 0;
    visibility: hidden
}

body>div.footer, body>div.header, body>div.topbar {
    display: none!important
}

.page-error {
    text-align: center
}

.page-error .error-image {
    margin-top: 100px;
    width: 400px;
    height: 250px
}

.page-error .error-title {
    margin: 0 100px 20px;
    font-size: 30px;
    font-weight: 500;
    line-height: 1
}

.page-error .error-title:before {
    content: "“"
}

.page-error .error-title:after {
    content: "”"
}

.page-error .error-title:after, .page-error .error-title:before {
    position: relative;
    top: 10px;
    padding: 0 6px;
    font-weight: 500;
    font-size: 50px;
    color: #777
}

.page-error .error-desc {
    font-size: 18px;
    color: #777
}

.feedback-mini {
    position: relative;
    margin: 60px 0;
    padding: 15px 30px;
    border-radius: 10px;
    background-color: #f9f9f9
}

.feedback-mini h3 {
    font-weight: 400;
    font-size: 18px
}

.feedback-mini .desc {
    color: #777
}

.feedback-mini .btn {
    position: absolute;
    top: 0;
    right: 30px;
    bottom: 0;
    display: block;
    margin: auto;
    padding: 0;
    width: 120px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    background-color: #44acb6
}

.feedback-mini .btn:hover {
    background-color: #51c6cf
}

.section-feedback {
    padding: 60px 0;
    text-align: center
}

.section-feedback h2 {
    font-size: 32px
}

.section-feedback .subtitle {
    margin-top: 10px;
    font-size: 20px;
    color: #777
}

.section-feedback .feedback-methods {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 31px 0
}

.section-feedback .feedback-methods.mobile {
    flex-direction: column;
    margin-bottom: 0
}

.section-feedback .feedback-methods.mobile .feedback-method {
    width: auto;
    margin: 0 0 60px
}

.section-feedback .feedback-methods.mobile .feedback-method:last-child {
    margin-bottom: 0
}

.section-feedback .feedback-methods.mobile .feedback-method h5 {
    font-size: 18px;
    margin-bottom: 16px
}

.section-feedback .feedback-methods.mobile .feedback-method .btn, .section-feedback .feedback-methods.mobile .feedback-method .contact {
    margin-top: 18px
}

.section-feedback .feedback-methods .feedback-method {
    width: auto;
    margin: 0 40px
}

.section-feedback .feedback-methods .feedback-method h5 {
    font-size: 21px;
    color: #333;
    line-height: 1.5;
    margin-bottom: 24px
}

.section-feedback .feedback-methods .feedback-method .desc {
    font-size: 14px;
    color: #777
}

.section-feedback .feedback-methods .feedback-method .btn {
    display: block;
    margin: 24px auto 0;
    padding: 0;
    width: 160px;
    height: 48px;
    line-height: 48px;
    color: #fff;
    font-size: 16px;
    border-radius: 4px;
    background-color: #44acb6
}

.section-feedback .feedback-methods .feedback-method .btn:hover {
    background-color: #51c6cf
}

.section-feedback .feedback-methods .feedback-method .contact {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: #f6f6f6;
    font-size: 20px;
    border-radius: 8px;
    padding: 16px 24px;
    line-height: 21px;
    margin-top: 24px
}

.section-feedback .feedback-methods .feedback-method .contact a {
    color: #000
}

.section-feedback .feedback-methods .feedback-method .contact i {
    margin-right: 12px
}

.form input[type=email], .form input[type=text], .form textarea {
    display: block;
    width: 100%;
    margin: 0;
    padding: 12px;
    border: 1px solid #ccc;
    outline: 0;
    font-size: 14px;
    border-radius: 5px;
    box-shadow: none
}

.form input[type=email]:focus, .form input[type=text]:focus, .form textarea:focus {
    border: 1px solid #44acb6;
    box-shadow: 0 0 6px rgba(68, 172, 182, .6)
}

.form textarea {
    padding: 6px 12px
}

.form .invisible {
    position: absolute;
    visibility: hidden;
    width: 0;
    height: 0;
    z-index: -1
}

.form .form-item {
    margin: 10px 0
}

.form .btn {
    padding: 0 20px;
    line-height: 40px;
    color: #fff;
    background-color: #44acb6;
    border-radius: 5px;
    font-size: 18px
}

.form .hide {
    display: none
}

.help-masthead {
    padding: 150px 0 60px;
    text-align: center
}

.help-masthead .page-title {
    position: relative;
    font-size: 48px;
    font-weight: 600
}

.help-masthead .page-title:before {
    content: "";
    position: absolute;
    top: -120px;
    right: 0;
    left: 0;
    margin: auto;
    width: 120px;
    height: 120px;
    /* background-image: url(/packs/images/help_v2/masthead-63dcddc912fcd178002566f8fe95d01f.png); */
    background-image: url(../images/new/masthead-63dcddc912fcd178002566f8fe95d01f.png);
    background-repeat: no-repeat;
    background-size: 120px 120px
}

@media (-webkit-min-device-pixel-ratio:1.5), all and (-o-min-device-pixel-ratio:3/2), all and (min--moz-device-pixel-ratio:1.5), all and (min-device-pixel-ratio:1.5) {
    .help-masthead .page-title:before {
        background-image: url(/packs/images/help_v2/masthead@2x-95c81c59bdb2bbcbdfae22c54e44e4ac.png);
        background-size: 120px 120px
    }
}

.search .form {
    position: relative;
    width: 660px;
    margin: 30px auto 0
}

.search .form .twr {
    position: absolute;
    top: 9px;
    left: 12px;
    width: 36px;
    height: 36px;
    font-size: 36px;
    line-height: 1;
    color: #777
}

.search .form .search-bar {
    width: 100%;
    padding: 15px 15px 15px 60px;
    font-size: 18px;
    border-radius: 10px
}

#home-customers .header, #home-customers .section {
    background-color: #f7f8f8
}

#home-customers .section {
    padding: 80px 0 0;
    text-align: center
}

#home-customers .feature-title {
    font-size: 44px;
    font-weight: 900
}

#home-customers .categories {
    margin: 136px 0 20px
}

#home-customers .link-category {
    position: relative;
    padding: 0 25px;
    color: #142225;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.75
}

#home-customers .link-category:hover {
    color: #51c6cf
}

#home-customers .link-category.active {
    color: #44acb6
}

#home-customers .link-category.active:after {
    content: "";
    position: absolute;
    right: 0;
    left: 0;
    bottom: -25px;
    height: 4px;
    background-color: #54b2bd;
    margin: 0 25px
}

#home-customers .section-footer {
    margin-top: 60px;
    color: #777;
    line-height: 2
}

#home-customers .customers-list {
    background-color: #fff;
    padding: 50px 0 40px
}

#home-customers .customers-inner {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 1075px;
    margin: 0 auto
}

#home-customers .customer-item {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 180px;
    height: 60px;
    margin: 0 35px 40px 0
}

#home-customers .customer-logo {
    width: 180px;
    height: 60px;
    background-repeat: no-repeat;
    background-size: 100%
}

#home-customers .voices-list {
    margin: 40px auto;
    width: 100%;
    max-width: 1080px;
    -webkit-column-count: 3;
    column-count: 3;
    grid-column-gap: 0;
    -webkit-column-gap: 0;
    column-gap: 0;
    text-align: left
}

#home-customers .voice-item {
    margin: 0 10% 50px;
    page-break-inside: avoid;
    -webkit-column-break-inside: avoid;
    break-inside: avoid
}

#home-customers .voice-content {
    width: 300px;
    font-size: 18px;
    line-height: 32px;
    color: #555
}

#home-customers .voice-content mark {
    background-color: #fff4b7;
    color: #555;
    font-style: normal;
    font-weight: 400
}

#home-customers .voice-user {
    margin-top: 10px;
    font-size: 14px;
    font-weight: 700
}

.signup-guide-form-wrapper {
    margin: 0 auto 60px;
    padding: 48px 60px;
    width: 613px;
    background: rgba(7, 179, 177, .8);
    border-radius: 16px;
    text-align: left
}

.signup-guide-form-wrapper .title {
    font-size: 44px;
    line-height: 50px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 24px
}

.signup-guide-form-wrapper .signup-guide-form {
    padding: 24px;
    border-radius: 12px;
    border: 3px solid #077675;
    background: #0a8786;
    position: relative
}

.signup-guide-form-wrapper .signup-guide-form .form-item {
    margin: 0 0 24px
}

.signup-guide-form-wrapper .signup-guide-form input {
    height: 48px;
    font-size: 18px;
    padding: 10px
}

.signup-guide-form-wrapper .signup-guide-form .btn-signup {
    display: block;
    text-align: center;
    width: 100%;
    font-size: 18px;
    color: #0d8f8d;
    line-height: 48px;
    border-radius: 4px;
    background-color: #fff51e
}

.signup-guide-form-wrapper .signup-guide-form .btn-signup:hover {
    background-color: #f7da31
}

.signup-guide-form-wrapper .signup-guide-form:before {
    content: "";
    position: absolute;
    top: -50px;
    right: 140px;
    width: 21px;
    height: 60px;
    background-image: url(/packs/images/home/signup-guide-arrow-da5e926a844bd96ec7a7c742be644ecb.png);
    background-repeat: no-repeat;
    background-size: auto 60px
}

@media (-webkit-min-device-pixel-ratio:1.5), all and (-o-min-device-pixel-ratio:3/2), all and (min--moz-device-pixel-ratio:1.5), all and (min-device-pixel-ratio:1.5) {
    .signup-guide-form-wrapper .signup-guide-form:before {
        background-image: url(/packs/images/home/signup-guide-arrow@2x-37bbe92636e0eb9073a60d1b84473c7b.png);
        background-size: auto 60px
    }
}

.signup-guide-form-wrapper .btn-signup {
    border: none
}

#home-downloads .header {
    background-color: hsla(0, 0%, 100%, .9);
    box-shadow: 0 1px 6px 0 rgba(121, 169, 173, .12)
}

#home-downloads .header .actions .nav-link:last-child {
    border: none;
    background-color: #e99b35
}

#home-downloads .section-downloads {
    padding: 150px 0 80px
}

#home-downloads .feature-title {
    font-size: 48px;
    font-weight: 600
}

#home-downloads .subline {
    margin-top: 30px;
    font-size: 24px;
    color: #777
}

#home-downloads .main {
    margin-top: 0
}

#home-downloads .download {
    margin: 50px 0 80px
}

#help-admins-show .header {
    display: none
}

#help-admins-show .section .container {
    margin: 0 30px 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #ccc
}

#help-admins-show .section h3 {
    margin-bottom: 10px
}

#help-admins-show .section h3:hover a {
    display: inline
}

#help-admins-show .section h3 a {
    display: none
}

#help-admins-show .section-guide .container {
    border-bottom: 0
}

#help-admins-show .help-categories {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

#help-admins-show .help-category {
    margin-top: 30px;
    width: 30%
}

#help-admins-show .roadmap-category {
    margin-top: 10px
}

#help-admins-show .sortable-item {
    cursor: pointer
}

#help-admins-show .ui-sortable-placeholder {
    visibility: visible!important;
    border: 2px dashed #e0e0e0;
    background-color: rgba(255, 240, 160, .2)
}

#help-articles-edit .header {
    display: none
}

.form-article {
    width: 654px;
    margin: 0 auto 60px
}

.form-article .btn {
    margin-right: 15px
}

#help-articles-new .header {
    display: none
}

#help-articles-show .header {
    background-color: hsla(0, 0%, 100%, .9);
    box-shadow: 0 1px 6px 0 rgba(121, 169, 173, .12)
}

#help-articles-show .page-title {
    margin-bottom: 30px;
    font-size: 32px
}

#help-articles-show .page-subtitle {
    margin: -30px 0 30px;
    font-size: 18px;
    color: #777
}

#help-articles-show main {
    display: flex;
    justify-content: center
}

#help-articles-show main .nav {
    width: 240px;
    margin-right: 60px
}

#help-articles-show main .container {
    width: 660px
}

#help-articles-show main>.nav {
    position: relative
}

#help-articles-show main>.nav li {
    margin: 5px 0 5px 15px
}

#help-articles-show main>.nav a:empty {
    display: none
}

#help-articles-show main>.nav .nav-title {
    display: block;
    margin: 10px 0;
    font-size: 14px;
    color: #555
}

#help-articles-show .nav-container {
    position: relative;
    position: -webkit-sticky;
    position: sticky;
    top: 100px;
    padding-bottom: 50px
}

#help-articles-show .nav-list {
    display: none
}

#help-articles-show .nav-list.active {
    display: block
}

#help-categories-show .header {
    background-color: hsla(0, 0%, 100%, .9);
    box-shadow: 0 1px 6px 0 rgba(121, 169, 173, .12)
}

#help-categories-show .page-title {
    margin-bottom: 30px;
    font-size: 32px
}

#help-categories-show main .container {
    width: 630px;
    margin: auto
}

#help-categories-show .article-list {
    font-size: 18px;
    line-height: 1.7
}

#help-categories-show .article-list a {
    display: block;
    margin-top: 10px
}

.dialog-video-play .simple-dialog-remove {
    top: 15px;
    right: 15px;
    width: 24px;
    font-size: 24px;
    line-height: 24px;
    color: #777;
    background-color: transparent
}

.dialog-video-play .simple-dialog-remove:hover {
    color: #51c6cf;
    background-color: transparent
}

.dialog-video-play .simple-dialog-wrapper {
    padding: 0
}

.dialog-video-play video {
    display: block;
    margin: auto;
    width: 1024px;
    height: 576px
}

#help-guides-show .header, #help-guides-show .help-masthead {
    background-color: #f7f8f8
}

#help-guides-show .help-masthead .page-title:before {
    background-image: url(/packs/images/help_v2/masthead_guides-6768568144b58505a689bfb66b91dd21.png);
    background-repeat: no-repeat;
    background-size: 120px 120px
}

@media (-webkit-min-device-pixel-ratio:1.5), all and (-o-min-device-pixel-ratio:3/2), all and (min--moz-device-pixel-ratio:1.5), all and (min-device-pixel-ratio:1.5) {
    #help-guides-show .help-masthead .page-title:before {
        background-image: url(/packs/images/help_v2/masthead_guides@2x-c0e5187717ec5d2469da17752b985e9d.png);
        background-size: 120px 120px
    }
}

#help-guides-show .manuals-list {
    margin-top: 45px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap
}

#help-guides-show .manual {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 300px;
    height: 370px;
    margin: 15px;
    padding-left: 20px;
    color: #fff;
    text-align: center;
    border-radius: 10px;
    box-shadow: 0 14px 18px 0 rgba(91, 196, 199, .3)
}

#help-guides-show .manual:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: -5px;
    left: 0;
    background-color: #fff;
    border-radius: 10px;
    z-index: 1
}

#help-guides-show .manual:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 10px;
    background-color: #44acb6;
    border-left: 20px solid #5bb5bd;
    z-index: 2
}

#help-guides-show .manual:nth-child(2) {
    box-shadow: 0 14px 18px 0 rgba(100, 181, 47, .3)
}

#help-guides-show .manual:nth-child(2):after {
    background-color: #64b52f;
    border-color: #5baa27
}

#help-guides-show .manual:nth-child(2) .manual-button {
    color: #5baa27
}

#help-guides-show .manual:nth-child(3) {
    box-shadow: 0 14px 18px 0 rgba(229, 155, 172, .3)
}

#help-guides-show .manual:nth-child(3):after {
    background-color: #e59bac;
    border-color: #e7869c
}

#help-guides-show .manual:nth-child(3) .manual-button {
    color: #e7869c
}

#help-guides-show .manual:nth-child(4) {
    box-shadow: 0 14px 18px 0 rgba(229, 155, 172, .3)
}

#help-guides-show .manual:nth-child(4):after {
    background-color: #ebc6be;
    border-color: #ea9785
}

#help-guides-show .manual:nth-child(4) .manual-button {
    color: #ea9785
}

#help-guides-show .manual:nth-child(4) .manual-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #813f2f
}

#help-guides-show .manual:nth-child(4) .manual-container .tag {
    width: 36px;
    height: 28px;
    background-color: #df3c2f;
    border-radius: 4px;
    text-align: center;
    line-height: 28px;
    color: #fff;
    margin-bottom: 5px
}

#help-guides-show .manual:nth-child(4) .manual-container .sub-title {
    width: 100%;
    font-size: 16px;
    line-height: 21px;
    border-top: 1px solid #813f2f;
    border-bottom: 1px solid #813f2f;
    padding: 8px;
    margin: 8px 0 65px
}

#help-guides-show .manual:nth-child(4) .manual-container .author-name {
    font-weight: 500;
    font-size: 18px;
    line-height: 24px
}

#help-guides-show .manual:nth-child(4) .manual-container .author-info {
    font-size: 12px;
    line-height: 24px;
    margin-bottom: 18px
}

#help-guides-show .manual-container {
    position: relative;
    z-index: 5
}

#help-guides-show .manual-image {
    display: block;
    margin: 0 auto 25px;
    width: 100px;
    height: 100px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

#help-guides-show .manual-title {
    font-size: 27px;
    line-height: 1.3
}

#help-guides-show .manual-desc {
    margin: 10px 0 20px;
    font-size: 14px
}

#help-guides-show .manual-button {
    display: block;
    width: 150px;
    height: 40px;
    margin: auto;
    line-height: 40px;
    font-size: 14px;
    color: #44acb6;
    border-radius: 5px;
    background-color: #fff
}

#help-guides-show .manual-button:hover {
    opacity: .9
}

#help-guides-show .section {
    padding: 60px 0;
    text-align: center
}

#help-guides-show .section h2 {
    font-size: 32px
}

#help-guides-show .section h2 br {
    display: none
}

#help-guides-show .section .subtitle {
    margin-top: 10px;
    font-size: 20px;
    color: #777
}

#help-guides-show .section-videos .videos-list {
    margin: 45px 0 30px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap
}

#help-guides-show .section-videos .link-video {
    position: relative;
    width: 300px;
    margin: 15px 15px 0;
    font-size: 18px;
    color: #000;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

#help-guides-show .section-videos .link-video:after {
    content: "";
    position: absolute;
    top: 35px;
    right: 0;
    left: 0;
    margin: auto;
    width: 100px;
    height: 100px;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform .2s ease-in-out;
    transition: -webkit-transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
    background-image: url(/packs/images/help_v2/video-play-83f8af2aa03ae79bc7b40cddcd845c20.png);
    background-repeat: no-repeat;
    background-size: 100px auto
}

@media (-webkit-min-device-pixel-ratio:1.5), all and (-o-min-device-pixel-ratio:3/2), all and (min--moz-device-pixel-ratio:1.5), all and (min-device-pixel-ratio:1.5) {
    #help-guides-show .section-videos .link-video:after {
        background-image: url(/packs/images/help_v2/video-play@2x-d1e33aeaf83187477b41161470ed826e.png);
        background-size: 100px auto
    }
}

#help-guides-show .section-videos .link-video:hover:after {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

#help-guides-show .section-videos .link-video small {
    color: #777
}

#help-guides-show .section-videos .case-image {
    display: block;
    margin-bottom: 15px;
    width: 300px;
    height: 170px
}

#help-guides-show .section-download {
    background-color: #f4f7ed
}

#help-guides-show .section-download .files-list {
    margin-top: 35px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap
}

#help-guides-show .section-download .link-file {
    position: relative;
    margin: 20px 30px 0;
    padding-top: 108px;
    width: 240px;
    height: 150px;
    color: #fff;
    text-align: center;
    border-radius: 5px
}

#help-guides-show .section-download .link-file:after {
    content: "";
    position: absolute;
    top: 22px;
    right: 0;
    left: 0;
    margin: auto;
    width: 70px;
    height: 70px
}

#help-guides-show .section-download .link-file-pdf {
    background-color: #44acb6
}

#help-guides-show .section-download .link-file-pdf:after {
    background-image: url(/packs/images/help_v2/icon-pdf-30c7395cad35933a4de7f10d115f7a86.png);
    background-repeat: no-repeat;
    background-size: 70px auto
}

@media (-webkit-min-device-pixel-ratio:1.5), all and (-o-min-device-pixel-ratio:3/2), all and (min--moz-device-pixel-ratio:1.5), all and (min-device-pixel-ratio:1.5) {
    #help-guides-show .section-download .link-file-pdf:after {
        background-image: url(/packs/images/help_v2/icon-pdf@2x-5e7fbd7758f4b062f78f983144696f1b.png);
        background-size: 70px auto
    }
}

#help-guides-show .section-download .link-file-pdf:hover {
    background-color: #51c6cf
}

#help-guides-show .section-download .link-file-ppt {
    background-color: #df3c2f
}

#help-guides-show .section-download .link-file-ppt:after {
    background-image: url(/packs/images/help_v2/icon-ppt-cbb5632fea13487700c10e9b65b1e86d.png);
    background-repeat: no-repeat;
    background-size: 70px auto
}

@media (-webkit-min-device-pixel-ratio:1.5), all and (-o-min-device-pixel-ratio:3/2), all and (min--moz-device-pixel-ratio:1.5), all and (min-device-pixel-ratio:1.5) {
    #help-guides-show .section-download .link-file-ppt:after {
        background-image: url(/packs/images/help_v2/icon-ppt@2x-1fc3951d1ed0e183df7b11f1a6ae38cb.png);
        background-size: 70px auto
    }
}

#help-guides-show .section-download .link-file-ppt:hover {
    background-color: #ff7573
}

#help-guides-show .section-cases {
    padding-bottom: 40px
}

#help-guides-show .section-cases .cases-list {
    display: flex;
    justify-content: center;
    flex-wrap: wrap
}

#help-guides-show .section-cases .link-case {
    margin: 30px 8px 0;
    width: 310px;
    color: #000;
    text-align: left;
    overflow: hidden;
    background-size: cover
}

#help-guides-show .section-cases .link-case:hover {
    color: #51c6cf
}

#help-guides-show .section-cases .case-image {
    display: block;
    margin-bottom: 15px;
    width: 310px;
    height: 180px;
    border-radius: 5px
}

#help-guides-show .section-cases .case-title {
    display: block;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.3
}

#help-guides-show .section-cases .case-desc {
    color: #777
}

#help-index .header, #help-index .help-masthead {
    background-color: #f4f5f2
}

#help-index .section {
    padding: 60px 0;
    text-align: center
}

#help-index .section h2 {
    font-size: 32px
}

#help-index .section-questions {
    padding-bottom: 70px
}

#help-index .section-questions .question-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 30px auto 0;
    width: 1110px;
    font-size: 18px
}

#help-index .section-questions li {
    width: 360px;
    margin-top: 10px
}

#help-index .section-catalogues {
    background-color: #f4f5f2
}

#help-index .section-catalogues .catalogue-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 1110px;
    margin: 30px auto 0
}

#help-index .section-catalogues .catalogue {
    position: relative;
    margin-top: 15px;
    padding: 30px 0 30px 90px;
    width: 360px;
    height: 120px;
    text-align: left;
    border-radius: 5px;
    background-color: #fff;
    border: 1px solid #ccc;
    -webkit-transition: background-color .25s;
    transition: background-color .25s
}

#help-index .section-catalogues .catalogue:hover {
    background-color: #f6f6f6
}

#help-index .section-catalogues .category-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 30px;
    width: 48px;
    height: 48px;
    margin: auto
}

#help-index .section-catalogues .catalogue-title {
    font-size: 20px;
    color: #000
}

#help-index .section-catalogues .catalogue-desc {
    margin-top: 5px;
    font-size: 14px;
    color: #777
}

#help-roadmaps-show .header .container {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .06)!important;
    background-color: #fff!important;
    margin: 0;
    padding: 20px 30px
}

#help-roadmaps-show .help-masthead {
    padding: 150px 0 108px;
    background-color: #44acb6
}

#help-roadmaps-show .help-masthead .page-title {
    color: #fff
}

#help-roadmaps-show .help-masthead .page-title:before {
    background-image: url(/packs/images/help_v2/masthead_roadmap-41830cdc81423b57150a4137f177f79d.png);
    background-repeat: no-repeat;
    background-size: 120px 120px
}

@media (-webkit-min-device-pixel-ratio:1.5), all and (-o-min-device-pixel-ratio:3/2), all and (min--moz-device-pixel-ratio:1.5), all and (min-device-pixel-ratio:1.5) {
    #help-roadmaps-show .help-masthead .page-title:before {
        background-image: url(/packs/images/help_v2/masthead_roadmap@2x-431bd549480842eed9a8791a5001f4aa.png);
        background-size: 120px 120px
    }
}

#help-roadmaps-show .help-masthead .form {
    position: relative;
    width: 660px;
    margin: 30px auto 0
}

#help-roadmaps-show .help-masthead .form .twr {
    position: absolute;
    top: 9px;
    left: 12px;
    width: 36px;
    height: 36px;
    font-size: 36px;
    line-height: 1;
    color: #777
}

#help-roadmaps-show .page-subtitle {
    color: #fff;
    font-size: 24px
}

#help-roadmaps-show main .container {
    width: 660px;
    margin: 60px auto
}

#help-roadmaps-show .table-features td {
    vertical-align: top
}

#help-roadmaps-show .table-features tr:last-child .feature-main:before {
    content: "";
    position: absolute;
    top: 120px;
    left: -50px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 5px solid #a2d2d6;
    background-color: #fff
}

#help-roadmaps-show .table-features tr:last-child .feature-main:after {
    height: 45px
}

#help-roadmaps-show .feature-main {
    position: relative;
    padding: 0 30px 0 15px
}

#help-roadmaps-show .feature-main:after {
    content: "";
    position: absolute;
    top: 80px;
    left: -43px;
    width: 5px;
    height: 150px;
    background-color: #a2d2d6
}

#help-roadmaps-show .feature-icon {
    position: relative;
    width: 80px;
    height: 80px;
    border-radius: 5px;
    background-color: #a2d2d6
}

#help-roadmaps-show .feature-title {
    width: 190px;
    font-size: 20px;
    line-height: 1.2
}

#help-roadmaps-show .feature-date {
    font-size: 18px;
    color: #777
}

#help-roadmaps-show .feature-summary {
    margin-bottom: 90px;
    min-height: 90px;
    font-size: 14px;
    color: #555
}

#help-roadmaps-show .link-read-more {
    margin-top: 5px;
    display: inline-block
}

#help-searches-show main .container {
    width: 630px;
    margin: auto
}

#help-searches-show .form {
    margin: 30px 0;
    width: 100%
}

#help-searches-show .category-name {
    margin-top: 20px;
    padding-bottom: 5px;
    color: #777;
    border-bottom: 1px solid #ccc
}

#help-searches-show .search-item {
    margin-bottom: 40px
}

#help-searches-show .search-item .highlight {
    background-color: #fff3a0
}

#help-searches-show .search-item-title {
    margin: 10px 0
}

#help-searches-show .search-item-title a {
    color: #000
}

#help-searches-show .search-item-title a:hover {
    color: #51c6cf
}

#home-jobs .header:not(.active) {
    margin-bottom: -80px
}

#home-jobs .header:not(.active) .logo {
    color: #fff
}

#home-jobs .header:not(.active) .nav-link {
    color: #fff
}

#home-jobs .header:not(.active) .nav-link:hover {
    color: #51c6cf
}

#home-jobs .header:not(.active) .btn {
    color: #fff;
    border-color: #fff
}

#home-jobs .header:not(.active) .btn:hover {
    color: #51c6cf;
    border-color: #51c6cf
}

#home-jobs .masthead {
    position: relative;
    height: 100vh;
    padding-top: 20vh;
    color: #fff;
    text-align: center;
    text-shadow: 0 0 4px rgba(0, 0, 0, .15);
    background-color: #efefef;
    background-size: cover;
    background-position: bottom
}

#home-jobs .masthead .solgan {
    font-size: 54px;
    line-height: 1.25;
    font-weight: 700
}

#home-jobs .masthead .status {
    margin-top: 3vh;
    font-size: 24px;
    font-weight: 700
}

#home-jobs .masthead .info {
    position: absolute;
    right: 30px;
    bottom: 30px;
    font-size: 14px;
    opacity: .8;
    text-shadow: 0 0 2px rgba(0, 0, 0, .15)
}

#home-jobs .masthead .info[data-dark=true] {
    color: #777
}

#home-jobs .link-next-screen {
    position: absolute;
    right: 0;
    bottom: 15px;
    left: 0;
    margin: auto;
    width: 120px;
    color: #fff;
    font-size: 14px;
    line-height: 15px
}

#home-jobs .link-next-screen:hover {
    color: #51c6cf
}

#home-jobs .link-next-screen span {
    display: block
}

#home-jobs .section-joinus {
    margin: 60px auto;
    padding: 60px 0;
    width: 660px
}

#home-jobs .section-joinus .title {
    font-size: 54px;
    text-align: center;
    line-height: 1.25;
    font-weight: 700
}

#home-jobs .section-joinus .subtitle {
    margin: 20px 30px 60px;
    font-size: 24px;
    text-align: center
}

#home-jobs .section-joinus .subtitle a {
    text-decoration: underline
}

#home-jobs .job-item {
    margin-bottom: 60px
}

#home-jobs .job-item:last-child {
    margin: 0
}

#home-jobs .job-title {
    margin-bottom: 20px;
    font-size: 24px
}

#home-jobs .job-title svg {
    height: 36px;
    margin-right: 4px;
    padding: 6px 0;
    vertical-align: bottom
}

#home-jobs .job-desc {
    font-size: 16px;
    line-height: 1.8
}

#home-jobs .job-desc p {
    margin-bottom: 12px
}

#home-jobs .job-desc ul {
    margin: 0 0 12px 25px;
    list-style-type: disc
}

#home-master_luoyi {
    height: 100%;
    padding: 70px 0 0
}

#home-master_luoyi .footer, #home-master_luoyi .header {
    display: none
}

#home-master_luoyi .main {
    position: relative;
    max-width: 1100px;
    min-width: 1000px;
    height: 100%;
    margin: auto;
    color: #152129;
    background-image: url(/packs/images/home/masters/luoyi-1b2fb62a4e7c43d4d8fe6107ea909d43.jpg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-size: contain!important;
    background-position: 0 100%
}

@media (-webkit-min-device-pixel-ratio:1.5), all and (-o-min-device-pixel-ratio:3/2), all and (min--moz-device-pixel-ratio:1.5), all and (min-device-pixel-ratio:1.5) {
    #home-master_luoyi .main {
        background-image: url(/packs/images/home/masters/luoyi@2x-fcef8837019a4aa85629626c9d6038e0.jpg);
        background-size: 100% auto
    }
}

#home-master_luoyi .main .nav {
    position: absolute;
    top: -50px;
    right: 0;
    line-height: 25px
}

#home-master_luoyi .main .nav li {
    display: inline-block;
    margin-left: 20px
}

#home-master_luoyi .main .nav a {
    color: #c2cbd2
}

#home-master_luoyi .main .nav a:hover {
    color: #51c6cf
}

#home-master_luoyi .main .logo {
    position: absolute;
    top: -50px;
    left: 0;
    margin-left: 100px;
    text-align: right;
    font-size: 24px;
    line-height: 25px;
    color: #c2cbd2
}

#home-master_luoyi .main .logo:after {
    content: "";
    position: absolute;
    left: -95px;
    top: -1px;
    width: 90px;
    height: 25px;
    background-image: url(/packs/images/home/masters/logo-2b151afd826a8ec7d394d15384dac059.png);
    background-repeat: no-repeat;
    background-size: 90px auto
}

@media (-webkit-min-device-pixel-ratio:1.5), all and (-o-min-device-pixel-ratio:3/2), all and (min--moz-device-pixel-ratio:1.5), all and (min-device-pixel-ratio:1.5) {
    #home-master_luoyi .main .logo:after {
        background-image: url(/packs/images/home/masters/logo@2x-b971a3a5aa7e41897b6e50c5c779481b.png);
        background-size: 90px auto
    }
}

#home-master_luoyi .main .content {
    position: absolute;
    right: 0;
    width: 435px
}

#home-master_luoyi .main h2 {
    position: relative;
    margin-left: 80px;
    font-size: 26px;
    font-weight: 400;
    line-height: 50px
}

#home-master_luoyi .main h2:before {
    content: "";
    position: absolute;
    left: -80px;
    width: 75px;
    height: 50px;
    background-image: url(/packs/images/home/masters/law-7cc0d378b8fe35d2c24d9215088ad63c.png);
    background-repeat: no-repeat;
    background-size: 75px auto
}

@media (-webkit-min-device-pixel-ratio:1.5), all and (-o-min-device-pixel-ratio:3/2), all and (min--moz-device-pixel-ratio:1.5), all and (min-device-pixel-ratio:1.5) {
    #home-master_luoyi .main h2:before {
        background-image: url(/packs/images/home/masters/law@2x-eebb5d9d77ed370631c74674c1c28afe.png);
        background-size: 75px auto
    }
}

#home-master_luoyi .main h1 {
    font-size: 50px;
    font-weight: 400
}

#home-master_luoyi .main .master-desc {
    margin-bottom: 50px;
    font-size: 14px
}

#home-master_luoyi .main .img-master {
    display: none
}

#home-master_luoyi .main blockquote {
    position: relative;
    line-height: 1.7;
    letter-spacing: .3px
}

#home-master_luoyi .main blockquote:before {
    content: url(/packs/images/home/masters/quote-7e944d4eb8afb6e41ce171241f96d1df.svg);
    position: absolute;
    top: 0;
    left: -80px
}

#home-master_luoyi .main blockquote:after {
    content: url(/packs/images/home/masters/quote-7e944d4eb8afb6e41ce171241f96d1df.svg);
    position: absolute;
    bottom: 0;
    right: -50px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

#home-master_luoyi .main blockquote p {
    margin-bottom: 10px
}

#home-master_luoyi .main .btn {
    margin-top: 25px;
    display: block;
    width: 180px;
    height: 48px;
    line-height: 48px;
    color: #fff;
    text-align: center;
    border-radius: 8px;
    background-color: #2dc100
}

#home-master_luoyi .main .btn:hover {
    opacity: .8
}

#home-master_luoyi .tower-master {
    margin: 50px 0 10px;
    text-align: right;
    float: right
}

#home-master_luoyi .tower-master h3 {
    font-weight: 400;
    font-size: 16px;
    color: #727c81
}

#home-master_luoyi .tower-master p {
    margin-top: 10px;
    font-size: 12px;
    color: #98a3a8
}

@media (min-width:1440px) {
    #home-master_luoyi .main {
        max-width: 80%
    }
}

@media (max-width:767px) {
    #home-master_luoyi {
        padding-top: 0
    }
    #home-master_luoyi .logo {
        display: none
    }
    #home-master_luoyi .main {
        max-width: 100%;
        min-width: 100%;
        padding: 15px;
        background: none;
        box-sizing: border-box
    }
    #home-master_luoyi .main .content {
        position: static;
        width: 100%
    }
    #home-master_luoyi .main h2 {
        font-size: 16px
    }
    #home-master_luoyi .main .master-desc {
        position: relative;
        margin-bottom: 30px
    }
    #home-master_luoyi .main .img-master {
        display: block;
        margin-bottom: 30px;
        width: 70%
    }
    #home-master_luoyi blockquote:after, #home-master_luoyi blockquote:before {
        display: none!important
    }
    #home-master_luoyi .tower-master {
        margin: 30px 0 0;
        padding-bottom: 15px;
        width: 100%;
        float: none;
        text-align: left
    }
}

.popover-tower-master-qrcode {
    font-size: 12px;
    color: #98a3a8;
    text-align: center
}

.popover-tower-master-qrcode .simple-popover-content {
    border-radius: 0;
    box-shadow: 0 9px 16px 0 rgba(115, 124, 129, .25);
    border: 1px solid #e1e7e9
}

#home-plans .header {
    background-color: #f7f8f8
}

#home-plans .header.active {
    box-shadow: none!important
}

#home-plans #sign-up, #home-plans #top-header, #home-plans .footer {
    min-width: 1040px
}

#home-welcome {
    width: 100%;
    min-width: 100%;
    height: 100%;
    padding: 0;
    overflow-x: hidden
}

#home-welcome .footer, #page-home-welcome {
    position: relative;
    background-color: #fff
}

#page-home-welcome {
    height: 100%;
    z-index: 9
}

#page-home-welcome .marquee {
    position: absolute;
    right: 0;
    left: 0;
    background-color: #fce451;
    font-size: 1.5vw;
    line-height: 2;
    white-space: nowrap
}

#page-home-welcome .marquee:first-child {
    top: 0
}

#page-home-welcome .marquee:last-child {
    bottom: 0;
    text-indent: -50vw
}

#page-home-welcome .marquee .marquee-content {
    -webkit-animation: marquee 20s linear infinite;
    animation: marquee 20s linear infinite
}

#page-home-welcome .marquee span {
    margin: 0 1vw
}

#page-home-welcome .main-screen {
    height: 100%
}

#page-home-welcome .main-wrapper {
    height: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center
}

#page-home-welcome .bg {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 65%;
    background: transparent url(/packs/images/landing/bg-5797a5f452d93ef38c06ed38f51f5cc0.png) 50% no-repeat;
    background-size: 100%
}

#page-home-welcome .main {
    position: relative;
    width: 50%;
    padding-right: 3vw;
    text-align: right;
    line-height: 1.1;
    z-index: 9
}

#page-home-welcome .main-title {
    margin: 3vh 0;
    font-size: 5vw;
    font-weight: 700
}

#page-home-welcome .main-logo {
    font-size: 5vw;
    color: #44acb6
}

#page-home-welcome .main-slogan {
    margin-bottom: 8vh;
    font-size: 2vw;
    line-height: 1.5;
    color: #555
}

#page-home-welcome .main-btn {
    margin-top: 1vh;
    display: inline-block;
    width: 16vw;
    text-align: center;
    font-size: 2vw;
    color: #fff;
    line-height: 2;
    border-radius: 8px;
    background-color: #44acb6
}

#page-home-welcome .main-btn:hover {
    background-color: #51c6cf
}

#page-home-welcome .main-btn.btn-no-border {
    color: #44acb6;
    background-color: #fff
}

#page-home-welcome .link-next-screen {
    position: absolute;
    right: 0;
    bottom: 3.5vw;
    left: 0;
    margin: auto;
    width: 10vw;
    text-align: center;
    font-size: 1.5vw;
    line-height: 1.2;
    color: #555
}

#page-home-welcome .link-next-screen:hover {
    color: #777
}

#page-home-welcome .link-next-screen span {
    display: block
}

@-webkit-keyframes marquee {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
    to {
        -webkit-transform: translate(-100%);
        transform: translate(-100%)
    }
}

@keyframes marquee {
    0% {
        -webkit-transform: translate(0);
        transform: translate(0)
    }
    to {
        -webkit-transform: translate(-100%);
        transform: translate(-100%)
    }
}

@media (max-width:767px) {
    #page-home-welcome .main-wrapper {
        display: block
    }
    #page-home-welcome .bg {
        width: 100%;
        background-position: bottom
    }
    #page-home-welcome .main {
        padding: 10vh 0 0;
        width: 100%;
        text-align: center
    }
    #page-home-welcome .main-title {
        margin: 3vh 0 2vh;
        font-size: 8vw
    }
    #page-home-welcome .main-title br {
        display: none
    }
    #page-home-welcome .main-logo {
        font-size: 12vw
    }
    #page-home-welcome .main-slogan {
        margin-bottom: 3vh;
        font-size: 5vw
    }
    #page-home-welcome .main-btn {
        margin-top: 1vh;
        width: 80vw;
        font-size: 6vw
    }
    #page-home-welcome .marquee {
        font-size: 4vw
    }
}

#home-wxworks-show .mobile-header {
    background-color: #f6f6f6
}

#home-wxworks-show #mobile-home-wxworks-show {
    width: 100%;
    min-width: 100%
}

#home-wxworks-show #mobile-home-wxworks-show .masthead {
    height: auto;
    padding: 50px 0 15px;
    margin: 0;
    text-align: center;
    background-image: url(/packs/images/home/bg@2x-f36e9f22acb490609ee4db44b54f0e14.jpg);
    background-size: auto 640px;
    background-repeat: repeat-x;
    background-position: 0 0
}

#home-wxworks-show #mobile-home-wxworks-show .masthead .title {
    padding: 0;
    margin-top: 20px;
    font-size: 18px
}

#home-wxworks-show #mobile-home-wxworks-show .masthead .desc {
    padding: 0 15px;
    margin-top: 10px;
    font-size: 15px;
    color: #777
}

#home-wxworks-show #mobile-home-wxworks-show .link-groups {
    padding: 35px 0 15px;
    text-align: center
}

#home-wxworks-show #mobile-home-wxworks-show .link-groups .link {
    margin-bottom: 35px
}

#home-wxworks-show #mobile-home-wxworks-show .link-groups .link .desc {
    margin: 0;
    color: #777;
    font-size: 14px
}

#home-wxworks-show #mobile-home-wxworks-show .link-groups .link .btn-wxwork {
    margin: 8px auto 0
}

#home-wxworks-show #mobile-home-wxworks-show .section {
    min-height: 667px;
    padding: 45px 0 60px
}

#home-wxworks-show #mobile-home-wxworks-show .section .image {
    text-align: center
}

#home-wxworks-show #mobile-home-wxworks-show .section .image>img {
    max-width: 100%
}

#home-wxworks-show #mobile-home-wxworks-show .section .title {
    margin-top: 15px;
    font-size: 18px;
    text-align: center;
    font-weight: 700
}

#home-wxworks-show #mobile-home-wxworks-show .section .title .title-icon {
    width: 20px;
    height: 20px;
    margin-right: 4px;
    vertical-align: text-bottom
}

#home-wxworks-show #mobile-home-wxworks-show .section .desc {
    padding: 0 15px;
    color: #777
}

#home-wxworks-show #mobile-home-wxworks-show .section .desc>p {
    margin-top: 15px
}

#home-wxworks-show #mobile-home-wxworks-show .section-open {
    background-color: #f6f6f6
}

#home-wxworks-show #mobile-home-wxworks-show .section-open .image>img {
    width: 260px
}

#home-wxworks-show #mobile-home-wxworks-show .section-join {
    padding-top: 120px
}

#home-wxworks-show #mobile-home-wxworks-show .section-join .image>img {
    width: 320px
}

#home-wxworks-show #mobile-home-wxworks-show .section-join .title {
    margin-top: 35px
}

#home-wxworks-show #mobile-home-wxworks-show .section-join .desc {
    margin-top: 20px
}

#home-wxworks-show #mobile-home-wxworks-show .section-notification {
    padding-top: 60px;
    background-color: #f6f6f6
}

#home-wxworks-show #mobile-home-wxworks-show .section-notification .image>img {
    width: 260px
}

#home-wxworks-show {
    min-height: 1000px
}

#home-wxworks-show #logo-tower-and-wxwork {
    display: inline-block;
    width: 640px;
    height: 100px;
    background-image: url(/packs/images/ic-tower_and_wxwork_2-f795c76c7c6ce0579aa2b4f1dabd0352.png);
    background-repeat: no-repeat;
    background-size: 640px 100px
}

@media (-webkit-min-device-pixel-ratio:1.5), all and (-o-min-device-pixel-ratio:3/2), all and (min--moz-device-pixel-ratio:1.5), all and (min-device-pixel-ratio:1.5) {
    #home-wxworks-show #logo-tower-and-wxwork {
        background-image: url(/packs/images/ic-tower_and_wxwork_2@2x-932c839a32675e629c2ccff316b75582.png);
        background-size: 640px 100px
    }
}

#home-wxworks-show .masthead {
    text-align: center;
    margin: 0 auto;
    height: 90vh
}

#home-wxworks-show .masthead .masthead-container {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 90vh
}

#home-wxworks-show .masthead .row-logo {
    width: 100%;
    text-align: center
}

#home-wxworks-show .masthead .title {
    font-size: 36px;
    font-weight: 600;
    font-style: normal;
    line-height: 1.3;
    letter-spacing: normal;
    text-align: center;
    color: #000;
    margin-top: 24px
}

#home-wxworks-show .masthead .desc {
    margin-top: 5px;
    font-size: 24px;
    font-weight: 400;
    font-style: normal;
    line-height: 1.5;
    text-align: center;
    color: #000
}

#home-wxworks-show .action-groups {
    min-width: 760px;
    max-width: 880px;
    margin: 80px auto;
    display: flex;
    align-items: flex-start;
    justify-content: center
}

#home-wxworks-show .action-groups .action {
    width: 50%;
    text-align: center
}

#home-wxworks-show .action-groups .action .desc {
    font-size: 14px;
    color: #555
}

#home-wxworks-show .action-groups .action .btn-wxwork-wrapper {
    margin-top: 10px;
    display: flex;
    align-items: center;
    justify-content: center
}

#home-wxworks-show .btn-wxwork {
    padding: 11px 0;
    width: 260px;
    height: 44px;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center
}

#home-wxworks-show .btn-wxwork.light {
    background-color: #fff;
    color: #0e79de;
    border: 1px solid #0e79de
}

#home-wxworks-show .btn-wxwork.blue {
    background-color: #0e79de;
    color: #fff
}

#home-wxworks-show .btn-wxwork .icon {
    margin-right: 5px;
    font-size: 18px
}

@media (max-width:767px) {
    #home-wxworks-show #logo-tower-and-wxwork {
        width: 320px;
        height: 50px;
        margin-left: -2%;
        background-image: url(/packs/images/ic-tower_and_wxwork_2-f795c76c7c6ce0579aa2b4f1dabd0352.png);
        background-repeat: no-repeat;
        background-size: 100% auto
    }
}

@media (max-width:767px) and (-webkit-min-device-pixel-ratio:1.5), all and (max-width:767px) and (-o-min-device-pixel-ratio:3/2), all and (max-width:767px) and (min--moz-device-pixel-ratio:1.5), all and (max-width:767px) and (min-device-pixel-ratio:1.5) {
    #home-wxworks-show #logo-tower-and-wxwork {
        background-image: url(/packs/images/ic-tower_and_wxwork_2@2x-932c839a32675e629c2ccff316b75582.png);
        background-size: 100% auto
    }
}

@media (max-width:767px) {
    #home-wxworks-show .masthead {
        margin-top: 30%;
        padding: 0 15px
    }
    #home-wxworks-show .masthead .title {
        margin-top: 30px;
        width: 320px;
        font-size: 30px;
        font-weight: 800px;
        margin-left: auto;
        margin-right: auto
    }
    #home-wxworks-show .masthead .desc {
        margin-top: 8px;
        font-size: 18px
    }
    #home-wxworks-show .action-groups {
        margin-top: 30%;
        margin-bottom: 30%;
        padding: 0 15px;
        display: block;
        border-top: 1px solid #ddd
    }
    #home-wxworks-show .action-groups .action {
        margin-top: 25%;
        display: block;
        width: 100%
    }
    #home-wxworks-show .section-features {
        border-top: 1px solid #ddd;
        padding: 0 15px
    }
    #home-wxworks-show .btn-wxwork {
        width: 300px;
        height: 50px
    }
}

#solutions-index #top-header, #solutions-index [data-masthead] {
    background-color: #f7f8f8
}

#solutions-index .header, #solutions-show .header {
    background-color: #fff
}

#solutions-index .header .actions .nav-link:last-child, #solutions-show .header .actions .nav-link:last-child {
    border: none;
    background-color: #e99b35
}

.use-cases-header {
    text-align: center;
    min-height: 1px;
    margin: 0 auto;
    padding: 50px 15px 120px
}

.use-cases-header--title {
    font-weight: 600;
    font-size: 44px;
    line-height: 62px;
    margin-top: 30px;
    margin-bottom: 22px
}

.use-cases-header--subtitle {
    margin: 0 auto 22px;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 1.5;
    color: #5c7070
}

.use-cases-list {
    padding-top: 15px;
    padding-bottom: 15px
}

.use-cases-section {
    width: 960px;
    padding: 40px 15px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-start
}

.use-cases-section:not(:last-child) {
    border-bottom: 1px solid #e3e3e3
}

.use-cases-section--header {
    width: 30.2%;
    text-align: left;
    flex: 0 0 30.2%;
    display: flex;
    align-items: center
}

.use-cases-section--title {
    font-weight: 600;
    font-size: 32px;
    line-height: 36px;
    letter-spacing: -.5px;
    color: #333;
    margin: 12px 0
}

.use-cases-section--icon-wrap {
    width: 40px;
    height: auto;
    margin-right: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    font-size: 29.25px;
    line-height: 31px
}

.use-cases-section--list {
    width: 69.8%;
    display: flex;
    flex-direction: column;
    padding: 0;
    flex: 0 0 69.8%
}

.use-cases-section--row {
    display: flex
}

.use-cases-section--row:last-child {
    margin-bottom: -24px
}

.use-case {
    width: 323px;
    padding: 16px;
    margin-bottom: 32px
}

.use-case:not(:last-child) {
    margin-right: 24px
}

.use-case--title {
    margin-bottom: 16px;
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    color: #000
}

.use-case--desc {
    margin-bottom: 12px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #777
}

.use-case--link {
    display: block;
    font-weight: 500;
    font-size: 12px;
    line-height: 17px;
    color: #44acb6;
    padding-top: 8px
}

.go-to-ones {
    width: 92px;
    height: 34px;
    border-radius: 4px;
    background-color: #e99b35;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center
}

.go-to-ones:hover {
    color: #fff;
    background-color: #dc8718
}

.use-case-container {
    width: 984px;
    margin: 0 auto 60px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between
}

.use-cases-sidebar {
    width: 200px;
    flex: 0 0 200px
}

.use-case-article {
    width: 760px;
    flex: 0 0 760px;
    margin-bottom: 60px
}

.use-case-article--title {
    font-weight: 600;
    font-size: 32px;
    line-height: 36px;
    letter-spacing: -.5px;
    margin-top: 52px;
    margin-bottom: 40px
}

.use-cases-sidebar--nav {
    margin-top: 52px
}

.use-cases-sidebar--nav .section {
    margin-bottom: 36px
}

.use-cases-sidebar--nav .section-header {
    margin-top: 8px;
    margin-bottom: 16px;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #555
}

.use-case-article-item {
    margin-bottom: 16px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400
}

#home-wxworks-show .section-features {
    margin-top: 80px;
    margin-bottom: 80px
}

#home-wxworks-show .section-features .feature {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    background-color: #f6f6f6
}

#home-wxworks-show .section-features .feature .feature-inner {
    position: relative;
    margin: 0 auto;
    width: 1024px;
    max-width: 1024px;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center
}

#home-wxworks-show .section-features .feature.feature-open .feature-text-container {
    width: 480px
}

#home-wxworks-show .section-features .feature.feature-open .image-container-mobile {
    z-index: 2;
    width: 330px;
    height: 515px;
    margin-left: 3%
}

#home-wxworks-show .section-features .feature.feature-join {
    background-color: #fff
}

#home-wxworks-show .section-features .feature.feature-join .feature-title {
    justify-content: center
}

#home-wxworks-show .section-features .feature.feature-join .feature-inner {
    flex-direction: column
}

#home-wxworks-show .section-features .feature.feature-join .feature-text-container {
    width: 480px
}

#home-wxworks-show .section-features .feature.feature-join .image-container {
    width: 100%;
    text-align: center
}

#home-wxworks-show .section-features .feature.feature-notification .feature-text-container {
    width: 480px
}

#home-wxworks-show .section-features .feature.feature-notification .image-container-mobile {
    z-index: 2;
    width: 330px;
    height: 515px;
    margin-left: 3%
}

#home-wxworks-show .section-features .feature-title {
    font-size: 30px;
    font-weight: 600;
    color: #000;
    text-align: left;
    display: flex;
    align-items: center;
    vertical-align: baseline
}

#home-wxworks-show .section-features .feature-title-icon {
    display: inline-block;
    margin-right: 5px
}

#home-wxworks-show .section-features .feature-desc {
    font-size: 16px;
    font-weight: 400;
    color: #555;
    text-align: left;
    margin-top: 1em
}

#home-wxworks-show .section-features .feature-desc.begin {
    margin-top: 15px
}

.inline-video-container {
    position: absolute;
    top: 42px;
    left: 51px;
    width: 280px
}

.inline-video-container .inline-video-media {
    z-index: -1;
    height: 606px;
    position: relative;
    visibility: visible;
    opacity: 1;
    -webkit-transition-property: visibility;
    transition-property: visibility;
    -webkit-transition-duration: 0ms, .2s;
    transition-duration: 0ms, .2s;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transition-delay: .2s, 0ms;
    transition-delay: .2s, 0ms
}

.inline-video-container .inlin-video-media-mobile {
    height: 456px
}

.inline-video-container .inline-video {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: inline-block;
    vertical-align: baseline
}

.inline-video-container .inline-video-controls {
    position: relative;
    margin-top: 38px
}

.inline-video-container .inline-video-controls .inline-video-button-replay {
    border: none;
    display: block;
    margin-left: auto;
    margin-right: auto;
    color: #44acb6;
    cursor: pointer;
    background: none;
    box-sizing: content-box;
    overflow: visible;
    visibility: visible;
    opacity: 1;
    -webkit-transition-property: visible, opacity;
    transition-property: visible, opacity;
    -webkit-transition-duration: 0ms, .2s;
    transition-duration: 0ms, .2s;
    -webkit-transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    -webkit-transition-delay: .2s, 0ms;
    transition-delay: .2s, 0ms;
    font-size: 16px
}

.inline-video-container .inline-video-controls .inline-video-button-replay .icon-refresh {
    margin-left: 5px
}

.inline-video-container-mobile {
    width: 266px
}

.image-hardware {
    position: relative;
    width: 100%;
    height: 100%
}

.image-hardware.image-hardware-iphonex {
    width: 520px;
    height: 816px;
    background-size: 520px 816px;
    background-repeat: no-repeat;
    background-image: url(https://towerfiles.oss-cn-hangzhou.aliyuncs.com/wxwork/hardware_iphonex_hero_small_2x.png)
}

.image-hardware.image-hardware-mobile {
    width: 330px;
    height: 515px;
    background-size: 330px 515px;
    background-repeat: no-repeat;
    background-image: url(/packs/images/wxwork/img-phoneprev@3x-5aa8c91115d71a55428d37d4455e158c.png)
}

.image-hardware.image-hardware-mobile .inline-video-container-mobile {
    top: 30px;
    left: 32px
}

.tower-plans {
    padding: 0;
    text-align: center;
    min-width: 1040px
}

.tower-plans .price-intro {
    background-color: #f7f8f8;
    padding-top: 40px;
    padding-bottom: 80px
}

.tower-plans .price-intro .title {
    margin: 0 auto 15px;
    font-size: 44px;
    font-weight: 900;
    color: #142225;
    line-height: 1.4
}

.tower-plans .price-intro .subtitle {
    font-size: 20px;
    color: #5c7070
}

.tower-plans tr-tower-price-tab {
    padding-top: 30px
}

.tower-plans .table-header {
    display: flex;
    justify-content: center;
    margin-top: 50px;
    width: 100%;
    background-color: #fff;
    min-width: 1040px
}

.tower-plans .table-header.active {
    position: fixed;
    top: 80px;
    margin-top: 0;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .06)
}

.tower-plans .table-inner {
    display: flex;
    width: 1040px
}

.tower-plans .trick-header {
    width: 100%;
    height: 156px;
    display: none
}

.tower-plans .trick-header.active {
    display: block
}

.tower-plans .version-item {
    border: none;
    padding: 20px 25px;
    font-weight: 400;
    vertical-align: top;
    background-color: #fff;
    width: 192px
}

.tower-plans .version-item .btn {
    border-color: #54b2bd;
    font-size: 20px;
    font-weight: 500;
    margin: 20px 0 0
}

.tower-plans .version-item .btn.btn-large:hover {
    background-color: #409199
}

.tower-plans .version-item .btn.btn-white:hover {
    background-color: #54b2bd;
    color: #fff
}

.tower-plans .version-item:last-child, .tower-plans .version-item:nth-child(3) {
    width: 202px
}

.tower-plans .version-item:first-child {
    margin-left: auto
}

.tower-plans .version-item .version-title {
    font-size: 32px;
    font-weight: 600
}

.tower-plans .tower-price-table {
    margin: 20px auto 80px;
    min-width: 1040px;
    font-size: 20px;
    color: #25282b
}

.tower-plans .tower-price-table td, .tower-plans .tower-price-table th {
    vertical-align: middle;
    border: 1px solid #e3e3e3
}

.tower-plans .tower-price-table td {
    height: 30px;
    padding: 10px 44px;
    font-size: 16px;
    line-height: 1.75
}

.tower-plans .tower-price-table td small {
    display: block;
    line-height: 1;
    font-size: 12px;
    color: #777
}

.tower-plans .tower-price-table td:last-child {
    background-color: #f0f9fa
}

.tower-plans .tower-price-table .version-title {
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: 500
}

.tower-plans .tower-price-table .block-title {
    font-size: 24px;
    font-weight: 500;
    text-align: left;
    padding: 20px 40px;
    line-height: 1.5
}

.tower-plans .tower-price-table .feature-title {
    text-align: left;
    font-size: 20px;
    line-height: 1.5;
    padding: 10px 0 10px 60px
}

.tower-plans .tower-price-table .feature-title .tip {
    font-size: 12px;
    color: #777
}

.tower-plans .tower-price-table .icon {
    background-repeat: no-repeat;
    background-size: 100%;
    display: inline-block;
    vertical-align: middle
}

.tower-plans .tower-price-table .icon.info-circle-icon {
    width: 16px;
    height: 16px;
    color: #25282b;
    background-image: url(/packs/images/new_home/info-circle-39f40a2dcb6333772868398c4515d782.svg)
}

.tower-plans .tower-price-table .icon.check-circle-icon, .tower-plans .tower-price-table .icon.uncheck-circle-icon {
    width: 26px;
    height: 26px
}

.tower-plans .tower-price-table .icon.check-circle-icon {
    background-image: url(/packs/images/new_home/check-circle-acd3e2a001842ecb11be9aa7e3ca01e8.svg)
}

.tower-plans .tower-price-table .icon.uncheck-circle-icon {
    background-image: url(/packs/images/new_home/uncheck-circle-a82f08961179e1dab24d2b6655683f22.svg)
}

.tower-plans .tower-price-table .feature-check-desc {
    display: block;
    font-size: 12px;
    color: #777
}

.tower-plans+.section {
    padding: 100px 0;
    background-color: #f7f8f8;
    min-width: 1040px
}

.tower-plans+.section .section-title {
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 50px;
    text-align: center
}

.tower-plans+.section .faq-list {
    display: flex;
    justify-content: space-between;
    margin: auto;
    max-width: 1040px;
    text-align: left
}

.tower-plans+.section .faq-item {
    width: 326px
}

.tower-plans+.section .faq-title {
    margin-bottom: 15px;
    font-weight: 400;
    font-size: 24px
}

.tower-plans+.section .faq-content {
    font-size: 16px;
    color: #5c7070
}

.btn {
    display: inline-block;
    padding: 6px 10px;
    margin: 0 10px 0 0;
    color: #fff;
    font-size: 14px;
    background-color: #44acb6;
    border: 1px solid #44acb6;
    border-radius: 4px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline-color: #44acb6;
    background-clip: padding-box
}

.btn:hover {
    background-color: #51c6cf;
    border-color: #51c6cf;
    color: #fff
}

.btn.disabled, .btn[disabled] {
    cursor: not-allowed;
    color: #777;
    background-color: #f6f6f6;
    border-color: #e3e3e3
}

.btn.success {
    cursor: default;
    color: #51b52f;
    background-color: #f6f6f6;
    border-color: #e3e3e3
}

.btn.btn-white {
    color: #44acb6;
    background-color: #fff;
    border-color: #ccc
}

.btn.btn-white:hover {
    background-color: #f6f6f6
}

.btn.btn-mini {
    padding: 6px 12px;
    color: #000;
    line-height: 1.2;
    background-color: #fff;
    border: 1px solid #ccc
}

.btn.btn-mini:hover {
    color: #000;
    background-color: #f6f6f6
}

.btn.btn-mini.disabled, .btn.btn-mini[disabled] {
    color: #777;
    background-color: #f6f6f6;
    cursor: not-allowed
}

.btn.btn-mini+.btn-x {
    line-height: 1.2
}

.btn.btn-large {
    padding: 8px 24px;
    font-size: 16px
}

.btn.btn-huge {
    margin: 0 auto;
    padding: 12px 80px;
    font-size: 20px
}

.btn.btn-block {
    display: block;
    width: 100%;
    padding-right: 0;
    padding-left: 0;
    text-align: center
}

.btn.btn-reject {
    color: #fff;
    background-color: #df3c2f;
    border-color: #df3c2f;
    outline-color: #df3c2f
}

.btn.btn-reject:hover {
    color: #fff;
    background-color: #ff7573;
    border-color: #ff7573
}

.btn.btn-reject.disabled, .btn.btn-reject[disabled] {
    cursor: not-allowed;
    color: #555;
    background-color: #f6f6f6;
    border-color: #e3e3e3
}

.btn.btn-reject.success {
    cursor: default;
    color: #51b52f;
    background-color: #f6f6f6
}

.btn.btn-warning {
    color: #fff;
    background-color: #f5941d;
    border-color: #f5941d;
    outline-color: #f5941d
}

.btn.btn-warning:hover {
    background-color: orange;
    border-color: orange
}

.btn.btn-x {
    color: #777;
    font-size: 14px;
    background-color: transparent;
    border-color: transparent;
    vertical-align: top
}

.btn.btn-x:hover {
    color: #51c6cf
}

.btn.btn-x.disabled, .btn.btn-x[disabled] {
    cursor: not-allowed;
    color: #999
}

.btn.btn-warn {
    color: #df3c2f;
    border-color: #df3c2f;
    background-color: transparent
}

.btn.btn-warn:hover {
    color: #ff7573;
    border-color: #ff7573
}

.btn-group {
    float: left;
    white-space: nowrap;
    position: relative;
    margin-left: 20px;
    *zoom: 1
}

.btn-group:after, .btn-group:before {
    display: table;
    content: ""
}

.btn-group:after {
    clear: both;
    height: 0;
    visibility: hidden
}

.btn-group .btn {
    float: left;
    margin: 0;
    border-radius: 0;
    outline: none
}

.btn-group .btn:first-child {
    border-radius: 4px 0 0 4px
}

.btn-group .btn+.btn {
    margin-left: -1px
}

.btn-group .btn+.btn-dropdown-toggle, .btn-group .btn:last-child {
    position: relative;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.btn-group .btn-dropdown-menu {
    display: none;
    font-size: 14px;
    padding: 5px 0;
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 99;
    float: left;
    min-width: 120px;
    margin: 2px 0 0;
    border-radius: 4px;
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: 0 8px 12px 0 rgba(0, 0, 0, .12)
}

.btn-group .btn-dropdown-menu.icon-menu .twr {
    margin-left: -4px
}

.btn-group .btn-dropdown-menu .twr {
    width: 24px;
    text-align: center;
    color: #777;
    font-size: 16px
}

.btn-group .btn-dropdown-menu li.separator:not(:first-child), .btn-group .btn-dropdown-menu li.separator:not(:last-child) {
    margin: 6px 0;
    border-top: 1px solid #e3e3e3
}

.btn-group .btn-dropdown-menu a {
    display: block;
    padding: 8px 16px;
    white-space: nowrap;
    color: #000
}

.btn-group .btn-dropdown-menu a:hover {
    color: #fff;
    background-color: #44acb6
}

.btn-group .btn-dropdown-menu a:hover .twr {
    color: #fff
}

.btn-group.dropdown .btn-dropdown-menu {
    display: block
}

.btn-group.dropdown .btn-dropdown-toggle {
    background-color: #f6f6f6;
    box-shadow: inset 0 0 4px rgba(0, 0, 0, .12)
}

button::-moz-focus-inner, input[type=button]::-moz-focus-inner, input[type=reset]::-moz-focus-inner, input[type=submit]::-moz-focus-inner {
    padding: 0!important;
    border: 0!important
}

#link-to-help {
    position: fixed;
    right: 20px;
    bottom: 20px;
    width: 60px;
    height: 60px;
    color: #fff;
    font-size: 40px;
    line-height: 60px;
    text-align: center;
    background-color: #44acb6;
    border-radius: 50%;
    z-index: 2;
    opacity: 1;
    box-shadow: 0 1px 6px rgba(0, 0, 0, .06), 0 2px 32px rgba(0, 0, 0, .16);
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out
}

#link-to-help:hover {
    box-shadow: 0 2px 8px rgba(0, 0, 0, .09), 0 4px 40px rgba(0, 0, 0, .24)
}

tr-intercom-fallback {
    display: none
}

tr-intercom-fallback[active] {
    display: block
}

tr-intercom-fallback .customer-service-card {
    display: none;
    z-index: 2147483000;
    position: fixed;
    bottom: 100px;
    right: 20px;
    width: 340px;
    min-height: 250px;
    max-height: 704px;
    box-shadow: 0 5px 40px rgba(0, 0, 0, .16);
    border-radius: 8px;
    overflow: hidden;
    opacity: 1;
    background: #fff;
    padding: 24px 40px;
    box-sizing: border-box
}

tr-intercom-fallback .customer-service-card.active {
    display: block
}

tr-intercom-fallback .customer-service-card .title {
    font-size: 32px;
    line-height: 48px
}

tr-intercom-fallback .customer-service-card .description {
    font-size: 16px
}

tr-intercom-fallback .customer-service-card .qrcode {
    text-align: center;
    margin-top: 30px
}

tr-intercom-fallback .customer-service-card .qrcode img {
    width: 200px;
    border-radius: 4px
}

tr-intercom-fallback .customer-service-card .help-tel {
    text-align: center;
    margin-top: 20px;
    color: #555
}

.tr-presales-support-widget, tr-visitor-presales-support-widget {
    display: flex;
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 8
}

.tr-presales-support-widget .float-button, tr-visitor-presales-support-widget .float-button {
    position: relative;
    width: 60px;
    height: 60px;
    box-shadow: 0 2px 16px 0 rgba(48, 48, 48, .1), 0 1px 12px 0 rgba(48, 48, 48, .05), 0 0 1px 0 rgba(48, 48, 48, .2);
    background-color: #54b2bd;
    border-radius: 50%;
    outline: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center
}

.tr-presales-support-widget .float-button:hover, tr-visitor-presales-support-widget .float-button:hover {
    background-color: #409199
}

.tr-presales-support-widget .background, tr-visitor-presales-support-widget .background {
    width: 40px;
    height: 40px
}

.tr-presales-support-widget .popover, tr-visitor-presales-support-widget .popover {
    display: flex;
    position: fixed;
    right: 94px;
    bottom: 20px;
    box-sizing: border-box;
    z-index: 8;
    background: #fff;
    -webkit-transition-property: visibility, opacity, -webkit-transform;
    transition-property: visibility, opacity, -webkit-transform;
    transition-property: transform, visibility, opacity;
    transition-property: transform, visibility, opacity, -webkit-transform;
    -webkit-transition-duration: .4s;
    transition-duration: .4s;
    -webkit-transform-origin: right center;
    transform-origin: right center;
    border-radius: 2px;
    box-shadow: 0 2px 16px 0 rgba(48, 48, 48, .1), 0 0 1px 0 rgba(48, 48, 48, .2)
}

.tr-presales-support-widget .popover[data-state=close], tr-visitor-presales-support-widget .popover[data-state=close] {
    display: none
}

.tr-presales-support-widget .popover[data-state=open], tr-visitor-presales-support-widget .popover[data-state=open] {
    display: flex;
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.tr-presales-support-widget .popover[data-state=closing], .tr-presales-support-widget .popover[data-state=opening], tr-visitor-presales-support-widget .popover[data-state=closing], tr-visitor-presales-support-widget .popover[data-state=opening] {
    display: flex;
    opacity: 0;
    -webkit-transform: scale(.9);
    transform: scale(.9)
}

.tr-presales-support-widget .popover-arrow, tr-visitor-presales-support-widget .popover-arrow {
    position: absolute;
    width: 36px;
    height: 20px;
    right: 0;
    bottom: 22px;
    -webkit-transform-origin: center left;
    transform-origin: center left
}

.tr-presales-support-widget .popover-arrow:before, tr-visitor-presales-support-widget .popover-arrow:before {
    content: " ";
    position: absolute;
    right: -10px;
    border-color: transparent transparent transparent #fff;
    border-style: solid;
    border-width: 10px 0 10px 18px
}

.tr-presales-support-widget .manager-qrcode, tr-visitor-presales-support-widget .manager-qrcode {
    width: 100px;
    height: 100px;
    margin: 20px 20px 0
}

.tr-presales-support-widget .popover-content, tr-visitor-presales-support-widget .popover-content {
    font-size: 12px;
    line-height: 1.67;
    color: #142225;
    text-align: center;
    margin-bottom: 6px
}

#tr_wework-home-install-callback .main {
    position: relative;
    min-width: 1000px;
    max-width: 1100px;
    height: 100%;
    margin: 80px auto;
    text-align: center
}

#tr_wework-home-install-callback .main .spin-icon {
    -webkit-animation: twr-spin 2s linear infinite;
    animation: twr-spin 2s linear infinite
}

#tr_wework-home-install-callback .main .page-title {
    font-weight: 200;
    margin-top: 15px
}

#tr_wework-home-install-callback .main .page-desc {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    display: block;
    margin: 30px auto 80px;
    color: #777
}

#tr_wework-home-install-callback .main .page-desc .error-message {
    font-size: 12px;
    display: block;
    margin-top: 25px;
    color: #44acb6
}

#prototype_projects-index .header .logo, #prototype_projects-index .header .nav-link {
    color: #fff
}

#prototype_projects-index .header.active .logo {
    color: #44acb6
}

#prototype_projects-index .header.active .nav-link {
    color: #555
}

#prototype_projects-index .header.active .nav-link:hover {
    color: #51c6cf
}

#prototype_projects-index .header.active .actions .nav-link:last-child {
    color: #fff
}

.tower-prototype_projects .descriptions {
    background: url(/packs/images/prototype-projects-bg-231eac824f0bcab7fe216f7dd62ab7fa.png);
    background-size: 500px 300px;
    display: flex;
    align-items: center;
    text-align: center;
    flex-direction: column;
    margin-top: -80px;
    padding-top: 80px;
    color: #fff
}

.tower-prototype_projects .descriptions .page-title {
    padding: 32px 0 13px;
    font-size: 44px;
    line-height: 1.09;
    letter-spacing: -1px
}

.tower-prototype_projects .descriptions .page-subtitle {
    width: 588px;
    margin-bottom: 70px;
    line-height: 1.4;
    font-size: 20px;
    letter-spacing: -.5px
}

.tower-prototype_projects .categories {
    width: 952px;
    margin: 60px auto 0
}

.tower-prototype_projects .categories .page-link {
    float: right;
    margin-top: -44px
}

.tower-prototype_projects .categories .templates {
    position: relative
}

.tower-prototype_projects .categories .templates .anchor {
    position: absolute;
    top: -130px
}

.tower-prototype_projects .categories .templates .template-item {
    width: 220px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 24px 52px 0;
    border-radius: 12px;
    cursor: pointer
}

.tower-prototype_projects .categories .templates .template-item:nth-child(4n) {
    margin-right: 0
}

.tower-prototype_projects .categories .templates .template-item .cover-container .cover {
    margin-right: 16px;
    display: block
}

.tower-prototype_projects .categories .templates .template-item .icon {
    padding: 33px 72px 12px;
    text-align: center;
    background-color: #f9efb6
}

.tower-prototype_projects .categories .templates .template-item .icon .badge {
    display: block;
    width: 56px;
    height: 56px
}

.tower-prototype_projects .categories .templates .template-item .name {
    font-size: 18px;
    color: #333;
    line-height: 1.56;
    margin-left: 16px
}

.tower-prototype_projects .categories .templates .category {
    color: #000;
    margin-bottom: 24px;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.2
}

.tower-prototype_projects .categories .templates .template {
    display: flex;
    flex-wrap: wrap
}

.tower-prototype_projects .categories .templates .universal {
    background-color: #e8f7f8
}

.tower-prototype_projects .categories .templates .product_development {
    background-color: #eaf1f9
}

.tower-prototype_projects .categories .templates .sales {
    background-color: #fef5e4
}

.tower-prototype_projects .categories .templates .e_commerce {
    background-color: #ffe4e1
}

.tower-prototype_projects .categories .templates .law {
    background-color: #f0f0f0
}

.tower-prototype_projects .categories .templates .online_education {
    background-color: #f1f8e9
}

.tower-prototype_projects .categories .templates .market_operation {
    background-color: #fff9c4
}

.tower-prototype_projects .categories .templates .hr {
    background-color: #f1f8e9
}

.tower-prototype_projects .categories .templates .design {
    background-color: #e8f7f8
}

.tower-prototype_projects .feedback-method {
    margin-bottom: 48px;
    text-align: center;
    line-height: 1.75;
    font-size: 16px;
    color: #555
}

.tower-prototype_projects .feedback-method .call-us {
    display: block
}

#template_repositories-index .header {
    background-color: #f7f8f8
}

.template_repositories .descriptions {
    display: flex;
    align-items: center;
    text-align: center;
    flex-direction: column;
    height: 334px;
    background-color: #f7f8f8;
    color: #5c7070
}

.template_repositories .descriptions .page-title {
    font-size: 50px;
    font-weight: 900;
    line-height: 1.4;
    color: #142225;
    padding: 92px 0 15px
}

.template_repositories .descriptions .page-subtitle {
    width: 608px;
    font-size: 20px;
    line-height: 1.5
}

.template_repositories .categories {
    width: 952px;
    margin: 60px auto 0
}

.template_repositories .categories .page-link {
    float: right;
    margin-top: -44px
}

.template_repositories .categories .templates {
    position: relative;
    margin-bottom: 40px
}

.template_repositories .categories .templates .anchor {
    position: absolute;
    top: -130px
}

.template_repositories .categories .templates .category {
    color: #000;
    margin-bottom: 24px;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.2
}

.template_repositories .categories .templates .template {
    display: flex;
    flex-wrap: wrap
}

.template_repositories .feedback-method {
    margin: 68px 0 112px;
    font-size: 16px;
    line-height: 28px;
    text-align: center;
    color: #555
}

.template_repositories .feedback-method .call-us {
    display: block
}

#template_repositories-show {
    background: -webkit-linear-gradient(260.76deg, #f8f9fd 3.88%, rgba(234, 241, 249, 0) 67.16%) no-repeat;
    background: linear-gradient(189.24deg, #f8f9fd 3.88%, rgba(234, 241, 249, 0) 67.16%) no-repeat;
    overflow-x: hidden
}

#template_repositories-show .header .actions .nav-link:last-child {
    background-color: #e99b35;
    color: #fff
}

#template_repositories-show .header.active .container {
    background: #fff
}

#template_repositories-show .header.active .actions .nav-link:last-child {
    color: #fff
}

tr-project-template-item .template-item {
    width: 216px;
    height: 80px;
    display: flex;
    align-items: center;
    margin: 0 16px 16px 0;
    border-radius: 12px;
    cursor: pointer
}

tr-project-template-item .template-item .cover-container .cover {
    margin-left: 16px;
    display: block;
    height: 36px;
    width: 36px
}

tr-project-template-item .template-item .name {
    font-size: 18px;
    line-height: 28px;
    color: #333;
    margin-left: 20px;
    display: flex;
    align-items: center;
    width: 124px
}

tr-project-template-item .cover-background.battery, tr-project-template-item .cover-background.console, tr-project-template-item .cover-background.crm, tr-project-template-item .cover-background.film, tr-project-template-item .cover-background.flag, tr-project-template-item .cover-background.paint_roller, tr-project-template-item .cover-background.pipe, tr-project-template-item .cover-background.shop, tr-project-template-item .cover-background.smile {
    background-color: #f1f8e9
}

tr-project-template-item .cover-background.briefcase, tr-project-template-item .cover-background.funnel, tr-project-template-item .cover-background.note, tr-project-template-item .cover-background.order, tr-project-template-item .cover-background.price_tag, tr-project-template-item .cover-background.user_research {
    background-color: #eaf1f9
}

tr-project-template-item .cover-background.bar_chart, tr-project-template-item .cover-background.bug, tr-project-template-item .cover-background.chat, tr-project-template-item .cover-background.doc_and_setting, tr-project-template-item .cover-background.tanker, tr-project-template-item .cover-background.wallet {
    background-color: #e8f7f8
}

tr-project-template-item .cover-background.balloon, tr-project-template-item .cover-background.bullseye, tr-project-template-item .cover-background.calendar, tr-project-template-item .cover-background.calendar_heart, tr-project-template-item .cover-background.doc_badge_star, tr-project-template-item .cover-background.icon_video_production, tr-project-template-item .cover-background.livestreaming, tr-project-template-item .cover-background.pencil, tr-project-template-item .cover-background.seal, tr-project-template-item .cover-background.tool, tr-project-template-item .cover-background.trend_chart {
    background-color: #fef5e4
}

tr-project-template-item .cover-background.horn, tr-project-template-item .cover-background.light, tr-project-template-item .cover-background.shopping_cart {
    background-color: #fcf4bd
}

tr-project-template-item .cover-background.book, tr-project-template-item .cover-background.scale {
    background-color: #f0f0f0
}

tr-project-template-item .cover-background:hover {
    background-image: -webkit-linear-gradient(rgba(0, 0, 0, .04), rgba(0, 0, 0, .04));
    background-image: linear-gradient(rgba(0, 0, 0, .04), rgba(0, 0, 0, .04))
}

tr-project-template-detail.detail-container {
    max-width: 1200px;
    min-width: 960px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin: 52px auto 0
}

tr-project-template-detail .wide {
    max-width: 1200px;
    min-width: 960px;
    padding: 0 24px
}

tr-project-template-detail .narrow {
    width: 960px;
    padding: 0 24px;
    box-sizing: border-box
}

tr-project-template-detail .detail-header {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center
}

tr-project-template-detail .detail-header .header-cover {
    flex-shrink: 0;
    height: 100px;
    width: 100px;
    border-radius: 19.1304px
}

tr-project-template-detail .detail-header .header-cover .cover {
    height: 68px;
    width: 68px;
    margin: 16px
}

tr-project-template-detail .detail-header .header-cover.cover-background.battery, tr-project-template-detail .detail-header .header-cover.cover-background.console, tr-project-template-detail .detail-header .header-cover.cover-background.crm, tr-project-template-detail .detail-header .header-cover.cover-background.film, tr-project-template-detail .detail-header .header-cover.cover-background.flag, tr-project-template-detail .detail-header .header-cover.cover-background.paint_roller, tr-project-template-detail .detail-header .header-cover.cover-background.pipe, tr-project-template-detail .detail-header .header-cover.cover-background.shop, tr-project-template-detail .detail-header .header-cover.cover-background.smile {
    background-color: #f1f8e9
}

tr-project-template-detail .detail-header .header-cover.cover-background.briefcase, tr-project-template-detail .detail-header .header-cover.cover-background.funnel, tr-project-template-detail .detail-header .header-cover.cover-background.note, tr-project-template-detail .detail-header .header-cover.cover-background.order, tr-project-template-detail .detail-header .header-cover.cover-background.price_tag, tr-project-template-detail .detail-header .header-cover.cover-background.user_research {
    background-color: #eaf1f9
}

tr-project-template-detail .detail-header .header-cover.cover-background.bar_chart, tr-project-template-detail .detail-header .header-cover.cover-background.bug, tr-project-template-detail .detail-header .header-cover.cover-background.chat, tr-project-template-detail .detail-header .header-cover.cover-background.doc_and_setting, tr-project-template-detail .detail-header .header-cover.cover-background.tanker, tr-project-template-detail .detail-header .header-cover.cover-background.wallet {
    background-color: #e8f7f8
}

tr-project-template-detail .detail-header .header-cover.cover-background.balloon, tr-project-template-detail .detail-header .header-cover.cover-background.bullseye, tr-project-template-detail .detail-header .header-cover.cover-background.calendar, tr-project-template-detail .detail-header .header-cover.cover-background.calendar_heart, tr-project-template-detail .detail-header .header-cover.cover-background.doc_badge_star, tr-project-template-detail .detail-header .header-cover.cover-background.icon_video_production, tr-project-template-detail .detail-header .header-cover.cover-background.livestreaming, tr-project-template-detail .detail-header .header-cover.cover-background.pencil, tr-project-template-detail .detail-header .header-cover.cover-background.seal, tr-project-template-detail .detail-header .header-cover.cover-background.tool, tr-project-template-detail .detail-header .header-cover.cover-background.trend_chart {
    background-color: #fef5e4
}

tr-project-template-detail .detail-header .header-cover.cover-background.horn, tr-project-template-detail .detail-header .header-cover.cover-background.light, tr-project-template-detail .detail-header .header-cover.cover-background.shopping_cart {
    background-color: #fcf4bd
}

tr-project-template-detail .detail-header .header-cover.cover-background.book, tr-project-template-detail .detail-header .header-cover.cover-background.scale {
    background-color: #f0f0f0
}

tr-project-template-detail .detail-header .header-content {
    margin-left: 20px;
    margin-right: 44px
}

tr-project-template-detail .detail-header .header-content .header-content-row {
    display: flex;
    align-items: center;
    margin-bottom: 8px
}

tr-project-template-detail .detail-header .header-content .header-content-row .name {
    margin-right: 8px;
    margin-bottom: 0
}

tr-project-template-detail .detail-header .header-content .header-content-row .labels {
    margin-right: 8px
}

tr-project-template-detail .detail-header .header-content .name {
    margin-bottom: 8px;
    font-size: 24px;
    line-height: 28px;
    display: flex;
    align-items: center;
    color: #000
}

tr-project-template-detail .detail-header .header-content .labels {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

tr-project-template-detail .detail-header .header-content .label {
    padding: 2px 12px;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    border-radius: 10px
}

tr-project-template-detail .detail-header .header-content .label[name=latest] {
    color: #f5941d;
    background: rgba(245, 148, 29, .08);
    border: 1px solid rgba(245, 148, 29, .24)
}

tr-project-template-detail .detail-header .header-content .desc {
    font-size: 16px;
    line-height: 1.6;
    color: #555;
    display: block;
    max-height: 48px
}

tr-project-template-detail .detail-header .header-content .block-with-text {
    overflow: hidden;
    position: relative;
    max-height: 48px;
    text-align: justify;
    margin-right: -1em;
    padding-right: 1em
}

tr-project-template-detail .detail-header .header-action {
    flex-shrink: 0;
    margin-left: auto;
    background: #44acb6;
    border-radius: 4px;
    width: 140px
}

tr-project-template-detail .detail-header .header-action .project-creations-from.tr-form {
    width: auto
}

tr-project-template-detail .detail-header .header-action .btn-template {
    width: 100%
}

tr-project-template-detail .slideshow {
    margin-top: 64px
}

tr-project-template-detail .slideshow .swiper-container {
    max-width: 1150px;
    overflow: visible
}

tr-project-template-detail .slideshow .swiper-slide {
    border-radius: 8px;
    overflow: hidden;
    -webkit-transition: opacity .9s;
    transition: opacity .9s;
    opacity: 0
}

tr-project-template-detail .slideshow .swiper-slide-active, tr-project-template-detail .slideshow .swiper-slide-duplicate-active {
    box-shadow: 0 12px 32px rgba(0, 0, 0, .08);
    opacity: 1
}

tr-project-template-detail .slideshow .swiper-slide-duplicate-active, tr-project-template-detail .slideshow .swiper-slide-duplicate-prev {
    visibility: hidden
}

tr-project-template-detail .slideshow .img-container {
    background-color: #fff
}

tr-project-template-detail .slideshow .img-container img {
    width: 100%
}

tr-project-template-detail .content {
    margin-top: 100px;
    max-width: 834px;
    margin-left: 144px;
    align-self: flex-start
}

tr-project-template-detail .content.editor-style p {
    line-height: 1.6;
    color: #555
}

tr-project-template-detail .content.editor-style strong {
    font-weight: 500
}

tr-project-template-detail .content .teditor-inline-image.image {
    display: none
}

tr-project-template-detail .relevant-template {
    margin-top: 120px;
    align-self: flex-start;
    margin-left: 120px
}

tr-project-template-detail .relevant-template .relevant-title {
    font-weight: 500;
    font-size: 20px;
    line-height: 24px;
    display: flex;
    align-items: center;
    color: #999
}

tr-project-template-detail .relevant-template .templates {
    margin-top: 24px;
    display: flex;
    flex-wrap: wrap
}

tr-project-template-detail .relevant-template .templates tr-project-template-item:nth-child(4n) .template-item {
    margin-right: 0
}

tr-project-template-detail .sign-up .container {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 640px;
    height: 312px;
    margin: 80px auto 120px;
    flex-direction: column;
    color: #fff;
    background-color: #44acb6;
    border-radius: 16px
}

tr-project-template-detail .sign-up h2 {
    margin-bottom: 10px;
    font-size: 32px;
    line-height: 54px;
    font-weight: 600
}

tr-project-template-detail .sign-up p {
    margin-bottom: 49px;
    font-size: 18px;
    line-height: 28px
}

tr-project-template-detail .sign-up a {
    padding: 12px 69px;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    border-radius: 4px;
    color: #0d8f8d;
    background-color: #fff51e
}

tr-project-template-detail .sign-up a:hover {
    background-color: #f7da31
}

tr-project-template-detail .sign-up .sign-up-arrow {
    position: relative
}

tr-project-template-detail .sign-up .sign-up-arrow:before {
    content: "";
    width: 84px;
    height: 84px;
    position: absolute;
    top: -120px;
    left: 95px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url(/packs/images/home/product/sign-up-arrow-af4bd4e19ac9ff470375da464c120daf.png)
}

.mdc-menu-surface {
    box-shadow: 0 8px 16px rgba(0, 0, 0, .16)
}

.mdc-switch.mdc-switch--checked .mdc-switch__thumb-underlay:hover:before, .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay:hover:before {
    opacity: 0
}

.mdc-switch.mdc-switch--checked .mdc-switch__thumb-underlay.mdc-ripple-upgraded--background-focused:before, .mdc-switch.mdc-switch--checked .mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded):focus:before, .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay.mdc-ripple-upgraded--background-focused:before, .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded):focus:before {
    -webkit-transition-duration: 75ms;
    transition-duration: 75ms;
    opacity: 0
}

.mdc-drawer {
    background-color: #fff;
    border-radius: 0 0 0 0;
    z-index: 6;
    width: 256px;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    box-sizing: border-box;
    height: 100%;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    border-right: 1px solid;
    border-color: rgba(0, 0, 0, .12);
    overflow: hidden
}

.mdc-drawer .mdc-drawer__title {
    color: rgba(0, 0, 0, .87)
}

.mdc-drawer .mdc-drawer__subtitle, .mdc-drawer .mdc-list-group__subheader, .mdc-drawer .mdc-list-item__graphic {
    color: rgba(0, 0, 0, .6)
}

.mdc-drawer .mdc-list-item {
    color: rgba(0, 0, 0, .87)
}

.mdc-drawer .mdc-list-item--activated .mdc-list-item__graphic {
    color: #44acb6
}

.mdc-drawer .mdc-list-item--activated {
    color: rgba(68, 172, 182, .87)
}

.mdc-drawer[dir=rtl], [dir=rtl] .mdc-drawer {
    border-radius: 0 0 0 0
}

.mdc-drawer .mdc-list-item {
    border-radius: 4px
}

.mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing)+.mdc-drawer-app-content {
    margin-left: 256px;
    margin-right: 0
}

.mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing)+.mdc-drawer-app-content[dir=rtl], [dir=rtl] .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing)+.mdc-drawer-app-content {
    margin-left: 0;
    margin-right: 256px
}

.mdc-drawer[dir=rtl], [dir=rtl] .mdc-drawer {
    border-right-width: 0;
    border-left-width: 1px;
    border-right-style: none;
    border-left-style: solid
}

.mdc-drawer .mdc-list-item {
    font-family: -apple-system, Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, SimSun, Segoe UI, Roboto, sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: .875rem;
    line-height: 1.375rem;
    font-weight: 500;
    letter-spacing: .00714em;
    text-decoration: inherit;
    text-transform: inherit;
    height: 40px;
    margin: 8px;
    padding: 0 8px
}

.mdc-drawer .mdc-list-item:first-child {
    margin-top: 2px
}

.mdc-drawer .mdc-list-item:last-child {
    margin-bottom: 0
}

.mdc-drawer .mdc-list-group__subheader {
    font-family: -apple-system, Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, SimSun, Segoe UI, Roboto, sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 400;
    letter-spacing: .01786em;
    text-decoration: inherit;
    text-transform: inherit;
    display: block;
    line-height: normal;
    margin: 0;
    padding: 0 16px
}

.mdc-drawer .mdc-list-group__subheader:before {
    display: inline-block;
    width: 0;
    height: 24px;
    content: "";
    vertical-align: 0
}

.mdc-drawer .mdc-list-divider {
    margin: 3px 0 4px
}

.mdc-drawer .mdc-list-item__graphic, .mdc-drawer .mdc-list-item__text {
    pointer-events: none
}

.mdc-drawer--animate {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

.mdc-drawer--animate[dir=rtl], [dir=rtl] .mdc-drawer--animate {
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

.mdc-drawer--opening {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition-duration: .25s;
    transition-duration: .25s
}

.mdc-drawer--opening[dir=rtl], [dir=rtl] .mdc-drawer--opening {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.mdc-drawer--closing {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition-duration: .2s;
    transition-duration: .2s
}

.mdc-drawer--closing[dir=rtl], [dir=rtl] .mdc-drawer--closing {
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

.mdc-drawer__header {
    flex-shrink: 0;
    box-sizing: border-box;
    min-height: 64px;
    padding: 0 16px 4px
}

.mdc-drawer__title {
    font-family: -apple-system, Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, SimSun, Segoe UI, Roboto, sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 1.25rem;
    line-height: 2rem;
    font-weight: 500;
    letter-spacing: .0125em;
    text-decoration: inherit;
    text-transform: inherit;
    display: block;
    margin-top: 0;
    line-height: normal;
    margin-bottom: -20px
}

.mdc-drawer__title:before {
    display: inline-block;
    width: 0;
    height: 36px;
    content: "";
    vertical-align: 0
}

.mdc-drawer__title:after {
    display: inline-block;
    width: 0;
    height: 20px;
    content: "";
    vertical-align: -20px
}

.mdc-drawer__subtitle {
    font-family: -apple-system, Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, SimSun, Segoe UI, Roboto, sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 400;
    letter-spacing: .01786em;
    text-decoration: inherit;
    text-transform: inherit;
    display: block;
    margin-top: 0;
    line-height: normal;
    margin-bottom: 0
}

.mdc-drawer__subtitle:before {
    display: inline-block;
    width: 0;
    height: 20px;
    content: "";
    vertical-align: 0
}

.mdc-drawer__content {
    height: 100%;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.mdc-drawer--dismissible {
    left: 0;
    right: auto;
    display: none;
    position: absolute
}

.mdc-drawer--dismissible[dir=rtl], [dir=rtl] .mdc-drawer--dismissible {
    left: auto;
    right: 0
}

.mdc-drawer--dismissible.mdc-drawer--open {
    display: flex
}

.mdc-drawer-app-content {
    margin-left: 0;
    margin-right: 0;
    position: relative
}

.mdc-drawer-app-content[dir=rtl], [dir=rtl] .mdc-drawer-app-content {
    margin-left: 0;
    margin-right: 0
}

.mdc-drawer--modal {
    box-shadow: 0 8px 10px -5px rgba(0, 0, 0, .2), 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12);
    left: 0;
    right: auto;
    display: none;
    position: fixed
}

.mdc-drawer--modal+.mdc-drawer-scrim {
    background-color: rgba(0, 0, 0, .32)
}

.mdc-drawer--modal[dir=rtl], [dir=rtl] .mdc-drawer--modal {
    left: auto;
    right: 0
}

.mdc-drawer--modal.mdc-drawer--open {
    display: flex
}

.mdc-drawer-scrim {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    z-index: 5
}

.mdc-drawer--open+.mdc-drawer-scrim {
    display: block
}

.mdc-drawer--animate+.mdc-drawer-scrim {
    opacity: 0
}

.mdc-drawer--opening+.mdc-drawer-scrim {
    -webkit-transition-duration: .25s;
    transition-duration: .25s;
    opacity: 1
}

.mdc-drawer--closing+.mdc-drawer-scrim {
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    opacity: 0
}

.mdc-form-field {
    font-family: -apple-system, Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, SimSun, Segoe UI, Roboto, sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 400;
    letter-spacing: .01786em;
    text-decoration: inherit;
    text-transform: inherit;
    color: rgba(0, 0, 0, .87);
    color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, .87));
    display: inline-flex;
    align-items: center;
    vertical-align: middle
}

.mdc-form-field>label {
    order: 0;
    margin-right: auto;
    padding-left: 4px
}

.mdc-form-field[dir=rtl]>label, [dir=rtl] .mdc-form-field>label {
    margin-left: auto;
    padding-right: 4px
}

.mdc-form-field--align-end>label {
    order: -1;
    margin-left: auto;
    padding-right: 4px
}

.mdc-form-field--align-end[dir=rtl]>label, [dir=rtl] .mdc-form-field--align-end>label {
    margin-right: auto;
    padding-left: 4px
}

.mdc-floating-label {
    font-family: -apple-system, Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, SimSun, Segoe UI, Roboto, sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 1rem;
    line-height: 1.75rem;
    font-weight: 400;
    letter-spacing: .00937em;
    text-decoration: inherit;
    text-transform: inherit;
    position: absolute;
    left: 0;
    -webkit-transform-origin: left top;
    transform-origin: left top;
    -webkit-transition: color .15s cubic-bezier(.4, 0, .2, 1), -webkit-transform .15s cubic-bezier(.4, 0, .2, 1);
    transition: color .15s cubic-bezier(.4, 0, .2, 1), -webkit-transform .15s cubic-bezier(.4, 0, .2, 1);
    transition: transform .15s cubic-bezier(.4, 0, .2, 1), color .15s cubic-bezier(.4, 0, .2, 1);
    transition: transform .15s cubic-bezier(.4, 0, .2, 1), color .15s cubic-bezier(.4, 0, .2, 1), -webkit-transform .15s cubic-bezier(.4, 0, .2, 1);
    line-height: 1.15rem;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: text;
    overflow: hidden;
    will-change: transform
}

.mdc-floating-label[dir=rtl], [dir=rtl] .mdc-floating-label {
    right: 0;
    left: auto;
    -webkit-transform-origin: right top;
    transform-origin: right top;
    text-align: right
}

.mdc-floating-label--float-above {
    cursor: auto;
    -webkit-transform: translateY(-50%) scale(.75);
    transform: translateY(-50%) scale(.75)
}

.mdc-floating-label--shake {
    -webkit-animation: mdc-floating-label-shake-float-above-standard .25s 1;
    animation: mdc-floating-label-shake-float-above-standard .25s 1
}

@-webkit-keyframes mdc-floating-label-shake-float-above-standard {
    0% {
        -webkit-transform: translateX(0) translateY(-50%) scale(.75);
        transform: translateX(0) translateY(-50%) scale(.75)
    }
    33% {
        -webkit-animation-timing-function: cubic-bezier(.5, 0, .70173, .49582);
        animation-timing-function: cubic-bezier(.5, 0, .70173, .49582);
        -webkit-transform: translateX(4%) translateY(-50%) scale(.75);
        transform: translateX(4%) translateY(-50%) scale(.75)
    }
    66% {
        -webkit-animation-timing-function: cubic-bezier(.30244, .38135, .55, .95635);
        animation-timing-function: cubic-bezier(.30244, .38135, .55, .95635);
        -webkit-transform: translateX(-4%) translateY(-50%) scale(.75);
        transform: translateX(-4%) translateY(-50%) scale(.75)
    }
    to {
        -webkit-transform: translateX(0) translateY(-50%) scale(.75);
        transform: translateX(0) translateY(-50%) scale(.75)
    }
}

@keyframes mdc-floating-label-shake-float-above-standard {
    0% {
        -webkit-transform: translateX(0) translateY(-50%) scale(.75);
        transform: translateX(0) translateY(-50%) scale(.75)
    }
    33% {
        -webkit-animation-timing-function: cubic-bezier(.5, 0, .70173, .49582);
        animation-timing-function: cubic-bezier(.5, 0, .70173, .49582);
        -webkit-transform: translateX(4%) translateY(-50%) scale(.75);
        transform: translateX(4%) translateY(-50%) scale(.75)
    }
    66% {
        -webkit-animation-timing-function: cubic-bezier(.30244, .38135, .55, .95635);
        animation-timing-function: cubic-bezier(.30244, .38135, .55, .95635);
        -webkit-transform: translateX(-4%) translateY(-50%) scale(.75);
        transform: translateX(-4%) translateY(-50%) scale(.75)
    }
    to {
        -webkit-transform: translateX(0) translateY(-50%) scale(.75);
        transform: translateX(0) translateY(-50%) scale(.75)
    }
}

.mdc-line-ripple {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: opacity .18s cubic-bezier(.4, 0, .2, 1), -webkit-transform .18s cubic-bezier(.4, 0, .2, 1);
    transition: opacity .18s cubic-bezier(.4, 0, .2, 1), -webkit-transform .18s cubic-bezier(.4, 0, .2, 1);
    transition: transform .18s cubic-bezier(.4, 0, .2, 1), opacity .18s cubic-bezier(.4, 0, .2, 1);
    transition: transform .18s cubic-bezier(.4, 0, .2, 1), opacity .18s cubic-bezier(.4, 0, .2, 1), -webkit-transform .18s cubic-bezier(.4, 0, .2, 1);
    opacity: 0;
    z-index: 2
}

.mdc-line-ripple--active {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    opacity: 1
}

.mdc-line-ripple--deactivating {
    opacity: 0
}

.mdc-notched-outline {
    display: flex;
    position: absolute;
    right: 0;
    left: 0;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    height: 100%;
    text-align: left;
    pointer-events: none
}

.mdc-notched-outline[dir=rtl], [dir=rtl] .mdc-notched-outline {
    text-align: right
}

.mdc-notched-outline__leading, .mdc-notched-outline__notch, .mdc-notched-outline__trailing {
    box-sizing: border-box;
    height: 100%;
    -webkit-transition: border .15s cubic-bezier(.4, 0, .2, 1);
    transition: border .15s cubic-bezier(.4, 0, .2, 1);
    border-top: 1px solid;
    border-bottom: 1px solid;
    pointer-events: none
}

.mdc-notched-outline__leading {
    border-left: 1px solid;
    border-right: none;
    width: 12px
}

.mdc-notched-outline__leading[dir=rtl], [dir=rtl] .mdc-notched-outline__leading {
    border-left: none;
    border-right: 1px solid
}

.mdc-notched-outline__trailing {
    border-left: none;
    border-right: 1px solid;
    flex-grow: 1
}

.mdc-notched-outline__trailing[dir=rtl], [dir=rtl] .mdc-notched-outline__trailing {
    border-left: 1px solid;
    border-right: none
}

.mdc-notched-outline__notch {
    flex: 0 0 auto;
    width: auto;
    max-width: calc(100% - 24px)
}

.mdc-notched-outline .mdc-floating-label {
    display: inline-block;
    position: relative;
    top: 17px;
    bottom: auto;
    max-width: 100%
}

.mdc-notched-outline .mdc-floating-label--float-above {
    text-overflow: clip
}

.mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    max-width: 133.33333%
}

.mdc-notched-outline--notched .mdc-notched-outline__notch {
    padding-left: 0;
    padding-right: 8px;
    border-top: none
}

.mdc-notched-outline--notched .mdc-notched-outline__notch[dir=rtl], [dir=rtl] .mdc-notched-outline--notched .mdc-notched-outline__notch {
    padding-left: 8px;
    padding-right: 0
}

.mdc-notched-outline--no-label .mdc-notched-outline__notch {
    padding: 0
}

@-webkit-keyframes mdc-ripple-fg-radius-in {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.4, 0, .2, 1);
        animation-timing-function: cubic-bezier(.4, 0, .2, 1);
        -webkit-transform: translate(0) scale(1);
        transform: translate(0) scale(1);
        -webkit-transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);
        transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1)
    }
    to {
        -webkit-transform: translate(0) scale(1);
        transform: translate(0) scale(1);
        -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
        transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))
    }
}

@keyframes mdc-ripple-fg-radius-in {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.4, 0, .2, 1);
        animation-timing-function: cubic-bezier(.4, 0, .2, 1);
        -webkit-transform: translate(0) scale(1);
        transform: translate(0) scale(1);
        -webkit-transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);
        transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1)
    }
    to {
        -webkit-transform: translate(0) scale(1);
        transform: translate(0) scale(1);
        -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
        transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))
    }
}

@-webkit-keyframes mdc-ripple-fg-opacity-in {
    0% {
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        opacity: 0
    }
    to {
        opacity: 0;
        opacity: var(--mdc-ripple-fg-opacity, 0)
    }
}

@keyframes mdc-ripple-fg-opacity-in {
    0% {
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        opacity: 0
    }
    to {
        opacity: 0;
        opacity: var(--mdc-ripple-fg-opacity, 0)
    }
}

@-webkit-keyframes mdc-ripple-fg-opacity-out {
    0% {
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        opacity: 0;
        opacity: var(--mdc-ripple-fg-opacity, 0)
    }
    to {
        opacity: 0
    }
}

@keyframes mdc-ripple-fg-opacity-out {
    0% {
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        opacity: 0;
        opacity: var(--mdc-ripple-fg-opacity, 0)
    }
    to {
        opacity: 0
    }
}

.mdc-ripple-surface--test-edge-var-bug {
    --mdc-ripple-surface-test-edge-var: 1px solid #000;
    visibility: hidden
}

.mdc-ripple-surface--test-edge-var-bug:before {
    border: var(--mdc-ripple-surface-test-edge-var)
}

.mdc-text-field-character-counter {
    font-family: -apple-system, Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, SimSun, Segoe UI, Roboto, sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: .75rem;
    line-height: 1.25rem;
    font-weight: 400;
    letter-spacing: .03333em;
    text-decoration: inherit;
    text-transform: inherit;
    display: block;
    margin-top: 0;
    line-height: normal;
    margin-left: auto;
    margin-right: 0;
    padding-left: 16px;
    padding-right: 0;
    white-space: nowrap
}

.mdc-text-field-character-counter:before {
    display: inline-block;
    width: 0;
    height: 16px;
    content: "";
    vertical-align: 0
}

.mdc-text-field-character-counter[dir=rtl], [dir=rtl] .mdc-text-field-character-counter {
    margin-left: 0;
    margin-right: auto
}

.mdc-text-field-character-counter[dir=rtl], [dir=rtl] .mdc-text-field-character-counter {
    padding-left: 0;
    padding-right: 16px
}

.mdc-text-field {
    --mdc-ripple-fg-size: 0;
    --mdc-ripple-left: 0;
    --mdc-ripple-top: 0;
    --mdc-ripple-fg-scale: 1;
    --mdc-ripple-fg-translate-end: 0;
    --mdc-ripple-fg-translate-start: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    will-change: transform, opacity;
    border-radius: 4px 4px 0 0;
    display: inline-flex;
    position: relative;
    box-sizing: border-box;
    height: 44px;
    overflow: hidden;
    will-change: opacity, transform, color
}

.mdc-text-field:after, .mdc-text-field:before {
    position: absolute;
    border-radius: 50%;
    opacity: 0;
    pointer-events: none;
    content: ""
}

.mdc-text-field:before {
    -webkit-transition: opacity 15ms linear, background-color 15ms linear;
    transition: opacity 15ms linear, background-color 15ms linear;
    z-index: 1
}

.mdc-text-field.mdc-ripple-upgraded:before {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
    transform: scale(var(--mdc-ripple-fg-scale, 1))
}

.mdc-text-field.mdc-ripple-upgraded:after {
    top: 0;
    left: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: center center;
    transform-origin: center center
}

.mdc-text-field.mdc-ripple-upgraded--unbounded:after {
    top: 0;
    top: var(--mdc-ripple-top, 0);
    left: 0;
    left: var(--mdc-ripple-left, 0)
}

.mdc-text-field.mdc-ripple-upgraded--foreground-activation:after {
    -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
    animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards
}

.mdc-text-field.mdc-ripple-upgraded--foreground-deactivation:after {
    -webkit-animation: mdc-ripple-fg-opacity-out .15s;
    animation: mdc-ripple-fg-opacity-out .15s;
    -webkit-transform: translate(0) scale(1);
    transform: translate(0) scale(1);
    -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
    transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))
}

.mdc-text-field:after, .mdc-text-field:before {
    background-color: rgba(0, 0, 0, .87)
}

.mdc-text-field:hover:before {
    opacity: .04
}

.mdc-text-field.mdc-ripple-upgraded--background-focused:before, .mdc-text-field:not(.mdc-ripple-upgraded):focus:before {
    -webkit-transition-duration: 75ms;
    transition-duration: 75ms;
    opacity: .12
}

.mdc-text-field:after, .mdc-text-field:before {
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%
}

.mdc-text-field.mdc-ripple-upgraded:after {
    width: 100%;
    width: var(--mdc-ripple-fg-size, 100%);
    height: 100%;
    height: var(--mdc-ripple-fg-size, 100%)
}

.mdc-text-field:not(.mdc-text-field--disabled) .mdc-floating-label {
    color: rgba(0, 0, 0, .6)
}

.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input {
    color: rgba(0, 0, 0, .87)
}

.mdc-text-field .mdc-text-field__input {
    caret-color: #44acb6;
    caret-color: var(--mdc-theme-primary, #44acb6)
}

.mdc-text-field:not(.mdc-text-field--disabled):not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mdc-text-field__input {
    border-bottom-color: rgba(0, 0, 0, .42)
}

.mdc-text-field:not(.mdc-text-field--disabled):not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mdc-text-field__input:hover {
    border-bottom-color: rgba(0, 0, 0, .87)
}

.mdc-text-field .mdc-line-ripple {
    background-color: #44acb6;
    background-color: var(--mdc-theme-primary, #44acb6)
}

.mdc-text-field:not(.mdc-text-field--disabled):not(.mdc-text-field--textarea) {
    border-bottom-color: rgba(0, 0, 0, .12)
}

.mdc-text-field:not(.mdc-text-field--disabled)+.mdc-text-field-helper-line .mdc-text-field-helper-text {
    color: rgba(0, 0, 0, .6)
}

.mdc-text-field:not(.mdc-text-field--disabled)+.mdc-text-field-helper-line .mdc-text-field-character-counter, .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field-character-counter {
    color: rgba(0, 0, 0, .6)
}

.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__icon {
    color: rgba(0, 0, 0, .54)
}

.mdc-text-field:not(.mdc-text-field--disabled) {
    background-color: #f5f5f5
}

.mdc-text-field .mdc-floating-label {
    left: 16px;
    right: auto;
    top: 18px;
    pointer-events: none
}

.mdc-text-field .mdc-floating-label[dir=rtl], [dir=rtl] .mdc-text-field .mdc-floating-label {
    left: auto;
    right: 16px
}

.mdc-text-field--textarea .mdc-floating-label {
    left: 4px;
    right: auto
}

.mdc-text-field--textarea .mdc-floating-label[dir=rtl], [dir=rtl] .mdc-text-field--textarea .mdc-floating-label {
    left: auto;
    right: 4px
}

.mdc-text-field--outlined .mdc-floating-label {
    left: 4px;
    right: auto;
    top: 17px
}

.mdc-text-field--outlined .mdc-floating-label[dir=rtl], [dir=rtl] .mdc-text-field--outlined .mdc-floating-label {
    left: auto;
    right: 4px
}

.mdc-text-field--outlined--with-leading-icon .mdc-floating-label {
    left: 36px;
    right: auto
}

.mdc-text-field--outlined--with-leading-icon .mdc-floating-label[dir=rtl], [dir=rtl] .mdc-text-field--outlined--with-leading-icon .mdc-floating-label {
    left: auto;
    right: 36px
}

.mdc-text-field--outlined--with-leading-icon .mdc-floating-label--float-above {
    left: 40px;
    right: auto
}

.mdc-text-field--outlined--with-leading-icon .mdc-floating-label--float-above[dir=rtl], [dir=rtl] .mdc-text-field--outlined--with-leading-icon .mdc-floating-label--float-above {
    left: auto;
    right: 40px
}

.mdc-text-field__input {
    font-family: -apple-system, Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, SimSun, Segoe UI, Roboto, sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 1rem;
    line-height: 1.75rem;
    font-weight: 400;
    letter-spacing: .00937em;
    text-decoration: inherit;
    text-transform: inherit;
    align-self: flex-end;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 20px 16px 6px;
    -webkit-transition: opacity .15s cubic-bezier(.4, 0, .2, 1);
    transition: opacity .15s cubic-bezier(.4, 0, .2, 1);
    border: none;
    border-bottom: 1px solid;
    border-radius: 0;
    background: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.mdc-text-field__input::-webkit-input-placeholder {
    -webkit-transition: opacity 67ms cubic-bezier(.4, 0, .2, 1);
    transition: opacity 67ms cubic-bezier(.4, 0, .2, 1);
    opacity: 0;
    color: rgba(0, 0, 0, .54)
}

.mdc-text-field__input::-ms-input-placeholder {
    -webkit-transition: opacity 67ms cubic-bezier(.4, 0, .2, 1);
    transition: opacity 67ms cubic-bezier(.4, 0, .2, 1);
    opacity: 0;
    color: rgba(0, 0, 0, .54)
}

.mdc-text-field__input::placeholder {
    -webkit-transition: opacity 67ms cubic-bezier(.4, 0, .2, 1);
    transition: opacity 67ms cubic-bezier(.4, 0, .2, 1);
    opacity: 0;
    color: rgba(0, 0, 0, .54)
}

.mdc-text-field--focused .mdc-text-field__input::-webkit-input-placeholder, .mdc-text-field--fullwidth .mdc-text-field__input::-webkit-input-placeholder, .mdc-text-field--no-label .mdc-text-field__input::-webkit-input-placeholder {
    -webkit-transition-delay: 40ms;
    transition-delay: 40ms;
    -webkit-transition-duration: .11s;
    transition-duration: .11s;
    opacity: 1
}

.mdc-text-field--focused .mdc-text-field__input::-ms-input-placeholder, .mdc-text-field--fullwidth .mdc-text-field__input::-ms-input-placeholder, .mdc-text-field--no-label .mdc-text-field__input::-ms-input-placeholder {
    transition-delay: 40ms;
    transition-duration: .11s;
    opacity: 1
}

.mdc-text-field--focused .mdc-text-field__input::placeholder, .mdc-text-field--fullwidth .mdc-text-field__input::placeholder, .mdc-text-field--no-label .mdc-text-field__input::placeholder {
    -webkit-transition-delay: 40ms;
    transition-delay: 40ms;
    -webkit-transition-duration: .11s;
    transition-duration: .11s;
    opacity: 1
}

.mdc-text-field__input:focus {
    outline: none
}

.mdc-text-field__input:invalid {
    box-shadow: none
}

.mdc-text-field__input:-webkit-autofill {
    z-index: auto!important
}

.mdc-text-field--no-label:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mdc-text-field__input {
    padding: 16px
}

.mdc-text-field__input:-webkit-autofill+.mdc-floating-label {
    -webkit-transform: translateY(-50%) scale(.75);
    transform: translateY(-50%) scale(.75);
    cursor: auto
}

.mdc-text-field--outlined {
    border: none;
    overflow: visible
}

.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__leading, .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__notch, .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing {
    border-color: rgba(0, 0, 0, .24)
}

.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover~.mdc-notched-outline .mdc-notched-outline__leading, .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover~.mdc-notched-outline .mdc-notched-outline__notch, .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover~.mdc-notched-outline .mdc-notched-outline__trailing, .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover~.mdc-notched-outline .mdc-notched-outline__leading, .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover~.mdc-notched-outline .mdc-notched-outline__notch, .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover~.mdc-notched-outline .mdc-notched-outline__trailing {
    border-color: rgba(0, 0, 0, .87)
}

.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading, .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch, .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing {
    border-color: #44acb6;
    border-color: var(--mdc-theme-primary, #44acb6)
}

.mdc-text-field--outlined .mdc-floating-label--shake {
    -webkit-animation: mdc-floating-label-shake-float-above-text-field-outlined .25s 1;
    animation: mdc-floating-label-shake-float-above-text-field-outlined .25s 1
}

.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading {
    border-radius: 4px 0 0 4px
}

.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading[dir=rtl], [dir=rtl] .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading {
    border-radius: 0 4px 4px 0
}

.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing {
    border-radius: 0 4px 4px 0
}

.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing[dir=rtl], [dir=rtl] .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing {
    border-radius: 4px 0 0 4px
}

.mdc-text-field--outlined .mdc-floating-label--float-above {
    -webkit-transform: translateY(-144%) scale(1);
    transform: translateY(-144%) scale(1);
    font-size: .75rem
}

.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above, .mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    -webkit-transform: translateY(-130%) scale(.75);
    transform: translateY(-130%) scale(.75);
    font-size: 1rem
}

.mdc-text-field--outlined:after, .mdc-text-field--outlined:before {
    content: none
}

.mdc-text-field--outlined:not(.mdc-text-field--disabled) {
    background-color: transparent
}

.mdc-text-field--outlined .mdc-text-field__input {
    display: flex;
    padding: 12px 16px 14px;
    border: none!important;
    background-color: transparent;
    z-index: 1
}

.mdc-text-field--outlined .mdc-text-field__icon {
    z-index: 2
}

.mdc-text-field--outlined.mdc-text-field--focused .mdc-notched-outline__leading, .mdc-text-field--outlined.mdc-text-field--focused .mdc-notched-outline__notch, .mdc-text-field--outlined.mdc-text-field--focused .mdc-notched-outline__trailing {
    border-width: 2px
}

.mdc-text-field--outlined.mdc-text-field--disabled {
    background-color: transparent
}

.mdc-text-field--outlined.mdc-text-field--disabled .mdc-notched-outline__leading, .mdc-text-field--outlined.mdc-text-field--disabled .mdc-notched-outline__notch, .mdc-text-field--outlined.mdc-text-field--disabled .mdc-notched-outline__trailing {
    border-color: rgba(0, 0, 0, .06)
}

.mdc-text-field--outlined.mdc-text-field--disabled .mdc-text-field__input {
    border-bottom: none
}

.mdc-text-field--outlined.mdc-text-field--dense {
    height: 48px
}

.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--float-above {
    -webkit-transform: translateY(-134%) scale(1);
    transform: translateY(-134%) scale(1);
    font-size: .8rem
}

.mdc-text-field--outlined.mdc-text-field--dense.mdc-notched-outline--upgraded .mdc-floating-label--float-above, .mdc-text-field--outlined.mdc-text-field--dense .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    -webkit-transform: translateY(-120%) scale(.8);
    transform: translateY(-120%) scale(.8);
    font-size: 1rem
}

.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--shake {
    -webkit-animation: mdc-floating-label-shake-float-above-text-field-outlined-dense .25s 1;
    animation: mdc-floating-label-shake-float-above-text-field-outlined-dense .25s 1
}

.mdc-text-field--outlined.mdc-text-field--dense .mdc-text-field__input {
    padding: 12px 12px 7px
}

.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label {
    top: 14px
}

.mdc-text-field--outlined.mdc-text-field--dense .mdc-text-field__icon {
    top: 12px
}

.mdc-text-field--with-leading-icon .mdc-text-field__icon {
    left: 16px;
    right: auto
}

.mdc-text-field--with-leading-icon .mdc-text-field__icon[dir=rtl], [dir=rtl] .mdc-text-field--with-leading-icon .mdc-text-field__icon {
    left: auto;
    right: 16px
}

.mdc-text-field--with-leading-icon .mdc-text-field__input {
    padding-left: 48px;
    padding-right: 16px
}

.mdc-text-field--with-leading-icon .mdc-text-field__input[dir=rtl], [dir=rtl] .mdc-text-field--with-leading-icon .mdc-text-field__input {
    padding-left: 16px;
    padding-right: 48px
}

.mdc-text-field--with-leading-icon .mdc-floating-label {
    left: 48px;
    right: auto
}

.mdc-text-field--with-leading-icon .mdc-floating-label[dir=rtl], [dir=rtl] .mdc-text-field--with-leading-icon .mdc-floating-label {
    left: auto;
    right: 48px
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-text-field__icon {
    left: 16px;
    right: auto
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-text-field__icon[dir=rtl], [dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-text-field__icon {
    left: auto;
    right: 16px
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-text-field__input {
    padding-left: 48px;
    padding-right: 16px
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-text-field__input[dir=rtl], [dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-text-field__input {
    padding-left: 16px;
    padding-right: 48px
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above {
    -webkit-transform: translateY(-144%) translateX(-32px) scale(1);
    transform: translateY(-144%) translateX(-32px) scale(1)
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above[dir=rtl], [dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above {
    -webkit-transform: translateY(-144%) translateX(32px) scale(1);
    transform: translateY(-144%) translateX(32px) scale(1)
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above {
    font-size: .75rem
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above, .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    -webkit-transform: translateY(-130%) translateX(-32px) scale(.75);
    transform: translateY(-130%) translateX(-32px) scale(.75)
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl], .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl], [dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above, [dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    -webkit-transform: translateY(-130%) translateX(32px) scale(.75);
    transform: translateY(-130%) translateX(32px) scale(.75)
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above, .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    font-size: 1rem
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--shake {
    -webkit-animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon .25s 1;
    animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon .25s 1
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined[dir=rtl] .mdc-floating-label--shake, [dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--shake {
    -webkit-animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-rtl .25s 1;
    animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-rtl .25s 1
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label {
    left: 36px;
    right: auto
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label[dir=rtl], [dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label {
    left: auto;
    right: 36px
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--float-above {
    -webkit-transform: translateY(-134%) translateX(-21px) scale(1);
    transform: translateY(-134%) translateX(-21px) scale(1)
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--float-above[dir=rtl], [dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--float-above {
    -webkit-transform: translateY(-134%) translateX(21px) scale(1);
    transform: translateY(-134%) translateX(21px) scale(1)
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--float-above {
    font-size: .8rem
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense.mdc-notched-outline--upgraded .mdc-floating-label--float-above, .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    -webkit-transform: translateY(-120%) translateX(-21px) scale(.8);
    transform: translateY(-120%) translateX(-21px) scale(.8)
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense.mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl], .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl], [dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense.mdc-notched-outline--upgraded .mdc-floating-label--float-above, [dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    -webkit-transform: translateY(-120%) translateX(21px) scale(.8);
    transform: translateY(-120%) translateX(21px) scale(.8)
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense.mdc-notched-outline--upgraded .mdc-floating-label--float-above, .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    font-size: 1rem
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--shake {
    -webkit-animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-dense .25s 1;
    animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-dense .25s 1
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense[dir=rtl] .mdc-floating-label--shake, [dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--shake {
    -webkit-animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-dense-rtl .25s 1;
    animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-dense-rtl .25s 1
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label {
    left: 32px;
    right: auto
}

.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label[dir=rtl], [dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label {
    left: auto;
    right: 32px
}

.mdc-text-field--with-trailing-icon .mdc-text-field__icon {
    left: auto;
    right: 12px
}

.mdc-text-field--with-trailing-icon .mdc-text-field__icon[dir=rtl], [dir=rtl] .mdc-text-field--with-trailing-icon .mdc-text-field__icon {
    left: 12px;
    right: auto
}

.mdc-text-field--with-trailing-icon .mdc-text-field__input {
    padding-left: 16px;
    padding-right: 48px
}

.mdc-text-field--with-trailing-icon .mdc-text-field__input[dir=rtl], [dir=rtl] .mdc-text-field--with-trailing-icon .mdc-text-field__input {
    padding-left: 48px;
    padding-right: 16px
}

.mdc-text-field--with-trailing-icon.mdc-text-field--outlined .mdc-text-field__icon {
    left: auto;
    right: 16px
}

.mdc-text-field--with-trailing-icon.mdc-text-field--outlined .mdc-text-field__icon[dir=rtl], [dir=rtl] .mdc-text-field--with-trailing-icon.mdc-text-field--outlined .mdc-text-field__icon {
    left: 16px;
    right: auto
}

.mdc-text-field--with-trailing-icon.mdc-text-field--outlined .mdc-text-field__input {
    padding-left: 16px;
    padding-right: 48px
}

.mdc-text-field--with-trailing-icon.mdc-text-field--outlined .mdc-text-field__input[dir=rtl], [dir=rtl] .mdc-text-field--with-trailing-icon.mdc-text-field--outlined .mdc-text-field__input {
    padding-left: 48px;
    padding-right: 16px
}

.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__icon {
    left: 16px;
    right: auto
}

.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__icon[dir=rtl], [dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__icon {
    left: auto;
    right: 16px
}

.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__icon~.mdc-text-field__icon {
    right: 12px;
    left: auto
}

.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__icon~.mdc-text-field__icon[dir=rtl], [dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__icon~.mdc-text-field__icon {
    right: auto;
    left: 12px
}

.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__input {
    padding-left: 48px;
    padding-right: 48px
}

.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__input[dir=rtl], [dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__input {
    padding-left: 48px;
    padding-right: 48px
}

.mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__icon, .mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon {
    bottom: 16px;
    -webkit-transform: scale(.8);
    transform: scale(.8)
}

.mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__icon {
    left: 12px;
    right: auto
}

.mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__icon[dir=rtl], [dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__icon {
    left: auto;
    right: 12px
}

.mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__input {
    padding-left: 44px;
    padding-right: 16px
}

.mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__input[dir=rtl], [dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__input {
    padding-left: 16px;
    padding-right: 44px
}

.mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-floating-label {
    left: 44px;
    right: auto
}

.mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-floating-label[dir=rtl], [dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-floating-label {
    left: auto;
    right: 44px
}

.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon {
    left: auto;
    right: 12px
}

.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon[dir=rtl], [dir=rtl] .mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon {
    left: 12px;
    right: auto
}

.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__input {
    padding-left: 16px;
    padding-right: 44px
}

.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__input[dir=rtl], [dir=rtl] .mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__input {
    padding-left: 44px;
    padding-right: 16px
}

.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon {
    left: 12px;
    right: auto
}

.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon[dir=rtl], [dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon {
    left: auto;
    right: 12px
}

.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon~.mdc-text-field__icon {
    right: 12px;
    left: auto
}

.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon~.mdc-text-field__icon[dir=rtl], [dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon~.mdc-text-field__icon {
    right: auto;
    left: 12px
}

.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__input {
    padding-left: 44px;
    padding-right: 44px
}

.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__input[dir=rtl], [dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__input {
    padding-left: 44px;
    padding-right: 44px
}

.mdc-text-field--dense .mdc-floating-label--float-above {
    -webkit-transform: translateY(-70%) scale(.8);
    transform: translateY(-70%) scale(.8)
}

.mdc-text-field--dense .mdc-floating-label--shake {
    -webkit-animation: mdc-floating-label-shake-float-above-text-field-dense .25s 1;
    animation: mdc-floating-label-shake-float-above-text-field-dense .25s 1
}

.mdc-text-field--dense .mdc-text-field__input {
    padding: 12px 12px 0
}

.mdc-text-field--dense .mdc-floating-label, .mdc-text-field--dense .mdc-floating-label--float-above {
    font-size: .813rem
}

.mdc-text-field__input:required~.mdc-floating-label:after, .mdc-text-field__input:required~.mdc-notched-outline .mdc-floating-label:after {
    margin-left: 1px;
    content: "*"
}

.mdc-text-field--textarea {
    display: inline-flex;
    width: auto;
    height: auto;
    -webkit-transition: none;
    transition: none;
    overflow: visible
}

.mdc-text-field--textarea:not(.mdc-text-field--disabled) .mdc-notched-outline__leading, .mdc-text-field--textarea:not(.mdc-text-field--disabled) .mdc-notched-outline__notch, .mdc-text-field--textarea:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing {
    border-color: rgba(0, 0, 0, .24)
}

.mdc-text-field--textarea:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover~.mdc-notched-outline .mdc-notched-outline__leading, .mdc-text-field--textarea:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover~.mdc-notched-outline .mdc-notched-outline__notch, .mdc-text-field--textarea:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover~.mdc-notched-outline .mdc-notched-outline__trailing, .mdc-text-field--textarea:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover~.mdc-notched-outline .mdc-notched-outline__leading, .mdc-text-field--textarea:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover~.mdc-notched-outline .mdc-notched-outline__notch, .mdc-text-field--textarea:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover~.mdc-notched-outline .mdc-notched-outline__trailing {
    border-color: rgba(0, 0, 0, .87)
}

.mdc-text-field--textarea:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading, .mdc-text-field--textarea:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch, .mdc-text-field--textarea:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing {
    border-color: #44acb6;
    border-color: var(--mdc-theme-primary, #44acb6)
}

.mdc-text-field--textarea .mdc-floating-label--shake {
    -webkit-animation: mdc-floating-label-shake-float-above-text-field-outlined .25s 1;
    animation: mdc-floating-label-shake-float-above-text-field-outlined .25s 1
}

.mdc-text-field--textarea .mdc-notched-outline .mdc-notched-outline__leading {
    border-radius: 4px 0 0 4px
}

.mdc-text-field--textarea .mdc-notched-outline .mdc-notched-outline__leading[dir=rtl], [dir=rtl] .mdc-text-field--textarea .mdc-notched-outline .mdc-notched-outline__leading {
    border-radius: 0 4px 4px 0
}

.mdc-text-field--textarea .mdc-notched-outline .mdc-notched-outline__trailing {
    border-radius: 0 4px 4px 0
}

.mdc-text-field--textarea .mdc-notched-outline .mdc-notched-outline__trailing[dir=rtl], [dir=rtl] .mdc-text-field--textarea .mdc-notched-outline .mdc-notched-outline__trailing {
    border-radius: 4px 0 0 4px
}

.mdc-text-field--textarea:after, .mdc-text-field--textarea:before {
    content: none
}

.mdc-text-field--textarea:not(.mdc-text-field--disabled) {
    background-color: transparent
}

.mdc-text-field--textarea .mdc-floating-label--float-above {
    -webkit-transform: translateY(-144%) scale(1);
    transform: translateY(-144%) scale(1);
    font-size: .75rem
}

.mdc-text-field--textarea.mdc-notched-outline--upgraded .mdc-floating-label--float-above, .mdc-text-field--textarea .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    -webkit-transform: translateY(-130%) scale(.75);
    transform: translateY(-130%) scale(.75);
    font-size: 1rem
}

.mdc-text-field--textarea .mdc-text-field-character-counter {
    left: auto;
    right: 16px;
    position: absolute;
    bottom: 13px
}

.mdc-text-field--textarea .mdc-text-field-character-counter[dir=rtl], [dir=rtl] .mdc-text-field--textarea .mdc-text-field-character-counter {
    left: 16px;
    right: auto
}

.mdc-text-field--textarea .mdc-text-field__input {
    align-self: auto;
    box-sizing: border-box;
    height: auto;
    margin: 8px 1px 1px 0;
    padding: 0 16px 16px;
    border: none
}

.mdc-text-field--textarea .mdc-text-field-character-counter+.mdc-text-field__input {
    margin-bottom: 28px;
    padding-bottom: 0
}

.mdc-text-field--textarea .mdc-floating-label {
    top: 17px;
    bottom: auto;
    width: auto;
    pointer-events: none
}

.mdc-text-field--textarea.mdc-text-field--focused .mdc-notched-outline__leading, .mdc-text-field--textarea.mdc-text-field--focused .mdc-notched-outline__notch, .mdc-text-field--textarea.mdc-text-field--focused .mdc-notched-outline__trailing {
    border-width: 2px
}

.mdc-text-field--fullwidth {
    width: 100%
}

.mdc-text-field--fullwidth:not(.mdc-text-field--textarea) {
    display: block
}

.mdc-text-field--fullwidth:not(.mdc-text-field--textarea):after, .mdc-text-field--fullwidth:not(.mdc-text-field--textarea):before {
    content: none
}

.mdc-text-field--fullwidth:not(.mdc-text-field--textarea):not(.mdc-text-field--disabled) {
    background-color: transparent
}

.mdc-text-field--fullwidth:not(.mdc-text-field--textarea) .mdc-text-field__input {
    padding: 0
}

.mdc-text-field--fullwidth.mdc-text-field--textarea .mdc-text-field__input {
    resize: vertical
}

.mdc-text-field--fullwidth.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--textarea) {
    border-bottom-color: #df3c2f;
    border-bottom-color: var(--mdc-theme-error, #df3c2f)
}

.mdc-text-field-helper-line {
    display: flex;
    justify-content: space-between;
    box-sizing: border-box
}

.mdc-text-field--dense+.mdc-text-field-helper-line {
    margin-bottom: 4px
}

.mdc-text-field+.mdc-text-field-helper-line {
    padding-right: 16px;
    padding-left: 16px
}

.mdc-form-field>.mdc-text-field+label {
    align-self: flex-start
}

.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label {
    color: rgba(68, 172, 182, .87)
}

.mdc-text-field--focused .mdc-text-field__input:required~.mdc-floating-label:after, .mdc-text-field--focused .mdc-text-field__input:required~.mdc-notched-outline .mdc-floating-label:after {
    color: rgba(68, 172, 182, .87)
}

.mdc-text-field--focused+.mdc-text-field-helper-line .mdc-text-field-helper-text:not(.mdc-text-field-helper-text--validation-msg) {
    opacity: 1
}

.mdc-text-field--textarea.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-notched-outline__leading, .mdc-text-field--textarea.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-notched-outline__notch, .mdc-text-field--textarea.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing {
    border-color: #44acb6;
    border-color: var(--mdc-theme-primary, #44acb6)
}

.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mdc-text-field__input {
    border-bottom-color: #df3c2f;
    border-bottom-color: var(--mdc-theme-error, #df3c2f)
}

.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mdc-text-field__input:hover {
    border-bottom-color: #df3c2f;
    border-bottom-color: var(--mdc-theme-error, #df3c2f)
}

.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple {
    background-color: #df3c2f;
    background-color: var(--mdc-theme-error, #df3c2f)
}

.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label {
    color: #df3c2f;
    color: var(--mdc-theme-error, #df3c2f)
}

.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--invalid+.mdc-text-field-helper-line .mdc-text-field-helper-text--validation-msg {
    color: #df3c2f;
    color: var(--mdc-theme-error, #df3c2f)
}

.mdc-text-field--invalid .mdc-text-field__input {
    caret-color: #df3c2f;
    caret-color: var(--mdc-theme-error, #df3c2f)
}

.mdc-text-field--invalid .mdc-text-field__input:required~.mdc-floating-label:after, .mdc-text-field--invalid .mdc-text-field__input:required~.mdc-notched-outline .mdc-floating-label:after {
    color: #df3c2f;
    color: var(--mdc-theme-error, #df3c2f)
}

.mdc-text-field--invalid.mdc-text-field--with-trailing-icon:not(.mdc-text-field--with-leading-icon):not(.mdc-text-field--disabled) .mdc-text-field__icon {
    color: #df3c2f;
    color: var(--mdc-theme-error, #df3c2f)
}

.mdc-text-field--invalid.mdc-text-field--with-trailing-icon.mdc-text-field--with-leading-icon:not(.mdc-text-field--disabled) .mdc-text-field__icon~.mdc-text-field__icon {
    color: #df3c2f;
    color: var(--mdc-theme-error, #df3c2f)
}

.mdc-text-field--invalid+.mdc-text-field-helper-line .mdc-text-field-helper-text--validation-msg {
    opacity: 1
}

.mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__leading, .mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__notch, .mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing {
    border-color: #df3c2f;
    border-color: var(--mdc-theme-error, #df3c2f)
}

.mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover~.mdc-notched-outline .mdc-notched-outline__leading, .mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover~.mdc-notched-outline .mdc-notched-outline__notch, .mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover~.mdc-notched-outline .mdc-notched-outline__trailing, .mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover~.mdc-notched-outline .mdc-notched-outline__leading, .mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover~.mdc-notched-outline .mdc-notched-outline__notch, .mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover~.mdc-notched-outline .mdc-notched-outline__trailing {
    border-color: #df3c2f;
    border-color: var(--mdc-theme-error, #df3c2f)
}

.mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading, .mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch, .mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing {
    border-color: #df3c2f;
    border-color: var(--mdc-theme-error, #df3c2f)
}

.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__leading, .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__notch, .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing {
    border-color: #df3c2f;
    border-color: var(--mdc-theme-error, #df3c2f)
}

.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover~.mdc-notched-outline .mdc-notched-outline__leading, .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover~.mdc-notched-outline .mdc-notched-outline__notch, .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover~.mdc-notched-outline .mdc-notched-outline__trailing, .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover~.mdc-notched-outline .mdc-notched-outline__leading, .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover~.mdc-notched-outline .mdc-notched-outline__notch, .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover~.mdc-notched-outline .mdc-notched-outline__trailing {
    border-color: #df3c2f;
    border-color: var(--mdc-theme-error, #df3c2f)
}

.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading, .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch, .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing {
    border-color: #df3c2f;
    border-color: var(--mdc-theme-error, #df3c2f)
}

.mdc-text-field--disabled {
    background-color: #fafafa;
    border-bottom: none;
    pointer-events: none
}

.mdc-text-field--disabled .mdc-text-field__input {
    border-bottom-color: rgba(0, 0, 0, .06);
    color: rgba(0, 0, 0, .37)
}

.mdc-text-field--disabled .mdc-floating-label {
    color: rgba(0, 0, 0, .37)
}

.mdc-text-field--disabled+.mdc-text-field-helper-line .mdc-text-field-helper-text {
    color: rgba(0, 0, 0, .37)
}

.mdc-text-field--disabled+.mdc-text-field-helper-line .mdc-text-field-character-counter, .mdc-text-field--disabled .mdc-text-field-character-counter {
    color: rgba(0, 0, 0, .37)
}

.mdc-text-field--disabled .mdc-text-field__icon {
    color: rgba(0, 0, 0, .3)
}

.mdc-text-field--disabled:not(.mdc-text-field--textarea) {
    border-bottom-color: rgba(0, 0, 0, .12)
}

.mdc-text-field--disabled .mdc-floating-label {
    cursor: default
}

.mdc-text-field--textarea.mdc-text-field--disabled {
    background-color: transparent;
    background-color: #f9f9f9
}

.mdc-text-field--textarea.mdc-text-field--disabled .mdc-notched-outline__leading, .mdc-text-field--textarea.mdc-text-field--disabled .mdc-notched-outline__notch, .mdc-text-field--textarea.mdc-text-field--disabled .mdc-notched-outline__trailing {
    border-color: rgba(0, 0, 0, .06)
}

.mdc-text-field--textarea.mdc-text-field--disabled .mdc-text-field__input {
    border-bottom: none
}

@-webkit-keyframes mdc-floating-label-shake-float-above-text-field-dense {
    0% {
        -webkit-transform: translateX(0) translateY(-70%) scale(.8);
        transform: translateX(0) translateY(-70%) scale(.8)
    }
    33% {
        -webkit-animation-timing-function: cubic-bezier(.5, 0, .70173, .49582);
        animation-timing-function: cubic-bezier(.5, 0, .70173, .49582);
        -webkit-transform: translateX(4%) translateY(-70%) scale(.8);
        transform: translateX(4%) translateY(-70%) scale(.8)
    }
    66% {
        -webkit-animation-timing-function: cubic-bezier(.30244, .38135, .55, .95635);
        animation-timing-function: cubic-bezier(.30244, .38135, .55, .95635);
        -webkit-transform: translateX(-4%) translateY(-70%) scale(.8);
        transform: translateX(-4%) translateY(-70%) scale(.8)
    }
    to {
        -webkit-transform: translateX(0) translateY(-70%) scale(.8);
        transform: translateX(0) translateY(-70%) scale(.8)
    }
}

@keyframes mdc-floating-label-shake-float-above-text-field-dense {
    0% {
        -webkit-transform: translateX(0) translateY(-70%) scale(.8);
        transform: translateX(0) translateY(-70%) scale(.8)
    }
    33% {
        -webkit-animation-timing-function: cubic-bezier(.5, 0, .70173, .49582);
        animation-timing-function: cubic-bezier(.5, 0, .70173, .49582);
        -webkit-transform: translateX(4%) translateY(-70%) scale(.8);
        transform: translateX(4%) translateY(-70%) scale(.8)
    }
    66% {
        -webkit-animation-timing-function: cubic-bezier(.30244, .38135, .55, .95635);
        animation-timing-function: cubic-bezier(.30244, .38135, .55, .95635);
        -webkit-transform: translateX(-4%) translateY(-70%) scale(.8);
        transform: translateX(-4%) translateY(-70%) scale(.8)
    }
    to {
        -webkit-transform: translateX(0) translateY(-70%) scale(.8);
        transform: translateX(0) translateY(-70%) scale(.8)
    }
}

@-webkit-keyframes mdc-floating-label-shake-float-above-text-field-outlined {
    0% {
        -webkit-transform: translateX(0) translateY(-130%) scale(.75);
        transform: translateX(0) translateY(-130%) scale(.75)
    }
    33% {
        -webkit-animation-timing-function: cubic-bezier(.5, 0, .70173, .49582);
        animation-timing-function: cubic-bezier(.5, 0, .70173, .49582);
        -webkit-transform: translateX(4%) translateY(-130%) scale(.75);
        transform: translateX(4%) translateY(-130%) scale(.75)
    }
    66% {
        -webkit-animation-timing-function: cubic-bezier(.30244, .38135, .55, .95635);
        animation-timing-function: cubic-bezier(.30244, .38135, .55, .95635);
        -webkit-transform: translateX(-4%) translateY(-130%) scale(.75);
        transform: translateX(-4%) translateY(-130%) scale(.75)
    }
    to {
        -webkit-transform: translateX(0) translateY(-130%) scale(.75);
        transform: translateX(0) translateY(-130%) scale(.75)
    }
}

@keyframes mdc-floating-label-shake-float-above-text-field-outlined {
    0% {
        -webkit-transform: translateX(0) translateY(-130%) scale(.75);
        transform: translateX(0) translateY(-130%) scale(.75)
    }
    33% {
        -webkit-animation-timing-function: cubic-bezier(.5, 0, .70173, .49582);
        animation-timing-function: cubic-bezier(.5, 0, .70173, .49582);
        -webkit-transform: translateX(4%) translateY(-130%) scale(.75);
        transform: translateX(4%) translateY(-130%) scale(.75)
    }
    66% {
        -webkit-animation-timing-function: cubic-bezier(.30244, .38135, .55, .95635);
        animation-timing-function: cubic-bezier(.30244, .38135, .55, .95635);
        -webkit-transform: translateX(-4%) translateY(-130%) scale(.75);
        transform: translateX(-4%) translateY(-130%) scale(.75)
    }
    to {
        -webkit-transform: translateX(0) translateY(-130%) scale(.75);
        transform: translateX(0) translateY(-130%) scale(.75)
    }
}

@-webkit-keyframes mdc-floating-label-shake-float-above-text-field-outlined-dense {
    0% {
        -webkit-transform: translateX(0) translateY(-120%) scale(.8);
        transform: translateX(0) translateY(-120%) scale(.8)
    }
    33% {
        -webkit-animation-timing-function: cubic-bezier(.5, 0, .70173, .49582);
        animation-timing-function: cubic-bezier(.5, 0, .70173, .49582);
        -webkit-transform: translateX(4%) translateY(-120%) scale(.8);
        transform: translateX(4%) translateY(-120%) scale(.8)
    }
    66% {
        -webkit-animation-timing-function: cubic-bezier(.30244, .38135, .55, .95635);
        animation-timing-function: cubic-bezier(.30244, .38135, .55, .95635);
        -webkit-transform: translateX(-4%) translateY(-120%) scale(.8);
        transform: translateX(-4%) translateY(-120%) scale(.8)
    }
    to {
        -webkit-transform: translateX(0) translateY(-120%) scale(.8);
        transform: translateX(0) translateY(-120%) scale(.8)
    }
}

@keyframes mdc-floating-label-shake-float-above-text-field-outlined-dense {
    0% {
        -webkit-transform: translateX(0) translateY(-120%) scale(.8);
        transform: translateX(0) translateY(-120%) scale(.8)
    }
    33% {
        -webkit-animation-timing-function: cubic-bezier(.5, 0, .70173, .49582);
        animation-timing-function: cubic-bezier(.5, 0, .70173, .49582);
        -webkit-transform: translateX(4%) translateY(-120%) scale(.8);
        transform: translateX(4%) translateY(-120%) scale(.8)
    }
    66% {
        -webkit-animation-timing-function: cubic-bezier(.30244, .38135, .55, .95635);
        animation-timing-function: cubic-bezier(.30244, .38135, .55, .95635);
        -webkit-transform: translateX(-4%) translateY(-120%) scale(.8);
        transform: translateX(-4%) translateY(-120%) scale(.8)
    }
    to {
        -webkit-transform: translateX(0) translateY(-120%) scale(.8);
        transform: translateX(0) translateY(-120%) scale(.8)
    }
}

@-webkit-keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon {
    0% {
        -webkit-transform: translateX(0) translateY(-130%) scale(.75);
        transform: translateX(0) translateY(-130%) scale(.75)
    }
    33% {
        -webkit-animation-timing-function: cubic-bezier(.5, 0, .70173, .49582);
        animation-timing-function: cubic-bezier(.5, 0, .70173, .49582);
        -webkit-transform: translateX(4%) translateY(-130%) scale(.75);
        transform: translateX(4%) translateY(-130%) scale(.75)
    }
    66% {
        -webkit-animation-timing-function: cubic-bezier(.30244, .38135, .55, .95635);
        animation-timing-function: cubic-bezier(.30244, .38135, .55, .95635);
        -webkit-transform: translateX(-4%) translateY(-130%) scale(.75);
        transform: translateX(-4%) translateY(-130%) scale(.75)
    }
    to {
        -webkit-transform: translateX(0) translateY(-130%) scale(.75);
        transform: translateX(0) translateY(-130%) scale(.75)
    }
}

@keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon {
    0% {
        -webkit-transform: translateX(0) translateY(-130%) scale(.75);
        transform: translateX(0) translateY(-130%) scale(.75)
    }
    33% {
        -webkit-animation-timing-function: cubic-bezier(.5, 0, .70173, .49582);
        animation-timing-function: cubic-bezier(.5, 0, .70173, .49582);
        -webkit-transform: translateX(4%) translateY(-130%) scale(.75);
        transform: translateX(4%) translateY(-130%) scale(.75)
    }
    66% {
        -webkit-animation-timing-function: cubic-bezier(.30244, .38135, .55, .95635);
        animation-timing-function: cubic-bezier(.30244, .38135, .55, .95635);
        -webkit-transform: translateX(-4%) translateY(-130%) scale(.75);
        transform: translateX(-4%) translateY(-130%) scale(.75)
    }
    to {
        -webkit-transform: translateX(0) translateY(-130%) scale(.75);
        transform: translateX(0) translateY(-130%) scale(.75)
    }
}

@-webkit-keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-dense {
    0% {
        -webkit-transform: translateX(-21px) translateY(-120%) scale(.8);
        transform: translateX(-21px) translateY(-120%) scale(.8)
    }
    33% {
        -webkit-animation-timing-function: cubic-bezier(.5, 0, .70173, .49582);
        animation-timing-function: cubic-bezier(.5, 0, .70173, .49582);
        -webkit-transform: translateX(calc(4% - 21px)) translateY(-120%) scale(.8);
        transform: translateX(calc(4% - 21px)) translateY(-120%) scale(.8)
    }
    66% {
        -webkit-animation-timing-function: cubic-bezier(.30244, .38135, .55, .95635);
        animation-timing-function: cubic-bezier(.30244, .38135, .55, .95635);
        -webkit-transform: translateX(calc(-4% - 21px)) translateY(-120%) scale(.8);
        transform: translateX(calc(-4% - 21px)) translateY(-120%) scale(.8)
    }
    to {
        -webkit-transform: translateX(-21px) translateY(-120%) scale(.8);
        transform: translateX(-21px) translateY(-120%) scale(.8)
    }
}

@keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-dense {
    0% {
        -webkit-transform: translateX(-21px) translateY(-120%) scale(.8);
        transform: translateX(-21px) translateY(-120%) scale(.8)
    }
    33% {
        -webkit-animation-timing-function: cubic-bezier(.5, 0, .70173, .49582);
        animation-timing-function: cubic-bezier(.5, 0, .70173, .49582);
        -webkit-transform: translateX(calc(4% - 21px)) translateY(-120%) scale(.8);
        transform: translateX(calc(4% - 21px)) translateY(-120%) scale(.8)
    }
    66% {
        -webkit-animation-timing-function: cubic-bezier(.30244, .38135, .55, .95635);
        animation-timing-function: cubic-bezier(.30244, .38135, .55, .95635);
        -webkit-transform: translateX(calc(-4% - 21px)) translateY(-120%) scale(.8);
        transform: translateX(calc(-4% - 21px)) translateY(-120%) scale(.8)
    }
    to {
        -webkit-transform: translateX(-21px) translateY(-120%) scale(.8);
        transform: translateX(-21px) translateY(-120%) scale(.8)
    }
}

@-webkit-keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-rtl {
    0% {
        -webkit-transform: translateX(0) translateY(-130%) scale(.75);
        transform: translateX(0) translateY(-130%) scale(.75)
    }
    33% {
        -webkit-animation-timing-function: cubic-bezier(.5, 0, .70173, .49582);
        animation-timing-function: cubic-bezier(.5, 0, .70173, .49582);
        -webkit-transform: translateX(4%) translateY(-130%) scale(.75);
        transform: translateX(4%) translateY(-130%) scale(.75)
    }
    66% {
        -webkit-animation-timing-function: cubic-bezier(.30244, .38135, .55, .95635);
        animation-timing-function: cubic-bezier(.30244, .38135, .55, .95635);
        -webkit-transform: translateX(-4%) translateY(-130%) scale(.75);
        transform: translateX(-4%) translateY(-130%) scale(.75)
    }
    to {
        -webkit-transform: translateX(0) translateY(-130%) scale(.75);
        transform: translateX(0) translateY(-130%) scale(.75)
    }
}

@keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-rtl {
    0% {
        -webkit-transform: translateX(0) translateY(-130%) scale(.75);
        transform: translateX(0) translateY(-130%) scale(.75)
    }
    33% {
        -webkit-animation-timing-function: cubic-bezier(.5, 0, .70173, .49582);
        animation-timing-function: cubic-bezier(.5, 0, .70173, .49582);
        -webkit-transform: translateX(4%) translateY(-130%) scale(.75);
        transform: translateX(4%) translateY(-130%) scale(.75)
    }
    66% {
        -webkit-animation-timing-function: cubic-bezier(.30244, .38135, .55, .95635);
        animation-timing-function: cubic-bezier(.30244, .38135, .55, .95635);
        -webkit-transform: translateX(-4%) translateY(-130%) scale(.75);
        transform: translateX(-4%) translateY(-130%) scale(.75)
    }
    to {
        -webkit-transform: translateX(0) translateY(-130%) scale(.75);
        transform: translateX(0) translateY(-130%) scale(.75)
    }
}

@-webkit-keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-dense-rtl {
    0% {
        -webkit-transform: translateX(21px) translateY(-120%) scale(.8);
        transform: translateX(21px) translateY(-120%) scale(.8)
    }
    33% {
        -webkit-animation-timing-function: cubic-bezier(.5, 0, .70173, .49582);
        animation-timing-function: cubic-bezier(.5, 0, .70173, .49582);
        -webkit-transform: translateX(calc(4% - -21px)) translateY(-120%) scale(.8);
        transform: translateX(calc(4% - -21px)) translateY(-120%) scale(.8)
    }
    66% {
        -webkit-animation-timing-function: cubic-bezier(.30244, .38135, .55, .95635);
        animation-timing-function: cubic-bezier(.30244, .38135, .55, .95635);
        -webkit-transform: translateX(calc(-4% - -21px)) translateY(-120%) scale(.8);
        transform: translateX(calc(-4% - -21px)) translateY(-120%) scale(.8)
    }
    to {
        -webkit-transform: translateX(21px) translateY(-120%) scale(.8);
        transform: translateX(21px) translateY(-120%) scale(.8)
    }
}

@keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-dense-rtl {
    0% {
        -webkit-transform: translateX(21px) translateY(-120%) scale(.8);
        transform: translateX(21px) translateY(-120%) scale(.8)
    }
    33% {
        -webkit-animation-timing-function: cubic-bezier(.5, 0, .70173, .49582);
        animation-timing-function: cubic-bezier(.5, 0, .70173, .49582);
        -webkit-transform: translateX(calc(4% - -21px)) translateY(-120%) scale(.8);
        transform: translateX(calc(4% - -21px)) translateY(-120%) scale(.8)
    }
    66% {
        -webkit-animation-timing-function: cubic-bezier(.30244, .38135, .55, .95635);
        animation-timing-function: cubic-bezier(.30244, .38135, .55, .95635);
        -webkit-transform: translateX(calc(-4% - -21px)) translateY(-120%) scale(.8);
        transform: translateX(calc(-4% - -21px)) translateY(-120%) scale(.8)
    }
    to {
        -webkit-transform: translateX(21px) translateY(-120%) scale(.8);
        transform: translateX(21px) translateY(-120%) scale(.8)
    }
}

@-webkit-keyframes mdc-floating-label-shake-float-above-textarea {
    0% {
        -webkit-transform: translateX(0) translateY(-130%) scale(.75);
        transform: translateX(0) translateY(-130%) scale(.75)
    }
    33% {
        -webkit-animation-timing-function: cubic-bezier(.5, 0, .70173, .49582);
        animation-timing-function: cubic-bezier(.5, 0, .70173, .49582);
        -webkit-transform: translateX(4%) translateY(-130%) scale(.75);
        transform: translateX(4%) translateY(-130%) scale(.75)
    }
    66% {
        -webkit-animation-timing-function: cubic-bezier(.30244, .38135, .55, .95635);
        animation-timing-function: cubic-bezier(.30244, .38135, .55, .95635);
        -webkit-transform: translateX(-4%) translateY(-130%) scale(.75);
        transform: translateX(-4%) translateY(-130%) scale(.75)
    }
    to {
        -webkit-transform: translateX(0) translateY(-130%) scale(.75);
        transform: translateX(0) translateY(-130%) scale(.75)
    }
}

@keyframes mdc-floating-label-shake-float-above-textarea {
    0% {
        -webkit-transform: translateX(0) translateY(-130%) scale(.75);
        transform: translateX(0) translateY(-130%) scale(.75)
    }
    33% {
        -webkit-animation-timing-function: cubic-bezier(.5, 0, .70173, .49582);
        animation-timing-function: cubic-bezier(.5, 0, .70173, .49582);
        -webkit-transform: translateX(4%) translateY(-130%) scale(.75);
        transform: translateX(4%) translateY(-130%) scale(.75)
    }
    66% {
        -webkit-animation-timing-function: cubic-bezier(.30244, .38135, .55, .95635);
        animation-timing-function: cubic-bezier(.30244, .38135, .55, .95635);
        -webkit-transform: translateX(-4%) translateY(-130%) scale(.75);
        transform: translateX(-4%) translateY(-130%) scale(.75)
    }
    to {
        -webkit-transform: translateX(0) translateY(-130%) scale(.75);
        transform: translateX(0) translateY(-130%) scale(.75)
    }
}

.mdc-text-field-helper-text {
    font-family: -apple-system, Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, SimSun, Segoe UI, Roboto, sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: .75rem;
    line-height: 1.25rem;
    font-weight: 400;
    letter-spacing: .03333em;
    text-decoration: inherit;
    text-transform: inherit;
    display: block;
    line-height: normal;
    margin: 0;
    -webkit-transition: opacity .15s cubic-bezier(.4, 0, .2, 1);
    transition: opacity .15s cubic-bezier(.4, 0, .2, 1);
    opacity: 0;
    will-change: opacity
}

.mdc-text-field-helper-text:before {
    display: inline-block;
    width: 0;
    height: 16px;
    content: "";
    vertical-align: 0
}

.mdc-text-field-helper-text--persistent {
    -webkit-transition: none;
    transition: none;
    opacity: 1;
    will-change: auto
}

.mdc-text-field--with-leading-icon .mdc-text-field__icon, .mdc-text-field--with-trailing-icon .mdc-text-field__icon {
    position: absolute;
    bottom: 16px;
    cursor: pointer
}

.mdc-text-field__icon:not([tabindex]), .mdc-text-field__icon[tabindex="-1"] {
    cursor: default;
    pointer-events: none
}

.mdc-switch {
    display: inline-block;
    position: relative;
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.mdc-switch.mdc-switch--checked .mdc-switch__thumb, .mdc-switch.mdc-switch--checked .mdc-switch__track {
    background-color: #04c9b5;
    background-color: var(--mdc-theme-secondary, #04c9b5);
    border-color: #04c9b5;
    border-color: var(--mdc-theme-secondary, #04c9b5)
}

.mdc-switch:not(.mdc-switch--checked) .mdc-switch__track {
    background-color: #000;
    border-color: #000
}

.mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb {
    background-color: #fff;
    border-color: #fff
}

.mdc-switch__native-control {
    left: 0;
    right: auto;
    position: absolute;
    top: 0;
    width: 68px;
    height: 48px;
    margin: 0;
    opacity: 0;
    cursor: pointer;
    pointer-events: auto
}

.mdc-switch__native-control[dir=rtl], [dir=rtl] .mdc-switch__native-control {
    left: auto;
    right: 0
}

.mdc-switch__track {
    box-sizing: border-box;
    width: 32px;
    height: 14px;
    border: 1px solid;
    border-radius: 7px;
    opacity: .38;
    -webkit-transition: opacity 90ms cubic-bezier(.4, 0, .2, 1), background-color 90ms cubic-bezier(.4, 0, .2, 1), border-color 90ms cubic-bezier(.4, 0, .2, 1);
    transition: opacity 90ms cubic-bezier(.4, 0, .2, 1), background-color 90ms cubic-bezier(.4, 0, .2, 1), border-color 90ms cubic-bezier(.4, 0, .2, 1)
}

.mdc-switch__thumb-underlay {
    left: -18px;
    right: auto;
    display: flex;
    position: absolute;
    top: -17px;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: background-color 90ms cubic-bezier(.4, 0, .2, 1), border-color 90ms cubic-bezier(.4, 0, .2, 1), -webkit-transform 90ms cubic-bezier(.4, 0, .2, 1);
    transition: background-color 90ms cubic-bezier(.4, 0, .2, 1), border-color 90ms cubic-bezier(.4, 0, .2, 1), -webkit-transform 90ms cubic-bezier(.4, 0, .2, 1);
    transition: transform 90ms cubic-bezier(.4, 0, .2, 1), background-color 90ms cubic-bezier(.4, 0, .2, 1), border-color 90ms cubic-bezier(.4, 0, .2, 1);
    transition: transform 90ms cubic-bezier(.4, 0, .2, 1), background-color 90ms cubic-bezier(.4, 0, .2, 1), border-color 90ms cubic-bezier(.4, 0, .2, 1), -webkit-transform 90ms cubic-bezier(.4, 0, .2, 1)
}

.mdc-switch__thumb-underlay[dir=rtl], [dir=rtl] .mdc-switch__thumb-underlay {
    left: auto;
    right: -18px
}

.mdc-switch__thumb {
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    box-sizing: border-box;
    width: 20px;
    height: 20px;
    border: 10px solid;
    border-radius: 50%;
    pointer-events: none;
    z-index: 1
}

.mdc-switch--checked .mdc-switch__track {
    opacity: .54
}

.mdc-switch--checked .mdc-switch__thumb-underlay {
    -webkit-transform: translateX(20px);
    transform: translateX(20px)
}

.mdc-switch--checked .mdc-switch__thumb-underlay[dir=rtl], [dir=rtl] .mdc-switch--checked .mdc-switch__thumb-underlay {
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px)
}

.mdc-switch--checked .mdc-switch__native-control {
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px)
}

.mdc-switch--checked .mdc-switch__native-control[dir=rtl], [dir=rtl] .mdc-switch--checked .mdc-switch__native-control {
    -webkit-transform: translateX(20px);
    transform: translateX(20px)
}

.mdc-switch--disabled {
    opacity: .38;
    pointer-events: none
}

.mdc-switch--disabled .mdc-switch__thumb {
    border-width: 1px
}

.mdc-switch--disabled .mdc-switch__native-control {
    cursor: default;
    pointer-events: none
}

.mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay:after, .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay:before {
    background-color: #9e9e9e
}

.mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay:hover:before {
    opacity: .08
}

.mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay.mdc-ripple-upgraded--background-focused:before, .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded):focus:before {
    -webkit-transition-duration: 75ms;
    transition-duration: 75ms;
    opacity: .24
}

.mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded):after {
    -webkit-transition: opacity .15s linear;
    transition: opacity .15s linear
}

.mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded):active:after {
    -webkit-transition-duration: 75ms;
    transition-duration: 75ms;
    opacity: .24
}

.mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay.mdc-ripple-upgraded {
    --mdc-ripple-fg-opacity: 0.24
}

.mdc-switch__thumb-underlay {
    --mdc-ripple-fg-size: 0;
    --mdc-ripple-left: 0;
    --mdc-ripple-top: 0;
    --mdc-ripple-fg-scale: 1;
    --mdc-ripple-fg-translate-end: 0;
    --mdc-ripple-fg-translate-start: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    will-change: transform, opacity
}

.mdc-switch__thumb-underlay:after, .mdc-switch__thumb-underlay:before {
    position: absolute;
    border-radius: 50%;
    opacity: 0;
    pointer-events: none;
    content: ""
}

.mdc-switch__thumb-underlay:before {
    -webkit-transition: opacity 15ms linear, background-color 15ms linear;
    transition: opacity 15ms linear, background-color 15ms linear;
    z-index: 1
}

.mdc-switch__thumb-underlay.mdc-ripple-upgraded:before {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
    transform: scale(var(--mdc-ripple-fg-scale, 1))
}

.mdc-switch__thumb-underlay.mdc-ripple-upgraded:after {
    top: 0;
    left: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: center center;
    transform-origin: center center
}

.mdc-switch__thumb-underlay.mdc-ripple-upgraded--unbounded:after {
    top: 0;
    top: var(--mdc-ripple-top, 0);
    left: 0;
    left: var(--mdc-ripple-left, 0)
}

.mdc-switch__thumb-underlay.mdc-ripple-upgraded--foreground-activation:after {
    -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
    animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards
}

.mdc-switch__thumb-underlay.mdc-ripple-upgraded--foreground-deactivation:after {
    -webkit-animation: mdc-ripple-fg-opacity-out .15s;
    animation: mdc-ripple-fg-opacity-out .15s;
    -webkit-transform: translate(0) scale(1);
    transform: translate(0) scale(1);
    -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
    transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))
}

.mdc-switch__thumb-underlay:after, .mdc-switch__thumb-underlay:before {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.mdc-switch__thumb-underlay.mdc-ripple-upgraded:after, .mdc-switch__thumb-underlay.mdc-ripple-upgraded:before {
    top: 0;
    top: var(--mdc-ripple-top, 0);
    left: 0;
    left: var(--mdc-ripple-left, 0);
    width: 100%;
    width: var(--mdc-ripple-fg-size, 100%);
    height: 100%;
    height: var(--mdc-ripple-fg-size, 100%)
}

.mdc-switch__thumb-underlay.mdc-ripple-upgraded:after {
    width: 100%;
    width: var(--mdc-ripple-fg-size, 100%);
    height: 100%;
    height: var(--mdc-ripple-fg-size, 100%)
}

.mdc-switch__thumb-underlay:after, .mdc-switch__thumb-underlay:before {
    background-color: #04c9b5
}

@supports not (-ms-ime-align:auto) {
    .mdc-switch__thumb-underlay:after, .mdc-switch__thumb-underlay:before {
        background-color: #04c9b5;
        background-color: var(--mdc-theme-secondary, #04c9b5)
    }
}

.mdc-switch__thumb-underlay:hover:before {
    opacity: .08
}

.mdc-switch__thumb-underlay.mdc-ripple-upgraded--background-focused:before, .mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded):focus:before {
    -webkit-transition-duration: 75ms;
    transition-duration: 75ms;
    opacity: .24
}

.mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded):after {
    -webkit-transition: opacity .15s linear;
    transition: opacity .15s linear
}

.mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded):active:after {
    -webkit-transition-duration: 75ms;
    transition-duration: 75ms;
    opacity: .24
}

.mdc-switch__thumb-underlay.mdc-ripple-upgraded {
    --mdc-ripple-fg-opacity: 0.24
}

.mdc-radio {
    display: inline-block;
    position: relative;
    flex: 0 0 auto;
    box-sizing: border-box;
    width: 24px;
    height: 24px;
    padding: 2px;
    cursor: pointer;
    will-change: opacity, transform, border-color, color
}

.mdc-radio .mdc-radio__native-control:enabled:not(:checked)+.mdc-radio__background .mdc-radio__outer-circle {
    border-color: rgba(0, 0, 0, .54)
}

.mdc-radio .mdc-radio__native-control:enabled:checked+.mdc-radio__background .mdc-radio__outer-circle {
    border-color: #04c9b5;
    border-color: var(--mdc-theme-secondary, #04c9b5)
}

.mdc-radio .mdc-radio__native-control:enabled+.mdc-radio__background .mdc-radio__inner-circle {
    border-color: #04c9b5;
    border-color: var(--mdc-theme-secondary, #04c9b5)
}

.mdc-radio .mdc-radio__background:before {
    background-color: #04c9b5
}

@supports not (-ms-ime-align:auto) {
    .mdc-radio .mdc-radio__background:before {
        background-color: #04c9b5;
        background-color: var(--mdc-theme-secondary, #04c9b5)
    }
}

.mdc-radio__background {
    display: inline-block;
    position: absolute;
    left: 2px;
    box-sizing: border-box;
    width: 83.33333%;
    height: 83.33333%
}

.mdc-radio__background:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    border-radius: 50%;
    opacity: 0;
    pointer-events: none;
    content: "";
    -webkit-transition: opacity .12s cubic-bezier(.4, 0, .6, 1) 0ms, -webkit-transform .12s cubic-bezier(.4, 0, .6, 1) 0ms;
    transition: opacity .12s cubic-bezier(.4, 0, .6, 1) 0ms, -webkit-transform .12s cubic-bezier(.4, 0, .6, 1) 0ms;
    transition: opacity .12s cubic-bezier(.4, 0, .6, 1) 0ms, transform .12s cubic-bezier(.4, 0, .6, 1) 0ms;
    transition: opacity .12s cubic-bezier(.4, 0, .6, 1) 0ms, transform .12s cubic-bezier(.4, 0, .6, 1) 0ms, -webkit-transform .12s cubic-bezier(.4, 0, .6, 1) 0ms
}

.mdc-radio__outer-circle {
    border-width: 2px;
    -webkit-transition: border-color .12s cubic-bezier(.4, 0, .6, 1) 0ms;
    transition: border-color .12s cubic-bezier(.4, 0, .6, 1) 0ms
}

.mdc-radio__inner-circle, .mdc-radio__outer-circle {
    position: absolute;
    top: 0;
    left: 0;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    border-style: solid;
    border-radius: 50%
}

.mdc-radio__inner-circle {
    -webkit-transform: scale(0);
    transform: scale(0);
    border-width: 10px;
    -webkit-transition: border-color .12s cubic-bezier(.4, 0, .6, 1) 0ms, -webkit-transform .12s cubic-bezier(.4, 0, .6, 1) 0ms;
    transition: border-color .12s cubic-bezier(.4, 0, .6, 1) 0ms, -webkit-transform .12s cubic-bezier(.4, 0, .6, 1) 0ms;
    transition: transform .12s cubic-bezier(.4, 0, .6, 1) 0ms, border-color .12s cubic-bezier(.4, 0, .6, 1) 0ms;
    transition: transform .12s cubic-bezier(.4, 0, .6, 1) 0ms, border-color .12s cubic-bezier(.4, 0, .6, 1) 0ms, -webkit-transform .12s cubic-bezier(.4, 0, .6, 1) 0ms
}

.mdc-radio__native-control {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    opacity: 0;
    cursor: inherit;
    z-index: 1
}

.mdc-radio__native-control:checked+.mdc-radio__background, .mdc-radio__native-control:disabled+.mdc-radio__background {
    -webkit-transition: opacity .12s cubic-bezier(0, 0, .2, 1) 0ms, -webkit-transform .12s cubic-bezier(0, 0, .2, 1) 0ms;
    transition: opacity .12s cubic-bezier(0, 0, .2, 1) 0ms, -webkit-transform .12s cubic-bezier(0, 0, .2, 1) 0ms;
    transition: opacity .12s cubic-bezier(0, 0, .2, 1) 0ms, transform .12s cubic-bezier(0, 0, .2, 1) 0ms;
    transition: opacity .12s cubic-bezier(0, 0, .2, 1) 0ms, transform .12s cubic-bezier(0, 0, .2, 1) 0ms, -webkit-transform .12s cubic-bezier(0, 0, .2, 1) 0ms
}

.mdc-radio__native-control:checked+.mdc-radio__background .mdc-radio__outer-circle, .mdc-radio__native-control:disabled+.mdc-radio__background .mdc-radio__outer-circle {
    -webkit-transition: border-color .12s cubic-bezier(0, 0, .2, 1) 0ms;
    transition: border-color .12s cubic-bezier(0, 0, .2, 1) 0ms
}

.mdc-radio__native-control:checked+.mdc-radio__background .mdc-radio__inner-circle, .mdc-radio__native-control:disabled+.mdc-radio__background .mdc-radio__inner-circle {
    -webkit-transition: border-color .12s cubic-bezier(0, 0, .2, 1) 0ms, -webkit-transform .12s cubic-bezier(0, 0, .2, 1) 0ms;
    transition: border-color .12s cubic-bezier(0, 0, .2, 1) 0ms, -webkit-transform .12s cubic-bezier(0, 0, .2, 1) 0ms;
    transition: transform .12s cubic-bezier(0, 0, .2, 1) 0ms, border-color .12s cubic-bezier(0, 0, .2, 1) 0ms;
    transition: transform .12s cubic-bezier(0, 0, .2, 1) 0ms, border-color .12s cubic-bezier(0, 0, .2, 1) 0ms, -webkit-transform .12s cubic-bezier(0, 0, .2, 1) 0ms
}

.mdc-radio--disabled {
    cursor: default;
    pointer-events: none
}

.mdc-radio__native-control:checked+.mdc-radio__background .mdc-radio__inner-circle {
    -webkit-transform: scale(.5);
    transform: scale(.5);
    -webkit-transition: border-color .12s cubic-bezier(0, 0, .2, 1) 0ms, -webkit-transform .12s cubic-bezier(0, 0, .2, 1) 0ms;
    transition: border-color .12s cubic-bezier(0, 0, .2, 1) 0ms, -webkit-transform .12s cubic-bezier(0, 0, .2, 1) 0ms;
    transition: transform .12s cubic-bezier(0, 0, .2, 1) 0ms, border-color .12s cubic-bezier(0, 0, .2, 1) 0ms;
    transition: transform .12s cubic-bezier(0, 0, .2, 1) 0ms, border-color .12s cubic-bezier(0, 0, .2, 1) 0ms, -webkit-transform .12s cubic-bezier(0, 0, .2, 1) 0ms
}

.mdc-radio__native-control:disabled+.mdc-radio__background, [aria-disabled=true] .mdc-radio__native-control+.mdc-radio__background {
    cursor: default
}

.mdc-radio__native-control:disabled+.mdc-radio__background .mdc-radio__outer-circle, [aria-disabled=true] .mdc-radio__native-control+.mdc-radio__background .mdc-radio__outer-circle {
    border-color: rgba(0, 0, 0, .26)
}

.mdc-radio__native-control:disabled+.mdc-radio__background .mdc-radio__inner-circle, [aria-disabled=true] .mdc-radio__native-control+.mdc-radio__background .mdc-radio__inner-circle {
    border-color: rgba(0, 0, 0, .26)
}

.mdc-radio__native-control:focus+.mdc-radio__background:before {
    -webkit-transform: scale(2);
    transform: scale(2);
    opacity: .12;
    -webkit-transition: opacity .12s cubic-bezier(0, 0, .2, 1) 0ms, -webkit-transform .12s cubic-bezier(0, 0, .2, 1) 0ms;
    transition: opacity .12s cubic-bezier(0, 0, .2, 1) 0ms, -webkit-transform .12s cubic-bezier(0, 0, .2, 1) 0ms;
    transition: opacity .12s cubic-bezier(0, 0, .2, 1) 0ms, transform .12s cubic-bezier(0, 0, .2, 1) 0ms;
    transition: opacity .12s cubic-bezier(0, 0, .2, 1) 0ms, transform .12s cubic-bezier(0, 0, .2, 1) 0ms, -webkit-transform .12s cubic-bezier(0, 0, .2, 1) 0ms
}

.mdc-radio {
    --mdc-ripple-fg-size: 0;
    --mdc-ripple-left: 0;
    --mdc-ripple-top: 0;
    --mdc-ripple-fg-scale: 1;
    --mdc-ripple-fg-translate-end: 0;
    --mdc-ripple-fg-translate-start: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    will-change: transform, opacity
}

.mdc-radio:after, .mdc-radio:before {
    position: absolute;
    border-radius: 50%;
    opacity: 0;
    pointer-events: none;
    content: ""
}

.mdc-radio:before {
    -webkit-transition: opacity 15ms linear, background-color 15ms linear;
    transition: opacity 15ms linear, background-color 15ms linear;
    z-index: 1
}

.mdc-radio.mdc-ripple-upgraded:before {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
    transform: scale(var(--mdc-ripple-fg-scale, 1))
}

.mdc-radio.mdc-ripple-upgraded:after {
    top: 0;
    left: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: center center;
    transform-origin: center center
}

.mdc-radio.mdc-ripple-upgraded--unbounded:after {
    top: 0;
    top: var(--mdc-ripple-top, 0);
    left: 0;
    left: var(--mdc-ripple-left, 0)
}

.mdc-radio.mdc-ripple-upgraded--foreground-activation:after {
    -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
    animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards
}

.mdc-radio.mdc-ripple-upgraded--foreground-deactivation:after {
    -webkit-animation: mdc-ripple-fg-opacity-out .15s;
    animation: mdc-ripple-fg-opacity-out .15s;
    -webkit-transform: translate(0) scale(1);
    transform: translate(0) scale(1);
    -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
    transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))
}

.mdc-radio:after, .mdc-radio:before {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.mdc-radio.mdc-ripple-upgraded:after, .mdc-radio.mdc-ripple-upgraded:before {
    top: 0;
    top: var(--mdc-ripple-top, 0);
    left: 0;
    left: var(--mdc-ripple-left, 0);
    width: 100%;
    width: var(--mdc-ripple-fg-size, 100%);
    height: 100%;
    height: var(--mdc-ripple-fg-size, 100%)
}

.mdc-radio.mdc-ripple-upgraded:after {
    width: 100%;
    width: var(--mdc-ripple-fg-size, 100%);
    height: 100%;
    height: var(--mdc-ripple-fg-size, 100%)
}

.mdc-radio:after, .mdc-radio:before {
    background-color: #04c9b5
}

@supports not (-ms-ime-align:auto) {
    .mdc-radio:after, .mdc-radio:before {
        background-color: #04c9b5;
        background-color: var(--mdc-theme-secondary, #04c9b5)
    }
}

.mdc-radio:hover:before {
    opacity: .08
}

.mdc-radio.mdc-ripple-upgraded--background-focused:before, .mdc-radio:not(.mdc-ripple-upgraded):focus:before {
    -webkit-transition-duration: 75ms;
    transition-duration: 75ms;
    opacity: .24
}

.mdc-radio:not(.mdc-ripple-upgraded):after {
    -webkit-transition: opacity .15s linear;
    transition: opacity .15s linear
}

.mdc-radio:not(.mdc-ripple-upgraded):active:after {
    -webkit-transition-duration: 75ms;
    transition-duration: 75ms;
    opacity: .24
}

.mdc-radio.mdc-ripple-upgraded {
    --mdc-ripple-fg-opacity: 0.24
}

.mdc-radio.mdc-ripple-upgraded--background-focused .mdc-radio__background:before {
    content: none
}

@-webkit-keyframes mdc-select-float-native-control {
    0% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
        opacity: 0
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes mdc-select-float-native-control {
    0% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
        opacity: 0
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

.mdc-select {
    --mdc-ripple-fg-size: 0;
    --mdc-ripple-left: 0;
    --mdc-ripple-top: 0;
    --mdc-ripple-fg-scale: 1;
    --mdc-ripple-fg-translate-end: 0;
    --mdc-ripple-fg-translate-start: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    will-change: transform, opacity;
    display: inline-flex;
    position: relative;
    box-sizing: border-box;
    height: 44px;
    overflow: hidden;
    will-change: opacity, transform, color
}

.mdc-select:not(.mdc-select--disabled) {
    background-color: #f5f5f5
}

.mdc-select:after, .mdc-select:before {
    position: absolute;
    border-radius: 50%;
    opacity: 0;
    pointer-events: none;
    content: ""
}

.mdc-select:before {
    -webkit-transition: opacity 15ms linear, background-color 15ms linear;
    transition: opacity 15ms linear, background-color 15ms linear;
    z-index: 1
}

.mdc-select.mdc-ripple-upgraded:before {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
    transform: scale(var(--mdc-ripple-fg-scale, 1))
}

.mdc-select.mdc-ripple-upgraded:after {
    top: 0;
    left: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: center center;
    transform-origin: center center
}

.mdc-select.mdc-ripple-upgraded--unbounded:after {
    top: 0;
    top: var(--mdc-ripple-top, 0);
    left: 0;
    left: var(--mdc-ripple-left, 0)
}

.mdc-select.mdc-ripple-upgraded--foreground-activation:after {
    -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
    animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards
}

.mdc-select.mdc-ripple-upgraded--foreground-deactivation:after {
    -webkit-animation: mdc-ripple-fg-opacity-out .15s;
    animation: mdc-ripple-fg-opacity-out .15s;
    -webkit-transform: translate(0) scale(1);
    transform: translate(0) scale(1);
    -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
    transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))
}

.mdc-select:after, .mdc-select:before {
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%
}

.mdc-select.mdc-ripple-upgraded:after {
    width: 100%;
    width: var(--mdc-ripple-fg-size, 100%);
    height: 100%;
    height: var(--mdc-ripple-fg-size, 100%)
}

.mdc-select:after, .mdc-select:before {
    background-color: rgba(0, 0, 0, .87)
}

.mdc-select:hover:before {
    opacity: .04
}

.mdc-select.mdc-ripple-upgraded--background-focused:before, .mdc-select:not(.mdc-ripple-upgraded):focus:before {
    -webkit-transition-duration: 75ms;
    transition-duration: 75ms;
    opacity: .12
}

.mdc-select:not(.mdc-select--disabled) .mdc-select__native-control, .mdc-select:not(.mdc-select--disabled) .mdc-select__selected-text {
    color: rgba(0, 0, 0, .87)
}

.mdc-select:not(.mdc-select--disabled) .mdc-floating-label {
    color: rgba(0, 0, 0, .6)
}

.mdc-select:not(.mdc-select--disabled) .mdc-select__native-control, .mdc-select:not(.mdc-select--disabled) .mdc-select__selected-text {
    border-bottom-color: rgba(0, 0, 0, .42)
}

.mdc-select:not(.mdc-select--disabled)+.mdc-select-helper-text {
    color: rgba(0, 0, 0, .6)
}

.mdc-select, .mdc-select__native-control {
    border-radius: 4px 4px 0 0
}

.mdc-select:not(.mdc-select--disabled).mdc-select--focused .mdc-line-ripple {
    background-color: #44acb6;
    background-color: var(--mdc-theme-primary, #44acb6)
}

.mdc-select:not(.mdc-select--disabled).mdc-select--focused .mdc-floating-label {
    color: rgba(68, 172, 182, .87)
}

.mdc-select:not(.mdc-select--disabled) .mdc-select__native-control:hover {
    border-bottom-color: rgba(0, 0, 0, .87)
}

.mdc-select .mdc-floating-label--float-above {
    -webkit-transform: translateY(-70%) scale(.75);
    transform: translateY(-70%) scale(.75)
}

.mdc-select .mdc-floating-label {
    left: 16px;
    right: auto;
    top: 21px;
    pointer-events: none
}

.mdc-select .mdc-floating-label[dir=rtl], [dir=rtl] .mdc-select .mdc-floating-label {
    left: auto;
    right: 16px
}

.mdc-select.mdc-select--with-leading-icon .mdc-floating-label {
    left: 48px;
    right: auto
}

.mdc-select.mdc-select--with-leading-icon .mdc-floating-label[dir=rtl], [dir=rtl] .mdc-select.mdc-select--with-leading-icon .mdc-floating-label {
    left: auto;
    right: 48px
}

.mdc-select.mdc-select--outlined .mdc-floating-label {
    left: 4px;
    right: auto;
    top: 17px
}

.mdc-select.mdc-select--outlined .mdc-floating-label[dir=rtl], [dir=rtl] .mdc-select.mdc-select--outlined .mdc-floating-label {
    left: auto;
    right: 4px
}

.mdc-select.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label {
    left: 36px;
    right: auto
}

.mdc-select.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label[dir=rtl], [dir=rtl] .mdc-select.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label {
    left: auto;
    right: 36px
}

.mdc-select.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label--float-above {
    left: 36px;
    right: auto
}

.mdc-select.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label--float-above[dir=rtl], [dir=rtl] .mdc-select.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label--float-above {
    left: auto;
    right: 36px
}

.mdc-select__dropdown-icon {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='5' viewBox='7 10 10 5' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' opacity='.54' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E") no-repeat 50%;
    left: auto;
    right: 8px;
    position: absolute;
    bottom: 16px;
    width: 24px;
    height: 24px;
    -webkit-transition: -webkit-transform .15s cubic-bezier(.4, 0, .2, 1);
    transition: -webkit-transform .15s cubic-bezier(.4, 0, .2, 1);
    transition: transform .15s cubic-bezier(.4, 0, .2, 1);
    transition: transform .15s cubic-bezier(.4, 0, .2, 1), -webkit-transform .15s cubic-bezier(.4, 0, .2, 1);
    pointer-events: none
}

.mdc-select__dropdown-icon[dir=rtl], [dir=rtl] .mdc-select__dropdown-icon {
    left: 8px;
    right: auto
}

.mdc-select--focused .mdc-select__dropdown-icon {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='5' viewBox='7 10 10 5' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%2344acb6' fill-rule='evenodd' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E") no-repeat 50%;
    -webkit-transform: rotate(180deg) translateY(-5px);
    transform: rotate(180deg) translateY(-5px);
    -webkit-transition: -webkit-transform .15s cubic-bezier(.4, 0, .2, 1);
    transition: -webkit-transform .15s cubic-bezier(.4, 0, .2, 1);
    transition: transform .15s cubic-bezier(.4, 0, .2, 1);
    transition: transform .15s cubic-bezier(.4, 0, .2, 1), -webkit-transform .15s cubic-bezier(.4, 0, .2, 1)
}

.mdc-select__native-control {
    padding-top: 20px
}

.mdc-select.mdc-select--focused .mdc-line-ripple:after {
    -webkit-transform: scaleY(2);
    transform: scaleY(2);
    opacity: 1
}

.mdc-select+.mdc-select-helper-text {
    margin-right: 12px;
    margin-left: 12px
}

.mdc-select--outlined+.mdc-select-helper-text {
    margin-right: 16px;
    margin-left: 16px
}

.mdc-select--focused+.mdc-select-helper-text:not(.mdc-select-helper-text--validation-msg) {
    opacity: 1
}

.mdc-select__selected-text {
    min-width: 200px;
    padding-top: 22px
}

.mdc-select__native-control, .mdc-select__selected-text {
    font-family: -apple-system, Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, SimSun, Segoe UI, Roboto, sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 1rem;
    line-height: 1.75rem;
    font-weight: 400;
    letter-spacing: .00937em;
    text-decoration: inherit;
    text-transform: inherit;
    box-sizing: border-box;
    width: 100%;
    height: 44px;
    padding: 20px 52px 4px 16px;
    border: none;
    border-bottom: 1px solid;
    outline: none;
    background-color: transparent;
    color: inherit;
    white-space: nowrap;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.mdc-select__native-control[dir=rtl], .mdc-select__selected-text[dir=rtl], [dir=rtl] .mdc-select__native-control, [dir=rtl] .mdc-select__selected-text {
    padding-left: 52px;
    padding-right: 16px
}

.mdc-select__native-control::-ms-expand, .mdc-select__selected-text::-ms-expand {
    display: none
}

.mdc-select__native-control::-ms-value, .mdc-select__selected-text::-ms-value {
    background-color: transparent;
    color: inherit
}

@-moz-document url-prefix("") {
    .mdc-select__native-control, .mdc-select__selected-text {
        text-indent: -2px
    }
}

.mdc-select--outlined {
    border: none;
    overflow: visible
}

.mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__leading, .mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__notch, .mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__trailing {
    border-color: rgba(0, 0, 0, .24)
}

.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__native-control:hover~.mdc-notched-outline .mdc-notched-outline__leading, .mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__native-control:hover~.mdc-notched-outline .mdc-notched-outline__notch, .mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__native-control:hover~.mdc-notched-outline .mdc-notched-outline__trailing, .mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__selected-text:hover~.mdc-notched-outline .mdc-notched-outline__leading, .mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__selected-text:hover~.mdc-notched-outline .mdc-notched-outline__notch, .mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__selected-text:hover~.mdc-notched-outline .mdc-notched-outline__trailing {
    border-color: rgba(0, 0, 0, .87)
}

.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading, .mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch, .mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing {
    border-width: 2px
}

.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading, .mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch, .mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing {
    border-color: #44acb6;
    border-color: var(--mdc-theme-primary, #44acb6)
}

.mdc-select--outlined .mdc-floating-label--shake {
    -webkit-animation: mdc-floating-label-shake-float-above-text-field-outlined .25s 1;
    animation: mdc-floating-label-shake-float-above-text-field-outlined .25s 1
}

.mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__leading {
    border-radius: 4px 0 0 4px
}

.mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__leading[dir=rtl], [dir=rtl] .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__leading {
    border-radius: 0 4px 4px 0
}

.mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__trailing {
    border-radius: 0 4px 4px 0
}

.mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__trailing[dir=rtl], [dir=rtl] .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__trailing {
    border-radius: 4px 0 0 4px
}

.mdc-select--outlined .mdc-select__native-control {
    border-radius: 4px
}

.mdc-select--outlined:after, .mdc-select--outlined:before {
    content: none
}

.mdc-select--outlined:not(.mdc-select--disabled) {
    background-color: transparent
}

.mdc-select--outlined .mdc-floating-label--float-above {
    -webkit-transform: translateY(-144%) scale(1);
    transform: translateY(-144%) scale(1);
    font-size: .75rem
}

.mdc-select--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above, .mdc-select--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    -webkit-transform: translateY(-130%) scale(.75);
    transform: translateY(-130%) scale(.75);
    font-size: 1rem
}

.mdc-select--outlined .mdc-select__native-control, .mdc-select--outlined .mdc-select__selected-text {
    display: flex;
    padding: 12px 52px 12px 16px;
    border: none;
    background-color: transparent;
    z-index: 1
}

.mdc-select--outlined .mdc-select__native-control[dir=rtl], .mdc-select--outlined .mdc-select__selected-text[dir=rtl], [dir=rtl] .mdc-select--outlined .mdc-select__native-control, [dir=rtl] .mdc-select--outlined .mdc-select__selected-text {
    padding-left: 52px;
    padding-right: 16px
}

.mdc-select--outlined .mdc-select__selected-text {
    padding-top: 14px
}

.mdc-select--outlined .mdc-select__icon {
    z-index: 2
}

.mdc-select--outlined .mdc-floating-label {
    line-height: 1.15rem;
    pointer-events: auto
}

.mdc-select--invalid:not(.mdc-select--disabled) .mdc-floating-label {
    color: #df3c2f
}

.mdc-select--invalid:not(.mdc-select--disabled) .mdc-select__native-control, .mdc-select--invalid:not(.mdc-select--disabled) .mdc-select__selected-text {
    border-bottom-color: #df3c2f
}

.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-line-ripple {
    background-color: #df3c2f
}

.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-floating-label {
    color: #df3c2f
}

.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--invalid+.mdc-select-helper-text--validation-msg {
    color: #df3c2f
}

.mdc-select--invalid:not(.mdc-select--disabled) .mdc-select__native-control:hover {
    border-bottom-color: #df3c2f
}

.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__leading, .mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__notch, .mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__trailing {
    border-color: #df3c2f
}

.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__native-control:hover~.mdc-notched-outline .mdc-notched-outline__leading, .mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__native-control:hover~.mdc-notched-outline .mdc-notched-outline__notch, .mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__native-control:hover~.mdc-notched-outline .mdc-notched-outline__trailing, .mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__selected-text:hover~.mdc-notched-outline .mdc-notched-outline__leading, .mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__selected-text:hover~.mdc-notched-outline .mdc-notched-outline__notch, .mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__selected-text:hover~.mdc-notched-outline .mdc-notched-outline__trailing {
    border-color: #df3c2f
}

.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading, .mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch, .mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing {
    border-width: 2px
}

.mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading, .mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch, .mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing {
    border-color: #df3c2f
}

.mdc-select--invalid .mdc-select__dropdown-icon {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='5' viewBox='7 10 10 5' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23df3c2f' fill-rule='evenodd' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E") no-repeat 50%
}

.mdc-select--invalid+.mdc-select-helper-text--validation-msg {
    opacity: 1
}

.mdc-select--required .mdc-floating-label:after {
    content: "*"
}

.mdc-select--disabled {
    background-color: #fafafa;
    cursor: default;
    pointer-events: none
}

.mdc-select--disabled .mdc-floating-label {
    color: rgba(0, 0, 0, .37)
}

.mdc-select--disabled .mdc-select__dropdown-icon {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='5' viewBox='7 10 10 5' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' opacity='.37' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E") no-repeat 50%
}

.mdc-select--disabled .mdc-line-ripple {
    display: none
}

.mdc-select--disabled .mdc-select__icon {
    color: rgba(0, 0, 0, .37)
}

.mdc-select--disabled .mdc-select__native-control, .mdc-select--disabled .mdc-select__selected-text {
    color: rgba(0, 0, 0, .37);
    border-bottom-style: dotted
}

.mdc-select--disabled .mdc-select__selected-text {
    pointer-events: none
}

.mdc-select--disabled.mdc-select--outlined {
    background-color: transparent
}

.mdc-select--disabled.mdc-select--outlined .mdc-select__native-control, .mdc-select--disabled.mdc-select--outlined .mdc-select__selected-text {
    border-bottom-style: none
}

.mdc-select--disabled.mdc-select--outlined .mdc-notched-outline__leading, .mdc-select--disabled.mdc-select--outlined .mdc-notched-outline__notch, .mdc-select--disabled.mdc-select--outlined .mdc-notched-outline__trailing {
    border-color: rgba(0, 0, 0, .16)
}

.mdc-select--with-leading-icon .mdc-select__icon {
    left: 16px;
    right: auto
}

.mdc-select--with-leading-icon .mdc-select__icon[dir=rtl], [dir=rtl] .mdc-select--with-leading-icon .mdc-select__icon {
    left: auto;
    right: 16px
}

.mdc-select--with-leading-icon .mdc-select__native-control, .mdc-select--with-leading-icon .mdc-select__selected-text {
    padding-left: 48px;
    padding-right: 32px
}

.mdc-select--with-leading-icon .mdc-select__native-control[dir=rtl], .mdc-select--with-leading-icon .mdc-select__selected-text[dir=rtl], [dir=rtl] .mdc-select--with-leading-icon .mdc-select__native-control, [dir=rtl] .mdc-select--with-leading-icon .mdc-select__selected-text {
    padding-left: 32px;
    padding-right: 48px
}

.mdc-select--with-leading-icon.mdc-select--outlined .mdc-floating-label--float-above {
    -webkit-transform: translateY(-144%) translateX(-32px) scale(1);
    transform: translateY(-144%) translateX(-32px) scale(1)
}

.mdc-select--with-leading-icon.mdc-select--outlined .mdc-floating-label--float-above[dir=rtl], [dir=rtl] .mdc-select--with-leading-icon.mdc-select--outlined .mdc-floating-label--float-above {
    -webkit-transform: translateY(-144%) translateX(32px) scale(1);
    transform: translateY(-144%) translateX(32px) scale(1)
}

.mdc-select--with-leading-icon.mdc-select--outlined .mdc-floating-label--float-above {
    font-size: .75rem
}

.mdc-select--with-leading-icon.mdc-select--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above, .mdc-select--with-leading-icon.mdc-select--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    -webkit-transform: translateY(-130%) translateX(-32px) scale(.75);
    transform: translateY(-130%) translateX(-32px) scale(.75)
}

.mdc-select--with-leading-icon.mdc-select--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl], .mdc-select--with-leading-icon.mdc-select--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl], [dir=rtl] .mdc-select--with-leading-icon.mdc-select--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above, [dir=rtl] .mdc-select--with-leading-icon.mdc-select--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    -webkit-transform: translateY(-130%) translateX(32px) scale(.75);
    transform: translateY(-130%) translateX(32px) scale(.75)
}

.mdc-select--with-leading-icon.mdc-select--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above, .mdc-select--with-leading-icon.mdc-select--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    font-size: 1rem
}

.mdc-select--with-leading-icon.mdc-select--outlined .mdc-floating-label--shake {
    -webkit-animation: mdc-floating-label-shake-float-above-select-outlined-leading-icon .25s 1;
    animation: mdc-floating-label-shake-float-above-select-outlined-leading-icon .25s 1
}

.mdc-select--with-leading-icon.mdc-select--outlined[dir=rtl] .mdc-floating-label--shake, [dir=rtl] .mdc-select--with-leading-icon.mdc-select--outlined .mdc-floating-label--shake {
    -webkit-animation: mdc-floating-label-shake-float-above-select-outlined-leading-icon-rtl .25s 1;
    animation: mdc-floating-label-shake-float-above-select-outlined-leading-icon-rtl .25s 1
}

.mdc-select--with-leading-icon.mdc-select__menu .mdc-list-item__text {
    padding-left: 32px;
    padding-right: 32px
}

.mdc-select--with-leading-icon.mdc-select__menu .mdc-list-item__text[dir=rtl], [dir=rtl] .mdc-select--with-leading-icon.mdc-select__menu .mdc-list-item__text {
    padding-left: 32px;
    padding-right: 32px
}

.mdc-select__menu .mdc-list .mdc-list-item--selected {
    color: #000;
    color: var(--mdc-theme-on-surface, #000)
}

.mdc-select__menu .mdc-list .mdc-list-item--selected:after, .mdc-select__menu .mdc-list .mdc-list-item--selected:before {
    background-color: #000
}

@supports not (-ms-ime-align:auto) {
    .mdc-select__menu .mdc-list .mdc-list-item--selected:after, .mdc-select__menu .mdc-list .mdc-list-item--selected:before {
        background-color: #000;
        background-color: var(--mdc-theme-on-surface, #000)
    }
}

.mdc-select__menu .mdc-list .mdc-list-item--selected:hover:before {
    opacity: .04
}

.mdc-select__menu .mdc-list .mdc-list-item--selected.mdc-ripple-upgraded--background-focused:before, .mdc-select__menu .mdc-list .mdc-list-item--selected:not(.mdc-ripple-upgraded):focus:before {
    -webkit-transition-duration: 75ms;
    transition-duration: 75ms;
    opacity: .12
}

.mdc-select__menu .mdc-list .mdc-list-item--selected:not(.mdc-ripple-upgraded):after {
    -webkit-transition: opacity .15s linear;
    transition: opacity .15s linear
}

.mdc-select__menu .mdc-list .mdc-list-item--selected:not(.mdc-ripple-upgraded):active:after {
    -webkit-transition-duration: 75ms;
    transition-duration: 75ms;
    opacity: .12
}

.mdc-select__menu .mdc-list .mdc-list-item--selected.mdc-ripple-upgraded {
    --mdc-ripple-fg-opacity: 0.12
}

@-webkit-keyframes mdc-floating-label-shake-float-above-select-outlined-leading-icon {
    0% {
        -webkit-transform: translateX(-32px) translateY(-130%) scale(.75);
        transform: translateX(-32px) translateY(-130%) scale(.75)
    }
    33% {
        -webkit-animation-timing-function: cubic-bezier(.5, 0, .70173, .49582);
        animation-timing-function: cubic-bezier(.5, 0, .70173, .49582);
        -webkit-transform: translateX(calc(4% - 32px)) translateY(-130%) scale(.75);
        transform: translateX(calc(4% - 32px)) translateY(-130%) scale(.75)
    }
    66% {
        -webkit-animation-timing-function: cubic-bezier(.30244, .38135, .55, .95635);
        animation-timing-function: cubic-bezier(.30244, .38135, .55, .95635);
        -webkit-transform: translateX(calc(-4% - 32px)) translateY(-130%) scale(.75);
        transform: translateX(calc(-4% - 32px)) translateY(-130%) scale(.75)
    }
    to {
        -webkit-transform: translateX(-32px) translateY(-130%) scale(.75);
        transform: translateX(-32px) translateY(-130%) scale(.75)
    }
}

@keyframes mdc-floating-label-shake-float-above-select-outlined-leading-icon {
    0% {
        -webkit-transform: translateX(-32px) translateY(-130%) scale(.75);
        transform: translateX(-32px) translateY(-130%) scale(.75)
    }
    33% {
        -webkit-animation-timing-function: cubic-bezier(.5, 0, .70173, .49582);
        animation-timing-function: cubic-bezier(.5, 0, .70173, .49582);
        -webkit-transform: translateX(calc(4% - 32px)) translateY(-130%) scale(.75);
        transform: translateX(calc(4% - 32px)) translateY(-130%) scale(.75)
    }
    66% {
        -webkit-animation-timing-function: cubic-bezier(.30244, .38135, .55, .95635);
        animation-timing-function: cubic-bezier(.30244, .38135, .55, .95635);
        -webkit-transform: translateX(calc(-4% - 32px)) translateY(-130%) scale(.75);
        transform: translateX(calc(-4% - 32px)) translateY(-130%) scale(.75)
    }
    to {
        -webkit-transform: translateX(-32px) translateY(-130%) scale(.75);
        transform: translateX(-32px) translateY(-130%) scale(.75)
    }
}

@-webkit-keyframes mdc-floating-label-shake-float-above-select-outlined-leading-icon-rtl {
    0% {
        -webkit-transform: translateX(32px) translateY(-130%) scale(.75);
        transform: translateX(32px) translateY(-130%) scale(.75)
    }
    33% {
        -webkit-animation-timing-function: cubic-bezier(.5, 0, .70173, .49582);
        animation-timing-function: cubic-bezier(.5, 0, .70173, .49582);
        -webkit-transform: translateX(calc(4% - -32px)) translateY(-130%) scale(.75);
        transform: translateX(calc(4% - -32px)) translateY(-130%) scale(.75)
    }
    66% {
        -webkit-animation-timing-function: cubic-bezier(.30244, .38135, .55, .95635);
        animation-timing-function: cubic-bezier(.30244, .38135, .55, .95635);
        -webkit-transform: translateX(calc(-4% - -32px)) translateY(-130%) scale(.75);
        transform: translateX(calc(-4% - -32px)) translateY(-130%) scale(.75)
    }
    to {
        -webkit-transform: translateX(32px) translateY(-130%) scale(.75);
        transform: translateX(32px) translateY(-130%) scale(.75)
    }
}

@keyframes mdc-floating-label-shake-float-above-select-outlined-leading-icon-rtl {
    0% {
        -webkit-transform: translateX(32px) translateY(-130%) scale(.75);
        transform: translateX(32px) translateY(-130%) scale(.75)
    }
    33% {
        -webkit-animation-timing-function: cubic-bezier(.5, 0, .70173, .49582);
        animation-timing-function: cubic-bezier(.5, 0, .70173, .49582);
        -webkit-transform: translateX(calc(4% - -32px)) translateY(-130%) scale(.75);
        transform: translateX(calc(4% - -32px)) translateY(-130%) scale(.75)
    }
    66% {
        -webkit-animation-timing-function: cubic-bezier(.30244, .38135, .55, .95635);
        animation-timing-function: cubic-bezier(.30244, .38135, .55, .95635);
        -webkit-transform: translateX(calc(-4% - -32px)) translateY(-130%) scale(.75);
        transform: translateX(calc(-4% - -32px)) translateY(-130%) scale(.75)
    }
    to {
        -webkit-transform: translateX(32px) translateY(-130%) scale(.75);
        transform: translateX(32px) translateY(-130%) scale(.75)
    }
}

.mdc-select--with-leading-icon:not(.mdc-select--disabled) .mdc-select__icon {
    color: #000;
    color: var(--mdc-theme-on-surface, #000)
}

.mdc-select--with-leading-icon .mdc-select__icon {
    display: inline-block;
    position: absolute;
    bottom: 16px;
    box-sizing: border-box;
    width: 24px;
    height: 24px;
    border: none;
    background-color: transparent;
    fill: currentColor;
    opacity: .54;
    text-decoration: none;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.mdc-select__icon:not([tabindex]), .mdc-select__icon[tabindex="-1"] {
    cursor: default;
    pointer-events: none
}

.mdc-select-helper-text {
    font-family: -apple-system, Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, SimSun, Segoe UI, Roboto, sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: .75rem;
    line-height: 1.25rem;
    font-weight: 400;
    letter-spacing: .03333em;
    text-decoration: inherit;
    text-transform: inherit;
    display: block;
    line-height: normal;
    margin: 0;
    -webkit-transition: opacity .18s cubic-bezier(.4, 0, .2, 1);
    transition: opacity .18s cubic-bezier(.4, 0, .2, 1);
    opacity: 0;
    will-change: opacity
}

.mdc-select-helper-text:before {
    display: inline-block;
    width: 0;
    height: 16px;
    content: "";
    vertical-align: 0
}

.mdc-select-helper-text--persistent {
    -webkit-transition: none;
    transition: none;
    opacity: 1;
    will-change: auto
}

.mdc-list {
    font-family: -apple-system, Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, SimSun, Segoe UI, Roboto, sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 1rem;
    line-height: 1.75rem;
    font-weight: 400;
    letter-spacing: .00937em;
    text-decoration: inherit;
    text-transform: inherit;
    line-height: 1.5rem;
    margin: 0;
    padding: 8px 0;
    list-style-type: none;
    color: rgba(0, 0, 0, .87);
    color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, .87))
}

.mdc-list:focus {
    outline: none
}

.mdc-list-item__secondary-text {
    color: rgba(0, 0, 0, .54);
    color: var(--mdc-theme-text-secondary-on-background, rgba(0, 0, 0, .54))
}

.mdc-list-item__graphic {
    background-color: transparent;
    color: rgba(0, 0, 0, .38);
    color: var(--mdc-theme-text-icon-on-background, rgba(0, 0, 0, .38))
}

.mdc-list-item__meta {
    color: rgba(0, 0, 0, .38);
    color: var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, .38))
}

.mdc-list-group__subheader {
    color: rgba(0, 0, 0, .87);
    color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, .87))
}

.mdc-list--dense {
    padding-top: 4px;
    padding-bottom: 4px;
    font-size: .812rem
}

.mdc-list-item {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: flex-start;
    height: 48px;
    padding: 0 16px;
    overflow: hidden
}

.mdc-list-item:focus {
    outline: none
}

.mdc-list-item--activated, .mdc-list-item--activated .mdc-list-item__graphic, .mdc-list-item--selected, .mdc-list-item--selected .mdc-list-item__graphic {
    color: #44acb6;
    color: var(--mdc-theme-primary, #44acb6)
}

.mdc-list-item--disabled {
    color: rgba(0, 0, 0, .38);
    color: var(--mdc-theme-text-disabled-on-background, rgba(0, 0, 0, .38))
}

.mdc-list-item__graphic {
    margin-left: 0;
    margin-right: 32px;
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    fill: currentColor
}

.mdc-list-item[dir=rtl] .mdc-list-item__graphic, [dir=rtl] .mdc-list-item .mdc-list-item__graphic {
    margin-left: 32px;
    margin-right: 0
}

.mdc-list .mdc-list-item__graphic {
    display: inline-flex
}

.mdc-list-item__meta {
    margin-left: auto;
    margin-right: 0
}

.mdc-list-item__meta:not(.material-icons) {
    font-family: -apple-system, Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, SimSun, Segoe UI, Roboto, sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: .75rem;
    line-height: 1.25rem;
    font-weight: 400;
    letter-spacing: .03333em;
    text-decoration: inherit;
    text-transform: inherit
}

.mdc-list-item[dir=rtl] .mdc-list-item__meta, [dir=rtl] .mdc-list-item .mdc-list-item__meta {
    margin-left: 0;
    margin-right: auto
}

.mdc-list-item__text {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.mdc-list-item__text[for] {
    pointer-events: none
}

.mdc-list-item__primary-text {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-top: 0;
    line-height: normal;
    margin-bottom: -20px;
    display: block
}

.mdc-list-item__primary-text:before {
    display: inline-block;
    width: 0;
    height: 32px;
    content: "";
    vertical-align: 0
}

.mdc-list-item__primary-text:after {
    display: inline-block;
    width: 0;
    height: 20px;
    content: "";
    vertical-align: -20px
}

.mdc-list--dense .mdc-list-item__primary-text {
    display: block;
    margin-top: 0;
    line-height: normal;
    margin-bottom: -20px
}

.mdc-list--dense .mdc-list-item__primary-text:before {
    display: inline-block;
    width: 0;
    height: 24px;
    content: "";
    vertical-align: 0
}

.mdc-list--dense .mdc-list-item__primary-text:after {
    display: inline-block;
    width: 0;
    height: 20px;
    content: "";
    vertical-align: -20px
}

.mdc-list-item__secondary-text {
    font-family: -apple-system, Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, SimSun, Segoe UI, Roboto, sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 400;
    letter-spacing: .01786em;
    text-decoration: inherit;
    text-transform: inherit;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-top: 0;
    line-height: normal;
    display: block
}

.mdc-list-item__secondary-text:before {
    display: inline-block;
    width: 0;
    height: 20px;
    content: "";
    vertical-align: 0
}

.mdc-list--dense .mdc-list-item__secondary-text {
    display: block;
    margin-top: 0;
    line-height: normal;
    font-size: inherit
}

.mdc-list--dense .mdc-list-item__secondary-text:before {
    display: inline-block;
    width: 0;
    height: 20px;
    content: "";
    vertical-align: 0
}

.mdc-list--dense .mdc-list-item {
    height: 40px
}

.mdc-list--dense .mdc-list-item__graphic {
    margin-left: 0;
    margin-right: 36px;
    width: 20px;
    height: 20px
}

.mdc-list-item[dir=rtl] .mdc-list--dense .mdc-list-item__graphic, [dir=rtl] .mdc-list-item .mdc-list--dense .mdc-list-item__graphic {
    margin-left: 36px;
    margin-right: 0
}

.mdc-list--avatar-list .mdc-list-item {
    height: 56px
}

.mdc-list--avatar-list .mdc-list-item__graphic {
    margin-left: 0;
    margin-right: 16px;
    width: 40px;
    height: 40px;
    border-radius: 50%
}

.mdc-list-item[dir=rtl] .mdc-list--avatar-list .mdc-list-item__graphic, [dir=rtl] .mdc-list-item .mdc-list--avatar-list .mdc-list-item__graphic {
    margin-left: 16px;
    margin-right: 0
}

.mdc-list--two-line .mdc-list-item__text {
    align-self: flex-start
}

.mdc-list--two-line .mdc-list-item {
    height: 72px
}

.mdc-list--avatar-list.mdc-list--dense .mdc-list-item, .mdc-list--two-line.mdc-list--dense .mdc-list-item {
    height: 60px
}

.mdc-list--avatar-list.mdc-list--dense .mdc-list-item__graphic {
    margin-left: 0;
    margin-right: 20px;
    width: 36px;
    height: 36px
}

.mdc-list-item[dir=rtl] .mdc-list--avatar-list.mdc-list--dense .mdc-list-item__graphic, [dir=rtl] .mdc-list-item .mdc-list--avatar-list.mdc-list--dense .mdc-list-item__graphic {
    margin-left: 20px;
    margin-right: 0
}

:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item {
    cursor: pointer
}

a.mdc-list-item {
    color: inherit;
    text-decoration: none
}

.mdc-list-divider {
    height: 0;
    margin: 0;
    border: none;
    border-bottom: 1px solid;
    border-bottom-color: rgba(0, 0, 0, .12)
}

.mdc-list-divider--padded {
    margin: 0 16px
}

.mdc-list-divider--inset {
    margin-left: 72px;
    margin-right: 0;
    width: calc(100% - 72px)
}

.mdc-list-group[dir=rtl] .mdc-list-divider--inset, [dir=rtl] .mdc-list-group .mdc-list-divider--inset {
    margin-left: 0;
    margin-right: 72px
}

.mdc-list-divider--inset.mdc-list-divider--padded {
    width: calc(100% - 88px)
}

.mdc-list-group .mdc-list {
    padding: 0
}

.mdc-list-group__subheader {
    font-family: -apple-system, Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, SimSun, Segoe UI, Roboto, sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 1rem;
    line-height: 1.75rem;
    font-weight: 400;
    letter-spacing: .00937em;
    text-decoration: inherit;
    text-transform: inherit;
    margin: .75rem 16px
}

:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item {
    --mdc-ripple-fg-size: 0;
    --mdc-ripple-left: 0;
    --mdc-ripple-top: 0;
    --mdc-ripple-fg-scale: 1;
    --mdc-ripple-fg-translate-end: 0;
    --mdc-ripple-fg-translate-start: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    will-change: transform, opacity
}

:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item:after, :not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item:before {
    position: absolute;
    border-radius: 50%;
    opacity: 0;
    pointer-events: none;
    content: ""
}

:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item:before {
    -webkit-transition: opacity 15ms linear, background-color 15ms linear;
    transition: opacity 15ms linear, background-color 15ms linear;
    z-index: 1
}

:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded:before {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
    transform: scale(var(--mdc-ripple-fg-scale, 1))
}

:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded:after {
    top: 0;
    left: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: center center;
    transform-origin: center center
}

:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--unbounded:after {
    top: 0;
    top: var(--mdc-ripple-top, 0);
    left: 0;
    left: var(--mdc-ripple-left, 0)
}

:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--foreground-activation:after {
    -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
    animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards
}

:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--foreground-deactivation:after {
    -webkit-animation: mdc-ripple-fg-opacity-out .15s;
    animation: mdc-ripple-fg-opacity-out .15s;
    -webkit-transform: translate(0) scale(1);
    transform: translate(0) scale(1);
    -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
    transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))
}

:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item:after, :not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item:before {
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%
}

:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded:after {
    width: 100%;
    width: var(--mdc-ripple-fg-size, 100%);
    height: 100%;
    height: var(--mdc-ripple-fg-size, 100%)
}

:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item:after, :not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item:before {
    background-color: #000
}

:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item:hover:before {
    opacity: .04
}

:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--background-focused:before, :not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item:not(.mdc-ripple-upgraded):focus:before {
    -webkit-transition-duration: 75ms;
    transition-duration: 75ms;
    opacity: .12
}

:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item:not(.mdc-ripple-upgraded):after {
    -webkit-transition: opacity .15s linear;
    transition: opacity .15s linear
}

:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item:not(.mdc-ripple-upgraded):active:after {
    -webkit-transition-duration: 75ms;
    transition-duration: 75ms;
    opacity: .12
}

:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded {
    --mdc-ripple-fg-opacity: 0.12
}

:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item--activated:before {
    opacity: .24
}

:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item--activated:after, :not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item--activated:before {
    background-color: #44acb6
}

@supports not (-ms-ime-align:auto) {
    :not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item--activated:after, :not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item--activated:before {
        background-color: #44acb6;
        background-color: var(--mdc-theme-primary, #44acb6)
    }
}

:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item--activated:hover:before {
    opacity: .32
}

:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item--activated.mdc-ripple-upgraded--background-focused:before, :not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item--activated:not(.mdc-ripple-upgraded):focus:before {
    -webkit-transition-duration: 75ms;
    transition-duration: 75ms;
    opacity: .48
}

:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item--activated:not(.mdc-ripple-upgraded):after {
    -webkit-transition: opacity .15s linear;
    transition: opacity .15s linear
}

:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item--activated:not(.mdc-ripple-upgraded):active:after {
    -webkit-transition-duration: 75ms;
    transition-duration: 75ms;
    opacity: .48
}

:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item--activated.mdc-ripple-upgraded {
    --mdc-ripple-fg-opacity: 0.48
}

:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item--selected:before {
    opacity: .16
}

:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item--selected:after, :not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item--selected:before {
    background-color: #44acb6
}

@supports not (-ms-ime-align:auto) {
    :not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item--selected:after, :not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item--selected:before {
        background-color: #44acb6;
        background-color: var(--mdc-theme-primary, #44acb6)
    }
}

:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item--selected:hover:before {
    opacity: .24
}

:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item--selected.mdc-ripple-upgraded--background-focused:before, :not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item--selected:not(.mdc-ripple-upgraded):focus:before {
    -webkit-transition-duration: 75ms;
    transition-duration: 75ms;
    opacity: .4
}

:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item--selected:not(.mdc-ripple-upgraded):after {
    -webkit-transition: opacity .15s linear;
    transition: opacity .15s linear
}

:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item--selected:not(.mdc-ripple-upgraded):active:after {
    -webkit-transition-duration: 75ms;
    transition-duration: 75ms;
    opacity: .4
}

:not(.mdc-list--non-interactive)>:not(.mdc-list-item--disabled).mdc-list-item--selected.mdc-ripple-upgraded {
    --mdc-ripple-fg-opacity: 0.4
}

:not(.mdc-list--non-interactive)>.mdc-list-item--disabled {
    --mdc-ripple-fg-size: 0;
    --mdc-ripple-left: 0;
    --mdc-ripple-top: 0;
    --mdc-ripple-fg-scale: 1;
    --mdc-ripple-fg-translate-end: 0;
    --mdc-ripple-fg-translate-start: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    will-change: transform, opacity
}

:not(.mdc-list--non-interactive)>.mdc-list-item--disabled:after, :not(.mdc-list--non-interactive)>.mdc-list-item--disabled:before {
    position: absolute;
    border-radius: 50%;
    opacity: 0;
    pointer-events: none;
    content: ""
}

:not(.mdc-list--non-interactive)>.mdc-list-item--disabled:before {
    -webkit-transition: opacity 15ms linear, background-color 15ms linear;
    transition: opacity 15ms linear, background-color 15ms linear;
    z-index: 1
}

:not(.mdc-list--non-interactive)>.mdc-list-item--disabled.mdc-ripple-upgraded:before {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
    transform: scale(var(--mdc-ripple-fg-scale, 1))
}

:not(.mdc-list--non-interactive)>.mdc-list-item--disabled.mdc-ripple-upgraded:after {
    top: 0;
    left: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: center center;
    transform-origin: center center
}

:not(.mdc-list--non-interactive)>.mdc-list-item--disabled.mdc-ripple-upgraded--unbounded:after {
    top: 0;
    top: var(--mdc-ripple-top, 0);
    left: 0;
    left: var(--mdc-ripple-left, 0)
}

:not(.mdc-list--non-interactive)>.mdc-list-item--disabled.mdc-ripple-upgraded--foreground-activation:after {
    -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
    animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards
}

:not(.mdc-list--non-interactive)>.mdc-list-item--disabled.mdc-ripple-upgraded--foreground-deactivation:after {
    -webkit-animation: mdc-ripple-fg-opacity-out .15s;
    animation: mdc-ripple-fg-opacity-out .15s;
    -webkit-transform: translate(0) scale(1);
    transform: translate(0) scale(1);
    -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
    transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))
}

:not(.mdc-list--non-interactive)>.mdc-list-item--disabled:after, :not(.mdc-list--non-interactive)>.mdc-list-item--disabled:before {
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%
}

:not(.mdc-list--non-interactive)>.mdc-list-item--disabled.mdc-ripple-upgraded:after {
    width: 100%;
    width: var(--mdc-ripple-fg-size, 100%);
    height: 100%;
    height: var(--mdc-ripple-fg-size, 100%)
}

:not(.mdc-list--non-interactive)>.mdc-list-item--disabled:after, :not(.mdc-list--non-interactive)>.mdc-list-item--disabled:before {
    background-color: #000
}

:not(.mdc-list--non-interactive)>.mdc-list-item--disabled.mdc-ripple-upgraded--background-focused:before, :not(.mdc-list--non-interactive)>.mdc-list-item--disabled:not(.mdc-ripple-upgraded):focus:before {
    -webkit-transition-duration: 75ms;
    transition-duration: 75ms;
    opacity: .24
}

.mdc-menu-surface {
    display: none;
    position: absolute;
    box-sizing: border-box;
    max-width: calc(100vw - 32px);
    max-height: calc(100vh - 32px);
    margin: 0;
    padding: 0;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    opacity: 0;
    overflow: auto;
    will-change: transform, opacity;
    z-index: 8;
    -webkit-transition: opacity .03s linear, -webkit-transform .12s cubic-bezier(0, 0, .2, 1);
    transition: opacity .03s linear, -webkit-transform .12s cubic-bezier(0, 0, .2, 1);
    transition: opacity .03s linear, transform .12s cubic-bezier(0, 0, .2, 1);
    transition: opacity .03s linear, transform .12s cubic-bezier(0, 0, .2, 1), -webkit-transform .12s cubic-bezier(0, 0, .2, 1);
    box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12);
    background-color: #fff;
    background-color: var(--mdc-theme-surface, #fff);
    color: #000;
    color: var(--mdc-theme-on-surface, #000);
    border-radius: 4px;
    transform-origin-left: top left;
    transform-origin-right: top right
}

.mdc-menu-surface:focus {
    outline: none
}

.mdc-menu-surface--open {
    display: inline-block;
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.mdc-menu-surface--animating-open {
    display: inline-block;
    -webkit-transform: scale(.8);
    transform: scale(.8);
    opacity: 0
}

.mdc-menu-surface--animating-closed {
    display: inline-block;
    opacity: 0;
    -webkit-transition: opacity 75ms linear;
    transition: opacity 75ms linear
}

.mdc-menu-surface[dir=rtl], [dir=rtl] .mdc-menu-surface {
    transform-origin-left: top right;
    transform-origin-right: top left
}

.mdc-menu-surface--anchor {
    position: relative;
    overflow: visible
}

.mdc-menu-surface--fixed {
    position: fixed
}

.mdc-menu {
    min-width: 112px
}

.mdc-menu .mdc-list, .mdc-menu .mdc-list-item__graphic, .mdc-menu .mdc-list-item__meta {
    color: rgba(0, 0, 0, .87)
}

.mdc-menu .mdc-list-divider {
    margin: 8px 0
}

.mdc-menu .mdc-list-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.mdc-menu .mdc-list-item--disabled {
    cursor: auto
}

.mdc-menu a.mdc-list-item .mdc-list-item__graphic, .mdc-menu a.mdc-list-item .mdc-list-item__text {
    pointer-events: none
}

.mdc-menu__selection-group {
    padding: 0;
    fill: currentColor
}

.mdc-menu__selection-group .mdc-list-item {
    padding-left: 56px;
    padding-right: 16px
}

.mdc-menu__selection-group .mdc-list-item[dir=rtl], [dir=rtl] .mdc-menu__selection-group .mdc-list-item {
    padding-left: 16px;
    padding-right: 56px
}

.mdc-menu__selection-group .mdc-menu__selection-group-icon {
    left: 16px;
    right: auto;
    display: none;
    position: absolute
}

.mdc-menu__selection-group .mdc-menu__selection-group-icon[dir=rtl], [dir=rtl] .mdc-menu__selection-group .mdc-menu__selection-group-icon {
    left: auto;
    right: 16px
}

.mdc-menu-item--selected .mdc-menu__selection-group-icon {
    display: inline
}

.mdc-dialog, .mdc-dialog__scrim {
    position: fixed;
    top: 0;
    left: 0;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 100%;
    height: 100%
}

.mdc-dialog {
    display: none;
    z-index: 7
}

.mdc-dialog .mdc-dialog__surface {
    background-color: #fff;
    background-color: var(--mdc-theme-surface, #fff)
}

.mdc-dialog .mdc-dialog__scrim {
    background-color: rgba(0, 0, 0, .32)
}

.mdc-dialog .mdc-dialog__title {
    color: rgba(0, 0, 0, .87)
}

.mdc-dialog .mdc-dialog__content {
    color: rgba(0, 0, 0, .6)
}

.mdc-dialog.mdc-dialog--scrollable .mdc-dialog__actions, .mdc-dialog.mdc-dialog--scrollable .mdc-dialog__title {
    border-color: rgba(0, 0, 0, .12)
}

.mdc-dialog .mdc-dialog__surface {
    min-width: 280px
}

@media (max-width:592px) {
    .mdc-dialog .mdc-dialog__surface {
        max-width: calc(100vw - 32px)
    }
}

@media (min-width:592px) {
    .mdc-dialog .mdc-dialog__surface {
        max-width: 560px
    }
}

.mdc-dialog .mdc-dialog__surface {
    max-height: calc(100vh - 32px);
    border-radius: 4px
}

.mdc-dialog__scrim {
    opacity: 0;
    z-index: -1
}

.mdc-dialog__container {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    box-sizing: border-box;
    -webkit-transform: scale(.8);
    transform: scale(.8);
    opacity: 0
}

.mdc-dialog__surface {
    box-shadow: 0 11px 15px -7px rgba(0, 0, 0, .2), 0 24px 38px 3px rgba(0, 0, 0, .14), 0 9px 46px 8px rgba(0, 0, 0, .12);
    display: flex;
    flex-direction: column;
    flex-grow: 0;
    flex-shrink: 0;
    box-sizing: border-box;
    max-width: 100%;
    max-height: 100%
}

.mdc-dialog[dir=rtl] .mdc-dialog__surface, [dir=rtl] .mdc-dialog .mdc-dialog__surface {
    text-align: right
}

.mdc-dialog__title {
    line-height: normal;
    font-family: -apple-system, Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, SimSun, Segoe UI, Roboto, sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 1.25rem;
    line-height: 2rem;
    font-weight: 500;
    letter-spacing: .0125em;
    text-decoration: inherit;
    text-transform: inherit;
    display: block;
    position: relative;
    flex-shrink: 0;
    box-sizing: border-box;
    margin: 0;
    padding: 0 24px 9px;
    border-bottom: 1px solid transparent
}

.mdc-dialog__title:before {
    display: inline-block;
    width: 0;
    height: 40px;
    content: "";
    vertical-align: 0
}

.mdc-dialog[dir=rtl] .mdc-dialog__title, [dir=rtl] .mdc-dialog .mdc-dialog__title {
    text-align: right
}

.mdc-dialog--scrollable .mdc-dialog__title {
    padding-bottom: 15px
}

.mdc-dialog__content {
    font-family: -apple-system, Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, SimSun, Segoe UI, Roboto, sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 400;
    letter-spacing: .03125em;
    text-decoration: inherit;
    text-transform: inherit;
    flex-grow: 1;
    box-sizing: border-box;
    margin: 0;
    padding: 20px 24px;
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.mdc-dialog__content>:first-child {
    margin-top: 0
}

.mdc-dialog__content>:last-child {
    margin-bottom: 0
}

.mdc-dialog__title+.mdc-dialog__content {
    padding-top: 0
}

.mdc-dialog--scrollable .mdc-dialog__content {
    padding-top: 8px;
    padding-bottom: 8px
}

.mdc-dialog__content .mdc-list:first-child:last-child {
    padding: 6px 0 0
}

.mdc-dialog--scrollable .mdc-dialog__content .mdc-list:first-child:last-child {
    padding: 0
}

.mdc-dialog__actions {
    display: flex;
    position: relative;
    flex-shrink: 0;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    box-sizing: border-box;
    min-height: 52px;
    margin: 0;
    padding: 8px;
    border-top: 1px solid transparent
}

.mdc-dialog--stacked .mdc-dialog__actions {
    flex-direction: column;
    align-items: flex-end
}

.mdc-dialog__button {
    margin-left: 8px;
    margin-right: 0;
    max-width: 100%;
    text-align: right
}

.mdc-dialog__button[dir=rtl], [dir=rtl] .mdc-dialog__button {
    margin-left: 0;
    margin-right: 8px
}

.mdc-dialog__button:first-child {
    margin-left: 0;
    margin-right: 0
}

.mdc-dialog__button:first-child[dir=rtl], [dir=rtl] .mdc-dialog__button:first-child {
    margin-left: 0;
    margin-right: 0
}

.mdc-dialog[dir=rtl] .mdc-dialog__button, [dir=rtl] .mdc-dialog .mdc-dialog__button {
    text-align: left
}

.mdc-dialog--stacked .mdc-dialog__button:not(:first-child) {
    margin-top: 12px
}

.mdc-dialog--closing, .mdc-dialog--open, .mdc-dialog--opening {
    display: flex
}

.mdc-dialog--opening .mdc-dialog__scrim {
    -webkit-transition: opacity .15s linear;
    transition: opacity .15s linear
}

.mdc-dialog--opening .mdc-dialog__container {
    -webkit-transition: opacity 75ms linear, -webkit-transform .15s cubic-bezier(0, 0, .2, 1) 0ms;
    transition: opacity 75ms linear, -webkit-transform .15s cubic-bezier(0, 0, .2, 1) 0ms;
    transition: opacity 75ms linear, transform .15s cubic-bezier(0, 0, .2, 1) 0ms;
    transition: opacity 75ms linear, transform .15s cubic-bezier(0, 0, .2, 1) 0ms, -webkit-transform .15s cubic-bezier(0, 0, .2, 1) 0ms
}

.mdc-dialog--closing .mdc-dialog__container, .mdc-dialog--closing .mdc-dialog__scrim {
    -webkit-transition: opacity 75ms linear;
    transition: opacity 75ms linear
}

.mdc-dialog--closing .mdc-dialog__container {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.mdc-dialog--open .mdc-dialog__scrim {
    opacity: 1
}

.mdc-dialog--open .mdc-dialog__container {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.mdc-dialog-scroll-lock {
    overflow: hidden
}

.tr-form {
    display: block;
    width: 300px
}

.tr-form .group-field {
    display: flex;
    flex-direction: column;
    justify-content: flex-start
}

.tr-form .group-field.inline {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    align-content: flex-start
}

.tr-form .group-field.inline .checkbox, .tr-form .group-field.inline .radio {
    display: inline-block;
    margin: 0 24px 0 0
}

.tr-form .group-field .radio:not(:last-child) tr-radio-button-field .mdc-text-field-helper-text {
    display: none
}

.tr-form .form-buttons.mdc-dialog__actions {
    margin: 5px -24px 0
}

.tr-form tr-sticky-panel .form-buttons {
    margin: 0;
    padding: 16px 0
}

.tr-form tr-sticky-panel .form-buttons button {
    margin: 0
}

.tr-form .tr-form-input .mdc-select-helper-text:before, .tr-form .tr-form-input .mdc-text-field-helper-line .mdc-text-field-helper-text:before {
    height: 12px
}

.tr-form .tr-form-input.tr-form-input--with-hint .mdc-select--focused+.mdc-select-helper-text:before, .tr-form .tr-form-input.tr-form-input--with-hint .mdc-text-field--focused+.mdc-text-field-helper-line .mdc-text-field-helper-text:before {
    height: 16px
}

+.form-buttons .tr-form .tr-form-input.tr-form-input--with-hint.mdc-dialog__actions {
    margin-top: 24px
}

.tr-form .tr-form-input.tr-form-input--invalid .mdc-select--invalid+.mdc-select-helper-text, .tr-form .tr-form-input.tr-form-input--invalid .mdc-text-field--invalid+.mdc-text-field-helper-line .mdc-text-field-helper-text {
    margin-bottom: 8px
}

.tr-form .tr-form-input.tr-form-input--invalid .mdc-select--invalid+.mdc-select-helper-text:before, .tr-form .tr-form-input.tr-form-input--invalid .mdc-text-field--invalid+.mdc-text-field-helper-line .mdc-text-field-helper-text:before {
    height: 16px
}

.tr-form .tr-form-input.tr-form-input--invalid .mdc-select-helper-text {
    color: #df3c2f;
    opacity: 1
}

.tr-form .tr-form-field__error-notification {
    color: #df3c2f;
    margin-bottom: 20px
}

.tr-dialog .tr-form, tr-dialog .tr-form {
    width: 100%
}

tr-text-field {
    display: flex;
    flex-direction: column;
    align-items: stretch
}

tr-text-field input[type=email], tr-text-field input[type=number], tr-text-field input[type=password], tr-text-field input[type=tel], tr-text-field input[type=text], tr-text-field textarea {
    width: 100%;
    height: 100%
}

tr-text-field input[type=email]:focus, tr-text-field input[type=number]:focus, tr-text-field input[type=password]:focus, tr-text-field input[type=tel]:focus, tr-text-field input[type=text]:focus, tr-text-field textarea:focus {
    box-shadow: none
}

tr-text-field textarea.mdc-text-field__input {
    font-size: 14px
}

tr-text-field .mdc-text-field--outlined input[disabled] {
    background-color: transparent
}

.mdc-text-field.mdc-text-field--outlined .mdc-floating-label {
    top: 11px;
    font-size: 14px
}

.mdc-text-field.mdc-text-field--outlined .mdc-floating-label.mdc-floating-label--float-above {
    font-size: 14px!important
}

.mdc-text-field.mdc-text-field--outlined .mdc-floating-label--float-above {
    -webkit-transform: translateY(-117%) scale(1);
    transform: translateY(-117%) scale(1);
    font-size: .75rem
}

.mdc-text-field.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above, .mdc-text-field.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    -webkit-transform: translateY(-103%) scale(.75);
    transform: translateY(-103%) scale(.75);
    font-size: 1rem
}

.mdc-text-field.mdc-text-field--outlined.mdc-text-field--with-leading-icon .mdc-floating-label--float-above {
    -webkit-transform: translateY(-117%) translateX(-32px) scale(1);
    transform: translateY(-117%) translateX(-32px) scale(1)
}

.mdc-text-field.mdc-text-field--outlined.mdc-text-field--with-leading-icon .mdc-floating-label--float-above[dir=rtl], [dir=rtl] .mdc-text-field.mdc-text-field--outlined.mdc-text-field--with-leading-icon .mdc-floating-label--float-above {
    -webkit-transform: translateY(-117%) translateX(32px) scale(1);
    transform: translateY(-117%) translateX(32px) scale(1)
}

.mdc-text-field.mdc-text-field--outlined.mdc-text-field--with-leading-icon .mdc-floating-label--float-above {
    font-size: .75rem
}

.mdc-text-field.mdc-text-field--outlined.mdc-text-field--with-leading-icon.mdc-notched-outline--upgraded .mdc-floating-label--float-above, .mdc-text-field.mdc-text-field--outlined.mdc-text-field--with-leading-icon .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    -webkit-transform: translateY(-103%) translateX(-32px) scale(.75);
    transform: translateY(-103%) translateX(-32px) scale(.75)
}

.mdc-text-field.mdc-text-field--outlined.mdc-text-field--with-leading-icon.mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl], .mdc-text-field.mdc-text-field--outlined.mdc-text-field--with-leading-icon .mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl], [dir=rtl] .mdc-text-field.mdc-text-field--outlined.mdc-text-field--with-leading-icon.mdc-notched-outline--upgraded .mdc-floating-label--float-above, [dir=rtl] .mdc-text-field.mdc-text-field--outlined.mdc-text-field--with-leading-icon .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    -webkit-transform: translateY(-103%) translateX(32px) scale(.75);
    transform: translateY(-103%) translateX(32px) scale(.75)
}

.mdc-button, .mdc-text-field.mdc-text-field--outlined.mdc-text-field--with-leading-icon.mdc-notched-outline--upgraded .mdc-floating-label--float-above, .mdc-text-field.mdc-text-field--outlined.mdc-text-field--with-leading-icon .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
    font-size: 1rem
}

.mdc-button {
    font-family: -apple-system, Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, SimSun, Segoe UI, Roboto, sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    line-height: 2.25rem;
    font-weight: 500;
    letter-spacing: .08929em;
    text-decoration: none;
    text-transform: uppercase;
    padding: 0 8px;
    display: inline-flex;
    position: relative;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-width: 64px;
    height: 44px;
    border: none;
    outline: none;
    line-height: inherit;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-appearance: none;
    overflow: hidden;
    vertical-align: middle;
    border-radius: 4px
}

.mdc-button::-moz-focus-inner {
    padding: 0;
    border: 0
}

.mdc-button:active {
    outline: none
}

.mdc-button:hover {
    cursor: pointer
}

.mdc-button:disabled {
    background-color: transparent;
    color: rgba(0, 0, 0, .36);
    cursor: default;
    pointer-events: none
}

.mdc-button.mdc-button--dense {
    border-radius: 4px
}

.mdc-button:not(:disabled) {
    background-color: transparent
}

.mdc-button .mdc-button__icon {
    margin-left: 0;
    margin-right: 8px;
    display: inline-block;
    width: 18px;
    height: 18px;
    font-size: 18px;
    vertical-align: top
}

.mdc-button .mdc-button__icon[dir=rtl], [dir=rtl] .mdc-button .mdc-button__icon {
    margin-left: 8px;
    margin-right: 0
}

.mdc-button:not(:disabled) {
    color: #44acb6;
    color: var(--mdc-theme-primary, #44acb6)
}

.mdc-button__label+.mdc-button__icon {
    margin-left: 8px;
    margin-right: 0
}

.mdc-button__label+.mdc-button__icon[dir=rtl], [dir=rtl] .mdc-button__label+.mdc-button__icon {
    margin-left: 0;
    margin-right: 8px
}

svg.mdc-button__icon {
    fill: currentColor
}

.mdc-button--outlined .mdc-button__icon, .mdc-button--raised .mdc-button__icon, .mdc-button--unelevated .mdc-button__icon {
    margin-left: -4px;
    margin-right: 8px
}

.mdc-button--outlined .mdc-button__icon[dir=rtl], .mdc-button--raised .mdc-button__icon[dir=rtl], .mdc-button--unelevated .mdc-button__icon[dir=rtl], [dir=rtl] .mdc-button--outlined .mdc-button__icon, [dir=rtl] .mdc-button--raised .mdc-button__icon, [dir=rtl] .mdc-button--unelevated .mdc-button__icon {
    margin-left: 8px;
    margin-right: -4px
}

.mdc-button--outlined .mdc-button__label+.mdc-button__icon, .mdc-button--raised .mdc-button__label+.mdc-button__icon, .mdc-button--unelevated .mdc-button__label+.mdc-button__icon {
    margin-left: 8px;
    margin-right: -4px
}

.mdc-button--outlined .mdc-button__label+.mdc-button__icon[dir=rtl], .mdc-button--raised .mdc-button__label+.mdc-button__icon[dir=rtl], .mdc-button--unelevated .mdc-button__label+.mdc-button__icon[dir=rtl], [dir=rtl] .mdc-button--outlined .mdc-button__label+.mdc-button__icon, [dir=rtl] .mdc-button--raised .mdc-button__label+.mdc-button__icon, [dir=rtl] .mdc-button--unelevated .mdc-button__label+.mdc-button__icon {
    margin-left: -4px;
    margin-right: 8px
}

.mdc-button--raised, .mdc-button--unelevated {
    padding: 0 16px
}

.mdc-button--raised:disabled, .mdc-button--unelevated:disabled {
    background-color: rgba(0, 0, 0, .12);
    color: rgba(0, 0, 0, .36)
}

.mdc-button--raised:not(:disabled), .mdc-button--unelevated:not(:disabled) {
    background-color: #44acb6
}

@supports not (-ms-ime-align:auto) {
    .mdc-button--raised:not(:disabled), .mdc-button--unelevated:not(:disabled) {
        background-color: #44acb6;
        background-color: var(--mdc-theme-primary, #44acb6)
    }
}

.mdc-button--raised:not(:disabled), .mdc-button--unelevated:not(:disabled) {
    color: #fff;
    color: var(--mdc-theme-on-primary, #fff)
}

.mdc-button--raised {
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
    -webkit-transition: box-shadow .28s cubic-bezier(.4, 0, .2, 1);
    transition: box-shadow .28s cubic-bezier(.4, 0, .2, 1)
}

.mdc-button--raised:focus, .mdc-button--raised:hover {
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, .2), 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12)
}

.mdc-button--raised:active {
    box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12)
}

.mdc-button--raised:disabled {
    box-shadow: 0 0 0 0 rgba(0, 0, 0, .2), 0 0 0 0 rgba(0, 0, 0, .14), 0 0 0 0 rgba(0, 0, 0, .12)
}

.mdc-button--outlined {
    border-style: solid;
    padding: 0 15px;
    border-width: 1px
}

.mdc-button--outlined:disabled {
    border-color: rgba(0, 0, 0, .36)
}

.mdc-button--outlined:not(:disabled) {
    border-color: #44acb6;
    border-color: var(--mdc-theme-primary, #44acb6)
}

.mdc-button--dense {
    height: 32px;
    font-size: .8125rem
}

.mdc-button {
    --mdc-ripple-fg-size: 0;
    --mdc-ripple-left: 0;
    --mdc-ripple-top: 0;
    --mdc-ripple-fg-scale: 1;
    --mdc-ripple-fg-translate-end: 0;
    --mdc-ripple-fg-translate-start: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    will-change: transform, opacity
}

.mdc-button:after, .mdc-button:before {
    position: absolute;
    border-radius: 50%;
    opacity: 0;
    pointer-events: none;
    content: ""
}

.mdc-button:before {
    -webkit-transition: opacity 15ms linear, background-color 15ms linear;
    transition: opacity 15ms linear, background-color 15ms linear;
    z-index: 1
}

.mdc-button.mdc-ripple-upgraded:before {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
    transform: scale(var(--mdc-ripple-fg-scale, 1))
}

.mdc-button.mdc-ripple-upgraded:after {
    top: 0;
    left: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: center center;
    transform-origin: center center
}

.mdc-button.mdc-ripple-upgraded--unbounded:after {
    top: 0;
    top: var(--mdc-ripple-top, 0);
    left: 0;
    left: var(--mdc-ripple-left, 0)
}

.mdc-button.mdc-ripple-upgraded--foreground-activation:after {
    -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
    animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards
}

.mdc-button.mdc-ripple-upgraded--foreground-deactivation:after {
    -webkit-animation: mdc-ripple-fg-opacity-out .15s;
    animation: mdc-ripple-fg-opacity-out .15s;
    -webkit-transform: translate(0) scale(1);
    transform: translate(0) scale(1);
    -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
    transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))
}

.mdc-button:after, .mdc-button:before {
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%
}

.mdc-button.mdc-ripple-upgraded:after {
    width: 100%;
    width: var(--mdc-ripple-fg-size, 100%);
    height: 100%;
    height: var(--mdc-ripple-fg-size, 100%)
}

.mdc-button:after, .mdc-button:before {
    background-color: #44acb6
}

@supports not (-ms-ime-align:auto) {
    .mdc-button:after, .mdc-button:before {
        background-color: #44acb6;
        background-color: var(--mdc-theme-primary, #44acb6)
    }
}

.mdc-button:hover:before {
    opacity: .08
}

.mdc-button.mdc-ripple-upgraded--background-focused:before, .mdc-button:not(.mdc-ripple-upgraded):focus:before {
    -webkit-transition-duration: 75ms;
    transition-duration: 75ms;
    opacity: .24
}

.mdc-button:not(.mdc-ripple-upgraded):after {
    -webkit-transition: opacity .15s linear;
    transition: opacity .15s linear
}

.mdc-button:not(.mdc-ripple-upgraded):active:after {
    -webkit-transition-duration: 75ms;
    transition-duration: 75ms;
    opacity: .24
}

.mdc-button.mdc-ripple-upgraded {
    --mdc-ripple-fg-opacity: 0.24
}

.mdc-button--raised:after, .mdc-button--raised:before, .mdc-button--unelevated:after, .mdc-button--unelevated:before {
    background-color: #fff
}

@supports not (-ms-ime-align:auto) {
    .mdc-button--raised:after, .mdc-button--raised:before, .mdc-button--unelevated:after, .mdc-button--unelevated:before {
        background-color: #fff;
        background-color: var(--mdc-theme-on-primary, #fff)
    }
}

.mdc-button--raised:hover:before, .mdc-button--unelevated:hover:before {
    opacity: .08
}

.mdc-button--raised.mdc-ripple-upgraded--background-focused:before, .mdc-button--raised:not(.mdc-ripple-upgraded):focus:before, .mdc-button--unelevated.mdc-ripple-upgraded--background-focused:before, .mdc-button--unelevated:not(.mdc-ripple-upgraded):focus:before {
    -webkit-transition-duration: 75ms;
    transition-duration: 75ms;
    opacity: .24
}

.mdc-button--raised:not(.mdc-ripple-upgraded):after, .mdc-button--unelevated:not(.mdc-ripple-upgraded):after {
    -webkit-transition: opacity .15s linear;
    transition: opacity .15s linear
}

.mdc-button--raised:not(.mdc-ripple-upgraded):active:after, .mdc-button--unelevated:not(.mdc-ripple-upgraded):active:after {
    -webkit-transition-duration: 75ms;
    transition-duration: 75ms;
    opacity: .24
}

.mdc-button--raised.mdc-ripple-upgraded, .mdc-button--unelevated.mdc-ripple-upgraded {
    --mdc-ripple-fg-opacity: 0.24
}

.mdc-icon-button {
    width: 48px;
    height: 48px;
    padding: 12px;
    font-size: 24px;
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    border: none;
    outline: none;
    background-color: transparent;
    fill: currentColor;
    color: inherit;
    text-decoration: none;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.mdc-icon-button img, .mdc-icon-button svg {
    width: 24px;
    height: 24px
}

.mdc-icon-button:disabled {
    color: rgba(0, 0, 0, .38);
    color: var(--mdc-theme-text-disabled-on-light, rgba(0, 0, 0, .38));
    cursor: default;
    pointer-events: none
}

.mdc-icon-button__icon {
    display: inline-block
}

.mdc-icon-button--on .mdc-icon-button__icon, .mdc-icon-button__icon.mdc-icon-button__icon--on {
    display: none
}

.mdc-icon-button--on .mdc-icon-button__icon.mdc-icon-button__icon--on {
    display: inline-block
}

.mdc-icon-button {
    --mdc-ripple-fg-size: 0;
    --mdc-ripple-left: 0;
    --mdc-ripple-top: 0;
    --mdc-ripple-fg-scale: 1;
    --mdc-ripple-fg-translate-end: 0;
    --mdc-ripple-fg-translate-start: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    will-change: transform, opacity
}

.mdc-icon-button:after, .mdc-icon-button:before {
    position: absolute;
    border-radius: 50%;
    opacity: 0;
    pointer-events: none;
    content: ""
}

.mdc-icon-button:before {
    -webkit-transition: opacity 15ms linear, background-color 15ms linear;
    transition: opacity 15ms linear, background-color 15ms linear;
    z-index: 1
}

.mdc-icon-button.mdc-ripple-upgraded:before {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
    transform: scale(var(--mdc-ripple-fg-scale, 1))
}

.mdc-icon-button.mdc-ripple-upgraded:after {
    top: 0;
    left: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: center center;
    transform-origin: center center
}

.mdc-icon-button.mdc-ripple-upgraded--unbounded:after {
    top: 0;
    top: var(--mdc-ripple-top, 0);
    left: 0;
    left: var(--mdc-ripple-left, 0)
}

.mdc-icon-button.mdc-ripple-upgraded--foreground-activation:after {
    -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
    animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards
}

.mdc-icon-button.mdc-ripple-upgraded--foreground-deactivation:after {
    -webkit-animation: mdc-ripple-fg-opacity-out .15s;
    animation: mdc-ripple-fg-opacity-out .15s;
    -webkit-transform: translate(0) scale(1);
    transform: translate(0) scale(1);
    -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
    transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))
}

.mdc-icon-button:after, .mdc-icon-button:before {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.mdc-icon-button.mdc-ripple-upgraded:after, .mdc-icon-button.mdc-ripple-upgraded:before {
    top: 0;
    top: var(--mdc-ripple-top, 0);
    left: 0;
    left: var(--mdc-ripple-left, 0);
    width: 100%;
    width: var(--mdc-ripple-fg-size, 100%);
    height: 100%;
    height: var(--mdc-ripple-fg-size, 100%)
}

.mdc-icon-button.mdc-ripple-upgraded:after {
    width: 100%;
    width: var(--mdc-ripple-fg-size, 100%);
    height: 100%;
    height: var(--mdc-ripple-fg-size, 100%)
}

.mdc-icon-button:after, .mdc-icon-button:before {
    background-color: #000
}

.mdc-icon-button:hover:before {
    opacity: .04
}

.mdc-icon-button.mdc-ripple-upgraded--background-focused:before, .mdc-icon-button:not(.mdc-ripple-upgraded):focus:before {
    -webkit-transition-duration: 75ms;
    transition-duration: 75ms;
    opacity: .12
}

.mdc-icon-button:not(.mdc-ripple-upgraded):after {
    -webkit-transition: opacity .15s linear;
    transition: opacity .15s linear
}

.mdc-icon-button:not(.mdc-ripple-upgraded):active:after {
    -webkit-transition-duration: 75ms;
    transition-duration: 75ms;
    opacity: .12
}

.mdc-icon-button.mdc-ripple-upgraded {
    --mdc-ripple-fg-opacity: 0.12
}

.mdc-button {
    padding: 0 16px;
    border-width: 0;
    letter-spacing: normal
}

.mdc-button:not(:disabled) {
    background-color: #44acb6
}

.mdc-button:not(:disabled) {
    color: #fff
}

.mdc-button:after, .mdc-button:before {
    content: none
}

.mdc-button:hover:not(:disabled) {
    background-color: rgba(68, 172, 182, .92)
}

.mdc-button:hover:not(:disabled) {
    color: #fff
}

.mdc-button:active:not(:disabled) {
    background-color: rgba(68, 172, 182, .68)
}

.mdc-button:active:not(:disabled) {
    color: #fff
}

.mdc-button:focus:not(:disabled) {
    background-color: rgba(68, 172, 182, .76)
}

.mdc-button:focus:not(:disabled) {
    color: #fff
}

.mdc-button:disabled, .mdc-button[disabled] {
    font-weight: 400;
    background-color: rgba(0, 0, 0, .12)
}

.mdc-button.mdc-button--dense {
    height: 33px;
    font-size: .875rem;
    padding: 0 12px
}

.mdc-button.button-big {
    height: 48px;
    font-size: 1.125rem;
    padding: 0 24px
}

.mdc-button.button-danger:not(:disabled) {
    background-color: #df3c2f
}

.mdc-button.button-danger:hover:not(:disabled) {
    background-color: rgba(223, 60, 47, .92)
}

.mdc-button.button-danger:focus:not(:disabled) {
    background-color: rgba(223, 60, 47, .76)
}

.mdc-button.button-danger:active:not(:disabled) {
    background-color: rgba(223, 60, 47, .68)
}

.mdc-button.button-warning:not(:disabled) {
    background-color: #f5941d
}

.mdc-button.button-warning:hover:not(:disabled) {
    background-color: rgba(245, 148, 29, .92)
}

.mdc-button.button-warning:focus:not(:disabled) {
    background-color: rgba(245, 148, 29, .76)
}

.mdc-button.button-warning:active:not(:disabled) {
    background-color: rgba(245, 148, 29, .68)
}

.mdc-button.button-text {
    font-weight: 400
}

.mdc-button.button-text:not(:disabled) {
    background-color: transparent
}

.mdc-button.button-text:not(:disabled) {
    color: #315f5d
}

.mdc-button.button-text:hover:not(:disabled) {
    background-color: rgba(63, 151, 157, .04)
}

.mdc-button.button-text:focus:not(:disabled) {
    background-color: rgba(63, 151, 157, .12)
}

.mdc-button.button-text:active:not(:disabled) {
    background-color: rgba(63, 151, 157, .16)
}

.mdc-button.button-text.button-danger:not(:disabled) {
    color: #df3c2f
}

.mdc-button.button-text.button-danger:hover:not(:disabled) {
    color: rgba(223, 60, 47, .92)
}

.mdc-button.button-text.button-danger:focus:not(:disabled) {
    color: rgba(223, 60, 47, .76)
}

.mdc-button.button-text.button-danger:active:not(:disabled) {
    color: rgba(223, 60, 47, .68)
}

.mdc-button.button-text.button-warning:not(:disabled) {
    color: #f5941d
}

.mdc-button.button-text.button-warning:hover:not(:disabled) {
    color: rgba(245, 148, 29, .92)
}

.mdc-button.button-text.button-warning:focus:not(:disabled) {
    color: rgba(245, 148, 29, .76)
}

.mdc-button.button-text.button-warning:active:not(:disabled) {
    color: rgba(245, 148, 29, .68)
}

.mdc-button.mdc-button--outlined {
    font-weight: 400;
    padding: 0 15px;
    border-width: 1px
}

.mdc-button.mdc-button--outlined:not(:disabled) {
    background-color: transparent
}

.mdc-button.mdc-button--outlined:not(:disabled) {
    color: #315f5d
}

.mdc-button.mdc-button--outlined:not(:disabled) {
    border-color: rgba(0, 0, 0, .12)
}

.mdc-button.mdc-button--outlined.mdc-button--dense {
    padding: 0 11px;
    border-width: 1px
}

.mdc-button.mdc-button--outlined.button-big {
    padding: 0 23px;
    border-width: 1px
}

.mdc-button.mdc-button--outlined:hover:not(:disabled) {
    background-color: rgba(63, 151, 157, .04)
}

.mdc-button.mdc-button--outlined:focus:not(:disabled) {
    background-color: rgba(63, 151, 157, .12)
}

.mdc-button.mdc-button--outlined:active:not(:disabled) {
    background-color: rgba(63, 151, 157, .16)
}

.mdc-button.mdc-button--outlined:disabled, .mdc-button.mdc-button--outlined[disabled] {
    background: transparent;
    border-color: rgba(0, 0, 0, .12);
    color: rgba(0, 0, 0, .36)
}

.mdc-button.mdc-button--outlined.button-warning:not(:disabled) {
    color: #f5941d
}

.mdc-button.mdc-button--outlined.button-warning:hover:not(:disabled) {
    background-color: rgba(245, 148, 29, .04)
}

.mdc-button.mdc-button--outlined.button-warning:focus:not(:disabled) {
    background-color: rgba(245, 148, 29, .12)
}

.mdc-button.mdc-button--outlined.button-warning:active:not(:disabled) {
    background-color: rgba(245, 148, 29, .16)
}

.mdc-button.mdc-button--outlined.button-danger:not(:disabled) {
    color: #df3c2f
}

.mdc-button.mdc-button--outlined.button-danger:hover:not(:disabled) {
    background-color: rgba(223, 60, 47, .04)
}

.mdc-button.mdc-button--outlined.button-danger:focus:not(:disabled) {
    background-color: rgba(223, 60, 47, .12)
}

.mdc-button.mdc-button--outlined.button-danger:active:not(:disabled) {
    background-color: rgba(223, 60, 47, .16)
}

.mdc-button.mdc-button--outlined .mdc-button__icon {
    margin-left: 0
}

.mdc-button.button-rounded, .mdc-button.button-rounded.mac-button--dense.mdc-button--outlined {
    height: 32px;
    font-size: 12px;
    padding: 0 12px;
    border-radius: 16px
}

.mdc-button.button-rounded.mac-button--dense.mdc-button--outlined:not(:disabled), .mdc-button.button-rounded:not(:disabled) {
    color: #777
}

.mdc-button.button-rounded.mac-button--dense.mdc-button--outlined:not(:disabled), .mdc-button.button-rounded:not(:disabled) {
    background-color: #fff
}

.mdc-button.button-rounded.mac-button--dense.mdc-button--outlined.mdc-button--dense, .mdc-button.button-rounded.mdc-button--dense {
    border-radius: 16px
}

.mdc-button.button-rounded.mac-button--dense.mdc-button--outlined .mdc-button__icon, .mdc-button.button-rounded .mdc-button__icon {
    font-size: 16px
}

.mdc-button.button-rounded.mac-button--dense.mdc-button--outlined:focus:not(:disabled), .mdc-button.button-rounded.mac-button--dense.mdc-button--outlined:hover:not(:disabled), .mdc-button.button-rounded:focus:not(:disabled), .mdc-button.button-rounded:hover:not(:disabled) {
    color: #555
}

.mdc-button.button-rounded.mac-button--dense.mdc-button--outlined:focus:not(:disabled), .mdc-button.button-rounded.mac-button--dense.mdc-button--outlined:hover:not(:disabled), .mdc-button.button-rounded:focus:not(:disabled), .mdc-button.button-rounded:hover:not(:disabled) {
    background-color: #f6f6f6
}

.mdc-button.button-rounded.mac-button--dense.mdc-button--outlined:active:not(:disabled), .mdc-button.button-rounded:active:not(:disabled) {
    color: #333
}

.mdc-button.button-rounded.mac-button--dense.mdc-button--outlined:active:not(:disabled), .mdc-button.button-rounded:active:not(:disabled) {
    background-color: #efefef
}

.mdc-button.button-rounded.mac-button--dense.mdc-button--outlined:disabled:not(:disabled), .mdc-button.button-rounded.mac-button--dense.mdc-button--outlined[disabled]:not(:disabled), .mdc-button.button-rounded:disabled:not(:disabled), .mdc-button.button-rounded[disabled]:not(:disabled) {
    color: #ccc
}

.mdc-button.button-rounded.button-rounded-icon, .mdc-button.button-rounded.mac-button--dense.mdc-button--outlined.button-rounded-icon {
    width: 32px;
    min-width: unset;
    font-size: 16px;
    padding: 0
}

.mdc-button.button-rounded.button-rounded-icon .mdc-button__icon, .mdc-button.button-rounded.mac-button--dense.mdc-button--outlined.button-rounded-icon .mdc-button__icon {
    margin-right: 0;
    width: auto;
    height: auto
}

.mdc-button.button-rounded.button-rounded-icon:focus:not(:disabled), .mdc-button.button-rounded.mac-button--dense.mdc-button--outlined.button-rounded-icon:focus:not(:disabled) {
    color: #333
}

.mdc-button.button-rounded.button-rounded-icon:focus:not(:disabled), .mdc-button.button-rounded.mac-button--dense.mdc-button--outlined.button-rounded-icon:focus:not(:disabled) {
    background-color: #efefef
}

.mdc-button .mdc-button__icon {
    font-size: .875rem;
    width: 14px;
    height: 14px
}

.mdc-button .mdc-button__label {
    text-transform: none
}

body .editor-style {
    font-family: -apple-system, Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, SimSun, Segoe UI, Roboto, sans-serif;
    font-size: 16px;
    line-height: 1.8;
    color: #000;
    word-break: break-word;
    word-wrap: break-word
}

body .editor-style>:first-child {
    margin-top: 0
}

body .editor-style>:last-child {
    margin-bottom: 1em
}

body .editor-style h1, body .editor-style h2, body .editor-style h3, body .editor-style h4, body .editor-style h5, body .editor-style h6 {
    margin: 1.2em 0 .6em;
    line-height: 1.25;
    font-weight: 600;
    -webkit-font-smoothing: antialiased
}

body .editor-style h1 {
    font-size: 24px
}

body .editor-style h2 {
    font-size: 20px
}

body .editor-style h3 {
    font-size: 18px
}

body .editor-style h4 {
    font-size: 16px
}

body .editor-style h5 {
    font-size: 14px
}

body .editor-style h6 {
    font-size: 12px
}

body .editor-style div, body .editor-style p {
    margin: 0
}

body .editor-style strong {
    font-weight: 600;
    -webkit-font-smoothing: antialiased
}

body .editor-style ol, body .editor-style ul {
    margin: .5em 0;
    padding: 0 0 0 26px;
    list-style: disc outside none;
    list-style: initial
}

body .editor-style ol {
    list-style: decimal
}

body .editor-style ol ol, body .editor-style ol ul, body .editor-style ul ol, body .editor-style ul ul {
    margin: 0;
    padding: 0 0 0 20px
}

body .editor-style blockquote {
    margin: 1em 2em 1em 1em;
    padding: 0 0 0 1em;
    font-size: 14px;
    font-style: inherit;
    color: #777;
    line-height: 20px;
    border-left: 4px solid #ccc
}

body .editor-style blockquote div, body .editor-style blockquote p {
    margin: .2em 0
}

body .editor-style blockquote>:first-child {
    margin-top: 0
}

body .editor-style blockquote[data-reply] {
    color: #777;
    line-height: 20px
}

body .editor-style pre {
    font-family: Consolas, Menlo, Monaco, Courier, monospace;
    font-size: 14px;
    line-height: 1.5;
    padding: 1em;
    margin: 1em 0;
    border: 1px solid #ccc;
    background-color: #f6f6f6;
    overflow-x: auto
}

body .editor-style pre.hljs {
    padding: 1em 1.2em;
    background-color: #f6f6f6
}

body .editor-style code.hljs {
    padding: 0;
    background-color: #f6f6f6
}

body .editor-style code:not(.hljs) {
    font-family: Consolas, Menlo, Monaco, Courier, monospace;
    background-color: hsla(0, 0%, 78%, .3);
    padding: .15em;
    border-radius: 2px
}

body .editor-style a {
    color: #44acb6
}

body .editor-style a:hover {
    color: #51c6cf
}

body .editor-style a:visited {
    color: #44acb6
}

body .editor-style .text-tiny {
    font-size: .7em
}

body .editor-style .text-small {
    font-size: .85em
}

body .editor-style .text-big {
    font-size: 1.4em
}

body .editor-style .text-huge {
    font-size: 1.8em
}

body .editor-style .teditor-inline-image {
    display: inline-block;
    margin: 0 5px
}

body .editor-style img {
    max-width: 100%;
    height: auto;
    box-sizing: border-box;
    cursor: pointer
}

body .editor-style img.teditor-emoji {
    width: 1.1em;
    height: 1.1em;
    display: inline-block;
    margin: 0;
    padding: 0 3px;
    max-width: inherit;
    box-shadow: none;
    border: none;
    box-sizing: content-box;
    vertical-align: text-bottom;
    cursor: default
}

body .editor-style img.teditor-emoji[src$=".gif"] {
    width: 40px;
    height: 40px
}

body .editor-style figure.image {
    display: table;
    clear: both;
    text-align: center;
    margin: 1em auto
}

body .editor-style figure.image.image-style-align-left {
    float: left;
    margin-right: 1.5em
}

body .editor-style figure.image.image-style-align-center {
    margin-left: auto;
    margin-right: auto
}

body .editor-style figure.image.image-style-align-right {
    float: right;
    margin-left: 1.5em
}

body .editor-style figure.image.image_resized {
    max-width: 100%;
    display: block;
    box-sizing: border-box
}

body .editor-style figure.image.image_resized img {
    width: 100%
}

body .editor-style figure.image.image_resized>figcaption {
    display: block
}

body .editor-style video {
    margin: 1em 0;
    max-width: 100%;
    width: auto;
    height: auto;
    box-sizing: border-box;
    vertical-align: middle
}

body .editor-style figure.table {
    margin: 1em auto;
    display: table;
    width: auto
}

body .editor-style table {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    display: table;
    border-collapse: collapse;
    border-spacing: 0
}

body .editor-style table.full-width {
    width: 100%
}

body .editor-style table thead {
    background-color: #f6f6f6
}

body .editor-style table td, body .editor-style table th {
    min-width: 40px;
    height: 40px;
    border: 1px solid #ccc;
    vertical-align: middle;
    padding: 4px 8px;
    text-align: left;
    box-sizing: border-box;
    font-size: 16px
}

body .editor-style table img {
    margin: .15em 0
}

body .editor-style hr {
    margin: 1em 0
}

body .editor-style .linkresource {
    margin: 0 4px;
    padding: 2px 4px;
    line-height: 1em;
    background: #f6f6f6;
    border-radius: 4px;
    border: 1px solid #e3e3e3
}

body.lenient-mode .editor-style>:last-child {
    margin-bottom: 0
}

body.lenient-mode .editor-style div, body.lenient-mode .editor-style p {
    margin: 0 0 1em
}

body.lenient-mode .editor-style ol, body.lenient-mode .editor-style ul {
    margin: 1em 0
}

* {
    box-sizing: border-box
}

html {
    height: 100%
}

body {
    position: relative;
    min-height: 100%;
    min-width: 960px;
    font-size: 14px;
    line-height: 1.5;
    word-break: break-word;
    padding-bottom: 414px
}

.editor-style, body, button, h1, h2, h3, h4, h5, h6, input, select, textarea {
    font-family: -apple-system, Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, SimSun, Segoe UI, Roboto, sans-serif
}

b, h1, h2, h3, h4, h5, h6, strong {
    font-weight: 500
}

h1 {
    font-size: 32px
}

h2 {
    font-size: 24px
}

h3 {
    font-size: 20px
}

a {
    color: #44acb6;
    text-decoration: none
}

a:hover {
    color: #51c6cf
}

::-webkit-input-placeholder {
    color: #777
}

::-moz-placeholder {
    color: #777
}

:-ms-input-placeholder {
    color: #777
}

.discount-like-steam {
    padding: 2px 4px;
    color: #fff;
    background: #51b52f
}

@media (max-width:1100px) {
    #help-index .section-catalogues .catalogue-list {
        justify-content: space-around
    }
}

header#top-header {
    background-color: #fff;
}

/* 首页下拉显示 */

header nav .nav-link:hover .hearder_icon {
    transform: rotate(180deg);
    display: inline-block;
    transition: 0.5s;
    transform-origin: center center;
}

header nav {
    position: relative;
}

.nav-link-down {
    position: absolute;
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 0 10px 24px 1px rgb(64 90 163 / 13%);
    display: flex;
    background-color: #fff;
    /* height: 300px; */
    /* left: 40% */
    top: 40px;
    display: none;
}

.VC {
    display: flex;
    align-items: center;
}

.nav-link-down-left {
    padding: 30px 40px 24px 30px;
}

.nav-link-down-right {
    margin-left: 30px;
    box-sizing: border-box;
}

.nav-link-down-right .wechat-qr-code {
    box-sizing: border-box;
    width: 240px;
    min-height: 313px;
    height: 100%;
    background-color: #f7f9fe;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.nav-link-down-right .app-wechat-qr {
    box-sizing: border-box;
    border-radius: 2px;
    overflow: hidden;
    width: 100px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.nav-link-down-right .app-wechat-qr img {
    max-width: 100%;
    height: auto;
    box-sizing: border-box;
    width: 100%;
}

.nav-link-down-right .app-wechat-qr-tips {
    margin-top: 32px;
    font-size: 12px;
    color: #999;
}

.nav-link-down-left {
    padding: 30px 40px 24px 30px;
}

.nav-link-down-coentnt {
    display: flex;
}

.nav-column-title {
    padding: 0 10px 15px;
    box-sizing: border-box;
    font-size: 12px;
    color: #666;
    text-align: left;
}

.nav-column-split-line {
    margin-top: 20px;
    box-sizing: border-box;
    width: 100%;
    height: 0;
    border-bottom: 1px solid #f4f4f4;
}

.nav-board img {
    width: 42px;
    margin-right: 20px;
}

.nav-board h4 {
    margin: 0;
    box-sizing: border-box;
    line-height: 20px;
    font-size: 14px;
    font-weight: 400;
    color: #333;
    text-align: left;
}

.nav-board-tips {
    margin: 8px 0 0;
    box-sizing: border-box;
    line-height: 17px;
    font-size: 12px;
    color: #999;
    letter-spacing: .04px;
}

.nav-board>a {
    padding: 20px;
    align-items: flex-start;
    height: 102px;
}

.nav-board a:hover {
    background-color: #F4F9FF;
}

.nav-column-content {
    flex-wrap: wrap;
    /* width: 500px; */
    min-width: 472px;
    width: 520px;
}

.nav-column-content>* {
    width: 50%;
    text-align: left;
}