.ui.dropdown {
    cursor: pointer;
    position: relative;
    display: inline-block;
    outline: none;
    text-align: left;
    transition: box-shadow .1s ease, width .1s ease;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.ui.dropdown .menu {
    cursor: auto;
    position: absolute;
    display: none;
    outline: none;
    top: 100%;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
    margin: 0;
    padding: 0;
    background: #fff;
    font-size: 1em;
    text-shadow: none;
    text-align: left;
    box-shadow: 0 2px 3px 0 rgba(34, 36, 38, .15);
    border: 1px solid rgba(34, 36, 38, .15);
    border-radius: .28571429rem;
    transition: opacity .1s ease;
    z-index: 11;
    will-change: transform, opacity
}

.ui.dropdown .menu > * {
    white-space: nowrap
}

.ui.dropdown > input:not(.search):first-child, .ui.dropdown > select {
    display: none !important
}

.ui.dropdown > .dropdown.icon {
    position: relative;
    font-size: .85714286em;
    margin: 0 0 0 1em
}

.ui.dropdown .menu > .item .dropdown.icon {
    width: auto;
    float: right;
    margin: 0 0 0 1em
}

.ui.dropdown .menu > .item .dropdown.icon + .text {
    margin-right: 1em
}

.ui.dropdown > .text {
    display: inline-block;
    transition: none
}

.ui.dropdown .menu > .item {
    position: relative;
    cursor: pointer;
    display: block;
    border: none;
    height: auto;
    text-align: left;
    border-top: none;
    line-height: 1em;
    color: rgba(0, 0, 0, .87);
    padding: 12.571px 18.285px !important;
    padding: .78571429rem 1.14285714rem !important;
    font-size: 16px;
    font-size: 1rem;
    text-transform: none;
    font-weight: 400;
    box-shadow: none;
    -webkit-touch-callout: none
}

.ui.dropdown .menu > .item:first-child {
    border-top-width: 0
}

.ui.dropdown .menu .item > [class*="right floated"], .ui.dropdown > .text > [class*="right floated"] {
    float: right !important;
    margin-right: 0 !important;
    margin-left: 1em !important
}

.ui.dropdown .menu .item > [class*="left floated"], .ui.dropdown > .text > [class*="left floated"] {
    float: left !important;
    margin-left: 0 !important;
    margin-right: 1em !important
}

.ui.dropdown .menu .item > .flag.floated, .ui.dropdown .menu .item > .icon.floated, .ui.dropdown .menu .item > .image.floated, .ui.dropdown .menu .item > img.floated {
    margin-top: 0
}

.ui.dropdown .menu > .header {
    margin: 16px 0 12px;
    margin: 1rem 0 .75rem;
    padding: 0 18.285px;
    padding: 0 1.14285714rem;
    color: rgba(0, 0, 0, .85);
    font-size: .78571429em;
    font-weight: 700;
    text-transform: uppercase
}

.ui.dropdown .menu > .divider {
    border-top: 1px solid rgba(34, 36, 38, .1);
    height: 0;
    margin: .5em 0
}

.ui.dropdown .menu > .input {
    width: auto;
    display: -ms-flexbox;
    display: flex;
    margin: 18.285px 12.571px;
    margin: 1.14285714rem .78571429rem;
    min-width: 160px;
    min-width: 10rem
}

.ui.dropdown .menu > .header + .input {
    margin-top: 0
}

.ui.dropdown .menu > .input:not(.transparent) input {
    padding: .5em 1em
}

.ui.dropdown .menu > .input:not(.transparent) .button, .ui.dropdown .menu > .input:not(.transparent) .icon, .ui.dropdown .menu > .input:not(.transparent) .label {
    padding-top: .5em;
    padding-bottom: .5em
}

.ui.dropdown .menu > .item > .description, .ui.dropdown > .text > .description {
    float: right;
    margin: 0 0 0 1em;
    color: rgba(0, 0, 0, .4)
}

.ui.dropdown .menu > .message {
    padding: 12.571px 18.285px;
    padding: .78571429rem 1.14285714rem;
    font-weight: 400
}

.ui.dropdown .menu > .message:not(.ui) {
    color: rgba(0, 0, 0, .4)
}

.ui.dropdown .menu .menu {
    top: 0 !important;
    left: 100% !important;
    right: auto !important;
    margin: 0 0 0 -.5em !important;
    border-radius: .28571429rem !important;
    z-index: 21 !important
}

.ui.dropdown .menu .menu:after {
    display: none
}

.ui.dropdown .menu > .item > .flag, .ui.dropdown .menu > .item > .icon, .ui.dropdown .menu > .item > .image, .ui.dropdown .menu > .item > .label, .ui.dropdown .menu > .item > img, .ui.dropdown > .text > .flag, .ui.dropdown > .text > .icon, .ui.dropdown > .text > .image, .ui.dropdown > .text > .label, .ui.dropdown > .text > img {
    margin-top: 0
}

.ui.dropdown .menu > .item > .flag, .ui.dropdown .menu > .item > .icon, .ui.dropdown .menu > .item > .image, .ui.dropdown .menu > .item > .label, .ui.dropdown .menu > .item > img, .ui.dropdown > .text > .flag, .ui.dropdown > .text > .icon, .ui.dropdown > .text > .image, .ui.dropdown > .text > .label, .ui.dropdown > .text > img {
    margin-left: 0;
    float: none;
    margin-right: 12.571px;
    margin-right: .78571429rem
}

.ui.dropdown .menu > .item > .image, .ui.dropdown .menu > .item > img, .ui.dropdown > .text > .image, .ui.dropdown > .text > img {
    display: inline-block;
    vertical-align: middle;
    width: auto;
    max-height: 2em
}

.ui.dropdown .ui.menu > .item:before, .ui.menu .ui.dropdown .menu > .item:before {
    display: none
}

.ui.menu .ui.dropdown .menu .active.item {
    border-left: none
}

.ui.buttons > .ui.dropdown:last-child .menu, .ui.menu .right.dropdown.item .menu, .ui.menu .right.menu .dropdown:last-child .menu {
    left: auto;
    right: 0
}

.ui.label.dropdown .menu {
    min-width: 100%
}

.ui.dropdown.icon.button > .dropdown.icon {
    margin: 0
}

.ui.button.dropdown .menu {
    min-width: 100%
}

.ui.selection.dropdown {
    cursor: pointer;
    word-wrap: break-word;
    line-height: 1em;
    white-space: normal;
    outline: 0;
    transform: rotate(0deg);
    min-width: 14em;
    min-height: 2.71428571em;
    background: #fff;
    display: inline-block;
    padding: .78571429em 2.1em .78571429em 1em;
    color: rgba(0, 0, 0, .87);
    box-shadow: none;
    border: 1px solid rgba(34, 36, 38, .15);
    border-radius: .28571429rem;
    transition: box-shadow .1s ease, width .1s ease
}

.ui.selection.dropdown.active, .ui.selection.dropdown.visible {
    z-index: 10
}

select.ui.dropdown {
    height: 38px;
    padding: .5em;
    border: 1px solid rgba(34, 36, 38, .15);
    visibility: visible
}

.ui.selection.dropdown > .delete.icon, .ui.selection.dropdown > .dropdown.icon, .ui.selection.dropdown > .search.icon {
    cursor: pointer;
    position: absolute;
    width: auto;
    height: auto;
    line-height: 1.21428571em;
    top: .78571429em;
    right: 1em;
    z-index: 3;
    margin: -.78571429em;
    padding: .78571429em;
    opacity: .8;
    transition: opacity .1s ease
}

.ui.compact.selection.dropdown {
    min-width: 0
}

.ui.selection.dropdown .menu {
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-overflow-scrolling: touch;
    border-top-width: 0 !important;
    width: auto;
    outline: none;
    margin: 0 -1px;
    min-width: calc(100% + 2px);
    width: calc(100% + 2px);
    border-radius: 0 0 .28571429rem .28571429rem;
    box-shadow: 0 2px 3px 0 rgba(34, 36, 38, .15);
    transition: opacity .1s ease
}

.ui.selection.dropdown .menu:after, .ui.selection.dropdown .menu:before {
    display: none
}

.ui.selection.dropdown .menu > .message {
    padding: 12.571px 18.285px;
    padding: .78571429rem 1.14285714rem
}

@media only screen and (max-width: 767px) {
    .ui.selection.dropdown .menu {
        max-height: 8.01428571rem
    }
}

@media only screen and (min-width: 768px) {
    .ui.selection.dropdown .menu {
        max-height: 10.68571429rem
    }
}

@media only screen and (min-width: 992px) {
    .ui.selection.dropdown .menu {
        max-height: 16.02857143rem
    }
}

@media only screen and (min-width: 1920px) {
    .ui.selection.dropdown .menu {
        max-height: 21.37142857rem
    }
}

.ui.selection.dropdown .menu > .item {
    border-top: 1px solid #fafafa;
    padding: 12.571px 18.285px !important;
    padding: .78571429rem 1.14285714rem !important;
    white-space: normal;
    word-wrap: normal
}

.ui.selection.dropdown .menu > .hidden.addition.item {
    display: none
}

.ui.selection.dropdown:hover {
    border-color: rgba(34, 36, 38, .35);
    box-shadow: none
}

.ui.selection.active.dropdown, .ui.selection.active.dropdown .menu {
    border-color: #96c8da;
    box-shadow: 0 2px 3px 0 rgba(34, 36, 38, .15)
}

.ui.selection.dropdown:focus {
    border-color: #96c8da;
    box-shadow: none
}

.ui.selection.dropdown:focus .menu {
    border-color: #96c8da;
    box-shadow: 0 2px 3px 0 rgba(34, 36, 38, .15)
}

.ui.selection.visible.dropdown > .text:not(.default) {
    font-weight: 400;
    color: rgba(0, 0, 0, .8)
}

.ui.selection.active.dropdown:hover, .ui.selection.active.dropdown:hover .menu {
    border-color: #96c8da;
    box-shadow: 0 2px 3px 0 rgba(34, 36, 38, .15)
}

.ui.active.selection.dropdown > .dropdown.icon, .ui.visible.selection.dropdown > .dropdown.icon {
    opacity: 1;
    z-index: 3
}

.ui.active.selection.dropdown {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

.ui.active.empty.selection.dropdown {
    border-radius: .28571429rem !important;
    box-shadow: none !important
}

.ui.active.empty.selection.dropdown .menu {
    border: none !important;
    box-shadow: none !important
}

.ui.dropdown .menu .active.item {
    background: transparent;
    font-weight: 700;
    color: rgba(0, 0, 0, .95);
    box-shadow: none;
    z-index: 12
}

.ui.dropdown .menu > .item:hover {
    background: rgba(0, 0, 0, .05);
    color: rgba(0, 0, 0, .95);
    z-index: 13
}

.ui.loading.dropdown > i.icon {
    height: 1em !important;
    padding: 1.14285714em 1.07142857em !important
}

.ui.loading.dropdown > i.icon:before {
    border-radius: 500rem;
    border: .2em solid rgba(0, 0, 0, .1)
}

.ui.loading.dropdown > i.icon:after, .ui.loading.dropdown > i.icon:before {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    margin: -.64285714em 0 0 -.64285714em;
    width: 1.28571429em;
    height: 1.28571429em
}

.ui.loading.dropdown > i.icon:after {
    box-shadow: 0 0 0 1px transparent;
    animation: dropdown-spin .6s linear;
    animation-iteration-count: infinite;
    border-radius: 500rem;
    border-color: #767676 transparent transparent;
    border-style: solid;
    border-width: .2em
}

.ui.loading.dropdown.button > i.icon:after, .ui.loading.dropdown.button > i.icon:before {
    display: none
}

@keyframes dropdown-spin {
    0% {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(1turn)
    }
}

.ui.default.dropdown:not(.button) > .text, .ui.dropdown:not(.button) > .default.text {
    color: hsla(0, 0%, 75%, .87)
}

.ui.default.dropdown:not(.button) > input:focus + .text, .ui.dropdown:not(.button) > input:focus + .default.text {
    color: hsla(0, 0%, 45%, .87)
}

.ui.loading.dropdown > .text {
    transition: none
}

.ui.dropdown .loading.menu {
    display: block;
    visibility: hidden;
    z-index: -1
}

.ui.dropdown .menu .selected.item, .ui.dropdown.selected {
    background: rgba(0, 0, 0, .03);
    color: rgba(0, 0, 0, .95)
}

.ui.dropdown > .filtered.text {
    visibility: hidden
}

.ui.dropdown .filtered.item {
    display: none !important
}

.ui.disabled.dropdown, .ui.dropdown .menu > .disabled.item {
    cursor: default;
    pointer-events: none;
    opacity: .45
}

.ui.dropdown .menu {
    left: 0
}

.ui.dropdown .menu .right.menu, .ui.dropdown .right.menu > .menu {
    left: 100% !important;
    right: auto !important;
    border-radius: .28571429rem !important
}

.ui.dropdown .menu .left.menu, .ui.dropdown > .left.menu .menu {
    left: auto !important;
    right: 100% !important;
    border-radius: .28571429rem !important
}

.ui.dropdown .item .left.dropdown.icon, .ui.dropdown .left.menu .item .dropdown.icon {
    width: auto;
    float: left;
    margin: 0 12.571px 0 0;
    margin: 0 .78571429rem 0 0
}

.ui.dropdown .item .left.dropdown.icon + .text, .ui.dropdown .left.menu .item .dropdown.icon + .text {
    margin-left: 1em
}

.ui.upward.dropdown > .menu {
    top: auto;
    bottom: 100%;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, .08);
    border-radius: .28571429rem .28571429rem 0 0
}

.ui.dropdown .upward.menu {
    top: auto !important;
    bottom: 0 !important
}

.ui.simple.upward.active.dropdown, .ui.simple.upward.dropdown:hover {
    border-radius: .28571429rem .28571429rem 0 0 !important
}

.ui.upward.dropdown.button:not(.pointing):not(.floating).active {
    border-radius: .28571429rem .28571429rem 0 0
}

.ui.upward.selection.dropdown .menu {
    border-top-width: 1px !important;
    border-bottom-width: 0 !important;
    box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, .08)
}

.ui.upward.selection.dropdown:hover {
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, .05)
}

.ui.active.upward.selection.dropdown, .ui.upward.selection.dropdown.visible {
    border-radius: 0 0 .28571429rem .28571429rem !important
}

.ui.upward.selection.dropdown.visible {
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, .08)
}

.ui.upward.active.selection.dropdown:hover {
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, .05)
}

.ui.upward.active.selection.dropdown:hover .menu {
    box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, .08)
}

.ui.dropdown .scrolling.menu, .ui.scrolling.dropdown .menu {
    overflow-x: hidden;
    overflow-y: auto
}

.ui.scrolling.dropdown .menu {
    overflow-x: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-overflow-scrolling: touch
}

.ui.dropdown .scrolling.menu, .ui.scrolling.dropdown .menu {
    overflow-y: auto;
    min-width: 100% !important;
    width: auto !important
}

.ui.dropdown .scrolling.menu {
    position: static;
    border: none;
    box-shadow: none !important;
    border-radius: 0 !important;
    margin: 0 !important;
    border-top: 1px solid rgba(34, 36, 38, .15)
}

.ui.dropdown .scrolling.menu .item:first-child, .ui.dropdown .scrolling.menu > .item.item.item, .ui.scrolling.dropdown .menu .item.item.item, .ui.scrolling.dropdown .menu .item:first-child {
    border-top: none
}

.ui.dropdown > .animating.menu .scrolling.menu, .ui.dropdown > .visible.menu .scrolling.menu {
    display: block
}

@media (-ms-high-contrast: none) {
    .ui.dropdown .scrolling.menu, .ui.scrolling.dropdown .menu {
        min-width: calc(100% - 17px)
    }
}

@media only screen and (max-width: 767px) {
    .ui.dropdown .scrolling.menu, .ui.scrolling.dropdown .menu {
        max-height: 10.28571429rem
    }
}

@media only screen and (min-width: 768px) {
    .ui.dropdown .scrolling.menu, .ui.scrolling.dropdown .menu {
        max-height: 15.42857143rem
    }
}

@media only screen and (min-width: 992px) {
    .ui.dropdown .scrolling.menu, .ui.scrolling.dropdown .menu {
        max-height: 20.57142857rem
    }
}

@media only screen and (min-width: 1920px) {
    .ui.dropdown .scrolling.menu, .ui.scrolling.dropdown .menu {
        max-height: 20.57142857rem
    }
}

.ui.floating.dropdown .menu {
    left: 0;
    right: auto;
    box-shadow: 0 2px 4px 0 rgba(34, 36, 38, .12), 0 2px 10px 0 rgba(34, 36, 38, .15) !important;
    border-radius: .28571429rem !important
}

.ui.floating.dropdown > .menu {
    margin-top: .5em !important;
    border-radius: .28571429rem !important
}

@font-face {
    font-family: Dropdown;
    src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMggjB5AAAAC8AAAAYGNtYXAPfuIIAAABHAAAAExnYXNwAAAAEAAAAWgAAAAIZ2x5Zjo82LgAAAFwAAABVGhlYWQAQ88bAAACxAAAADZoaGVhAwcB6QAAAvwAAAAkaG10eAS4ABIAAAMgAAAAIGxvY2EBNgDeAAADQAAAABJtYXhwAAoAFgAAA1QAAAAgbmFtZVcZpu4AAAN0AAABRXBvc3QAAwAAAAAEvAAAACAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADw2gHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIPDa//3//wAAAAAAIPDX//3//wAB/+MPLQADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAIABJQElABMAABM0NzY3BTYXFhUUDwEGJwYvASY1AAUGBwEACAUGBoAFCAcGgAUBEgcGBQEBAQcECQYHfwYBAQZ/BwYAAQAAAG4BJQESABMAADc0PwE2MzIfARYVFAcGIyEiJyY1AAWABgcIBYAGBgUI/wAHBgWABwaABQWABgcHBgUFBgcAAAABABIASQC3AW4AEwAANzQ/ATYXNhcWHQEUBwYnBi8BJjUSBoAFCAcFBgYFBwgFgAbbBwZ/BwEBBwQJ/wgEBwEBB38GBgAAAAABAAAASQClAW4AEwAANxE0NzYzMh8BFhUUDwEGIyInJjUABQYHCAWABgaABQgHBgVbAQAIBQYGgAUIBwWABgYFBwAAAAEAAAABAADZuaKOXw889QALAgAAAAAA0ABHWAAAAADQAEdYAAAAAAElAW4AAAAIAAIAAAAAAAAAAQAAAeD/4AAAAgAAAAAAASUAAQAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAABAAAAASUAAAElAAAAtwASALcAAAAAAAAACgAUAB4AQgBkAIgAqgAAAAEAAAAIABQAAQAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAOAAAAAQAAAAAAAgAOAEcAAQAAAAAAAwAOACQAAQAAAAAABAAOAFUAAQAAAAAABQAWAA4AAQAAAAAABgAHADIAAQAAAAAACgA0AGMAAwABBAkAAQAOAAAAAwABBAkAAgAOAEcAAwABBAkAAwAOACQAAwABBAkABAAOAFUAAwABBAkABQAWAA4AAwABBAkABgAOADkAAwABBAkACgA0AGMAaQBjAG8AbQBvAG8AbgBWAGUAcgBzAGkAbwBuACAAMQAuADAAaQBjAG8AbQBvAG8Abmljb21vb24AaQBjAG8AbQBvAG8AbgBSAGUAZwB1AGwAYQByAGkAYwBvAG0AbwBvAG4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=) format("truetype"), url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AAAVwAAoAAAAABSgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAAAdkAAAHZLDXE/09TLzIAAALQAAAAYAAAAGAIIweQY21hcAAAAzAAAABMAAAATA9+4ghnYXNwAAADfAAAAAgAAAAIAAAAEGhlYWQAAAOEAAAANgAAADYAQ88baGhlYQAAA7wAAAAkAAAAJAMHAelobXR4AAAD4AAAACAAAAAgBLgAEm1heHAAAAQAAAAABgAAAAYACFAAbmFtZQAABAgAAAFFAAABRVcZpu5wb3N0AAAFUAAAACAAAAAgAAMAAAEABAQAAQEBCGljb21vb24AAQIAAQA6+BwC+BsD+BgEHgoAGVP/i4seCgAZU/+LiwwHi2v4lPh0BR0AAACIDx0AAACNER0AAAAJHQAAAdASAAkBAQgPERMWGyAlKmljb21vb25pY29tb29udTB1MXUyMHVGMEQ3dUYwRDh1RjBEOXVGMERBAAACAYkABgAIAgABAAQABwAKAA0AVgCfAOgBL/yUDvyUDvyUDvuUDvtvi/emFYuQjZCOjo+Pj42Qiwj3lIsFkIuQiY6Hj4iNhouGi4aJh4eHCPsU+xQFiIiGiYaLhouHjYeOCPsU9xQFiI+Jj4uQCA77b4v3FBWLkI2Pjo8I9xT3FAWPjo+NkIuQi5CJjogI9xT7FAWPh42Hi4aLhomHh4eIiIaJhosI+5SLBYaLh42HjoiPiY+LkAgO+92d928Vi5CNkI+OCPcU9xQFjo+QjZCLkIuPiY6Hj4iNhouGCIv7lAWLhomHh4iIh4eJhouGi4aNiI8I+xT3FAWHjomPi5AIDvvdi+YVi/eUBYuQjZCOjo+Pj42Qi5CLkImOhwj3FPsUBY+IjYaLhouGiYeHiAj7FPsUBYiHhomGi4aLh42Hj4iOiY+LkAgO+JQU+JQViwwKAAAAAAMCAAGQAAUAAAFMAWYAAABHAUwBZgAAAPUAGQCEAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAA8NoB4P/g/+AB4AAgAAAAAQAAAAAAAAAAAAAAIAAAAAAAAgAAAAMAAAAUAAMAAQAAABQABAA4AAAACgAIAAIAAgABACDw2v/9//8AAAAAACDw1//9//8AAf/jDy0AAwABAAAAAAAAAAAAAAABAAH//wAPAAEAAAABAAA5emozXw889QALAgAAAAAA0ABHWAAAAADQAEdYAAAAAAElAW4AAAAIAAIAAAAAAAAAAQAAAeD/4AAAAgAAAAAAASUAAQAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAABAAAAASUAAAElAAAAtwASALcAAAAAUAAACAAAAAAADgCuAAEAAAAAAAEADgAAAAEAAAAAAAIADgBHAAEAAAAAAAMADgAkAAEAAAAAAAQADgBVAAEAAAAAAAUAFgAOAAEAAAAAAAYABwAyAAEAAAAAAAoANABjAAMAAQQJAAEADgAAAAMAAQQJAAIADgBHAAMAAQQJAAMADgAkAAMAAQQJAAQADgBVAAMAAQQJAAUAFgAOAAMAAQQJAAYADgA5AAMAAQQJAAoANABjAGkAYwBvAG0AbwBvAG4AVgBlAHIAcwBpAG8AbgAgADEALgAwAGkAYwBvAG0AbwBvAG5pY29tb29uAGkAYwBvAG0AbwBvAG4AUgBlAGcAdQBsAGEAcgBpAGMAbwBtAG8AbwBuAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format("woff");
    font-weight: 400;
    font-style: normal
}

.ui.dropdown > .dropdown.icon {
    font-family: Dropdown;
    line-height: 1;
    height: 1em;
    width: 1.23em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    width: auto
}

.ui.dropdown > .dropdown.icon:before {
    content: "\F0D7"
}

.ui.dropdown .menu .item .dropdown.icon:before {
    content: "\F0DA"
}

.ui.dropdown .item .left.dropdown.icon:before, .ui.dropdown .left.menu .item .dropdown.icon:before {
    content: "\F0D9"
}

.ui.vertical.menu .dropdown.item > .dropdown.icon:before {
    content: "\F0DA"
}

.consult_wrap {
    position: fixed;
    bottom: 0;
    left: 0;
    height: 100px;
    background-color: #ffdc00;
    z-index: 101
}

.consult_body .form-item_content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.consult_body .date-box {
    position: relative
}

.consult_body .date-box:after {
    content: "\E967";
    font-family: tshe-custom-font-icon;
    color: #a4a4a4;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    font-size: 24px
}

.consult_body .date-box .picker__nav--prev:before {
    border-right: .5em solid rgba(0, 0, 0, .3)
}

.consult_body .date-box .picker__nav--next:before {
    border-left: .5em solid rgba(0, 0, 0, .3)
}

.consult_body .date-box .picker__holder {
    bottom: 0;
    width: 230px;
    background: #fff;
    border: 1px solid #eaeaea;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .1);
    border-radius: 4px
}

.consult_body .date-box .picker__footer {
    display: none
}

.consult_body .date-box .picker__day {
    font-size: 12px
}

.consult_body .date-box .picker__day--highlighted, .consult_body .date-box .picker__day--infocus:hover, .consult_body .date-box .picker__day--outfocus:hover, .consult_body .date-box .picker__day--selected {
    background-color: #ffdc39 !important;
    color: #161616 !important;
    border: none !important
}

.consult_body .form-datepick {
    border-radius: 3px !important;
    width: 160px;
    border: none;
    font-size: 12px;
    height: 38px;
    text-indent: 10px
}

.consult_body .form-item {
    display: -ms-flexbox;
    display: flex;
    margin-left: 4px
}

.consult_body .form-item.item-center {
    -ms-flex-align: center;
    align-items: center
}

.consult_wrap.hidden {
    display: none
}

.consult_wrap .consult_body {
    position: relative;
    height: 100%
}

.consult_wrap .consult_complete, .consult_wrap .consult_open, .consult_wrap .consult_switch {
    display: none
}

.consult_wrap.open .consult_open, .consult_wrap.shrink .consult_switch {
    display: -ms-flexbox;
    display: flex
}

.consult_wrap.complete .consult_complete {
    display: block
}

.consult_wrap.shrink {
    width: 40px
}

.consult_wrap.complete, .consult_wrap.open {
    width: 100%
}

.consult_wrap.complete .consult_body, .consult_wrap.open .consult_body {
    margin: 0 auto;
    width: 1200px;
    background-image: url(https://cdn7.tshe.com/assets/consult_bg-c2c550b58d837fd43d92be825bf1adf6.png)
}

.consult_wrap.open .consult_open {
    height: 100%;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.consult_wrap.open .consult_info {
    margin-right: 10px;
    width: 350px
}

.consult_wrap.open .info_ft {
    font-size: 24px;
    line-height: 33px;
    font-weight: 700
}

.consult_wrap.open .info_of {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 6px;
    font-weight: 700
}

.consult_wrap.open .info_icon {
    margin-right: 6px;
    background-size: cover
}

.consult_wrap.open .consult_sc {
    cursor: pointer
}

.consult_wrap.open.offer .info_icon {
    width: 21px;
    height: 19px;
    background-image: url(https://cdn7.tshe.com/assets/consult_icon02-879ee6c851d2e2633f615ee54ae8812c.png)
}

.consult_wrap.open.request .info_icon {
    width: 21px;
    height: 19px;
    background-image: url(https://cdn7.tshe.com/assets/consult_icon02-879ee6c851d2e2633f615ee54ae8812c.png)
}

.consult_wrap.open.offer .offer_sc, .consult_wrap.open.request .req_sc {
    display: inline-block
}

.consult_wrap.open .consult_form {
    display: -ms-flexbox;
    display: flex
}

.consult_wrap.open .form_item {
    margin-left: 4px
}

.consult_wrap.open .form_input {
    height: 38px;
    border-radius: 3px !important;
    border: none;
    outline: none;
    background-color: #fff
}

.consult_wrap.open .form_input.form_select {
    color: #909090;
    font-size: 14px
}

.consult_wrap.open .form_input.fsel1 {
    min-width: 120px
}

.consult_wrap.open .form_input.fsel2 {
    min-width: 210px
}

.consult_wrap.open .form_input.form_select .dropdown.icon {
    top: 12px
}

.consult_wrap.open .form_input.form_text {
    width: 160px;
    font-size: 12px
}

.consult_wrap.open .form_input.form_text.index-phone_verify {
    width: 210px
}

.consult_wrap.open .form_input input {
    margin-top: 3px;
    width: 100%;
    height: 30px;
    outline: none;
    border: none;
    text-indent: 8px
}

.consult_wrap.open .form_btn, .consult_wrap.open .form_sub {
    display: inline-block;
    position: relative;
    width: 92px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    color: #fff;
    background-color: #070707;
    font-size: 13px;
    letter-spacing: 1.4px;
    border-radius: 3px;
    font-weight: 700
}

.consult_wrap.open .form_btn.get-phone-code {
    margin-left: -92px
}

.get-phone-code {
    transition: none
}

.consult_wrap.open .form_btn.get-phone-code.waiting {
    margin-top: 13px;
    display: inline-block;
    height: 1em;
    line-height: 1em;
    background-image: none;
    background-color: transparent;
    color: #7f7f7f;
    border-left: 1px solid #e8e8e8;
    font-size: 12px
}

.consult_wrap.open .form_btn {
    margin-left: -6px;
    margin-right: 6px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.consult_wrap.open .phone-verify_box {
    position: relative
}

.consult_wrap.open .img-verify_wrap {
    position: absolute;
    display: none;
    left: 0;
    bottom: 50px;
    background-color: #fff;
    width: 230px;
    height: 70px;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 2px;
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .07)
}

.consult_wrap.open .img-verify_wrap.visible {
    display: -ms-flexbox;
    display: flex
}

.consult_wrap.open .img-verify_wrap .img-verify_input {
    border: none;
    font-size: 12px;
    height: 42px;
    width: 90px
}

.consult_wrap.open .img-verify_wrap .img-code {
    width: 120px;
    height: 42px;
    background-color: #eee
}

.consult_wrap .consult_close {
    position: absolute;
    top: 20px;
    right: 12px;
    font-size: 18px;
    cursor: pointer;
    font-weight: 700
}

.consult_wrap .consult_switch {
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 13px;
    font-weight: 700;
    height: 100%;
    width: 100%;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr;
    letter-spacing: 1.4px
}

.consult_wrap .switch_btn {
    position: absolute;
    right: -22px;
    top: 0;
    background-color: #000;
    width: 22px;
    height: 100%;
    cursor: pointer
}

.consult_wrap .switch_btn:after {
    content: "";
    position: absolute;
    width: 0;
    left: 8px;
    top: 50%;
    margin-top: -3px;
    border: 6px solid transparent;
    border-left-color: #fff
}

.consult_wrap.complete .consult_complete {
    position: relative;
    font-size: 24px;
    height: 100%;
    font-weight: 700
}

.consult_wrap.complete .complete_item {
    padding-top: 36px;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex
}

.consult_wrap.complete .tshe-icon {
    margin-right: 12px;
    font-size: 28px;
    font-weight: 700
}

.consult_wrap.complete .work_time {
    position: absolute;
    top: 70px;
    right: 328px;
    font-size: 12px;
    color: #161616;
    font-weight: 400;
    font-style: normal
}

.consult_wrap.complete .consult_re {
    display: inline-block;
    margin-left: 30px;
    width: 80px;
    height: 36px;
    line-height: 36px;
    font-weight: 400;
    color: #161616;
    border-radius: 3px;
    text-align: center;
    font-size: 13px;
    border: 1px solid #161616;
    letter-spacing: 1.4px
}

.consult_wrap .consult_qr {
    position: absolute;
    top: 10px;
    right: -120px;
    width: 120px;
    height: 80px;
    text-align: center
}

.consult_wrap .consult_qr_code {
    width: 60px;
    height: 60px
}

.consult_wrap .consult_qr_name {
    margin-top: 6px;
    color: #484848;
    font-size: 12px;
    transform: scale(.85)
}

.consult-wrap--mobile.full-screen {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000
}

.consult-wrap--mobile .cm-icon {
    position: fixed;
    left: 15px;
    bottom: 138px;
    display: inline-block;
    width: 48px;
    height: 48px;
    background-size: cover;
    background-image: url(https://cdn7.tshe.com/assets/consult_icon--mobile02-5a7be2fe59fa622b8060f955778898fe.png);
    z-index: 999
}

.consult-wrap--mobile .cm-content {
    position: fixed;
    padding-bottom: 20px;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    z-index: 1001 !important;
    transform: translateY(100%);
    opacity: 0
}

.consult-wrap--mobile.v2 .cm-content, .consult-wrap--mobile.v3 .cm-content {
    opacity: 1
}

.cm-form_head-v2, .cm-form_head-v3 {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    transform: translateY(-100%)
}

.cm-form_head_img {
    width: 100%;
    height: auto
}

.cm-form_head_hand {
    display: block;
    position: absolute;
    right: 14px;
    bottom: -20px;
    width: 25px;
    height: 19px;
    background: url(https://cdn7.tshe.com/assets/postm_hand-5ac22874278c0933d05f33d0efb75da9.png) no-repeat;
    background-size: 25px 19px;
    animation: post_m_hand 1.5s infinite
}

.consult-wrap--mobile.slideup .cm-form_head_hand {
    display: none
}

.consult-wrap--mobile.slideup .cm-content {
    transform: translateY(0);
    transition: transform .3s;
    opacity: 1
}

.consult-wrap--mobile.slidein .cm-content {
    transform: translateY(100%);
    transition: all .3s
}

.consult-wrap--mobile .cm-form {
    position: relative
}

.consult-wrap--mobile .cm-form_head {
    position: relative;
    padding-top: 8px;
    padding-left: 28px;
    height: 60px;
    background-size: cover;
    background-image: url(https://cdn7.tshe.com/assets/consult_bg--mobile-2f4e83c86530b5b77d0c341b07d8e828.png)
}

.consult-wrap--mobile .cm-form_head--offer, .consult-wrap--mobile .cm-form_head--request {
    display: none
}

.consult-wrap--mobile.offer .cm-form_head--offer, .consult-wrap--mobile.request .cm-form_head--request {
    display: block
}

.consult-wrap--mobile .head-offer_title {
    height: 28px;
    background-size: cover
}

.consult-wrap--mobile .form-head_change {
    margin-top: 2px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.8px;
    text-decoration: underline
}

.consult-wrap--mobile .cm-form_close {
    position: absolute;
    top: 8px;
    right: 16px;
    display: inline-block;
    width: 44px;
    height: 44px;
    background-size: cover;
    background-image: url(https://cdn7.tshe.com/assets/consult_close--mobile-35b2ae34f58de1060330d1c37d4cd183.png)
}

.consult-wrap--mobile .cm-form_head--request .head-offer_title {
    width: 132px;
    background-image: url(https://cdn7.tshe.com/assets/consult_title02--mobile-b34bd4de6d2c613e429423906dbc556e.png)
}

.consult-wrap--mobile .cm-form_head--offer .head-offer_title {
    width: 155px;
    background-image: url(https://cdn7.tshe.com/assets/consult_title01--mobile-8ffdc70215ab7af0263175fcd366c8c4.png)
}

.consult-wrap--mobile .cm-form_content {
    padding: 20px 28px 0
}

.consult-wrap--mobile .form-item {
    display: -ms-flexbox;
    display: flex;
    position: relative;
    margin-bottom: 10px;
    width: 100%;
    height: 48px;
    border-radius: 4px;
    background-color: #f8f8f8;
    -ms-flex-align: center;
    align-items: center
}

.consult-wrap--mobile .form-input {
    padding: 0;
    width: 100%;
    height: 100%;
    text-indent: 12px;
    margin-right: 12px;
    background-color: transparent;
    color: #161616;
    font-size: 13px;
    border: none
}

.consult-wrap--mobile .form-item.item--r-arrow:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
    border: 5px solid transparent;
    border-left-color: #161616
}

.consult-wrap--mobile .form-item span {
    margin-left: 14px;
    color: #161616;
    font-weight: 700
}

.consult-wrap--mobile .form-item .selText {
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
    font-weight: 400
}

.consult-wrap--mobile .form-select {
    position: absolute;
    left: 0;
    height: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 2
}

.consult-wrap--mobile .form-item.item--input {
    -ms-flex-pack: justify;
    justify-content: space-between
}

.consult-wrap--mobile .form_btn {
    margin-top: 20px;
    width: 100%;
    height: 48px;
    line-height: 48px;
    color: #161616;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 3.4px;
    text-align: center;
    background-image: linear-gradient(90deg, #ffec6b, #ffdc00);
    border-radius: 5px
}

.consult-wrap--mobile .form_tip {
    font-size: 12px
}

.consult-wrap--mobile .img-verify_wrap {
    display: none
}

.consult-wrap--mobile .img-verify_wrap.visible {
    display: -ms-flexbox;
    display: flex
}

.consult-wrap--mobile .get-phone-code.form_btn, .consult-wrap--mobile .img-verify_wrap .img-code {
    width: 110px;
    height: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.consult-wrap--mobile .get-phone-code.form_btn {
    transition: none;
    margin-top: 0;
    font-size: 13px;
    letter-spacing: 1px
}

.consult-wrap--mobile .form_btn.get-phone-code.waiting {
    transition: none;
    display: inline-block;
    height: 1em;
    line-height: 1em;
    background-image: none;
    background-color: transparent;
    color: #7f7f7f;
    border-left: 1px solid #e8e8e8;
    font-size: 12px
}

.consult-wrap--mobile .cm-complete {
    position: fixed;
    display: none;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1002;
    background-color: rgba(0, 0, 0, .3)
}

.consult-wrap--mobile.complete .cm-complete {
    display: -ms-flexbox;
    display: flex
}

.consult-wrap--mobile .cm-complete_body {
    position: relative;
    background-color: #fff;
    border-radius: 5px;
    width: 280px;
    height: 242px;
    text-align: center;
    z-index: 3
}

.consult-wrap--mobile .cm-complete_head {
    margin-top: 32px
}

.consult-wrap--mobile .cm-complete_icon {
    display: inline-block;
    width: 38px;
    height: 38px;
    background-image: url(https://cdn7.tshe.com/assets/consult_icon02--mobile-28ecc3e2bcc8dcf0c7d812f3384e45cf.png);
    background-size: cover
}

.consult-wrap--mobile .cm-complete_title {
    margin-top: 16px
}

.consult-wrap--mobile .cm-complete_title .title--1 {
    font-size: 16px;
    font-weight: 700;
    color: #161616;
    line-height: 18px
}

.consult-wrap--mobile .cm-complete_title .title--2 {
    margin-top: 2px;
    font-size: 12px;
    color: #0a0a0a;
    line-height: 19px
}

.consult-wrap--mobile .cm-complete_title .title--3 {
    margin-top: 4px;
    color: #9e9e9e;
    font-size: 12px
}

.consult-wrap--mobile .cm-complete_btns {
    margin-top: 26px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

.consult-wrap--mobile .complete-btn {
    width: 96px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #161616;
    font-weight: 700;
    font-size: 13px;
    border-radius: 5px;
    letter-spacing: 1px
}

.consult-wrap--mobile .complete-btn.btn--tran {
    margin-right: 12px;
    border: 1px solid #e1e1e1
}

.consult-wrap--mobile .complete-btn.btn--sh {
    background-image: linear-gradient(90deg, #ffec6b, #ffdc00)
}

.consult-wrap--mobile .form_title {
    margin-bottom: 12px
}

.consult-wrap--mobile .rtxt_box {
    position: relative
}

.consult-wrap--mobile .rtxt_box_t {
    position: relative;
    z-index: 3;
    color: #161616;
    font-size: 18px;
    font-weight: 700
}

.consult-wrap--mobile .rtxt_box_l {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 10px;
    background-color: #fc0
}

.consult-wrap--mobile .form_tip-red {
    margin-top: 6px;
    color: #f5a623;
    font-size: 12px
}

.consult-wrap-questions {
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 101;
    width: 100%;
    transition: bottom .3s
}

.new-consult-wrap-v3 {
    background-size: cover;
    background-repeat: no-repeat;
    height: 90px;
    text-align: center
}

.new-consult-wrap-v3 .cm-question-content {
    display: inline-block;
    height: 90px;
    position: relative;
    text-align: center;
    top: -10px
}

.cm-question-content .cm_question_img {
    height: 90px
}

.ten_seconds_test_hand {
    display: block;
    position: absolute;
    right: -14px;
    bottom: -20px;
    width: 40px;
    height: 30px;
    background-size: 40px 30px;
    animation: post_m_hand 1.5s infinite
}

@keyframes post_m_hand {
    0% {
        bottom: -20px
    }
    to {
        bottom: -2px
    }
}

.form_phone_tip {
    color: #4a4a4a;
    font-size: 12px;
    text-align: center
}

.js_consult_s1, .js_consult_s2 {
    display: none !important
}

.js_consult_s1.show, .js_consult_s2.show {
    display: -ms-flexbox !important;
    display: flex !important
}

.js_consult_s1.form_btn.show, .js_consult_s1.form_phone_tip.show, .js_consult_s2.form_btn.show, .js_consult_s2.form_phone_tip.show {
    display: block !important
}

.js_consult_s1.show.js_imgCodeWrap, .js_consult_s2.show.js_imgCodeWrap {
    display: none !important
}

.js_consult_s1.js_imgCodeWrap.visible, .js_consult_s2.js_imgCodeWrap.visible {
    display: -ms-flexbox !important;
    display: flex !important
}

.consult_relative {
    position: relative
}

.error_item_horizontal, .error_item_vertical {
    position: absolute;
    bottom: -20px;
    left: 0;
    color: #ff5859;
    font-size: 12px;
    white-space: nowrap
}

.error_item_vertical {
    line-height: 18px
}

.error_item_box {
    position: relative
}

.error_item_btn {
    position: absolute;
    top: -20px;
    left: 0;
    line-height: 18px;
    color: #ff5859;
    font-size: 12px;
    letter-spacing: 0;
    white-space: nowrap
}

.consult_check_modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1002;
    width: 100%;
    height: 100%;
    background-color: transparent
}

.consult_check_modal.active {
    display: block
}

.ccm_box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 29px 45px 0;
    width: 482px;
    height: 207px;
    background: #fff;
    background-image: url(https://cdn7.tshe.com/assets/tshe-message-bg-c987dd1561c28ad4bd6a7e8232e954da.png);
    background-size: 482px 56px;
    background-repeat: no-repeat;
    background-position: bottom;
    border: 1px solid #eaeaea;
    box-shadow: 0 15px 21px -6px rgba(0, 0, 0, .14);
    border-radius: 7px
}

.ccm_close {
    position: absolute;
    top: 8px;
    right: 8px;
    color: #9b9b9b;
    font-size: 26px;
    cursor: pointer
}

.ccm_t {
    color: #161616;
    font-size: 14px
}

.ccm_p {
    margin-top: 8px;
    color: #848484;
    font-size: 12px
}

.ccm_error {
    height: 23px;
    line-height: 18px;
    color: #ff5859;
    font-size: 12px
}

.ccm_con {
    height: 40px
}

.ccm_con:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden
}

.ccm_input {
    float: left;
    padding: 0 6px;
    width: 112px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #eaeaea;
    border-right: none
}

.ccm_captcha {
    float: left;
    width: 105px;
    height: 40px;
    overflow: hidden
}

.ccm_reflash {
    float: left;
    width: 40px;
    height: 40px;
    background-color: #f1f1f1
}

.ccm_reflash_icon {
    position: relative;
    top: 7px;
    left: 7px;
    color: #fff;
    font-size: 26px;
    cursor: pointer
}

.ccm_btn {
    float: right;
    width: 114px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background-image: linear-gradient(90deg, #ffec6a 13%, #ffde0a 98%);
    color: #000;
    font-size: 14px;
    border-radius: 2px;
    cursor: pointer
}

.ui.checkbox {
    position: relative;
    display: inline-block;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    outline: none;
    vertical-align: baseline;
    font-style: normal;
    min-height: 17px;
    font-size: 16px;
    font-size: 1rem;
    line-height: 17px;
    min-width: 17px
}

.ui.checkbox input[type=checkbox], .ui.checkbox input[type=radio] {
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0 !important;
    outline: none;
    z-index: 3;
    width: 17px;
    height: 17px
}

.ui.checkbox .box, .ui.checkbox label {
    cursor: auto;
    position: relative;
    display: block;
    padding-left: 1.85714em;
    outline: none;
    font-size: 1em
}

.ui.checkbox .box:before, .ui.checkbox label:before {
    content: "";
    background: #fff;
    border-radius: .21428571rem;
    border: 1px solid #d4d4d5
}

.ui.checkbox .box:after, .ui.checkbox .box:before, .ui.checkbox label:after, .ui.checkbox label:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 17px;
    height: 17px;
    transition: border .1s ease, opacity .1s ease, transform .1s ease, box-shadow .1s ease
}

.ui.checkbox .box:after, .ui.checkbox label:after {
    font-size: 14px;
    text-align: center;
    opacity: 0;
    color: rgba(0, 0, 0, .87)
}

.ui.checkbox + label, .ui.checkbox label {
    color: rgba(0, 0, 0, .87);
    transition: color .1s ease
}

.ui.checkbox + label {
    vertical-align: middle
}

.ui.checkbox .box:hover:before, .ui.checkbox label:hover:before {
    background: #fff;
    border-color: rgba(34, 36, 38, .35)
}

.ui.checkbox + label:hover, .ui.checkbox label:hover {
    color: rgba(0, 0, 0, .8)
}

.ui.checkbox .box:active:before, .ui.checkbox label:active:before {
    background: #f9fafb;
    border-color: rgba(34, 36, 38, .35)
}

.ui.checkbox .box:active:after, .ui.checkbox input:active ~ label, .ui.checkbox label:active:after {
    color: rgba(0, 0, 0, .95)
}

.ui.checkbox input:focus ~ .box:before, .ui.checkbox input:focus ~ label:before {
    background: #fff;
    border-color: #96c8da
}

.ui.checkbox input:focus ~ .box:after, .ui.checkbox input:focus ~ label, .ui.checkbox input:focus ~ label:after {
    color: rgba(0, 0, 0, .95)
}

.ui.checkbox input:checked ~ .box:before, .ui.checkbox input:checked ~ label:before {
    background: #fff;
    border-color: rgba(34, 36, 38, .35)
}

.ui.checkbox input:checked ~ .box:after, .ui.checkbox input:checked ~ label:after {
    opacity: 1;
    color: rgba(0, 0, 0, .95)
}

.ui.checkbox input:not([type=radio]):indeterminate ~ .box:before, .ui.checkbox input:not([type=radio]):indeterminate ~ label:before {
    background: #fff;
    border-color: rgba(34, 36, 38, .35)
}

.ui.checkbox input:not([type=radio]):indeterminate ~ .box:after, .ui.checkbox input:not([type=radio]):indeterminate ~ label:after {
    opacity: 1;
    color: rgba(0, 0, 0, .95)
}

.ui.checkbox input:checked:focus ~ .box:before, .ui.checkbox input:checked:focus ~ label:before, .ui.checkbox input:not([type=radio]):indeterminate:focus ~ .box:before, .ui.checkbox input:not([type=radio]):indeterminate:focus ~ label:before {
    background: #fff;
    border-color: #96c8da
}

.ui.checkbox input:checked:focus ~ .box:after, .ui.checkbox input:checked:focus ~ label:after, .ui.checkbox input:not([type=radio]):indeterminate:focus ~ .box:after, .ui.checkbox input:not([type=radio]):indeterminate:focus ~ label:after {
    color: rgba(0, 0, 0, .95)
}

.ui.read-only.checkbox, .ui.read-only.checkbox label {
    cursor: default
}

.ui.checkbox input[disabled] ~ .box:after, .ui.checkbox input[disabled] ~ label, .ui.disabled.checkbox .box:after, .ui.disabled.checkbox label {
    cursor: default !important;
    opacity: .5;
    color: #000
}

.ui.checkbox input.hidden {
    z-index: -1
}

.ui.checkbox input.hidden + label {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.ui.radio.checkbox {
    min-height: 15px
}

.ui.radio.checkbox .box, .ui.radio.checkbox label {
    padding-left: 1.85714em
}

.ui.radio.checkbox .box:before, .ui.radio.checkbox label:before {
    content: "";
    transform: none;
    width: 15px;
    height: 15px;
    border-radius: 500rem;
    top: 1px;
    left: 0
}

.ui.radio.checkbox .box:after, .ui.radio.checkbox label:after {
    border: none;
    content: "" !important;
    line-height: 15px;
    top: 1px;
    left: 0;
    width: 15px;
    height: 15px;
    border-radius: 500rem;
    transform: scale(.46666667);
    background-color: rgba(0, 0, 0, .87)
}

.ui.radio.checkbox input:focus ~ .box:before, .ui.radio.checkbox input:focus ~ label:before {
    background-color: #fff
}

.ui.radio.checkbox input:focus ~ .box:after, .ui.radio.checkbox input:focus ~ label:after {
    background-color: rgba(0, 0, 0, .95)
}

.ui.radio.checkbox input:indeterminate ~ .box:after, .ui.radio.checkbox input:indeterminate ~ label:after {
    opacity: 0
}

.ui.radio.checkbox input:checked ~ .box:before, .ui.radio.checkbox input:checked ~ label:before {
    background-color: #fff
}

.ui.radio.checkbox input:checked ~ .box:after, .ui.radio.checkbox input:checked ~ label:after {
    background-color: rgba(0, 0, 0, .95)
}

.ui.radio.checkbox input:focus:checked ~ .box:before, .ui.radio.checkbox input:focus:checked ~ label:before {
    background-color: #fff
}

.ui.radio.checkbox input:focus:checked ~ .box:after, .ui.radio.checkbox input:focus:checked ~ label:after {
    background-color: rgba(0, 0, 0, .95)
}

@font-face {
    font-family: Checkbox;
    src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBD8AAAC8AAAAYGNtYXAYVtCJAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5Zn4huwUAAAF4AAABYGhlYWQGPe1ZAAAC2AAAADZoaGVhB30DyAAAAxAAAAAkaG10eBBKAEUAAAM0AAAAHGxvY2EAmgESAAADUAAAABBtYXhwAAkALwAAA2AAAAAgbmFtZSC8IugAAAOAAAABknBvc3QAAwAAAAAFFAAAACAAAwMTAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADoAgPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6AL//f//AAAAAAAg6AD//f//AAH/4xgEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAEUAUQO7AvgAGgAAARQHAQYjIicBJjU0PwE2MzIfAQE2MzIfARYVA7sQ/hQQFhcQ/uMQEE4QFxcQqAF2EBcXEE4QAnMWEP4UEBABHRAXFhBOEBCoAXcQEE4QFwAAAAABAAABbgMlAkkAFAAAARUUBwYjISInJj0BNDc2MyEyFxYVAyUQEBf9SRcQEBAQFwK3FxAQAhJtFxAQEBAXbRcQEBAQFwAAAAABAAAASQMlA24ALAAAARUUBwYrARUUBwYrASInJj0BIyInJj0BNDc2OwE1NDc2OwEyFxYdATMyFxYVAyUQEBfuEBAXbhYQEO4XEBAQEBfuEBAWbhcQEO4XEBACEm0XEBDuFxAQEBAX7hAQF20XEBDuFxAQEBAX7hAQFwAAAQAAAAIAAHRSzT9fDzz1AAsEAAAAAADRsdR3AAAAANGx1HcAAAAAA7sDbgAAAAgAAgAAAAAAAAABAAADwP/AAAAEAAAAAAADuwABAAAAAAAAAAAAAAAAAAAABwQAAAAAAAAAAAAAAAIAAAAEAABFAyUAAAMlAAAAAAAAAAoAFAAeAE4AcgCwAAEAAAAHAC0AAQAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAIAAAAAQAAAAAAAgAHAGkAAQAAAAAAAwAIADkAAQAAAAAABAAIAH4AAQAAAAAABQALABgAAQAAAAAABgAIAFEAAQAAAAAACgAaAJYAAwABBAkAAQAQAAgAAwABBAkAAgAOAHAAAwABBAkAAwAQAEEAAwABBAkABAAQAIYAAwABBAkABQAWACMAAwABBAkABgAQAFkAAwABBAkACgA0ALBDaGVja2JveABDAGgAZQBjAGsAYgBvAHhWZXJzaW9uIDIuMABWAGUAcgBzAGkAbwBuACAAMgAuADBDaGVja2JveABDAGgAZQBjAGsAYgBvAHhDaGVja2JveABDAGgAZQBjAGsAYgBvAHhSZWd1bGFyAFIAZQBnAHUAbABhAHJDaGVja2JveABDAGgAZQBjAGsAYgBvAHhGb250IGdlbmVyYXRlZCBieSBJY29Nb29uLgBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format("truetype")
}

.ui.checkbox .box:after, .ui.checkbox label:after {
    font-family: Checkbox
}

.ui.checkbox input:checked ~ .box:after, .ui.checkbox input:checked ~ label:after {
    content: "\E800"
}

.ui.checkbox input:indeterminate ~ .box:after, .ui.checkbox input:indeterminate ~ label:after {
    font-size: 12px;
    content: "\E801"
}

/*!
 * # Semantic UI 2.2.10 - Modal
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
.ui.modal {
    display: none;
    position: fixed;
    z-index: 1001;
    top: 50%;
    left: 50%;
    text-align: left;
    background: #fff;
    border: none;
    box-shadow: 1px 3px 3px 0 rgba(0, 0, 0, .2), 1px 3px 15px 2px rgba(0, 0, 0, .2);
    transform-origin: 50% 25%;
    border-radius: .28571429rem;
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    will-change: top, left, margin, transform, opacity
}

.ui.modal > .icon:first-child + *, .ui.modal > :first-child:not(.icon) {
    border-top-left-radius: 4.571px;
    border-top-left-radius: .28571429rem;
    border-top-right-radius: 4.571px;
    border-top-right-radius: .28571429rem
}

.ui.modal > :last-child {
    border-bottom-left-radius: 4.571px;
    border-bottom-left-radius: .28571429rem;
    border-bottom-right-radius: 4.571px;
    border-bottom-right-radius: .28571429rem
}

.ui.modal > .close {
    cursor: pointer;
    position: absolute;
    top: -40px;
    top: -2.5rem;
    right: -40px;
    right: -2.5rem;
    z-index: 1;
    opacity: .8;
    font-size: 1.25em;
    color: #fff;
    width: 36px;
    width: 2.25rem;
    height: 36px;
    height: 2.25rem;
    padding: 10px 0 0;
    padding: .625rem 0 0
}

.ui.modal > .close:hover {
    opacity: 1
}

.ui.modal > .header {
    display: block;
    font-family: Lato, Helvetica Neue, Arial, Helvetica, sans-serif;
    background: #fff;
    margin: 0;
    padding: 20px 24px;
    padding: 1.25rem 1.5rem;
    box-shadow: none;
    color: rgba(0, 0, 0, .85);
    border-bottom: 1px solid rgba(34, 36, 38, .15)
}

.ui.modal > .header:not(.ui) {
    font-size: 22.857px;
    font-size: 1.42857143rem;
    line-height: 1.28571429em;
    font-weight: 700
}

.ui.modal > .content {
    display: block;
    width: 100%;
    font-size: 1em;
    line-height: 1.4;
    padding: 24px;
    padding: 1.5rem;
    background: #fff
}

.ui.modal > .image.content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row
}

.ui.modal > .content > .image {
    display: block;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: ""
}

.ui.modal > .content > .image, .ui.modal > [class*="top aligned"] {
    -ms-flex-item-align: top;
    align-self: top
}

.ui.modal > [class*="middle aligned"] {
    -ms-flex-item-align: middle;
    align-self: middle
}

.ui.modal > [class*=stretched] {
    -ms-flex-item-align: stretch;
    align-self: stretch
}

.ui.modal > .content > .description {
    display: block;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    min-width: 0;
    -ms-flex-item-align: top;
    align-self: top
}

.ui.modal > .content > .icon + .description, .ui.modal > .content > .image + .description {
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    min-width: "";
    width: auto;
    padding-left: 2em
}

.ui.modal > .content > .image > i.icon {
    margin: 0;
    opacity: 1;
    width: auto;
    line-height: 1;
    font-size: 128px;
    font-size: 8rem
}

.ui.modal > .actions {
    background: #f9fafb;
    padding: 16px;
    padding: 1rem;
    border-top: 1px solid rgba(34, 36, 38, .15);
    text-align: right
}

.ui.modal .actions > .button {
    margin-left: .75em
}

@media only screen and (max-width: 767px) {
    .ui.modal {
        width: 95%;
        margin: 0 0 0 -47.5%
    }
}

@media only screen and (min-width: 768px) {
    .ui.modal {
        width: 88%;
        margin: 0 0 0 -44%
    }
}

@media only screen and (min-width: 992px) {
    .ui.modal {
        width: 850px;
        margin: 0 0 0 -425px
    }
}

@media only screen and (min-width: 1200px) {
    .ui.modal {
        width: 900px;
        margin: 0 0 0 -450px
    }
}

@media only screen and (min-width: 1920px) {
    .ui.modal {
        width: 950px;
        margin: 0 0 0 -475px
    }
}

@media only screen and (max-width: 991px) {
    .ui.modal > .header {
        padding-right: 2.25rem
    }

    .ui.modal > .close {
        top: 1.0535rem;
        right: 1rem;
        color: rgba(0, 0, 0, .87)
    }
}

@media only screen and (max-width: 767px) {
    .ui.modal > .header {
        padding: .75rem 2.25rem .75rem 1rem !important
    }

    .ui.modal > .content {
        display: block;
        padding: 1rem !important
    }

    .ui.modal > .close {
        top: .5rem !important;
        right: .5rem !important
    }

    .ui.modal .image.content {
        -ms-flex-direction: column;
        flex-direction: column
    }

    .ui.modal .content > .image {
        display: block;
        max-width: 100%;
        margin: 0 auto !important;
        text-align: center;
        padding: 0 0 1rem !important
    }

    .ui.modal > .content > .image > i.icon {
        font-size: 5rem;
        text-align: center
    }

    .ui.modal .content > .description {
        display: block;
        width: 100% !important;
        margin: 0 !important;
        padding: 1rem 0 !important;
        box-shadow: none
    }

    .ui.modal > .actions {
        padding: 1rem 1rem 0 !important
    }

    .ui.modal .actions > .button, .ui.modal .actions > .buttons {
        margin-bottom: 1rem
    }
}

.ui.inverted.dimmer > .ui.modal {
    box-shadow: 1px 3px 10px 2px rgba(0, 0, 0, .2)
}

.ui.basic.modal {
    border: none;
    border-radius: 0;
    box-shadow: none !important;
    color: #fff
}

.ui.basic.modal, .ui.basic.modal > .actions, .ui.basic.modal > .content, .ui.basic.modal > .header {
    background-color: transparent
}

.ui.basic.modal > .header {
    color: #fff
}

.ui.basic.modal > .close {
    top: 16px;
    top: 1rem;
    right: 24px;
    right: 1.5rem
}

.ui.inverted.dimmer > .basic.modal {
    color: rgba(0, 0, 0, .87)
}

.ui.inverted.dimmer > .ui.basic.modal > .header {
    color: rgba(0, 0, 0, .85)
}

.ui.active.modal {
    display: block
}

.scrolling.dimmable.dimmed {
    overflow: hidden
}

.scrolling.dimmable.dimmed > .dimmer {
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.scrolling.dimmable > .dimmer {
    position: fixed
}

.modals.dimmer .ui.scrolling.modal {
    position: static !important;
    margin: 56px auto !important;
    margin: 3.5rem auto !important
}

.scrolling.undetached.dimmable.dimmed {
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.scrolling.undetached.dimmable.dimmed > .dimmer {
    overflow: hidden
}

.scrolling.undetached.dimmable .ui.scrolling.modal {
    position: absolute;
    left: 50%;
    margin-top: 56px !important;
    margin-top: 3.5rem !important
}

.undetached.dimmable.dimmed > .pusher {
    z-index: auto
}

@media only screen and (max-width: 991px) {
    .ui.basic.modal > .close {
        color: #fff
    }

    .modals.dimmer .ui.scrolling.modal {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }
}

.ui.fullscreen.modal {
    width: 95% !important;
    left: 2.5% !important;
    margin: 1em auto
}

.ui.fullscreen.scrolling.modal {
    left: 0 !important
}

.ui.fullscreen.modal > .header {
    padding-right: 36px;
    padding-right: 2.25rem
}

.ui.fullscreen.modal > .close {
    top: 16.856px;
    top: 1.0535rem;
    right: 16px;
    right: 1rem;
    color: rgba(0, 0, 0, .87)
}

.ui.modal {
    font-size: 16px;
    font-size: 1rem
}

.ui.small.modal > .header:not(.ui) {
    font-size: 1.3em
}

@media only screen and (max-width: 767px) {
    .ui.small.modal {
        width: 95%;
        margin: 0 0 0 -47.5%
    }
}

@media only screen and (min-width: 768px) {
    .ui.small.modal {
        width: 70.4%;
        margin: 0 0 0 -35.2%
    }
}

@media only screen and (min-width: 992px) {
    .ui.small.modal {
        width: 680px;
        margin: 0 0 0 -340px
    }
}

@media only screen and (min-width: 1200px) {
    .ui.small.modal {
        width: 720px;
        margin: 0 0 0 -360px
    }
}

@media only screen and (min-width: 1920px) {
    .ui.small.modal {
        width: 760px;
        margin: 0 0 0 -380px
    }
}

.ui.large.modal > .header {
    font-size: 1.6em
}

@media only screen and (max-width: 767px) {
    .ui.large.modal {
        width: 95%;
        margin: 0 0 0 -47.5%
    }
}

@media only screen and (min-width: 768px) {
    .ui.large.modal {
        width: 88%;
        margin: 0 0 0 -44%
    }
}

@media only screen and (min-width: 992px) {
    .ui.large.modal {
        width: 1020px;
        margin: 0 0 0 -510px
    }
}

@media only screen and (min-width: 1200px) {
    .ui.large.modal {
        width: 1080px;
        margin: 0 0 0 -540px
    }
}

@media only screen and (min-width: 1920px) {
    .ui.large.modal {
        width: 1140px;
        margin: 0 0 0 -570px
    }
}

/*!
 * # Semantic UI 2.2.10 - Reset
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */
*, :after, :before {
    box-sizing: inherit
}

html {
    box-sizing: border-box;
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

input[type=email], input[type=password], input[type=search], input[type=text] {
    -webkit-appearance: none;
    -moz-appearance: none
}

body {
    margin: 0
}

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

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden], template {
    display: none
}

a {
    background: 0 0
}

a:active, a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b, optgroup, strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    height: 0
}

pre, textarea {
    overflow: auto
}

code, kbd, pre, samp {
    font-family: monospace, monospace;
    font-size: 1em
}

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button, select {
    text-transform: none
}

button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled], html input[disabled] {
    cursor: default
}

button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type=checkbox], input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search] {
    -webkit-appearance: textfield
}

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

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

td, th {
    padding: 0
}

/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
html {
    font-family: sans-serif;
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

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

audio, canvas, progress, video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

progress {
    vertical-align: baseline
}

[hidden], template {
    display: none
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

a:active, a:hover {
    outline-width: 0
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b, strong {
    font-weight: inherit;
    font-weight: bolder
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

mark {
    background-color: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

svg:not(:root) {
    overflow: hidden
}

code, kbd, pre, samp {
    font-family: monospace, monospace;
    font-size: 1em
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

button, input, optgroup, select, textarea {
    font: inherit;
    margin: 0
}

optgroup {
    font-weight: 700
}

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

[type=reset], [type=submit], button, html [type=button] {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

textarea {
    overflow: auto
}

[type=checkbox], [type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-input-placeholder {
    color: inherit;
    opacity: .54
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

.ui.button {
    cursor: pointer;
    display: inline-block;
    min-height: 1em;
    outline: none;
    border: none;
    vertical-align: baseline;
    background: #e0e1e2 none;
    color: rgba(0, 0, 0, .6);
    font-family: Lato, Helvetica Neue, Arial, Helvetica, sans-serif;
    margin: 0 .25em 0 0;
    padding: .78571429em 1.5em;
    text-transform: none;
    text-shadow: none;
    font-weight: 700;
    line-height: 1em;
    font-style: normal;
    text-align: center;
    text-decoration: none;
    border-radius: .28571429rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: opacity .1s ease, background-color .1s ease, color .1s ease, box-shadow .1s ease, background .1s ease;
    will-change: "";
    -webkit-tap-highlight-color: transparent
}

.ui.button, .ui.button:hover {
    box-shadow: inset 0 0 0 1px transparent, inset 0 0 0 0 rgba(34, 36, 38, .15)
}

.ui.button:hover {
    background-color: #cacbcd;
    background-image: none;
    color: rgba(0, 0, 0, .8)
}

.ui.button:hover .icon {
    opacity: .85
}

.ui.button:focus {
    background-color: #cacbcd;
    color: rgba(0, 0, 0, .8);
    background-image: "" !important;
    box-shadow: "" !important
}

.ui.button:focus .icon {
    opacity: .85
}

.ui.active.button:active, .ui.button:active {
    background-color: #babbbc;
    background-image: "";
    color: rgba(0, 0, 0, .9);
    box-shadow: inset 0 0 0 1px transparent, none
}

.ui.active.button {
    box-shadow: inset 0 0 0 1px transparent
}

.ui.active.button, .ui.active.button:hover {
    color: rgba(0, 0, 0, .95)
}

.ui.active.button, .ui.active.button:active, .ui.active.button:hover {
    background-color: #c0c1c2;
    background-image: none
}

.ui.button > .icon:not(.button) {
    height: .85714286em;
    opacity: .8;
    transition: opacity .1s ease;
    vertical-align: "";
    color: ""
}

.ui.button:not(.icon) > .icon:not(.button):not(.dropdown), .ui.button > .icon:not(.button) {
    margin: 0 .42857143em 0 -.21428571em
}

.ui.button:not(.icon) > .right.icon:not(.button):not(.dropdown) {
    margin: 0 -.21428571em 0 .42857143em
}

.ui.mini.button {
    font-size: 12.571px;
    font-size: .78571429rem
}

.ui.tiny.button {
    font-size: 13.714px;
    font-size: .85714286rem
}

.ui.small.button {
    font-size: 14.857px;
    font-size: .92857143rem
}

.ui.button {
    font-size: 16px;
    font-size: 1rem
}

.ui.large.button {
    font-size: 18.285px;
    font-size: 1.14285714rem
}

.ui.big.button {
    font-size: 20.571px;
    font-size: 1.28571429rem
}

.ui.huge.button {
    font-size: 22.857px;
    font-size: 1.42857143rem
}

.ui.massive.button {
    font-size: 27.428px;
    font-size: 1.71428571rem
}

.ui.icon.button {
    padding: .78571429em
}

.ui.icon.button > .icon {
    opacity: .9;
    margin: 0 !important;
    vertical-align: top
}

.ui.positive.button {
    background-color: #21ba45;
    color: #fff;
    text-shadow: none;
    background-image: none;
    box-shadow: inset 0 0 0 0 rgba(34, 36, 38, .15)
}

.ui.positive.button:hover {
    background-color: #16ab39;
    color: #fff;
    text-shadow: none
}

.ui.positive.button:focus {
    background-color: #0ea432;
    color: #fff;
    text-shadow: none
}

.ui.positive.button:active {
    background-color: #198f35;
    color: #fff;
    text-shadow: none
}

.ui.positive.active.button, .ui.positive.button .active.button:active {
    background-color: #13ae38;
    color: #fff;
    text-shadow: none
}

.ui.basic.positive.button {
    box-shadow: inset 0 0 0 1px #21ba45 !important;
    color: #21ba45 !important
}

.ui.basic.positive.button:hover {
    background: transparent !important;
    box-shadow: inset 0 0 0 1px #16ab39 !important;
    color: #16ab39 !important
}

.ui.basic.positive.button:focus {
    background: transparent !important;
    box-shadow: inset 0 0 0 1px #0ea432 !important;
    color: #16ab39 !important
}

.ui.basic.positive.active.button {
    background: transparent !important;
    box-shadow: inset 0 0 0 1px #13ae38 !important;
    color: #198f35 !important
}

.ui.basic.positive.button:active {
    box-shadow: inset 0 0 0 1px #198f35 !important;
    color: #198f35 !important
}

.ui.grid {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: stretch;
    align-items: stretch;
    padding: 0;
    margin-top: -16px;
    margin-bottom: -16px;
    margin-left: -16px;
    margin: -1rem;
    margin-right: -16px
}

.ui.grid + .grid {
    margin-top: 16px;
    margin-top: 1rem
}

.ui.grid > .column:not(.row), .ui.grid > .row > .column {
    position: relative;
    display: inline-block;
    width: 6.25%;
    vertical-align: top
}

.ui.grid > *, .ui.grid > .column:not(.row), .ui.grid > .row > .column {
    padding-left: 16px;
    padding-left: 1rem;
    padding-right: 16px;
    padding-right: 1rem
}

.ui.grid > .row {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: inherit;
    justify-content: inherit;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100% !important;
    padding: 0;
    padding-top: 16px;
    padding-top: 1rem;
    padding-bottom: 16px;
    padding-bottom: 1rem
}

.ui.grid > .column:not(.row) {
    padding-top: 16px;
    padding-top: 1rem;
    padding-bottom: 16px;
    padding-bottom: 1rem
}

.ui.grid > .row > .column {
    margin-top: 0;
    margin-bottom: 0
}

.ui.grid > .row > .column > img, .ui.grid > .row > img {
    max-width: 100%
}

.ui.grid > .ui.grid:first-child {
    margin-top: 0
}

.ui.grid > .ui.grid:last-child {
    margin-bottom: 0
}

.ui.aligned.grid .column > .segment:not(.compact):not(.attached), .ui.grid .aligned.row > .column > .segment:not(.compact):not(.attached) {
    width: 100%
}

.ui.grid .row + .ui.divider {
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin: 16px;
    margin: 1rem
}

.ui.grid .column + .ui.vertical.divider {
    height: calc(50% - 1rem)
}

.ui.grid > .column:last-child > .horizontal.segment, .ui.grid > .row > .column:last-child > .horizontal.segment {
    box-shadow: none
}

@media only screen and (max-width: 767px) {
    .ui.page.grid {
        width: auto;
        padding-left: 0;
        padding-right: 0;
        margin-left: 0;
        margin-right: 0
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .ui.page.grid {
        width: auto;
        margin-left: 0;
        margin-right: 0;
        padding-left: 2em;
        padding-right: 2em
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .ui.page.grid {
        width: auto;
        margin-left: 0;
        margin-right: 0;
        padding-left: 3%;
        padding-right: 3%
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1919px) {
    .ui.page.grid {
        width: auto;
        margin-left: 0;
        margin-right: 0;
        padding-left: 15%;
        padding-right: 15%
    }
}

@media only screen and (min-width: 1920px) {
    .ui.page.grid {
        width: auto;
        margin-left: 0;
        margin-right: 0;
        padding-left: 23%;
        padding-right: 23%
    }
}

.ui.grid > .column:only-child, .ui.grid > .row > .column:only-child, .ui[class*="one column"].grid > .column:not(.row), .ui[class*="one column"].grid > .row > .column {
    width: 100%
}

.ui[class*="two column"].grid > .column:not(.row), .ui[class*="two column"].grid > .row > .column {
    width: 50%
}

.ui[class*="three column"].grid > .column:not(.row), .ui[class*="three column"].grid > .row > .column {
    width: 33.33333333%
}

.ui[class*="four column"].grid > .column:not(.row), .ui[class*="four column"].grid > .row > .column {
    width: 25%
}

.ui[class*="five column"].grid > .column:not(.row), .ui[class*="five column"].grid > .row > .column {
    width: 20%
}

.ui[class*="six column"].grid > .column:not(.row), .ui[class*="six column"].grid > .row > .column {
    width: 16.66666667%
}

.ui[class*="seven column"].grid > .column:not(.row), .ui[class*="seven column"].grid > .row > .column {
    width: 14.28571429%
}

.ui[class*="eight column"].grid > .column:not(.row), .ui[class*="eight column"].grid > .row > .column {
    width: 12.5%
}

.ui[class*="nine column"].grid > .column:not(.row), .ui[class*="nine column"].grid > .row > .column {
    width: 11.11111111%
}

.ui[class*="ten column"].grid > .column:not(.row), .ui[class*="ten column"].grid > .row > .column {
    width: 10%
}

.ui[class*="eleven column"].grid > .column:not(.row), .ui[class*="eleven column"].grid > .row > .column {
    width: 9.09090909%
}

.ui[class*="twelve column"].grid > .column:not(.row), .ui[class*="twelve column"].grid > .row > .column {
    width: 8.33333333%
}

.ui[class*="thirteen column"].grid > .column:not(.row), .ui[class*="thirteen column"].grid > .row > .column {
    width: 7.69230769%
}

.ui[class*="fourteen column"].grid > .column:not(.row), .ui[class*="fourteen column"].grid > .row > .column {
    width: 7.14285714%
}

.ui[class*="fifteen column"].grid > .column:not(.row), .ui[class*="fifteen column"].grid > .row > .column {
    width: 6.66666667%
}

.ui[class*="sixteen column"].grid > .column:not(.row), .ui[class*="sixteen column"].grid > .row > .column {
    width: 6.25%
}

.ui.grid > [class*="one column"].row > .column {
    width: 100% !important
}

.ui.grid > [class*="two column"].row > .column {
    width: 50% !important
}

.ui.grid > [class*="three column"].row > .column {
    width: 33.33333333% !important
}

.ui.grid > [class*="four column"].row > .column {
    width: 25% !important
}

.ui.grid > [class*="five column"].row > .column {
    width: 20% !important
}

.ui.grid > [class*="six column"].row > .column {
    width: 16.66666667% !important
}

.ui.grid > [class*="seven column"].row > .column {
    width: 14.28571429% !important
}

.ui.grid > [class*="eight column"].row > .column {
    width: 12.5% !important
}

.ui.grid > [class*="nine column"].row > .column {
    width: 11.11111111% !important
}

.ui.grid > [class*="ten column"].row > .column {
    width: 10% !important
}

.ui.grid > [class*="eleven column"].row > .column {
    width: 9.09090909% !important
}

.ui.grid > [class*="twelve column"].row > .column {
    width: 8.33333333% !important
}

.ui.grid > [class*="thirteen column"].row > .column {
    width: 7.69230769% !important
}

.ui.grid > [class*="fourteen column"].row > .column {
    width: 7.14285714% !important
}

.ui.grid > [class*="fifteen column"].row > .column {
    width: 6.66666667% !important
}

.ui.grid > [class*="sixteen column"].row > .column {
    width: 6.25% !important
}

.ui.celled.page.grid {
    box-shadow: none
}

.ui.column.grid > [class*="one wide"].column, .ui.grid > .column.row > [class*="one wide"].column, .ui.grid > .row > [class*="one wide"].column, .ui.grid > [class*="one wide"].column {
    width: 6.25% !important
}

.ui.column.grid > [class*="two wide"].column, .ui.grid > .column.row > [class*="two wide"].column, .ui.grid > .row > [class*="two wide"].column, .ui.grid > [class*="two wide"].column {
    width: 12.5% !important
}

.ui.column.grid > [class*="three wide"].column, .ui.grid > .column.row > [class*="three wide"].column, .ui.grid > .row > [class*="three wide"].column, .ui.grid > [class*="three wide"].column {
    width: 18.75% !important
}

.ui.column.grid > [class*="four wide"].column, .ui.grid > .column.row > [class*="four wide"].column, .ui.grid > .row > [class*="four wide"].column, .ui.grid > [class*="four wide"].column {
    width: 25% !important
}

.ui.column.grid > [class*="five wide"].column, .ui.grid > .column.row > [class*="five wide"].column, .ui.grid > .row > [class*="five wide"].column, .ui.grid > [class*="five wide"].column {
    width: 31.25% !important
}

.ui.column.grid > [class*="six wide"].column, .ui.grid > .column.row > [class*="six wide"].column, .ui.grid > .row > [class*="six wide"].column, .ui.grid > [class*="six wide"].column {
    width: 37.5% !important
}

.ui.column.grid > [class*="seven wide"].column, .ui.grid > .column.row > [class*="seven wide"].column, .ui.grid > .row > [class*="seven wide"].column, .ui.grid > [class*="seven wide"].column {
    width: 43.75% !important
}

.ui.column.grid > [class*="eight wide"].column, .ui.grid > .column.row > [class*="eight wide"].column, .ui.grid > .row > [class*="eight wide"].column, .ui.grid > [class*="eight wide"].column {
    width: 50% !important
}

.ui.column.grid > [class*="nine wide"].column, .ui.grid > .column.row > [class*="nine wide"].column, .ui.grid > .row > [class*="nine wide"].column, .ui.grid > [class*="nine wide"].column {
    width: 56.25% !important
}

.ui.column.grid > [class*="ten wide"].column, .ui.grid > .column.row > [class*="ten wide"].column, .ui.grid > .row > [class*="ten wide"].column, .ui.grid > [class*="ten wide"].column {
    width: 62.5% !important
}

.ui.column.grid > [class*="eleven wide"].column, .ui.grid > .column.row > [class*="eleven wide"].column, .ui.grid > .row > [class*="eleven wide"].column, .ui.grid > [class*="eleven wide"].column {
    width: 68.75% !important
}

.ui.column.grid > [class*="twelve wide"].column, .ui.grid > .column.row > [class*="twelve wide"].column, .ui.grid > .row > [class*="twelve wide"].column, .ui.grid > [class*="twelve wide"].column {
    width: 75% !important
}

.ui.column.grid > [class*="thirteen wide"].column, .ui.grid > .column.row > [class*="thirteen wide"].column, .ui.grid > .row > [class*="thirteen wide"].column, .ui.grid > [class*="thirteen wide"].column {
    width: 81.25% !important
}

.ui.column.grid > [class*="fourteen wide"].column, .ui.grid > .column.row > [class*="fourteen wide"].column, .ui.grid > .row > [class*="fourteen wide"].column, .ui.grid > [class*="fourteen wide"].column {
    width: 87.5% !important
}

.ui.column.grid > [class*="fifteen wide"].column, .ui.grid > .column.row > [class*="fifteen wide"].column, .ui.grid > .row > [class*="fifteen wide"].column, .ui.grid > [class*="fifteen wide"].column {
    width: 93.75% !important
}

.ui.column.grid > [class*="sixteen wide"].column, .ui.grid > .column.row > [class*="sixteen wide"].column, .ui.grid > .row > [class*="sixteen wide"].column, .ui.grid > [class*="sixteen wide"].column {
    width: 100% !important
}

@media only screen and (min-width: 320px) and (max-width: 767px) {
    .ui.column.grid > [class*="one wide mobile"].column, .ui.grid > .column.row > [class*="one wide mobile"].column, .ui.grid > .row > [class*="one wide mobile"].column, .ui.grid > [class*="one wide mobile"].column {
        width: 6.25% !important
    }

    .ui.column.grid > [class*="two wide mobile"].column, .ui.grid > .column.row > [class*="two wide mobile"].column, .ui.grid > .row > [class*="two wide mobile"].column, .ui.grid > [class*="two wide mobile"].column {
        width: 12.5% !important
    }

    .ui.column.grid > [class*="three wide mobile"].column, .ui.grid > .column.row > [class*="three wide mobile"].column, .ui.grid > .row > [class*="three wide mobile"].column, .ui.grid > [class*="three wide mobile"].column {
        width: 18.75% !important
    }

    .ui.column.grid > [class*="four wide mobile"].column, .ui.grid > .column.row > [class*="four wide mobile"].column, .ui.grid > .row > [class*="four wide mobile"].column, .ui.grid > [class*="four wide mobile"].column {
        width: 25% !important
    }

    .ui.column.grid > [class*="five wide mobile"].column, .ui.grid > .column.row > [class*="five wide mobile"].column, .ui.grid > .row > [class*="five wide mobile"].column, .ui.grid > [class*="five wide mobile"].column {
        width: 31.25% !important
    }

    .ui.column.grid > [class*="six wide mobile"].column, .ui.grid > .column.row > [class*="six wide mobile"].column, .ui.grid > .row > [class*="six wide mobile"].column, .ui.grid > [class*="six wide mobile"].column {
        width: 37.5% !important
    }

    .ui.column.grid > [class*="seven wide mobile"].column, .ui.grid > .column.row > [class*="seven wide mobile"].column, .ui.grid > .row > [class*="seven wide mobile"].column, .ui.grid > [class*="seven wide mobile"].column {
        width: 43.75% !important
    }

    .ui.column.grid > [class*="eight wide mobile"].column, .ui.grid > .column.row > [class*="eight wide mobile"].column, .ui.grid > .row > [class*="eight wide mobile"].column, .ui.grid > [class*="eight wide mobile"].column {
        width: 50% !important
    }

    .ui.column.grid > [class*="nine wide mobile"].column, .ui.grid > .column.row > [class*="nine wide mobile"].column, .ui.grid > .row > [class*="nine wide mobile"].column, .ui.grid > [class*="nine wide mobile"].column {
        width: 56.25% !important
    }

    .ui.column.grid > [class*="ten wide mobile"].column, .ui.grid > .column.row > [class*="ten wide mobile"].column, .ui.grid > .row > [class*="ten wide mobile"].column, .ui.grid > [class*="ten wide mobile"].column {
        width: 62.5% !important
    }

    .ui.column.grid > [class*="eleven wide mobile"].column, .ui.grid > .column.row > [class*="eleven wide mobile"].column, .ui.grid > .row > [class*="eleven wide mobile"].column, .ui.grid > [class*="eleven wide mobile"].column {
        width: 68.75% !important
    }

    .ui.column.grid > [class*="twelve wide mobile"].column, .ui.grid > .column.row > [class*="twelve wide mobile"].column, .ui.grid > .row > [class*="twelve wide mobile"].column, .ui.grid > [class*="twelve wide mobile"].column {
        width: 75% !important
    }

    .ui.column.grid > [class*="thirteen wide mobile"].column, .ui.grid > .column.row > [class*="thirteen wide mobile"].column, .ui.grid > .row > [class*="thirteen wide mobile"].column, .ui.grid > [class*="thirteen wide mobile"].column {
        width: 81.25% !important
    }

    .ui.column.grid > [class*="fourteen wide mobile"].column, .ui.grid > .column.row > [class*="fourteen wide mobile"].column, .ui.grid > .row > [class*="fourteen wide mobile"].column, .ui.grid > [class*="fourteen wide mobile"].column {
        width: 87.5% !important
    }

    .ui.column.grid > [class*="fifteen wide mobile"].column, .ui.grid > .column.row > [class*="fifteen wide mobile"].column, .ui.grid > .row > [class*="fifteen wide mobile"].column, .ui.grid > [class*="fifteen wide mobile"].column {
        width: 93.75% !important
    }

    .ui.column.grid > [class*="sixteen wide mobile"].column, .ui.grid > .column.row > [class*="sixteen wide mobile"].column, .ui.grid > .row > [class*="sixteen wide mobile"].column, .ui.grid > [class*="sixteen wide mobile"].column {
        width: 100% !important
    }
}

.ui.centered.grid, .ui.centered.grid > .row, .ui.grid > .centered.row {
    text-align: center;
    -ms-flex-pack: center;
    justify-content: center
}

.ui.centered.grid > .column:not(.aligned):not(.justified):not(.row), .ui.centered.grid > .row > .column:not(.aligned):not(.justified), .ui.grid .centered.row > .column:not(.aligned):not(.justified) {
    text-align: left
}

.ui.grid > .centered.column, .ui.grid > .row > .centered.column {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.ui.padded.grid:not(.vertically):not(.horizontally) {
    margin: 0 !important
}

[class*="horizontally padded"].ui.grid {
    margin-left: 0 !important;
    margin-right: 0 !important
}

[class*="vertically padded"].ui.grid {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.ui.grid [class*="left floated"].column {
    margin-right: auto
}

.ui.grid [class*="right floated"].column {
    margin-left: auto
}

.ui.grid > .row > .black.column, .ui.grid > .row > .blue.column, .ui.grid > .row > .brown.column, .ui.grid > .row > .green.column, .ui.grid > .row > .grey.column, .ui.grid > .row > .olive.column, .ui.grid > .row > .orange.column, .ui.grid > .row > .pink.column, .ui.grid > .row > .purple.column, .ui.grid > .row > .red.column, .ui.grid > .row > .teal.column, .ui.grid > .row > .violet.column, .ui.grid > .row > .yellow.column {
    margin-top: -16px;
    margin-top: -1rem;
    margin-bottom: -16px;
    margin-bottom: -1rem;
    padding-top: 16px;
    padding-top: 1rem;
    padding-bottom: 16px;
    padding-bottom: 1rem
}

.ui.grid > .red.column, .ui.grid > .red.row, .ui.grid > .row > .red.column {
    background-color: #db2828 !important;
    color: #fff
}

.ui.grid > .orange.column, .ui.grid > .orange.row, .ui.grid > .row > .orange.column {
    background-color: #f2711c !important;
    color: #fff
}

.ui.grid > .row > .yellow.column, .ui.grid > .yellow.column, .ui.grid > .yellow.row {
    background-color: #fbbd08 !important;
    color: #fff
}

.ui.grid > .olive.column, .ui.grid > .olive.row, .ui.grid > .row > .olive.column {
    background-color: #b5cc18 !important;
    color: #fff
}

.ui.grid > .green.column, .ui.grid > .green.row, .ui.grid > .row > .green.column {
    background-color: #21ba45 !important;
    color: #fff
}

.ui.grid > .row > .teal.column, .ui.grid > .teal.column, .ui.grid > .teal.row {
    background-color: #00b5ad !important;
    color: #fff
}

.ui.grid > .blue.column, .ui.grid > .blue.row, .ui.grid > .row > .blue.column {
    background-color: #2185d0 !important;
    color: #fff
}

.ui.grid > .row > .violet.column, .ui.grid > .violet.column, .ui.grid > .violet.row {
    background-color: #6435c9 !important;
    color: #fff
}

.ui.grid > .purple.column, .ui.grid > .purple.row, .ui.grid > .row > .purple.column {
    background-color: #a333c8 !important;
    color: #fff
}

.ui.grid > .pink.column, .ui.grid > .pink.row, .ui.grid > .row > .pink.column {
    background-color: #e03997 !important;
    color: #fff
}

.ui.grid > .brown.column, .ui.grid > .brown.row, .ui.grid > .row > .brown.column {
    background-color: #a5673f !important;
    color: #fff
}

.ui.grid > .grey.column, .ui.grid > .grey.row, .ui.grid > .row > .grey.column {
    background-color: #767676 !important;
    color: #fff
}

.ui.grid > .black.column, .ui.grid > .black.row, .ui.grid > .row > .black.column {
    background-color: #1b1c1d !important;
    color: #fff
}

.ui.grid > [class*="equal width"].row > .column, .ui[class*="equal width"].grid > .column:not(.row), .ui[class*="equal width"].grid > .row > .column {
    display: inline-block;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.ui.grid > [class*="equal width"].row > .wide.column, .ui[class*="equal width"].grid > .row > .wide.column, .ui[class*="equal width"].grid > .wide.column {
    -ms-flex-positive: 0;
    flex-grow: 0
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .ui.doubling.grid {
        width: auto
    }

    .ui.doubling.grid > .row, .ui.grid > .doubling.row {
        margin: 0 !important;
        padding: 0 !important
    }

    .ui.doubling.grid > .row > .column, .ui.grid > .doubling.row > .column {
        display: inline-block !important;
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
        box-shadow: none !important;
        margin: 0
    }

    .ui.grid > [class*="two column"].doubling.row.row > .column, .ui[class*="two column"].doubling.grid > .column:not(.row), .ui[class*="two column"].doubling.grid > .row > .column {
        width: 100% !important
    }

    .ui.grid > [class*="four column"].doubling.row.row > .column, .ui.grid > [class*="three column"].doubling.row.row > .column, .ui[class*="four column"].doubling.grid > .column:not(.row), .ui[class*="four column"].doubling.grid > .row > .column, .ui[class*="three column"].doubling.grid > .column:not(.row), .ui[class*="three column"].doubling.grid > .row > .column {
        width: 50% !important
    }

    .ui.grid > [class*="five column"].doubling.row.row > .column, .ui.grid > [class*="seven column"].doubling.row.row > .column, .ui.grid > [class*="six column"].doubling.row.row > .column, .ui[class*="five column"].doubling.grid > .column:not(.row), .ui[class*="five column"].doubling.grid > .row > .column, .ui[class*="seven column"].doubling.grid > .column:not(.row), .ui[class*="seven column"].doubling.grid > .row > .column, .ui[class*="six column"].doubling.grid > .column:not(.row), .ui[class*="six column"].doubling.grid > .row > .column {
        width: 33.33333333% !important
    }

    .ui.grid > [class*="eight column"].doubling.row.row > .column, .ui.grid > [class*="nine column"].doubling.row.row > .column, .ui[class*="eight column"].doubling.grid > .column:not(.row), .ui[class*="eight column"].doubling.grid > .row > .column, .ui[class*="nine column"].doubling.grid > .column:not(.row), .ui[class*="nine column"].doubling.grid > .row > .column {
        width: 25% !important
    }

    .ui.grid > [class*="eleven column"].doubling.row.row > .column, .ui.grid > [class*="ten column"].doubling.row.row > .column, .ui[class*="eleven column"].doubling.grid > .column:not(.row), .ui[class*="eleven column"].doubling.grid > .row > .column, .ui[class*="ten column"].doubling.grid > .column:not(.row), .ui[class*="ten column"].doubling.grid > .row > .column {
        width: 20% !important
    }

    .ui.grid > [class*="thirteen column"].doubling.row.row > .column, .ui.grid > [class*="twelve column"].doubling.row.row > .column, .ui[class*="thirteen column"].doubling.grid > .column:not(.row), .ui[class*="thirteen column"].doubling.grid > .row > .column, .ui[class*="twelve column"].doubling.grid > .column:not(.row), .ui[class*="twelve column"].doubling.grid > .row > .column {
        width: 16.66666667% !important
    }

    .ui.grid > [class*="fifteen column"].doubling.row.row > .column, .ui.grid > [class*="fourteen column"].doubling.row.row > .column, .ui[class*="fifteen column"].doubling.grid > .column:not(.row), .ui[class*="fifteen column"].doubling.grid > .row > .column, .ui[class*="fourteen column"].doubling.grid > .column:not(.row), .ui[class*="fourteen column"].doubling.grid > .row > .column {
        width: 14.28571429% !important
    }

    .ui.grid > [class*="sixteen column"].doubling.row.row > .column, .ui[class*="sixteen column"].doubling.grid > .column:not(.row), .ui[class*="sixteen column"].doubling.grid > .row > .column {
        width: 12.5% !important
    }
}

@media only screen and (max-width: 767px) {
    .ui.doubling.grid > .row, .ui.grid > .doubling.row {
        margin: 0 !important;
        padding: 0 !important
    }

    .ui.doubling.grid > .row > .column, .ui.grid > .doubling.row > .column {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
        margin: 0 !important;
        box-shadow: none !important
    }

    .ui.grid > [class*="two column"].doubling:not(.stackable).row.row > .column, .ui[class*="two column"].doubling:not(.stackable).grid > .column:not(.row), .ui[class*="two column"].doubling:not(.stackable).grid > .row > .column {
        width: 100% !important
    }

    .ui.grid > [class*="eight column"].doubling:not(.stackable).row.row > .column, .ui.grid > [class*="five column"].doubling:not(.stackable).row.row > .column, .ui.grid > [class*="four column"].doubling:not(.stackable).row.row > .column, .ui.grid > [class*="seven column"].doubling:not(.stackable).row.row > .column, .ui.grid > [class*="six column"].doubling:not(.stackable).row.row > .column, .ui.grid > [class*="three column"].doubling:not(.stackable).row.row > .column, .ui[class*="eight column"].doubling:not(.stackable).grid > .column:not(.row), .ui[class*="eight column"].doubling:not(.stackable).grid > .row > .column, .ui[class*="five column"].doubling:not(.stackable).grid > .column:not(.row), .ui[class*="five column"].doubling:not(.stackable).grid > .row > .column, .ui[class*="four column"].doubling:not(.stackable).grid > .column:not(.row), .ui[class*="four column"].doubling:not(.stackable).grid > .row > .column, .ui[class*="seven column"].doubling:not(.stackable).grid > .column:not(.row), .ui[class*="seven column"].doubling:not(.stackable).grid > .row > .column, .ui[class*="six column"].doubling:not(.stackable).grid > .column:not(.row), .ui[class*="six column"].doubling:not(.stackable).grid > .row > .column, .ui[class*="three column"].doubling:not(.stackable).grid > .column:not(.row), .ui[class*="three column"].doubling:not(.stackable).grid > .row > .column {
        width: 50% !important
    }

    .ui.grid > [class*="eleven column"].doubling:not(.stackable).row.row > .column, .ui.grid > [class*="nine column"].doubling:not(.stackable).row.row > .column, .ui.grid > [class*="ten column"].doubling:not(.stackable).row.row > .column, .ui.grid > [class*="thirteen column"].doubling:not(.stackable).row.row > .column, .ui.grid > [class*="twelve column"].doubling:not(.stackable).row.row > .column, .ui[class*="eleven column"].doubling:not(.stackable).grid > .column:not(.row), .ui[class*="eleven column"].doubling:not(.stackable).grid > .row > .column, .ui[class*="nine column"].doubling:not(.stackable).grid > .column:not(.row), .ui[class*="nine column"].doubling:not(.stackable).grid > .row > .column, .ui[class*="ten column"].doubling:not(.stackable).grid > .column:not(.row), .ui[class*="ten column"].doubling:not(.stackable).grid > .row > .column, .ui[class*="thirteen column"].doubling:not(.stackable).grid > .column:not(.row), .ui[class*="thirteen column"].doubling:not(.stackable).grid > .row > .column, .ui[class*="twelve column"].doubling:not(.stackable).grid > .column:not(.row), .ui[class*="twelve column"].doubling:not(.stackable).grid > .row > .column {
        width: 33.33333333% !important
    }

    .ui.grid > [class*="fifteen column"].doubling:not(.stackable).row.row > .column, .ui.grid > [class*="fourteen column"].doubling:not(.stackable).row.row > .column, .ui.grid > [class*="sixteen column"].doubling:not(.stackable).row.row > .column, .ui[class*="fifteen column"].doubling:not(.stackable).grid > .column:not(.row), .ui[class*="fifteen column"].doubling:not(.stackable).grid > .row > .column, .ui[class*="fourteen column"].doubling:not(.stackable).grid > .column:not(.row), .ui[class*="fourteen column"].doubling:not(.stackable).grid > .row > .column, .ui[class*="sixteen column"].doubling:not(.stackable).grid > .column:not(.row), .ui[class*="sixteen column"].doubling:not(.stackable).grid > .row > .column {
        width: 25% !important
    }
}

@media only screen and (max-width: 767px) {
    .ui.stackable.grid {
        width: auto;
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .ui.grid > .stackable.stackable.row > .column, .ui.stackable.grid > .column.grid > .column, .ui.stackable.grid > .column.row > .column, .ui.stackable.grid > .column:not(.row), .ui.stackable.grid > .row > .column, .ui.stackable.grid > .row > .wide.column, .ui.stackable.grid > .wide.column {
        width: 100% !important;
        margin: 0 !important;
        box-shadow: none !important;
        padding: 1rem !important
    }

    .ui.stackable.grid:not(.vertically) > .row {
        margin: 0;
        padding: 0
    }

    .ui.container > .ui.stackable.grid > .column, .ui.container > .ui.stackable.grid > .row > .column {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .ui.grid .ui.stackable.grid, .ui.segment:not(.vertical) .ui.stackable.page.grid {
        margin-left: -1rem !important;
        margin-right: -1rem !important
    }

    .ui.stackable.celled.grid > .column:not(.row):first-child, .ui.stackable.celled.grid > .row:first-child > .column:first-child, .ui.stackable.divided.grid > .column:not(.row):first-child, .ui.stackable.divided.grid > .row:first-child > .column:first-child {
        border-top: none !important
    }

    .ui.inverted.stackable.celled.grid > .column:not(.row), .ui.inverted.stackable.celled.grid > .row > .column, .ui.inverted.stackable.divided.grid > .column:not(.row), .ui.inverted.stackable.divided.grid > .row > .column {
        border-top: 1px solid hsla(0, 0%, 100%, .1)
    }

    .ui.stackable.celled.grid > .column:not(.row), .ui.stackable.celled.grid > .row > .column, .ui.stackable.divided:not(.vertically).grid > .column:not(.row), .ui.stackable.divided:not(.vertically).grid > .row > .column {
        border-top: 1px solid rgba(34, 36, 38, .15);
        box-shadow: none !important;
        padding-top: 2rem !important;
        padding-bottom: 2rem !important
    }

    .ui.stackable.celled.grid > .row {
        box-shadow: none !important
    }

    .ui.stackable.divided:not(.vertically).grid > .column:not(.row), .ui.stackable.divided:not(.vertically).grid > .row > .column {
        padding-left: 0 !important;
        padding-right: 0 !important
    }
}

.ui.menu {
    display: -ms-flexbox;
    display: flex;
    margin: 16px 0;
    margin: 1rem 0;
    font-family: Lato, Helvetica Neue, Arial, Helvetica, sans-serif;
    background: #fff;
    font-weight: 400;
    border: 1px solid rgba(34, 36, 38, .15);
    box-shadow: 0 1px 2px 0 rgba(34, 36, 38, .15);
    border-radius: .28571429rem;
    min-height: 2.85714286em
}

.ui.menu:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.ui.menu:first-child {
    margin-top: 0
}

.ui.menu:last-child {
    margin-bottom: 0
}

.ui.menu .menu {
    margin: 0
}

.ui.menu:not(.vertical) .item, .ui.menu:not(.vertical) > .menu {
    display: -ms-flexbox;
    display: flex
}

.ui.menu:not(.vertical) .item {
    -ms-flex-align: center;
    align-items: center
}

.ui.menu .item {
    position: relative;
    vertical-align: middle;
    line-height: 1;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: none;
    padding: .92857143em 1.14285714em;
    text-transform: none;
    color: rgba(0, 0, 0, .87);
    font-weight: 400;
    transition: background .1s ease, box-shadow .1s ease, color .1s ease
}

.ui.menu > .item:first-child {
    border-radius: .28571429rem 0 0 .28571429rem
}

.ui.menu .item:before {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    height: 100%;
    width: 1px;
    background: rgba(34, 36, 38, .1)
}

.ui.menu .item > a:not(.ui), .ui.menu .item > p:only-child, .ui.menu .text.item > * {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
    line-height: 1.3
}

.ui.menu .item > p:first-child {
    margin-top: 0
}

.ui.menu .item > p:last-child {
    margin-bottom: 0
}

.ui.menu .item > i.icon {
    opacity: .9;
    float: none;
    margin: 0 .35714286em 0 0
}

.ui.menu:not(.vertical) .item > .button {
    position: relative;
    top: 0;
    margin: -.5em 0;
    padding-bottom: .78571429em;
    padding-top: .78571429em;
    font-size: 1em
}

.ui.menu > .container, .ui.menu > .grid {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: inherit;
    align-items: inherit;
    -ms-flex-direction: inherit;
    flex-direction: inherit
}

.ui.menu .item > .input {
    width: 100%
}

.ui.menu:not(.vertical) .item > .input {
    position: relative;
    top: 0;
    margin: -.5em 0
}

.ui.menu .item > .input input {
    font-size: 1em;
    padding-top: .57142857em;
    padding-bottom: .57142857em
}

.ui.menu .header.item {
    margin: 0;
    background: "";
    text-transform: normal;
    font-weight: 700
}

.ui.menu .item > i.dropdown.icon {
    padding: 0;
    float: right;
    margin: 0 0 0 1em
}

.ui.menu .dropdown.item .menu {
    left: 0;
    min-width: calc(100% - 1px);
    border-radius: 0 0 .28571429rem .28571429rem;
    background: #fff;
    margin: 0;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .08);
    -ms-flex-direction: column !important;
    flex-direction: column !important
}

.ui.menu .ui.dropdown .menu > .item {
    margin: 0;
    text-align: left;
    font-size: 1em !important;
    padding: .78571429em 1.14285714em !important;
    background: transparent !important;
    color: rgba(0, 0, 0, .87) !important;
    text-transform: none !important;
    font-weight: 400 !important;
    box-shadow: none !important;
    transition: none !important
}

.ui.menu .ui.dropdown .menu > .item:hover, .ui.menu .ui.dropdown .menu > .selected.item {
    background: rgba(0, 0, 0, .05) !important;
    color: rgba(0, 0, 0, .95) !important
}

.ui.menu .ui.dropdown .menu > .active.item {
    background: rgba(0, 0, 0, .03) !important;
    font-weight: 700 !important;
    color: rgba(0, 0, 0, .95) !important
}

.ui.menu .ui.dropdown.item .menu .item:not(.filtered) {
    display: block
}

.ui.menu .ui.dropdown .menu > .item .icon:not(.dropdown) {
    display: inline-block;
    font-size: 1em !important;
    float: none;
    margin: 0 .75em 0 0
}

.ui.secondary.menu .dropdown.item > .menu, .ui.text.menu .dropdown.item > .menu {
    border-radius: .28571429rem;
    margin-top: .35714286em
}

.ui.menu .pointing.dropdown.item .menu {
    margin-top: .75em
}

.ui.inverted.menu .search.dropdown.item > .search, .ui.inverted.menu .search.dropdown.item > .text {
    color: hsla(0, 0%, 100%, .9)
}

.ui.item.menu .dropdown .menu .item {
    width: 100%
}

.ui.menu .item > img:not(.ui) {
    display: inline-block;
    vertical-align: middle;
    margin: -.3em 0;
    width: 2.5em
}

@media only screen and (max-width: 767px) {
    .ui.menu > .ui.container {
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important
    }
}

@media only screen and (min-width: 768px) {
    .ui.menu:not(.secondary):not(.text):not(.tabular):not(.borderless) > .container > .item:not(.right):not(.borderless):first-child {
        border-left: 1px solid rgba(34, 36, 38, .1)
    }
}

.ui.link.menu .item:hover, .ui.menu .dropdown.item:hover, .ui.menu .link.item:hover, .ui.menu a.item:hover {
    cursor: pointer;
    background: rgba(0, 0, 0, .03);
    color: rgba(0, 0, 0, .95)
}

.ui.link.menu .item:active, .ui.menu .link.item:active, .ui.menu a.item:active {
    background: rgba(0, 0, 0, .03);
    color: rgba(0, 0, 0, .95)
}

.ui.menu .active.item {
    background: rgba(0, 0, 0, .05);
    color: rgba(0, 0, 0, .95);
    font-weight: 400;
    box-shadow: none
}

.ui.menu .active.item > i.icon {
    opacity: 1
}

.ui.menu .active.item:hover, .ui.vertical.menu .active.item:hover {
    background-color: rgba(0, 0, 0, .05);
    color: rgba(0, 0, 0, .95)
}

.ui.menu .item.disabled, .ui.menu .item.disabled:hover {
    cursor: default;
    background-color: transparent !important;
    color: rgba(40, 40, 40, .3)
}

.ui.menu:not(.vertical) .left.item, .ui.menu:not(.vertical) .left.menu {
    display: -ms-flexbox;
    display: flex;
    margin-right: auto !important
}

.ui.menu:not(.vertical) .right.item, .ui.menu:not(.vertical) .right.menu {
    display: -ms-flexbox;
    display: flex;
    margin-left: auto !important
}

.ui.menu .right.item:before, .ui.menu .right.menu > .item:before {
    right: auto;
    left: 0
}

.ui.tabular.menu {
    border-radius: 0;
    box-shadow: none !important;
    border: none;
    background: none transparent;
    border-bottom: 1px solid #d4d4d5
}

.ui.tabular.fluid.menu {
    width: calc(100% + 2px) !important
}

.ui.tabular.menu .item {
    background: transparent;
    border-bottom: none;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    border-top: 2px solid transparent;
    padding: .92857143em 1.42857143em;
    color: rgba(0, 0, 0, .87)
}

.ui.tabular.menu .item:before {
    display: none
}

.ui.tabular.menu .item:hover {
    background-color: transparent;
    color: rgba(0, 0, 0, .8)
}

.ui.tabular.menu .active.item {
    background: none #fff;
    color: rgba(0, 0, 0, .95);
    border-top-width: 1px;
    border-color: #d4d4d5;
    font-weight: 700;
    margin-bottom: -1px;
    box-shadow: none;
    border-radius: .28571429rem .28571429rem 0 0 !important
}

.ui.tabular.menu + .attached:not(.top).segment, .ui.tabular.menu + .attached:not(.top).segment + .attached:not(.top).segment {
    border-top: none;
    margin-left: 0;
    margin-top: 0;
    margin-right: 0;
    width: 100%
}

.top.attached.segment + .ui.bottom.tabular.menu {
    position: relative;
    width: calc(100% + 2px);
    left: -1px
}

.ui.tabular.menu .active.dropdown.item {
    margin-bottom: 0;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    border-top: 2px solid transparent;
    border-bottom: none
}

@media only screen and (max-width: 767px) {
    .ui.stackable.menu {
        -ms-flex-direction: column;
        flex-direction: column
    }

    .ui.stackable.menu .item {
        width: 100% !important
    }

    .ui.stackable.menu .item:before {
        position: absolute;
        content: "";
        top: auto;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1px;
        background: rgba(34, 36, 38, .1)
    }

    .ui.stackable.menu .left.item, .ui.stackable.menu .left.menu {
        margin-right: 0 !important
    }

    .ui.stackable.menu .right.item, .ui.stackable.menu .right.menu {
        margin-left: 0 !important
    }
}

.ui.borderless.menu .item .menu .item:before, .ui.borderless.menu .item:before, .ui.menu .borderless.item:before {
    background: none !important
}

.ui.compact.menu {
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin: 0;
    vertical-align: middle
}

.ui.compact.vertical.menu {
    display: inline-block
}

.ui.compact.menu .item:last-child {
    border-radius: 0 .28571429rem .28571429rem 0
}

.ui.compact.menu .item:last-child:before {
    display: none
}

.ui.compact.vertical.menu {
    width: auto !important
}

.ui.compact.vertical.menu .item:last-child:before {
    display: block
}

.ui.item.menu, .ui.item.menu .item {
    width: 100%;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    text-align: center;
    -ms-flex-pack: center;
    justify-content: center
}

.ui.item.menu .item:last-child:before {
    display: none
}

.ui.menu.two.item .item {
    width: 50%
}

.ui.menu.three.item .item {
    width: 33.333%
}

.ui.menu.four.item .item {
    width: 25%
}

.ui.menu.five.item .item {
    width: 20%
}

.ui.menu.six.item .item {
    width: 16.666%
}

.ui.menu.seven.item .item {
    width: 14.285%
}

.ui.menu.eight.item .item {
    width: 12.5%
}

.ui.menu.nine.item .item {
    width: 11.11%
}

.ui.menu.ten.item .item {
    width: 10%
}

.ui.menu.eleven.item .item {
    width: 9.09%
}

.ui.menu.twelve.item .item {
    width: 8.333%
}

.ui.attached.menu {
    top: 0;
    bottom: 0;
    border-radius: 0;
    margin: 0 -1px;
    width: calc(100% + 2px);
    max-width: calc(100% + 2px);
    box-shadow: none
}

.ui.attached + .ui.attached.menu:not(.top) {
    border-top: none
}

.ui[class*="top attached"].menu {
    bottom: 0;
    margin-bottom: 0;
    top: 0;
    margin-top: 16px;
    margin-top: 1rem;
    border-radius: .28571429rem .28571429rem 0 0
}

.ui.menu[class*="top attached"]:first-child {
    margin-top: 0
}

.ui[class*="bottom attached"].menu {
    bottom: 0;
    margin-top: 0;
    top: 0;
    margin-bottom: 16px;
    margin-bottom: 1rem;
    box-shadow: 0 1px 2px 0 rgba(34, 36, 38, .15), none;
    border-radius: 0 0 .28571429rem .28571429rem
}

.ui[class*="bottom attached"].menu:last-child {
    margin-bottom: 0
}

.ui.top.attached.menu > .item:first-child {
    border-radius: .28571429rem 0 0 0
}

.ui.bottom.attached.menu > .item:first-child {
    border-radius: 0 0 0 .28571429rem
}

.ui.attached.menu:not(.tabular) {
    border: 1px solid #d4d4d5
}

.ui.mini.menu {
    font-size: 12.571px;
    font-size: .78571429rem
}

.ui.tiny.menu {
    font-size: 13.714px;
    font-size: .85714286rem
}

.ui.small.menu {
    font-size: 14.857px;
    font-size: .92857143rem
}

.ui.menu {
    font-size: 16px;
    font-size: 1rem
}

.ui.large.menu {
    font-size: 17.142px;
    font-size: 1.07142857rem
}

.ui.huge.menu {
    font-size: 18.285px;
    font-size: 1.14285714rem
}

.ui.big.menu {
    font-size: 19.428px;
    font-size: 1.21428571rem
}

.transition {
    animation-iteration-count: 1;
    animation-duration: .3s;
    animation-timing-function: ease;
    animation-fill-mode: both
}

.animating.transition {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    visibility: visible !important
}

.loading.transition {
    position: absolute;
    top: -99999px;
    left: -99999px
}

.hidden.transition {
    display: none;
    visibility: hidden
}

.visible.transition {
    display: block !important;
    visibility: visible !important
}

.disabled.transition {
    animation-play-state: paused
}

.looping.transition {
    animation-iteration-count: infinite
}

.drop.transition {
    transform-origin: top center;
    animation-duration: .4s;
    animation-timing-function: cubic-bezier(.34, 1.61, .7, 1)
}

.drop.transition.in {
    animation-name: dropIn
}

.drop.transition.out {
    animation-name: dropOut
}

@keyframes dropIn {
    0% {
        opacity: 0;
        transform: scale(0)
    }
    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes dropOut {
    0% {
        opacity: 1;
        transform: scale(1)
    }
    to {
        opacity: 0;
        transform: scale(0)
    }
}

.transition.fade.in {
    animation-name: fadeIn
}

.transition[class*="fade up"].in {
    animation-name: fadeInUp
}

.transition[class*="fade down"].in {
    animation-name: fadeInDown
}

.transition[class*="fade left"].in {
    animation-name: fadeInLeft
}

.transition[class*="fade right"].in {
    animation-name: fadeInRight
}

.transition.fade.out {
    animation-name: fadeOut
}

.transition[class*="fade up"].out {
    animation-name: fadeOutUp
}

.transition[class*="fade down"].out {
    animation-name: fadeOutDown
}

.transition[class*="fade left"].out {
    animation-name: fadeOutLeft
}

.transition[class*="fade right"].out {
    animation-name: fadeOutRight
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(10%)
    }
    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translateY(-10%)
    }
    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translateX(10%)
    }
    to {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translateX(-10%)
    }
    to {
        opacity: 1;
        transform: translateX(0)
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1;
        transform: translateY(0)
    }
    to {
        opacity: 0;
        transform: translateY(5%)
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1;
        transform: translateY(0)
    }
    to {
        opacity: 0;
        transform: translateY(-5%)
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1;
        transform: translateX(0)
    }
    to {
        opacity: 0;
        transform: translateX(5%)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1;
        transform: translateX(0)
    }
    to {
        opacity: 0;
        transform: translateX(-5%)
    }
}

.transition.slide.in, .transition[class*="slide down"].in {
    animation-name: slideInY;
    transform-origin: top center
}

.transition[class*="slide up"].in {
    animation-name: slideInY;
    transform-origin: bottom center
}

.transition[class*="slide left"].in {
    animation-name: slideInX;
    transform-origin: center right
}

.transition[class*="slide right"].in {
    animation-name: slideInX;
    transform-origin: center left
}

.transition.slide.out, .transition[class*="slide down"].out {
    animation-name: slideOutY;
    transform-origin: top center
}

.transition[class*="slide up"].out {
    animation-name: slideOutY;
    transform-origin: bottom center
}

.transition[class*="slide left"].out {
    animation-name: slideOutX;
    transform-origin: center right
}

.transition[class*="slide right"].out {
    animation-name: slideOutX;
    transform-origin: center left
}

@keyframes slideInY {
    0% {
        opacity: 0;
        transform: scaleY(0)
    }
    to {
        opacity: 1;
        transform: scaleY(1)
    }
}

@keyframes slideInX {
    0% {
        opacity: 0;
        transform: scaleX(0)
    }
    to {
        opacity: 1;
        transform: scaleX(1)
    }
}

@keyframes slideOutY {
    0% {
        opacity: 1;
        transform: scaleY(1)
    }
    to {
        opacity: 0;
        transform: scaleY(0)
    }
}

@keyframes slideOutX {
    0% {
        opacity: 1;
        transform: scaleX(1)
    }
    to {
        opacity: 0;
        transform: scaleX(0)
    }
}

.tshe_top_bar {
    width: 100%;
    height: 28px;
    background: #333;
    box-shadow: inset 0 -1px 0 0 #242424;
    font-size: 12px
}

.top_bar_box {
    margin: auto;
    max-width: 1200px;
    height: 28px;
    line-height: 28px
}

.tbb_left, .tbb_left .tbb_phone {
    color: #ffc403
}

.tbb_phone {
    position: relative;
    top: 1px;
    margin-left: 5px;
    margin-right: 4px
}

.top_spring_notice {
    width: 330px
}

.top_spring_notice, .tsn_b {
    display: inline-block;
    position: relative
}

.tsn_b {
    width: 300px;
    height: 26px;
    line-height: 24px;
    vertical-align: middle;
    overflow: hidden;
    font-size: 12px
}

.tsn_p {
    display: inline-block;
    position: absolute;
    white-space: nowrap;
    transform: translateX(0);
    color: #ccc;
    animation: spring_move 18s linear infinite
}

@keyframes spring_move {
    0% {
        transform: translateX(300px)
    }
    to {
        transform: translateX(-100%)
    }
}

.tbb_right {
    top: 0;
    right: 0
}

.tbb_right_l {
    display: inline-block;
    margin: 0 3px;
    border-left: 1px solid #fff;
    height: 12px;
    position: relative;
    top: 2px
}

.tbb_right_icon {
    margin-left: -4px;
    top: 1px;
    right: -4px
}

.nw--1000 .tshe_top_bar .top_bar_box {
    max-width: 1000px
}

.nw--1000 .tsn_b {
    width: 250px
}

.nw--1000 .tsn_p {
    animation: spring_move1000 18s linear infinite
}

@keyframes spring_move1000 {
    0% {
        transform: translateX(250px)
    }
    to {
        transform: translateX(-100%)
    }
}

@media only screen and (max-width: 960px) {
    .body_media .tsn_b {
        width: 250px
    }

    .body_media .tsn_p {
        animation: spring_move1000 18s linear infinite
    }
}

@media only screen and (max-width: 900px) {
    .body_media .top_spring_notice {
        display: none
    }
}

.nw--1100 .tshe_top_bar .top_bar_box {
    max-width: 1100px
}

.top_login_out_icon {
    top: -2px;
    width: 16px;
    height: 16px
}

.top_bar__anima {
    top: 19px;
    right: -52px;
    position: absolute;
    display: none;
    white-space: nowrap
}

.top_bar__anima.visible {
    display: block
}

.top_bar__trg {
    position: absolute;
    left: 50%;
    top: -6px;
    border: 5px solid #ffdc00;
    border-top-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
    display: inline-block;
    vertical-align: middle
}

.top_bar__alt {
    color: #dd7816;
    font-size: 12px;
    background: #ffdc00;
    line-height: 20px;
    padding: 0 5px;
    border-radius: 2px;
    display: inline-block;
    box-shadow: 1px 2px 2px rgba(0, 0, 0, .2)
}

.top_bar__alt > span {
    color: #000
}

* {
    outline: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.ui.button, .ui.dropdown.selection, input, textarea {
    border-radius: 0 !important
}

.tipso_style {
    border-bottom: none !important
}

*, :after, :before {
    box-sizing: border-box
}

body, html {
    min-height: 100%
}

html {
    font-size: 14px;
    height: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

body {
    margin: 0;
    font-weight: 400;
    line-height: normal
}

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

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden], script, template {
    display: none
}

a {
    background-color: transparent
}

a:active, a:focus, a:hover {
    outline: 0
}

a, ins {
    text-decoration: none
}

abbr[title] {
    border-bottom: 1px dotted
}

b, strong {
    font-weight: 700
}

pre {
    white-space: pre-wrap
}

q {
    quotes: "\201C" "\201D" "\2018" "\2019"
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    box-sizing: border-box;
    vertical-align: middle;
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 0
}

code, kbd, pre, samp {
    font-size: 1em
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button, input {
    line-height: normal
}

button, select {
    text-transform: none
}

button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

input[type=checkbox], input[type=radio] {
    cursor: pointer;
    padding: 0;
    box-sizing: border-box
}

button[disabled], html input[disabled] {
    cursor: default
}

button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search] {
    -webkit-appearance: textfield;
    box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

textarea {
    overflow: auto;
    vertical-align: top;
    resize: vertical
}

optgroup {
    font-weight: 700
}

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

td, th {
    padding: 0
}

body, button, input, select, textarea {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-font-feature-settings: "liga", "kern"
}

@media {
    body {
        word-wrap: break-word;
        -webkit-hyphens: auto;
        -ms-hyphens: auto;
        hyphens: auto
    }
}

abbr[title], dfn[title] {
    cursor: help
}

dfn[title] {
    border-bottom: 1px dotted;
    font-style: normal
}

address, blockquote, dl, fieldset, figure, hr, ol, p, pre, ul {
    margin: 0
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
    font-size: 100%
}

h1 {
    font-size: 1.5em
}

h2 {
    font-size: 1.25em
}

ol, ul {
    padding-left: 2em
}

ol > li > ol, ol > li > ul, ul > li > ol, ul > li > ul {
    margin: / 2 0
}

dt {
    font-weight: 700
}

dt + dd {
    margin-top: .5em
}

dd {
    margin-left: 0
}

dd + dt {
    margin-top: 1em
}

hr {
    display: block;
    padding: 0;
    border: 0;
    height: 0;
    border-top: 1px solid;
    box-sizing: content-box
}

address {
    font-style: normal
}

blockquote {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 15px;
    border-left: 4px solid
}

blockquote small {
    display: block;
    text-align: right
}

blockquote p:last-of-type {
    margin-bottom: 0
}

iframe {
    border: 0
}

button, input:not([type=radio]):not([type=checkbox]), select {
    vertical-align: middle
}

.scrollbar-measure {
    width: 100px;
    height: 100px;
    overflow: scroll;
    position: absolute;
    top: -9999px
}

.ui.segment {
    border: none
}

input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    cursor: pointer;
    display: block;
    width: 8px;
    color: #333;
    text-align: center;
    position: relative
}

input[type=number]::-webkit-inner-spin-button:after, input[type=number]::-webkit-inner-spin-button:before {
    content: "^";
    position: absolute;
    right: 0;
    font-family: monospace
}

input[type=number]::-webkit-inner-spin-button:before {
    top: 0
}

input[type=number]::-webkit-inner-spin-button:after {
    bottom: 0;
    -webkit-transform: rotate(180deg)
}

@font-face {
    font-family: tshe-custom-font-icon;
    src: url(https://cdn7.tshe.com/assets/tshe-custom-font-icon-b7b79ff7197e647fafb5e9b2dc3a1fcc.eot);
    src: url(https://cdn7.tshe.com/assets/tshe-custom-font-icon-b7b79ff7197e647fafb5e9b2dc3a1fcc.eot#iefix) format("embedded-opentype"), url(https://cdn7.tshe.com/assets/tshe-custom-font-icon-6d308b1de9d21311e1595269301ef457.ttf) format("truetype"), url(https://cdn7.tshe.com/assets/tshe-custom-font-icon-9f41bca4d9f3c1507fc048e350de9732.woff) format("woff"), url(https://cdn7.tshe.com/assets/tshe-custom-font-icon-7f14403bc0106599288cd1fb1f47a7a5.svg#tshe-custom-font-icon) format("svg");
    font-weight: 400;
    font-style: normal
}

[class*=" icon-"], [class^=icon-] {
    font-family: tshe-custom-font-icon !important;
    color: #000;
    font-family: tshe-custom-font-icon;
    speak: none;
    font-style: normal;
    font-weight: 400;
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-tshe-banner-arrow-right:before {
    content: "\EA0A"
}

.icon-tshe-banner-arrow-left:before {
    content: "\EA0B"
}

.icon-tshe-click-order-56:before {
    content: "\EA10"
}

.icon-tshe-communication-56:before {
    content: "\EA11"
}

.icon-tshe-confirm-order-56:before {
    content: "\EA12"
}

.icon-tshe-editor-56:before {
    content: "\EA13"
}

.icon-tshe-headset-mic-56:before {
    content: "\EA14"
}

.icon-tshe-pay-order-56:before {
    content: "\EA15"
}

.icon-tshe-submit-order-56:before {
    content: "\EA16"
}

.icon-tshe-upload-svg-56:before {
    content: "\EA17"
}

.icon-tshe-cotton:before {
    content: "\EA05"
}

.icon-tshe-render:before {
    content: "\EA06"
}

.icon-tshe-star2:before {
    content: "\EA07"
}

.icon-tshe-logo-1:before {
    content: "\E91A"
}

.icon-tshe-logo-3:before {
    content: "\E904"
}

.icon-tshe-logo-2:before {
    content: "\E905"
}

.icon-tshe-pic:before {
    content: "\E93B"
}

.icon-tshe-user-center-user:before {
    content: "\E900"
}

.icon-tshe-my-order:before {
    content: "\E901"
}

.icon-tshe-my-design:before {
    content: "\E902"
}

.icon-tshe-logout:before {
    content: "\E903"
}

.icon-tshe-v-neck-tee:before {
    content: "\E906"
}

.icon-tshe-sweat-shirt:before {
    content: "\E907"
}

.icon-tshe-round-neck-tee:before {
    content: "\E908"
}

.icon-tshe-round-neck-premium:before {
    content: "\E909"
}

.icon-tshe-polo:before {
    content: "\E90A"
}

.icon-tshe-hoodie:before {
    content: "\E90B"
}

.icon-tshe-hoodie-zip:before {
    content: "\E90C"
}

.icon-tshe-clothes:before {
    content: "\EA19"
}

.icon-tshe-horn:before {
    content: "\EA1A"
}

.icon-tshe-light:before {
    content: "\EA1B"
}

.icon-tshe-money:before {
    content: "\EA1C"
}

.icon-tshe-college-individual:before {
    content: "\E945"
}

.icon-tshe-college-logout:before {
    content: "\E946"
}

.icon-tshe-college-province-partner:before {
    content: "\E947"
}

.icon-tshe-college-student-partner:before {
    content: "\E948"
}

.icon-tshe-college-team:before {
    content: "\E949"
}

.icon-tshe-college-users-management:before {
    content: "\E94A"
}

.icon-tshe-college-vouchers:before {
    content: "\E94B"
}

.icon-tshe-user:before {
    content: "\E90D"
}

.icon-tshe-shopping-bag:before {
    content: "\E90E"
}

.icon-tshe-ham-bar:before {
    content: "\E90F"
}

.icon-tshe-edit:before {
    content: "\E910"
}

.icon-tshe-rotate:before {
    content: "\E911"
}

.icon-tshe-move:before {
    content: "\E912"
}

.icon-tshe-expand:before {
    content: "\E913"
}

.icon-tshe-delete:before {
    content: "\E914"
}

.icon-tshe-shopping-bag-double:before {
    content: "\E915"
}

.icon-tshe-gift:before {
    content: "\E916"
}

.icon-tshe-crowed-fund:before {
    content: "\E917"
}

.icon-tshe-cross:before {
    content: "\E918"
}

.icon-tshe-eraser:before {
    content: "\E93C"
}

.icon-tshe-horizontal-center-align:before {
    content: "\E93D"
}

.icon-tshe-right-align:before {
    content: "\E93F"
}

.icon-tshe-left-align:before {
    content: "\E940"
}

.icon-tshe-black-and-white:before {
    content: "\E93E"
}

.icon-tshe-plus:before {
    content: "\E919"
}

.icon-tshe-cross-with-border:before {
    content: "\E91B"
}

.icon-tshe-print:before {
    content: "\EA0C"
}

.icon-tshe-double-diamond:before {
    content: "\EA0D"
}

.icon-tshe-mianliao:before {
    content: "\EA0E"
}

.icon-tshe-crowdfounding-campaign-home:before {
    content: "\E944"
}

.icon-tshe-make-home:before {
    content: "\E942"
}

.icon-tshe-direct-campaign-home:before {
    content: "\E943"
}

.icon-tshe-top:before {
    content: "\E91C"
}

.icon-tshe-star:before {
    content: "\E91D"
}

.icon-tshe-stack:before {
    content: "\E91E"
}

.icon-tshe-question:before {
    content: "\E91F"
}

.icon-tshe-qr:before {
    content: "\E920"
}

.icon-tshe-navigation:before {
    content: "\E921"
}

.icon-tshe-envelope:before {
    content: "\E922"
}

.icon-tshe-cross-with-background:before {
    content: "\E923"
}

.icon-tshe-technoledge:before {
    content: "\E924"
}

.icon-tshe-share:before {
    content: "\E925"
}

.icon-tshe-more:before {
    content: "\E926"
}

.icon-tshe-campaign:before {
    content: "\E927"
}

.icon-tshe-campaign-descriptions:before {
    content: "\E928"
}

.icon-tshe-headset-mic:before {
    content: "\EA18"
}

.icon-tshe-group_booking_help:before {
    content: "\EA0F"
}

.icon-tshe-list:before {
    content: "\E997"
}

.icon-tshe-shirt:before {
    content: "\EA08"
}

.icon-tshe-trash:before {
    content: "\EA09"
}

.icon-tshe-view-more:before {
    content: "\EA04"
}

.icon-tshe-format-color-fill-1:before {
    content: "\EA02"
}

.icon-tshe-format-color-qudi:before {
    content: "\EA03"
}

.icon-tshe-crown:before {
    content: "\EA01"
}

.icon-tshe-volume-down:before {
    content: "\EA00"
}

.icon-tshe-local-mall:before {
    content: "\E9FF"
}

.icon-tshe-douban:before {
    content: "\E94C"
}

.icon-tshe-weibo:before {
    content: "\E94D"
}

.icon-tshe-zhihu:before {
    content: "\E94E"
}

.icon-tshe-access-alarms:before {
    content: "\E94F"
}

.icon-tshe-access-time:before {
    content: "\E950"
}

.icon-tshe-account-balance-wallet:before {
    content: "\E951"
}

.icon-tshe-account-balance:before {
    content: "\E952"
}

.icon-tshe-account-box:before {
    content: "\E953"
}

.icon-tshe-account-circle:before {
    content: "\E954"
}

.icon-tshe-add-a-photo:before {
    content: "\E955"
}

.icon-tshe-add-alarm:before {
    content: "\E956"
}

.icon-tshe-add-alert:before {
    content: "\E957"
}

.icon-tshe-add-box:before {
    content: "\E958"
}

.icon-tshe-add-circle-outline:before {
    content: "\E959"
}

.icon-tshe-add-circle:before {
    content: "\E95A"
}

.icon-tshe-add-location:before {
    content: "\E95B"
}

.icon-tshe-add-shopping-cart:before {
    content: "\E95C"
}

.icon-tshe-add-to-photos:before {
    content: "\E95D"
}

.icon-tshe-add2:before {
    content: "\E95E"
}

.icon-tshe-airport-shuttle:before {
    content: "\E95F"
}

.icon-tshe-alarm:before {
    content: "\E960"
}

.icon-tshe-announcement:before {
    content: "\E961"
}

.icon-tshe-apps:before {
    content: "\E962"
}

.icon-tshe-archive:before {
    content: "\E963"
}

.icon-tshe-arrow-back:before {
    content: "\E964"
}

.icon-tshe-arrow-downward:before {
    content: "\E965"
}

.icon-tshe-arrow-drop-down-36px:before {
    content: "\E966"
}

.icon-tshe-arrow-drop-down:before {
    content: "\E967"
}

.icon-tshe-arrow-drop-up-36px:before {
    content: "\E968"
}

.icon-tshe-arrow-drop-up:before {
    content: "\E969"
}

.icon-tshe-arrow-forward:before {
    content: "\E96A"
}

.icon-tshe-arrow-upward:before {
    content: "\E96B"
}

.icon-tshe-assessment:before {
    content: "\E96C"
}

.icon-tshe-assignment-ind:before {
    content: "\E96D"
}

.icon-tshe-assignment-late:before {
    content: "\E96E"
}

.icon-tshe-assignment-return:before {
    content: "\E96F"
}

.icon-tshe-assignment-returned:before {
    content: "\E970"
}

.icon-tshe-assignment-turned-in:before {
    content: "\E971"
}

.icon-tshe-assignment:before {
    content: "\E972"
}

.icon-tshe-assistant-photo:before {
    content: "\E973"
}

.icon-tshe-attach-file:before {
    content: "\E974"
}

.icon-tshe-attachment:before {
    content: "\E975"
}

.icon-tshe-audiotrack:before {
    content: "\E976"
}

.icon-tshe-autorenew:before {
    content: "\E977"
}

.icon-tshe-backspace:before {
    content: "\E978"
}

.icon-tshe-backup:before {
    content: "\E979"
}

.icon-tshe-beenhere:before {
    content: "\E97A"
}

.icon-tshe-block:before {
    content: "\E97B"
}

.icon-tshe-book:before {
    content: "\E97C"
}

.icon-tshe-bookmark-border:before {
    content: "\E97D"
}

.icon-tshe-bookmark:before {
    content: "\E97E"
}

.icon-tshe-border-color .path1:before {
    content: "\E97F";
    color: #000
}

.icon-tshe-border-color .path2:before {
    content: "\E980";
    margin-left: -1em;
    color: rgba(0, 0, 0, .36)
}

.icon-tshe-brush:before {
    content: "\E981"
}

.icon-tshe-build:before {
    content: "\E982"
}

.icon-tshe-cached:before {
    content: "\E983"
}

.icon-tshe-camera-alt:before {
    content: "\E984"
}

.icon-tshe-camera:before {
    content: "\E985"
}

.icon-tshe-cancel:before {
    content: "\E986"
}

.icon-tshe-chat-bubble-outline:before {
    content: "\E987"
}

.icon-tshe-chat-bubble:before {
    content: "\E988"
}

.icon-tshe-chat:before {
    content: "\E989"
}

.icon-tshe-check-box-outline-blank:before {
    content: "\E98A"
}

.icon-tshe-check-box:before {
    content: "\E98B"
}

.icon-tshe-check-circle:before {
    content: "\E98C"
}

.icon-tshe-check2:before {
    content: "\E98D"
}

.icon-tshe-chevron-left:before {
    content: "\E98E"
}

.icon-tshe-chevron-right:before {
    content: "\E98F"
}

.icon-tshe-close:before {
    content: "\E990"
}

.icon-tshe-color-lens:before {
    content: "\E991"
}

.icon-tshe-colorize:before {
    content: "\E992"
}

.icon-tshe-confirmation-number:before {
    content: "\E993"
}

.icon-tshe-content-cut:before {
    content: "\E994"
}

.icon-tshe-content-paste:before {
    content: "\E995"
}

.icon-tshe-create:before {
    content: "\E996"
}

.icon-tshe-do-not-disturb:before {
    content: "\E998"
}

.icon-tshe-done:before {
    content: "\E999"
}

.icon-tshe-drafts:before {
    content: "\E99A"
}

.icon-tshe-edit2:before {
    content: "\E99B"
}

.icon-tshe-equalizer:before {
    content: "\E99C"
}

.icon-tshe-error-outline:before {
    content: "\E99D"
}

.icon-tshe-error:before {
    content: "\E99E"
}

.icon-tshe-exit-to-app:before {
    content: "\E99F"
}

.icon-tshe-expand-less:before {
    content: "\E9A0"
}

.icon-tshe-expand-more:before {
    content: "\E9A1"
}

.icon-tshe-extension:before {
    content: "\E9A2"
}

.icon-tshe-favorite-border:before {
    content: "\E9A3"
}

.icon-tshe-favorite:before {
    content: "\E9A4"
}

.icon-tshe-file-download:before {
    content: "\E9A5"
}

.icon-tshe-file-upload:before {
    content: "\E9A6"
}

.icon-tshe-flip:before {
    content: "\E9A7"
}

.icon-tshe-format-align-center:before {
    content: "\E9A8"
}

.icon-tshe-format-align-justify:before {
    content: "\E9A9"
}

.icon-tshe-format-align-left:before {
    content: "\E9AA"
}

.icon-tshe-format-align-right:before {
    content: "\E9AB"
}

.icon-tshe-format-bold:before {
    content: "\E9AC"
}

.icon-tshe-format-clear:before {
    content: "\E9AD"
}

.icon-tshe-format-color-fill .path1:before {
    content: "\E9AE";
    color: #000
}

.icon-tshe-format-color-fill .path2:before {
    content: "\E9AF";
    margin-left: -1em;
    color: rgba(0, 0, 0, .36)
}

.icon-tshe-format-color-reset:before {
    content: "\E9B0"
}

.icon-tshe-format-color-text .path1:before {
    content: "\E9B1";
    color: rgba(0, 0, 0, .36)
}

.icon-tshe-format-color-text .path2:before {
    content: "\E9B2";
    margin-left: -1em;
    color: #000
}

.icon-tshe-format-indent-decrease:before {
    content: "\E9B3"
}

.icon-tshe-format-indent-increase:before {
    content: "\E9B4"
}

.icon-tshe-format-italtshe:before {
    content: "\E9B5"
}

.icon-tshe-format-line-spacing:before {
    content: "\E9B6"
}

.icon-tshe-format-list-bulleted:before {
    content: "\E9B7"
}

.icon-tshe-format-list-numbered:before {
    content: "\E9B8"
}

.icon-tshe-format-paint:before {
    content: "\E9B9"
}

.icon-tshe-format-quote:before {
    content: "\E9BA"
}

.icon-tshe-format-shapes:before {
    content: "\E9BB"
}

.icon-tshe-format-size:before {
    content: "\E9BC"
}

.icon-tshe-format-underlined:before {
    content: "\E9BD"
}

.icon-tshe-forum:before {
    content: "\E9BE"
}

.icon-tshe-grade:before {
    content: "\E9BF"
}

.icon-tshe-group-add:before {
    content: "\E9C0"
}

.icon-tshe-group:before {
    content: "\E9C1"
}

.icon-tshe-help:before {
    content: "\E9C2"
}

.icon-tshe-highlight-off:before {
    content: "\E9C3"
}

.icon-tshe-home:before {
    content: "\E9C4"
}

.icon-tshe-hourglass-empty:before {
    content: "\E9C5"
}

.icon-tshe-hourglass-full:before {
    content: "\E9C6"
}

.icon-tshe-image:before {
    content: "\E9C7"
}

.icon-tshe-info-outline:before {
    content: "\E9C8"
}

.icon-tshe-info:before {
    content: "\E9C9"
}

.icon-tshe-insert-chart:before {
    content: "\E9CA"
}

.icon-tshe-insert-drive-file:before {
    content: "\E9CB"
}

.icon-tshe-insert-emottsheon:before {
    content: "\E9CC"
}

.icon-tshe-insert-link:before {
    content: "\E9CD"
}

.icon-tshe-invert-colors-off:before {
    content: "\E9CE"
}

.icon-tshe-invert-colors:before {
    content: "\E9CF"
}

.icon-tshe-launch:before {
    content: "\E9D0"
}

.icon-tshe-link:before {
    content: "\E9D1"
}

.icon-tshe-live-help:before {
    content: "\E9D2"
}

.icon-tshe-local-activity:before {
    content: "\E9D3"
}

.icon-tshe-local-grocery-store:before {
    content: "\E9D4"
}

.icon-tshe-local-offer:before {
    content: "\E9D5"
}

.icon-tshe-local-post-offtshee:before {
    content: "\E9D6"
}

.icon-tshe-local-printshop:before {
    content: "\E9D7"
}

.icon-tshe-local-see:before {
    content: "\E9D8"
}

.icon-tshe-local-shipping:before {
    content: "\E9D9"
}

.icon-tshe-location-city:before {
    content: "\E9DA"
}

.icon-tshe-location-off:before {
    content: "\E9DB"
}

.icon-tshe-location-on:before {
    content: "\E9DC"
}

.icon-tshe-loop:before {
    content: "\E9DD"
}

.icon-tshe-mail-outline:before {
    content: "\E9DE"
}

.icon-tshe-mail:before {
    content: "\E9DF"
}

.icon-tshe-more-horiz:before {
    content: "\E9E0"
}

.icon-tshe-more-vert:before {
    content: "\E9E1"
}

.icon-tshe-more2:before {
    content: "\E9E2"
}

.icon-tshe-move-to-inbox:before {
    content: "\E9E3"
}

.icon-tshe-notiftsheations-off:before {
    content: "\E9E4"
}

.icon-tshe-notiftsheations:before {
    content: "\E9E5"
}

.icon-tshe-open-with:before {
    content: "\E9E6"
}

.icon-tshe-palette:before {
    content: "\E9E7"
}

.icon-tshe-people-outline:before {
    content: "\E9E8"
}

.icon-tshe-people:before {
    content: "\E9E9"
}

.icon-tshe-perm-identity:before {
    content: "\E9EA"
}

.icon-tshe-person-add:before {
    content: "\E9EB"
}

.icon-tshe-person-outline:before {
    content: "\E9EC"
}

.icon-tshe-person-pin:before {
    content: "\E9ED"
}

.icon-tshe-person:before {
    content: "\E9EE"
}

.icon-tshe-photo:before {
    content: "\E9EF"
}

.icon-tshe-refresh:before {
    content: "\E9F0"
}

.icon-tshe-remove-circle-outline:before {
    content: "\E9F1"
}

.icon-tshe-remove-circle:before {
    content: "\E9F2"
}

.icon-tshe-school:before {
    content: "\E9F3"
}

.icon-tshe-search:before {
    content: "\E9F4"
}

.icon-tshe-send:before {
    content: "\E9F5"
}

.icon-tshe-sentiment-dissatisfied:before {
    content: "\E9F6"
}

.icon-tshe-sentiment-neutral:before {
    content: "\E9F7"
}

.icon-tshe-sentiment-satisfied:before {
    content: "\E9F8"
}

.icon-tshe-sentiment-very-dissatisfied:before {
    content: "\E9F9"
}

.icon-tshe-sentiment-very-satisfied:before {
    content: "\E9FA"
}

.icon-tshe-settings:before {
    content: "\E9FB"
}

.icon-tshe-share2:before {
    content: "\E9FC"
}

.icon-tshe-visibility-off:before {
    content: "\E9FD"
}

.icon-tshe-visibility:before {
    content: "\E9FE"
}

.icon-tshe-play:before {
    content: "\E929"
}

.icon-tshe-round-neck-long-sleeve-tee:before {
    content: "\E92A"
}

.icon-tshe-purchase_help:before {
    content: "\E92B"
}

.icon-tshe-pay_delivery:before {
    content: "\E92C"
}

.icon-tshe-make_help:before {
    content: "\E92D"
}

.icon-tshe-icon-switch:before {
    content: "\E92E"
}

.icon-tshe-campaign_notice:before {
    content: "\E92F"
}

.icon-tshe-baseball-jacket:before {
    content: "\E930"
}

.icon-tshe-arrow-right:before {
    content: "\E931"
}

.icon-tshe-arrow-right-with-border:before {
    content: "\E932"
}

.icon-tshe-arrow-left:before {
    content: "\E933"
}

.icon-tshe-arrow-collapse:before {
    content: "\E941"
}

.icon-tshe-check:before {
    content: "\E934"
}

.icon-tshe-check-with-border:before {
    content: "\E935"
}

.icon-tshe-check-with-background:before {
    content: "\E936"
}

.icon-tshe-arrow-left-with-border:before {
    content: "\E937"
}

.icon-tshe-arrow-down:before {
    content: "\E938"
}

.icon-tshe-minus:before {
    content: "\E939"
}

.icon-tshe-add:before {
    content: "\E93A"
}

.icon_tshe_right {
    display: inline-block;
    position: relative;
    width: 8px;
    height: 8px
}

.icon_tshe_right .icon-tshe-arrow-drop-up {
    position: absolute;
    top: -9px;
    left: -8px;
    transform: rotate(90deg)
}

.icon_tshe_left {
    display: inline-block;
    position: relative;
    width: 8px;
    height: 8px
}

.icon_tshe_left .icon-tshe-arrow-drop-up {
    position: absolute;
    top: -5px;
    left: -5px;
    transform: rotate(-90deg)
}

.font-Verasebd {
    font-family: Verasebd !important
}

.font-Vintaged {
    font-family: Vintaged !important
}

.font-Bushcraft-One {
    font-family: Bushcraft-One !important
}

.font-One-Shadow {
    font-family: One-Shadow !important
}

.font-RissaTypeface {
    font-family: RissaTypeface !important
}

.font-Textured2 {
    font-family: Textured2 !important
}

.font-test {
    font-family: minijianxixingkai55387 !important
}

.font-weight-bold {
    font-weight: 700
}

.font-weight-bolder {
    font-weight: bolder
}

.text-decoration-underline {
    text-decoration: underline
}

.text-decoration-none {
    text-decoration: none
}

.miniprogram .main__push {
    display: none !important
}

.miniprogram--hidden, .miniprogram--show {
    display: none
}

.miniprogram--no .miniprogram--hidden, .miniprogram .miniprogram--show {
    display: block
}

.miniprogram .nomini--show {
    display: none
}

.miniprogram .seo_detail {
    margin-top: 0 !important
}

body.modal_on {
    overflow: hidden;
    position: fixed
}

.top_bar--hidden {
    display: none
}

body.modal_open {
    padding-right: 15px;
    overflow-y: hidden
}

body {
    position: relative !important;
    overflow-x: hidden;
    overflow-y: scroll;
    padding-top: 1px;
    margin-top: -1px;
    min-width: 300px;
    height: 100% !important;
    font-family: PingFang SC, Microsoft YaHei, \\5FAE\8F6F\96C5\9ED1, PingHei, Helvetica Neue, SimHei, Helvetica, Arial, sans-serif !important
}

body.body_PC {
    min-width: 1200px;
    overflow-x: scroll
}

@media only screen and (min-width: 1200px) {
    body.body_PC {
        overflow-x: hidden
    }
}

body.body_PC_1000 {
    min-width: 1000px;
    overflow-x: scroll
}

@media only screen and (min-width: 1000px) {
    body.body_PC_1000 {
        overflow-x: hidden
    }
}

body.body_PC_1160 {
    min-width: 1160px;
    overflow-x: scroll
}

@media only screen and (min-width: 1160px) {
    body.body_PC_1160 {
        overflow-x: hidden
    }
}

body.body_PC_1300 {
    min-width: 1300px;
    overflow-x: scroll
}

@media only screen and (min-width: 1300px) {
    body.body_PC_1300 {
        overflow-x: hidden
    }
}

#MEIQIA-BTN-HOLDER, body.meiqia--hidden #MEIQIA-BTN-HOLDER, body.meiqia--hidden .meiqia_champion, body.meiqia--hidden .tshe_mservices, body.meiqia--hidden .tshe_services, body.meiqia_panel--hidden #MEIQIA-PANEL-HOLDER, body.scroll--hidden #scroll_top {
    display: none !important
}

body.meiqia--visible #MEIQIA-BTN-HOLDER, body.meiqia--visible .tshe_services {
    display: block !important
}

#meiqia-container iframe:nth-child(2), body.meiqia--hidden #meiqia-container {
    display: none !important
}

body.meiqia--hidden._MEIQIA_FIX_BODY {
    position: relative !important;
    overflow-x: hidden !important;
    overflow-y: scroll !important;
    top: 0 !important
}

body.meiqia--hidden.meiqiaShow._MEIQIA_FIX_BODY {
    position: fixed !important;
    overflow: visible !important
}

body.meiqia--hidden.meiqiaShow #meiqia-container {
    display: block !important
}

.meiqia_champion_box {
    position: fixed;
    bottom: 470px;
    right: 15px;
    z-index: 1000
}

.meiqia_champion {
    display: block;
    padding: 0;
    margin: 0;
    border: 0;
    width: 127px;
    cursor: pointer
}

.meiqia_champion_img {
    width: 100%;
    height: auto
}

.meiqia_champion_icon {
    position: absolute;
    top: 0;
    right: 0;
    color: #fff;
    font-size: 16px
}

.tshe-custom_phone {
    position: fixed;
    bottom: 71px;
    left: 15px;
    display: inline-block;
    width: 48px;
    height: 48px;
    background-image: url(https://cdn7.tshe.com/assets/tshe_custom__phone-241bfe40f028485418d2e5c4f7585684.png);
    background-size: cover;
    z-index: 99
}

.full_screen {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.main.full_screen {
    margin: 0 !important;
    height: 100% !important;
    padding: 0 !important
}

.pb100 {
    padding-bottom: 100px !important
}

.main a {
    color: #161616;
    font-weight: 400
}

.main {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -420px;
    box-shadow: 0 1px 3px transparent;
    transition: all .4s;
    background: #fff;
    z-index: 1;
    padding-top: 0;
    padding-bottom: 44px
}

.main.main_pb0 {
    padding-bottom: 0
}

.main.tshe-background-grey, .main.tshe_background_grey {
    background: #f8f8f8
}

.main.tshe-background-blue, .main.tshe_background_blue {
    background: #f4f7fa
}

.main__container {
    margin: 0 0 74px
}

.tshe_highlight.tshe_highlight--red {
    color: #ff5a41
}

.tshe_button {
    border-radius: 2px !important;
    color: #fff;
    transition: all .4s;
    display: inline-block;
    margin-bottom: 0;
    padding: .5em 1em;
    font-size: 22.4px;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.2;
    text-align: center;
    white-space: nowrap;
    background-image: none;
    border: 1px solid transparent;
    cursor: pointer;
    outline: 0;
    -webkit-appearance: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.tshe_button:before, .tshe_validation_message:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.tshe_button {
    font-size: 14px;
    font-weight: 800
}

.tshe_button.sm {
    font-size: 13px;
    padding: .43em 1em
}

.tshe_button.md {
    height: 32px
}

.tshe_button.lg {
    height: 36px
}

.tshe_button--backround-white {
    background: #fff
}

.tshe_button:focus, .tshe_button:hover {
    color: #fff
}

.tshe_button--red {
    background: #ff5a5e;
    color: #fff !important
}

.tshe_button--red:hover {
    background: #ff7679
}

.tshe_button--red:active {
    background: #fa474c
}

.tshe_button--red-border {
    color: #ff5a5e !important;
    border: 1px solid #ff5a5e
}

.tshe_button--red-border:hover {
    color: #ff7679 !important;
    border: 1px solid #ff7679
}

.tshe_button--red-border:active {
    color: #fa474c !important;
    border: 1px solid #fa474c
}

.tshe_button--rose-red {
    background: #ec577c;
    color: #fff !important
}

.tshe_button--rose-red:hover {
    background: #e86b8f
}

.tshe_button--rose-red:active {
    background: #e84d7a
}

.tshe_button--rose-red-border {
    color: #ec577c !important;
    border: 1px solid #ec577c
}

.tshe_button--rose-red-border:hover {
    color: #e86b8f !important;
    border: 1px solid #e86b8f
}

.tshe_button--rose-red-border:active {
    color: #e84d7a !important;
    border: 1px solid #e84d7a
}

.tshe_button--gray {
    background: #c6c6c6;
    color: #fff !important
}

.tshe_button--gray:hover {
    background: #dcdcdc
}

.tshe_button--gray:active {
    background: #777
}

.tshe_button--gray-border {
    color: #4a4a4a !important;
    border: 1px solid #c6c6c6
}

.tshe_button--gray-border:hover {
    color: #4a4a4a !important;
    border: 1px solid #dcdcdc
}

.tshe_button--gray-border:active {
    color: #4a4a4a !important;
    border: 1px solid #777
}

.tshe_validation_message.tshe_valid, .tshe_validation_message.tshe_valid i {
    color: #2dd59d !important
}

.tshe_validation_message.tshe_invalid, .tshe_validation_message.tshe_invalid i {
    color: #ff5a5e !important
}

.tshe_validation_message {
    font-size: 12px;
    float: left
}

.tshe_validation_message.checkbox {
    margin: -3px 0 5px
}

.tshe_validation_message.checkbox .tshe-icon {
    margin: 3px 0 0 1px
}

.tshe_validation_message div {
    float: right;
    margin: 1px 0 0 3px
}

.tshe_validation_message .tshe-icon, .tshe_validation_message div {
    vertical-align: middle
}

.tshe-tips {
    position: fixed;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 4px;
    padding: 10px;
    width: 200px;
    background-color: rgba(0, 0, 0, .75);
    color: #fff;
    text-align: center;
    opacity: 0;
    z-index: 9999999
}

.tshe-message.message.negative {
    background-color: #fff0f0;
    color: #a94442
}

.tshe-message.message.positive {
    background-color: #eeffe7;
    color: #3c763d
}

.tshe-message.message {
    text-align: center;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    line-height: 49px;
    line-height: 3.5rem;
    margin: 0;
    z-index: 1001;
    padding: 1em 1.5em;
    font-weight: 800;
    height: 74px;
    box-shadow: inset 0 0 0 1px rgba(34, 36, 38, .22), 0 0 0 0 transparent
}

.tshe-message.message .tshe-icon.icon-tshe-close {
    color: #a94442;
    font-weight: 800;
    cursor: pointer;
    position: absolute;
    margin: 0;
    top: 2.15em;
    right: 1em;
    opacity: .7;
    transition: opacity .1s linear
}

.tshe-message {
    position: fixed;
    z-index: 1001
}

.tshe-message, .tshe-message-box {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.tshe-message-box {
    position: absolute;
    padding: 23px 30px 42px;
    width: 280px;
    background-color: #fff;
    box-shadow: 0 15px 21px -6px rgba(0, 0, 0, .14);
    border-radius: 5px;
    background-image: url(https://cdn7.tshe.com/assets/tshe-message-bg-c987dd1561c28ad4bd6a7e8232e954da.png);
    background-size: 280px 44px;
    background-repeat: no-repeat;
    background-position: bottom
}

.tshe-message .icon-tshe-close {
    position: absolute;
    top: 5px;
    right: 5px;
    color: #161616;
    font-size: 28px;
    cursor: pointer
}

.tshe-message-icons {
    margin: 0 auto 7px;
    width: 48px;
    height: 48px;
    background-image: linear-gradient(-90deg, #ffec6b, #ffdc00);
    box-shadow: 1px 1px 2px 0 rgba(0, 0, 0, .19);
    border-radius: 96px
}

.tshe-message-nicon, .tshe-message-picon {
    display: none;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-position: bottom
}

.tshe-message-nicon {
    padding-top: 9px;
    width: 5px;
    height: 39px;
    background-image: url(https://cdn7.tshe.com/assets/tshe-message-negative-a60e23690eed1aed8b82bf88eb9e7eb6.png);
    background-size: 5px 30px
}

.tshe-message-picon {
    padding-top: 16px;
    width: 26px;
    height: 35px;
    background-image: url(https://cdn7.tshe.com/assets/tshe-message-positive-ad496873324b6323f3a46dee8819bfaa.png);
    background-size: 26px 19px
}

.tshe-message.neg .tshe-message-nicon, .tshe-message.pos .tshe-message-picon {
    display: block
}

.tshe-message.neg .tshe-message-picon, .tshe-message.pos .tshe-message-nicon {
    display: none
}

.tshe-message-p {
    text-align: center;
    color: #161616;
    font-size: 14px;
    font-weight: 700
}

.tshe-message.mobile {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .4)
}

.tshe-message.mobile .tshe-message-box {
    width: 216px
}

.tshe-message.mobile .icon-tshe-close {
    font-size: 24px
}

.tshe-message.mobile .tshe-message-icons {
    width: 26px;
    height: 26px;
    border-radius: 52px
}

.tshe-message.mobile .tshe-message-nicon {
    padding-top: 5px;
    width: 2px;
    height: 21px;
    background-size: 2px 16px
}

.tshe-message.mobile .tshe-message-picon {
    padding-top: 9px;
    width: 15px;
    height: 20px;
    background-size: 15px 11px
}

.tshe-spin {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1002;
    background-color: rgba(0, 0, 0, .75)
}

.tshe-spin:after {
    content: "";
    position: absolute;
    width: 32px;
    height: 32px;
    background-size: cover;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-image: url(https://cdn7.tshe.com/assets/mloader-571dfe045d66b88d2d5c82151a1bf579.gif)
}

.tshe_confirm__wrap, .tshe_confirm__wrap:after {
    z-index: 999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.tshe_confirm__wrap {
    position: fixed;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.tshe_confirm__wrap:after {
    content: "";
    position: absolute;
    background-color: rgba(0, 0, 0, .4)
}

.tshe_confirm__wrap .confirm_close__btn {
    position: absolute;
    font-size: 22px;
    color: #4a4a4a;
    top: 12px;
    right: 12px;
    cursor: pointer
}

.tshe_confirm__wrap .confirm_box {
    position: relative;
    padding: 30px 14px 44px;
    z-index: 9999;
    width: 94%;
    max-width: 384px;
    min-height: 212px;
    background-color: #fff;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .16);
    border-radius: 2px
}

.tshe_confirm__wrap .confirm_content {
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px;
    color: #4a4a4a;
    padding: 14px 0;
    min-height: 102px;
    font-weight: 700;
    text-align: center
}

.tshe_confirm__wrap .confirm_btns, .tshe_confirm__wrap .confirm_content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center
}

.tshe_confirm__wrap .confirm_btn {
    display: inline-block;
    width: 136px;
    height: 36px;
    font-size: 14px;
    line-height: 34px;
    text-align: center;
    border-radius: 2px;
    border: 1px solid #4a4a4a;
    cursor: pointer
}

.tshe_confirm__wrap .confirm_btn.confirm {
    margin-left: 16px;
    color: #fff;
    background-color: #4a4a4a
}

.tshe_confirm__wrap .confirm_btn.cancel {
    color: #4a4a4a;
    background-color: #fff;
    border: 1px solid #4a4a4a
}

.tshe_confirm__wrap.mobile .confirm_box {
    padding: 0;
    width: 240px;
    min-height: auto;
    border-radius: 5px;
    overflow: hidden
}

.tshe_confirm__wrap.mobile .confirm_content {
    padding: 14px 0 8px;
    min-height: 88px
}

.tshe_confirm__wrap.mobile .confirm_close__btn {
    display: none
}

.tshe_confirm__wrap.mobile .confirm_btn {
    width: 50%;
    height: 44px;
    line-height: 44px;
    border: none;
    border-top: 1px solid #f1f1f1;
    background-color: #fff;
    color: #9b9b9b;
    font-size: 16px;
    border-radius: 0
}

.tshe_confirm__wrap.mobile .confirm_btn.confirm {
    margin-left: 0;
    border-left: 1px solid #f1f1f1;
    color: #4a4a4a
}

.tshe-modal-mask {
    opacity: 0;
    filter: alpha(opacity=0);
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .3);
    transition: opacity .45s ease;
    -moz-transition: opacity .45s ease;
    -webkit-transition: opacity .45s ease;
    -o-transition: opacity .45s ease
}

.tshe-modal-mask-click, .tshe-modal-mask.show {
    opacity: 1 !important;
    filter: alpha(opacity=100);
    background-color: rgba(0, 0, 0, .5) !important;
    z-index: 1000 !important
}

.tshe-modal {
    -webkit-backface-visibility: hidden;
    z-index: 1001;
    position: fixed;
    width: 55%;
    bottom: 50%;
    right: 0;
    left: 0;
    margin: auto;
    border-radius: 2px;
    background: hsla(0, 0%, 100%, .95);
    transform: translateY(-100rem);
    -webkit-transform: translateY(-100rem);
    -moz-transform: translateY(-100rem);
    -o-transform: translateY(-100rem);
    transition: transform .45s ease;
    -moz-transition: transform .45s ease;
    -webkit-transition: transform .45s ease;
    -o-transition: transform .45s ease;
    -webkit-overflow-scrolling: touch
}

.tshe-modal.full-modal .tshe-modal-content-wrapper {
    padding: 0
}

.tshe-modal.full-modal .tshe-modal-content-wrapper .tshe-modal-content {
    width: 100%
}

.tshe-modal.show {
    transform: translateY(50%);
    -webkit-transform: translateY(50%);
    -moz-transform: translateY(50%);
    -o-transform: translateY(50%)
}

.tshe-modal.modal-in-android-wechat {
    z-index: -1
}

.tshe-modal .tshe-modal-fixed-bar {
    height: 42px;
    position: fixed;
    border-radius: 2px;
    width: 100%;
    z-index: 12;
    background: #fff
}

.tshe-modal .tshe-modal-cross {
    font-size: 16px;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 99913;
    cursor: pointer
}

.tshe-modal .tshe-modal-cross, .tshe-modal .tshe-modal-cross i {
    transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s
}

.tshe-modal .tshe-modal-cross i {
    border-radius: 50%;
    color: #4a4a4a
}

.tshe-modal .tshe-modal-content-wrapper {
    padding: 2%;
    overflow: auto
}

.tshe-modal .tshe-modal-content-wrapper .tshe-modal-content {
    width: 80%;
    margin: 36px auto 0
}

.tshe-vertical-and-horizontal-centered {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%)
}

.tshe-vertical-centered {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%)
}

.tshe-horizontal-centered {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%)
}

.tshe-highlight {
    color: #ff5a41
}

.tshe-icon.white {
    color: #fff
}

.tshe-icon.bold {
    font-weight: 700
}

.rotate-180 {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    filter: progid:dximagetransform.microsoft.basicimage(rotation=4)
}

@media only screen and (max-width: 768px) {
    .meiqia-champion {
        display: none
    }
}

@media only screen and (max-width: 890px) {
    .no_mobile_device {
        display: none !important
    }
}

@media only screen and (max-width: 890px) {
    .no_mobile_890 {
        display: none
    }

    .main__container {
        margin: 0
    }
}

@media only screen and (max-width: 767px) {
    .no_mobile {
        display: none !important
    }

    .mobile-police img {
        vertical-align: -1px;
        height: 9px
    }

    .mobile-police span {
        font-size: 9px
    }

    .tshe-modal {
        width: 100%;
        height: 100%;
        left: 0 !important;
        right: 0 !important
    }

    .tshe-modal.full-modal .tshe-modal-content-wrapper {
        width: 100% !important
    }

    .tshe-modal .tshe-modal-content-wrapper {
        max-height: 100% !important;
        height: 100% !important
    }

    .tshe_flex__grid.doubling > .tshe_flex__row, .tshe_flex__grid > .doubling.tshe_flex__row {
        margin: 0 !important;
        padding: 0 !important
    }

    .start-button-wrapper .button {
        padding: 3% 10.5% !important
    }
}

.police img {
    height: 13px
}

.mobile-police img {
    vertical-align: -1px;
    height: 9px
}

.mobile-police a {
    font-size: 9px
}

@media (-ms-high-contrast: none), screen and (-ms-high-contrast: active) {
    .tshe-modal-fixed-bar {
        position: relative !important
    }
}

.ui.tshe-button {
    background: transparent;
    color: #333;
    border: 1px solid #333;
    border-radius: 2px;
    padding: 8px 30px;
    font-size: 12px;
    cursor: pointer;
    border-radius: 0 !important
}

.ui.tshe-button:hover {
    background: #444;
    color: #fff
}

.ui.segment {
    box-shadow: 0 0 0 1px rgba(39, 41, 43, 0), 0 1px 2px 0 transparent
}

.pagination a {
    color: #000
}

.pagination .page.current {
    font-weight: 800
}

.tshe-show-mobile-992-class, .tshe-show-mobile-992-class-inline, .tshe-show-mobile-class, .tshe-show-mobile-device-class {
    display: none !important
}

.wechat_login {
    border: none;
    text-align: center;
    border-bottom: none !important
}

.wechat_login h3 {
    font-size: 17.92px;
    font-size: 1.28rem
}

.wechat_login #wechat-qrcode {
    padding: 0 0 30px;
    border-bottom: 1px solid rgba(34, 36, 38, .15)
}

.mobile-share-popup {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1000
}

.mobile-share-popup .wechat-container {
    position: absolute;
    right: 20px;
    top: 20px;
    background: #fff;
    padding: 15px;
    opacity: 1;
    font-size: 16.8px;
    font-size: 1.2rem;
    box-shadow: 0 0 1rem #cdcdcd
}

.mobile-share-popup .wechat-container .arrow {
    position: absolute;
    top: -10px;
    right: 10px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff
}

.hide {
    display: none
}

.tshe_full_width_border {
    height: 1px;
    width: 100%;
    background: #f0f0f0
}

.b-lazy {
    transition: opacity .5s ease-in-out;
    max-width: 100%;
    opacity: 0
}

.b-lazy.b-loaded {
    opacity: 1
}

.tshe_logo_loader.active {
    display: block
}

.ui.loader.active:after {
    border-color: #d0d0d0 transparent transparent !important
}

.tshe_logo_loader {
    display: none;
    position: absolute;
    background: #fff;
    left: 50%;
    top: 50%;
    z-index: 1;
    transform: translate(-50%, -50%)
}

.tshe_logo_loader i {
    font-size: 50px;
    color: #b7b7b7
}

.contact-button {
    position: fixed;
    right: 16px;
    bottom: 70px
}

.no_show {
    display: none
}

.cart_btn {
    background: #ffecec;
    color: #ff5859;
    text-shadow: 0 1px 0 #ffc9ca
}

.spring_notice_icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    background: url(https://cdn7.tshe.com/assets/spring_notice-e26f6e93a9496066844efe6d53796516.gif) no-repeat
}

.spring_notice {
    padding-top: 16px;
    line-height: 16px;
    color: #ff5a5e;
    font-size: 14px
}

.spring_notice .spring_notice_icon {
    margin: 1px 4px 0 0
}

.spring_notice_mobile {
    position: fixed;
    bottom: 50px;
    z-index: 3;
    padding: 0 26px 0 16px;
    width: 100%;
    height: 30px;
    line-height: 30px;
    color: #ccc;
    font-size: 14px;
    background-color: rgba(0, 0, 0, .7)
}

.spring_notice_mobile .spring_notice_icon {
    position: absolute;
    top: 7px;
    left: 0
}

.spring_notice_mobile > div {
    display: inline-block;
    position: relative;
    width: 100%;
    height: 30px;
    overflow: hidden;
    font-size: 14px
}

.spring_notice_mobile > div > span {
    display: inline-block;
    position: absolute;
    width: 800px;
    left: 0;
    color: #ccc;
    animation: spring_move_mobile 18s linear infinite
}

@keyframes spring_move_mobile {
    0% {
        left: 300px
    }
    to {
        left: -800px
    }
}

.spring_notice_mobile .icon-tshe-delete {
    position: absolute;
    top: 2px;
    right: 0;
    color: #ccc;
    float: right;
    font-size: 26px
}

#editor_component .tshe-modal {
    bottom: auto;
    top: 5%
}

#editor_component #login_and_register_modal.tshe-modal.show {
    transform: translateY(0)
}

#editor_component .module.form_user_start_wrapper .title {
    margin-top: 34px;
    font-size: 22px
}

.consult_dialog__box {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: rgba(0, 0, 0, .5);
    top: 0;
    left: 0
}

.consult_dialog, .consult_dialog__box.active {
    display: -ms-flexbox;
    display: flex
}

.consult_dialog {
    margin: auto;
    width: 800px;
    height: 500px;
    border-radius: 5px;
    background: #fff;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 60px
}

.consult_dialog .consult_dialog_close {
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 10px
}

.consult_dialog .consult_dialog_item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 60px
}

.consult_dialog .dialog_item_status {
    display: none
}

.consult_dialog_item .dialog_success_box {
    display: -ms-flexbox;
    display: flex
}

.consult_dialog .consult_dialog_item .dialog_success_icon {
    width: 30px;
    height: 30px;
    background-image: url(https://cdn7.tshe.com/assets/dialoq_success-165b51deb46fcff794ba2431883ba2c6.png);
    background-size: cover;
    margin-right: 10px
}

.consult_dialog .consult_dialog_item .dialog_success_box > span {
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 1.16px
}

.consult_dialog .consult_dialog_item .dialog_success_coupon_icon {
    width: 30px;
    height: 30px;
    background-image: url(https://cdn7.tshe.com/assets/dialoq_success_coupon-af360da7ae35a88f5d877a1830f6d416.png);
    background-size: cover;
    margin-right: 10px
}

.consult_dialog .consult_dialog_item .dialog_error_coupon_icon {
    width: 30px;
    height: 30px;
    background-image: url(https://cdn7.tshe.com/assets/dialoq_error_coupon-dd69eaf7793cb98977a7cefa368136e8.png);
    background-size: cover;
    margin-right: 10px
}

.consult_dialog .consult_dialog_item .dialog_error_coupon_tip, .consult_dialog .consult_dialog_item .dialog_success_hint {
    font-size: 16px;
    line-height: 22px;
    margin-top: 10px;
    letter-spacing: .77px
}

.consult_dialog .consult_dialog_item .dialog_error_coupon_tip {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    -ms-flex-align: center;
    align-items: center
}

.consult_dialog .dialog_success_line {
    width: 100%;
    height: 1px;
    background: #e8e8e8;
    margin-top: 30px
}

.consult_dialog .dialog_success_guess {
    font-size: 20px;
    font-weight: 700;
    margin-top: 34px;
    letter-spacing: .96px
}

.consult_dialog .dialog_success_case {
    margin-top: 28px;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.consult_dialog .dialog_item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #eee;
    width: 158px;
    height: 196px
}

.consult_dialog .dialog_item > span {
    font-size: 14px;
    line-height: 20px;
    margin-top: 8px;
    color: #000
}

.dialog_item .dialog_case_img {
    width: 158px;
    height: 157.7px
}

.nav_tag_glide {
    font-size: 14px;
    color: #686868;
    font-weight: 700
}

.nav_tag_glide .tag_glide {
    width: 260px;
    height: 45px
}

.tag_glide .glide__arrow {
    display: inline-block;
    position: absolute;
    top: 50%;
    margin: 0;
    padding: 0;
    transform: translateY(-50%);
    width: 18px;
    height: 20px
}

.tag_glide .glide__arrow.prev {
    left: -40px !important;
    background: url(https://cdn7.tshe.com/assets/sem_left-afa4044c4178e89d4de893ef5b9c666b.png);
    background-size: 18px 18px
}

.tag_glide .glide__arrow.next {
    right: -10px !important;
    background: url(https://cdn7.tshe.com/assets/sem_right-b8b82d7d6dec47c6e27db055cd140d04.png);
    background-size: 18px 18px
}

.tag_glide .tsp_tag_img {
    float: left;
    max-width: 55px;
    max-height: 45px
}

.tag_glide .tsp_tag_con {
    float: left;
    margin-left: 5px;
    width: 200px
}

.tag_glide .tsp_tag_t {
    color: #161616;
    font-size: 16px;
    font-weight: 700
}

.tag_glide .tsp_tag_p {
    color: #6f6f6f;
    font-size: 12px
}

.nav_tag_glide .icon-tshe-chevron-left:before, .nav_tag_glide .icon-tshe-chevron-right:before {
    content: ""
}

.tshe_mservices {
    position: fixed;
    left: 0;
    bottom: 50px;
    z-index: 99
}

.tms_btn {
    display: block;
    margin-bottom: 10px;
    width: 90px;
    height: 35px;
    line-height: 33px;
    text-align: center;
    background: #fff;
    border: 1px solid #dfdfdf;
    border-left: none;
    color: #161616 !important;
    font-size: 12px;
    box-shadow: 0 8px 15px -8px rgba(0, 0, 0, .24);
    border-radius: 2px
}

.tms_icon {
    width: 19px;
    height: 19px
}

.cs_pop {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1001;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .4)
}

.cs_pop.active {
    display: block;
    overflow: visible
}

.cs_pop_box {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    background: #fff;
    transition: transform .2s;
    transform: translateY(100%)
}

.cs_pop_box.active {
    transform: translateY(0)
}

.cs_infor_item_web {
    margin: 0 auto
}

.cs_pop_close {
    position: absolute;
    right: 20px;
    top: 1px;
    color: #000;
    font-size: 12px
}

.close_pop_icon {
    position: relative;
    top: 7px;
    color: #000;
    font-size: 24px
}

.cs_pop_header {
    width: 100%;
    height: 36px;
    position: relative;
    background-image: url(https://cdn7.tshe.com/assets/csp_head-9b0dbda6fc828787601c3fe3025d006a.png);
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    text-align: center
}

.cs_pop_header_text {
    margin-top: 23px
}

.cs_pop_weixin {
    margin-top: 7px
}

.cs_pop_desc {
    margin-top: 18px
}

.cs_pop_infor {
    text-align: center;
    padding: 20px 0 25px
}

.cs_pop_infor_flex {
    display: -ms-flexbox;
    display: flex
}

.cs_infor_QR_img {
    width: 97px;
    margin: 0 auto;
    display: block
}

.cs_infor_finger_box {
    display: none;
    position: relative;
    z-index: 2;
    top: -45px;
    margin-top: 14px;
    line-height: 30px
}

.cs_infor_finger_img {
    width: 30px;
    height: 30px
}

.cs_pop_box_wechat .cs_pop_infor {
    margin-bottom: -51px
}

.cs_pop_box_wechat .cs_infor_web {
    display: none
}

.cs_pop_box_wechat .cs_infor_finger_box {
    display: block
}

.cs_pop_box_wechat .cs_infor_QR_img {
    position: relative;
    z-index: 3;
    padding: 0 40px 45px;
    width: 177px
}

.cs_btn {
    width: 141px;
    height: 38px;
    line-height: 36px;
    background: #fafafa;
    border: 1px solid #9b9b9b;
    border-radius: 100px
}

.cs_btn_icon {
    top: -1px
}

.cs_icon_copy {
    width: 15px;
    height: 15px;
    background: url(https://cdn7.tshe.com/assets/copy-6ef78e79bba724c798e49fb68c6797b4.png) no-repeat;
    background-size: 15px 15px
}

.cs_icon_phone {
    width: 13px;
    height: 14px;
    background: url(https://cdn7.tshe.com/assets/phone_helf-b95e3dfd6fb179b5bfaeaaa1be468d7f.png) no-repeat;
    background-size: 13px 14px
}

@media only screen and (max-width: 1024px) {
    .no-mobile, .no-mobile-class {
        display: block
    }
}

@media only screen and (max-width: 767px) {
    .tshe-modal {
        width: 100%;
        height: 100%;
        left: 0 !important;
        right: 0 !important
    }

    .tshe-modal.full-modal .tshe-modal-content-wrapper {
        width: 100% !important
    }

    .tshe-modal .tshe-modal-content-wrapper {
        max-height: 100% !important
    }

    .mobile-auto-width {
        width: auto !important
    }

    .mobile-full-width {
        width: 100% !important
    }

    .mobile-no-padding {
        padding: 0 !important
    }

    #video-controls #play-pause {
        bottom: 50% !important;
        left: 50% !important
    }

    #mobile-preload-video video {
        width: 100% !important;
        height: 100% !important
    }

    .tshe-about-us-intro .tshe-about-us-intro-content div {
        font-size: 14px
    }

    #admin-dashboard .label {
        font-size: 14px;
        height: 31px
    }

    .mobile-change-item {
        float: none !important;
        text-align: center !important;
        width: 100% !important;
        margin: 0 auto !important
    }

    .no-mobile {
        display: none
    }

    .no-mobile-class {
        display: none !important
    }

    .show-mobile-class {
        display: block
    }

    .tshe-show-mobile-class {
        display: block !important
    }

    .ui.tshe-materials .column:first-child {
        border-right: none
    }

    .ui.tshe-materials {
        margin: 40px 5px
    }

    .ui.tshe-materials .block {
        padding-left: 0;
        padding-right: 0
    }

    #new-order-form-old .input-field {
        margin-left: .1rem
    }

    #new-order-form-old .tshe-info-block .input-field {
        width: 10rem
    }

    .ui.grid.gifts .column.gift {
        margin-bottom: 25px !important
    }

    .statistics_page {
        margin-top: 10px;
        margin-bottom: 800px
    }

    .statistics_page .statistics_body {
        margin-top: 20px
    }

    .statistics_page .statistics_body .picture .column:first-child {
        padding-left: 0
    }

    .statistics_page .statistics_body .picture .column:last-child, .statistics_page .statistics_body .share {
        padding-right: 0
    }

    .statistics_page .statistics_body .statistics_form {
        font-size: 14px;
        padding-left: 10px;
        padding-right: 10px
    }

    .statistics_page .statistics_body .statistics_form .name {
        display: block;
        margin-bottom: 24px
    }

    .statistics_page .statistics_body .statistics_form .name input {
        width: 100%
    }

    .statistics_page .statistics_body .statistics_form .style {
        display: block;
        text-align: left
    }

    .statistics_page .statistics_body .statistics_form .style span {
        margin-left: 15px
    }

    .statistics_page .statistics_body .statistics_form .style span label.label-title {
        padding-right: 8px
    }

    .statistics_page .statistics_body .statistics_form .style span:first-child {
        margin-left: 0
    }

    .statistics_page .statistics_body .statistics_form .style span.select_box {
        float: right;
        margin-left: 0
    }

    .statistics_page .statistics_body .statistics_form .style span.select_box span.size .ui.selection.dropdown .ticon {
        top: -1px;
        right: -1px
    }

    .statistics_page .statistics_body .statistics_form .notice {
        padding-right: 0
    }

    .statistics_page .statistics_body .statistics_form .submit_btn {
        margin-top: 40px;
        padding-right: 0;
        padding-left: 0
    }

    .statistics_page .statistics_body .statistics_form .submit_btn .tshe-button {
        width: 100%
    }

    .statistics_page .statistics_table {
        height: 700px
    }

    .statistics_page .statistics_table .material-block .material-info {
        padding: 0
    }

    .statistics_page .statistics_table .material-block .material-info-table {
        margin-left: 75px
    }

    .submit-success-page {
        margin-top: 40px
    }

    #page-wrapper .admin-container {
        padding-top: 50px
    }

    #home-mode-intro {
        height: 300px !important
    }

    #home-mode-intro .tshe-mode-intro-outsider .tshe-mode-intro-wrapper {
        width: 100%;
        height: auto;
        background: #fff
    }

    #home-mode-intro .tshe-mode-intro-outsider .tshe-mode-intro-wrapper .tshe-intro {
        width: 80%;
        margin: 0 auto !important
    }

    #home-mode-intro .tshe-mode-intro-outsider .tshe-mode-intro-wrapper .tshe-intro .tshe-intro-title {
        font-size: 14px;
        letter-spacing: 2px;
        margin-bottom: 30px
    }

    #home-mode-intro .tshe-mode-intro-outsider .tshe-mode-intro-wrapper .tshe-intro .tshe-intro-content {
        font-size: 13px;
        line-height: 28px
    }

    #home-mode-intro .tshe-mode-intro-outsider .tshe-mode-intro-wrapper .mode-intro .grid {
        margin: 0 auto
    }

    #home-mode-intro .tshe-mode-intro-outsider .tshe-mode-intro-wrapper .mode-intro .grid .inner {
        margin: 0;
        width: 100%
    }

    #home-mode-intro .tshe-mode-intro-outsider .tshe-mode-intro-wrapper .mode-intro .grid .inner .doubling .column {
        padding: 0 !important
    }

    #home-mode-intro .tshe-mode-intro-outsider .tshe-mode-intro-wrapper .start-button-wrapper {
        margin-top: 30px
    }

    .display-wrapper {
        background: #f8f8f8;
        width: 100%;
        height: 420px
    }

    .display-wrapper .display-holder {
        margin-top: 0
    }

    .display-wrapper .display-holder .display .pin-grid {
        margin: 8px
    }

    .display-wrapper .display-holder .display .pin-grid .display-work-wrapper, .display-wrapper .display-holder .display .pin-grid .display-work-wrapper .display-work-title-wrapper {
        height: auto !important
    }

    .display-wrapper .display-holder .display .pin-grid .display-work-wrapper .display-work-title-wrapper .text {
        white-space: normal !important
    }

    .content-wrapper {
        width: 100% !important
    }

    .content-wrapper .mode-intro-icon {
        float: none !important;
        width: auto !important;
        font-size: 80px !important
    }

    .content-wrapper .mode-intro-content {
        text-align: center !important;
        margin-left: 0 !important
    }

    .content-wrapper .mode-intro-content .chinese {
        font-size: 12px !important;
        color: #4a4a4a !important
    }

    .img-section {
        height: 156px !important
    }

    .img-section.about-us-img1 {
        height: 250px !important
    }

    .img-section.about-us-img1 .text-wrapper .text {
        margin-top: 22px
    }

    .img-section.about-us-img1 .text-wrapper .text .breaker {
        height: 5px
    }

    .img-section.about-products-img1 {
        height: 250px !important
    }

    .img-section.about-products-img1 .text-wrapper .text {
        margin-top: 22px
    }

    .img-section.about-products-img1 .text-wrapper .text .breaker {
        height: 5px
    }

    .tshe-about-us-wrapper .tshe-about-us-content {
        width: 100%;
        height: auto
    }

    .tshe-about-us-wrapper .tshe-about-us-content .tshe-about-us-content-img-wrapper {
        float: none !important;
        width: 100% !important;
        height: 298px !important
    }

    .tshe-about-us-wrapper .tshe-about-us-content .tshe-about-us-content-text {
        padding: 0 16px 25px !important;
        width: 100% !important;
        height: auto !important;
        font-weight: 400 !important
    }

    .tshe-about-us-wrapper .tshe-about-us-content .tshe-about-us-content-text .tshe-about-us-content-text-wrapper {
        width: 100% !important;
        margin-left: 0 !important;
        font-weight: 400 !important
    }

    .tshe-about-us-wrapper .tshe-about-us-content .tshe-about-us-content-text .tshe-about-us-content-text-wrapper .tshe-about-us-content-text-title {
        font-size: 14px;
        padding-top: 25px;
        margin-top: 0;
        margin-bottom: 10px;
        width: 100%;
        font-weight: bolder
    }

    .tshe-about-us-wrapper .tshe-about-us-content .tshe-about-us-content-text .tshe-about-us-content-text-wrapper .tshe-about-us-content-text-content {
        width: 100% !important;
        font-size: 13px !important
    }

    .tshe-about-us-wrapper .tshe-about-us-content .tshe-about-us-content-text .tshe-about-us-content-text-wrapper .tshe-about-us-content-text-content .link-wrapper {
        margin-top: 10px !important;
        font-weight: 400
    }

    .tshe-about-us-wrapper .tshe-about-us-content .tshe-about-us-content-text .tshe-about-us-content-text-wrapper .tshe-about-us-content-text-content .breaker {
        display: inline
    }

    .tshe-about-us-wrapper .tshe-about-us-content .tshe-about-us-content-text.column {
        width: 100% !important;
        margin-left: -16px
    }

    .tshe-about-us-wrapper .tshe-about-us-content .tshe-about-us-content-img {
        float: none !important;
        width: 100% !important;
        height: 298px !important
    }

    .tshe-about-us-wrapper .tshe-about-us-content .tshe-about-us-content-img.column {
        width: 107% !important
    }

    #about-us-glide-wrapper {
        height: auto !important
    }

    #about-us-glide-wrapper .glide__arrows {
        top: auto;
        bottom: 50px !important;
        left: 50% !important;
        margin-left: -39px !important;
        margin-top: auto !important
    }

    #about-us-glide-wrapper .glide__arrows .about_us_glide__arrow i {
        font-size: 42px
    }

    .tshe-about-us-intro {
        height: 160px !important
    }

    .tshe-about-us-intro .tshe-about-us-intro-content {
        font-size: 14px
    }

    #home-about-us .about-us-wrapper .intro {
        height: 560px
    }

    #home-about-us .about-us-wrapper .intro .text-wrapper .text .tshe-caption {
        font-size: 14px !important;
        font-weight: 400 !important
    }

    #home-about-us .about-us-wrapper .intro .text-wrapper .text .tshe-content {
        font-size: 14px !important
    }

    #home-about-us .about-us-wrapper .intro .text-wrapper .text .breaker {
        height: 15px !important
    }

    #home-about-us .about-us-wrapper .img-section.img2 {
        padding: 15px;
        height: 209px !important
    }

    #home-about-us .about-us-wrapper .img-section.tshe-background {
        height: 230px !important;
        padding: 15px;
        font-size: 13px;
        line-height: 28px
    }

    #home-about-us .about-us-wrapper .img-section.tshe-background .breaker {
        height: 10px !important
    }

    #home-about-us .about-us-wrapper .founder-wrapper .founder .doubling .column {
        height: 280px
    }

    #home-about-us .about-us-wrapper .founder-wrapper .founder .doubling .column.photo {
        height: 209px !important
    }

    #home-about-us .about-us-wrapper .founder-wrapper .founder .doubling .column .text-outsider .text-wrapper .text .tshe-caption {
        font-size: 14px;
        font-weight: 400;
        margin-bottom: 10px
    }

    #home-about-us .about-us-wrapper .founder-wrapper .founder .doubling .column .text-outsider .text-wrapper .text .tshe-content {
        font-size: 12px
    }

    #home-about-us .about-us-wrapper .founder-wrapper .founder .doubling .column .text-outsider .text-wrapper .text .breaker {
        height: 5px
    }

    .faq-wrapper .img1 {
        margin-bottom: 50px
    }

    .faq-wrapper .pin-container .pin-grid {
        margin: 8px
    }

    .faq-wrapper .pin-container .pin-grid .pin-grid-content .question-wrapper {
        height: auto !important
    }

    .faq-wrapper .pin-container .pin-grid .pin-grid-content .feedback-wrapper {
        font-size: 12px !important
    }

    .faq-wrapper .tshe-clear {
        height: 0
    }

    .faq-category .stackable {
        margin-bottom: 50px !important
    }

    .faq-category .stackable .level-1 .grid .doubling {
        padding: 0 7px !important
    }

    .faq-category .stackable .doubling .jumper {
        padding-left: 0;
        padding-right: 0
    }

    .faq-category .stackable .doubling .jumper:nth-child(-n+2) {
        padding-bottom: 0 !important
    }

    .faq-category .stackable .tshe-content-wrapper {
        width: 164px !important;
        height: 164px !important
    }

    .faq-category .stackable .tshe-content-wrapper .tshe-icon-wrapper {
        padding-top: 30px !important;
        text-align: center;
        font-size: 50px !important
    }

    .faq-category .stackable .tshe-content-wrapper .tshe-content {
        margin-top: 8px;
        font-size: 18px !important;
        text-align: center
    }

    .faq-category-indicator {
        margin-top: -50px
    }

    .faq-category-indicator .tshe-sub-wrapper .tshe-content-wrapper .tshe-icon-wrapper .tshe-icon-holder {
        padding-left: 12px !important
    }

    #home-join-us .join-us-wrapper .img1 {
        height: 480px;
        width: 100%
    }

    #home-join-us .join-us-wrapper .img1 .text-wrapper .text {
        color: #fff;
        width: 576px;
        margin: 0 auto
    }

    #home-join-us .join-us-wrapper .img1 .text-wrapper .text .breaker {
        height: 20px
    }

    #home-join-us .join-us-wrapper .img1 .text-wrapper .start-button-wrapper {
        margin-bottom: 20px
    }

    #home-join-us .join-us-wrapper .tshe-background {
        border-bottom: 1px solid #f0f0f0;
        background: #fbfbfb;
        height: 425px;
        width: 100%
    }

    #home-join-us .join-us-wrapper .tshe-background .text-wrapper .text .tshe-content {
        text-align: justify
    }

    #home-join-us .join-us-wrapper .job-intro .text-wrapper .text {
        color: #4a4a4a;
        width: 633px;
        margin: 60px auto 0;
        text-align: center;
        padding: 0 15px
    }

    #home-join-us .join-us-wrapper .job-intro .text-wrapper .text .breaker {
        height: 20px
    }

    #home-join-us .join-us-wrapper .job-intro .email-to-outsider {
        margin: 70px auto 60px
    }

    #home-join-us .join-us-wrapper .job-intro .email-to-outsider .email-to-wrapper {
        margin: 0 auto;
        display: table;
        width: 267px;
        height: 106px;
        border: 1px solid #c6c6c6
    }

    #home-join-us .join-us-wrapper .job-intro .email-to-outsider .email-to-wrapper .email-to-holder {
        display: table-cell;
        vertical-align: middle;
        text-align: center
    }

    #home-join-us .join-us-wrapper .job-intro .email-to-outsider .email-to-wrapper .email-to-holder .breaker {
        height: 10px
    }

    #home-join-us .join-us-wrapper .benefit-img {
        height: 209px !important
    }

    #home-join-us .join-us-wrapper .benefit-wrapper .benefit-holder {
        width: 100% !important;
        margin: 0 auto;
        display: table
    }

    #home-join-us .join-us-wrapper .benefit-wrapper .benefit-holder .text-wrapper .text .tshe-caption {
        margin-top: 60px
    }

    #home-join-us .join-us-wrapper .benefit-wrapper .benefit-holder .text-wrapper .text .tshe-content .doubling {
        margin: 0 auto 50px;
        padding: 0
    }

    #home-join-us .join-us-wrapper .benefit-wrapper .benefit-holder .text-wrapper .text .tshe-content .doubling .column ul {
        width: 100% !important;
        margin-left: -15px
    }

    #home-join-us .join-us-wrapper .position-wrapper {
        padding: 10px 0;
        height: auto !important
    }

    #home-join-us .join-us-wrapper .position-wrapper .position-holder {
        margin: 0 5px
    }

    #home-join-us .join-us-wrapper .position-wrapper .position-holder .doubling {
        margin: 0 auto
    }

    #home-join-us .join-us-wrapper .position-wrapper .position-holder .doubling .column {
        margin: 0
    }

    #home-join-us .join-us-wrapper .position-wrapper .position-holder .doubling .column .position-block {
        display: table;
        width: 150px;
        height: 145px;
        background: #ff5a41;
        margin: 0 auto;
        cursor: pointer
    }

    #home-join-us .join-us-wrapper .position-wrapper .position-holder .doubling .column .position-block:hover {
        background: #ff745f
    }

    #home-join-us .join-us-wrapper .position-wrapper .position-holder .doubling .column .position-block .text-wrapper .text .tshe-content {
        color: #fff;
        text-align: center
    }

    #home-join-us .join-us-wrapper .ender {
        height: 210px !important
    }

    #home-join-us .join-us-wrapper .ender .text-wrapper .text .tshe-content {
        width: 88%;
        margin: 0 auto;
        text-align: center
    }

    #home-join-us .join-us-wrapper .ender .text-wrapper .text .breaker {
        height: 0
    }

    #home-join-us .join-us-wrapper .ui.modal .position-info-outsider .position-info-wrapper .position-info-holder {
        margin: 0 auto;
        width: 90%
    }

    #home-join-us .join-us-wrapper .ui.modal .position-info-outsider .position-info-wrapper .position-info-holder .position-caption {
        font-weight: 600;
        margin-top: 50px
    }

    #home-join-us .join-us-wrapper .ui.modal .position-info-outsider .position-info-wrapper .position-info-holder .position-caption.bottom {
        margin-top: 0;
        margin-bottom: 50px
    }

    #home-join-us .join-us-wrapper .ui.modal .position-info-outsider .position-info-wrapper .position-info-holder .position-caption i {
        font-size: 28px;
        float: left;
        margin-top: -4px;
        margin-right: 10px
    }

    #home-join-us .join-us-wrapper .ui.modal .position-info-outsider .position-info-wrapper .position-info-holder .position-content {
        margin: 50px 0
    }

    #home-join-us .join-us-wrapper .ui.modal .position-info-outsider .position-info-wrapper .position-info-holder .position-content .tshe-caption {
        margin-bottom: 30px
    }

    #home-join-us .join-us-wrapper .ui.modal .position-info-outsider .position-info-wrapper .position-info-holder .position-content .breaker {
        height: 10px
    }

    #home-join-us .join-us-wrapper .ui.modal .position-info-outsider .position-info-wrapper .position-info-holder .position-content .tshe-caption {
        font-weight: 600
    }

    #home-join-us .join-us-wrapper .ui.modal .position-info-outsider .position-info-wrapper .position-info-holder .position-content .tshe-caption.bottom {
        margin-top: 40px
    }

    #home-join-us .join-us-wrapper .ui.modal .position-info-outsider .position-info-wrapper .position-info-holder .position-content .marker {
        color: #ff5a41
    }

    .footer-items.mobile-center {
        text-align: center
    }

    .footer-items.mobile-center li {
        text-align: center;
        padding: 0 2px !important
    }

    .text-wrapper .text .tshe-caption {
        font-size: 24px !important;
        font-weight: 400 !important
    }

    .text-wrapper .text .tshe-content {
        font-size: 14px !important
    }

    .text-wrapper .text .breaker {
        height: 5px !important
    }

    .products-intro-wrapper {
        overflow: hidden
    }

    .products-intro-wrapper .products-intro-holder .tab .products-detail .grid .size_table_column .table-wrapper {
        min-height: 0
    }

    .products-intro-wrapper .products-intro-holder .tab .products-detail .grid .size_table_column .table-wrapper .ui.unstackable.table {
        font-size: 10px
    }
}

@media only screen and (max-device-width: 767px) {
    #video-controls #play-pause {
        bottom: 50% !important
    }

    #video-controls #play-pause, .tshe-about-us-content-img {
        transform: none !important;
        -ms-transform: none !important;
        -moz-transform: none !important;
        -webkit-transform: none !important;
        -o-transform: none !important
    }

    #preload-video-container {
        width: 100%;
        height: 100%
    }

    .no-mobile-device-class {
        display: none
    }

    #about-us-glide-wrapper {
        height: 100%
    }

    #about-us-glide-wrapper .glide__arrows {
        top: auto;
        bottom: 60px !important;
        left: 50% !important;
        margin-left: -75px !important;
        margin-top: auto !important
    }

    .ui.campaign-detail-infos .content-text p {
        line-height: 25px;
        margin-left: 30px;
        margin-right: 30px;
        text-align: left
    }

    .ui.campaign-detail-infos .content-text img {
        width: 100%
    }

    .ui.campaign-detail-infos .author-name {
        margin-top: 10px;
        text-align: right;
        margin-right: 30px
    }
}

@media only screen and (max-width: 1083px) {
    .no-mobile.welcome {
        display: none
    }

    #banner-nav-wrapper .banner-nav .column {
        float: none \9
    }

    .content-wrapper {
        width: 100% !important
    }

    .content-wrapper .icon-tshe-campaign-class-wrapper {
        margin-left: 35px
    }

    .content-wrapper .content {
        margin-right: 35px
    }

    .content-wrapper .mode-intro-icon {
        float: none !important;
        width: auto !important;
        font-size: 80px !important
    }

    .content-wrapper .mode-intro-content {
        text-align: center !important;
        margin-left: 0 !important
    }

    .content-wrapper .mode-intro-content .chinese {
        font-size: 12px !important;
        color: #4a4a4a !important
    }

    .display {
        width: auto !important
    }
}

@media only screen and (max-width: 1260px) {
    .user-home-page .user-home-page-wrapper .column .user-home-page-holder .left .top .user-info-wrapper {
        width: 100%;
        border-bottom: none
    }

    .user-home-page .user-home-page-wrapper .column .user-home-page-holder .left .bottom .user-home-menu-wrapper, .user-home-page .user-home-page-wrapper .column .user-home-page-holder .right .middle .tshe-content-wrapper .my-orders .my-orders-inner .column .order-wrapper, .user-home-page .user-home-page-wrapper .column .user-home-page-holder .right .right-content-wrapper, .user-home-page .user-home-page-wrapper .column .user-home-page-holder .right .top .right-content-wrapper {
        width: 100%
    }
}

@media only screen and (max-width: 992px) {
    .tshe-show-mobile-992-class {
        display: block !important
    }

    .tshe-show-mobile-992-class-inline {
        display: inline-block !important
    }

    .tshe-no-mobile-992-class {
        display: none !important
    }

    .tshe-about-us-intro .tshe-about-us-intro-content {
        font-size: 24px
    }

    .tshe-about-us-intro .tshe-about-us-intro-content .tshe-title {
        font-weight: 400
    }

    .tshe-mode-intro-wrapper {
        display: table-cell;
        vertical-align: middle;
        width: 100%
    }

    .tshe-mode-intro-wrapper .tshe-intro {
        width: auto;
        margin: 0 auto 48px;
        text-align: center
    }

    .tshe-mode-intro-wrapper .tshe-intro .tshe-intro-title {
        font-weight: 400 !important;
        font-weight: 200;
        text-align: center;
        font-size: 14px;
        letter-spacing: 2px
    }

    .tshe-mode-intro-wrapper .tshe-intro .tshe-intro-content {
        font-size: 18px;
        letter-spacing: 1px;
        line-height: 28px
    }

    .tshe-mode-intro-wrapper .mode-intro .grid {
        margin: -20px auto 48px
    }

    .tshe-mode-intro-wrapper .mode-intro .grid .column {
        padding: 0
    }

    .tshe-mode-intro-wrapper .mode-intro .grid .column .inner {
        width: 80%;
        margin: 0 auto
    }

    .tshe-mode-intro-wrapper .mode-intro .grid .column .inner .doubling .column.icon {
        padding: 0 14px
    }

    .tshe-mode-intro-wrapper .mode-intro .grid .column .inner .doubling .column.icon.campaign {
        padding: 0 3px
    }

    .tshe-mode-intro-wrapper .mode-intro .grid .column .inner .doubling .column.text {
        padding: 0 4px
    }

    .tshe-mode-intro-wrapper .mode-intro .grid .column .inner .doubling .column .icon-holder {
        font-size: 60px;
        text-align: center
    }

    .tshe-mode-intro-wrapper .mode-intro .grid .column .inner .doubling .column .icon-holder i {
        color: #ff5a41
    }

    .tshe-mode-intro-wrapper .mode-intro .grid .column .inner .doubling .column .icon-holder i.icon-tshe-gift {
        font-size: 58px
    }

    .tshe-mode-intro-wrapper .mode-intro .grid .column .inner .doubling .column .content-holder {
        margin-top: 5px;
        font-size: 14px
    }

    .tshe-mode-intro-wrapper .mode-intro .grid .column .inner .doubling .column .content-holder .title {
        margin-top: 13px;
        text-align: center;
        color: #4a4a4a;
        font-weight: 400 !important
    }

    .tshe-mode-intro-wrapper .mode-intro .grid .column .inner .doubling .column .content-holder .breaker {
        height: 5px
    }

    .tshe-mode-intro-wrapper .mode-intro .grid .column .inner .doubling .column .content-holder .content {
        text-align: center;
        font-size: 12px;
        font-weight: 200;
        color: #868686;
        font-weight: 400 !important
    }

    #home-about-products .about-products-wrapper .style-display {
        padding: 30px 15px !important
    }

    #home-about-products .about-products-wrapper .style-display .text-wrapper .text .breaker {
        height: 30px
    }

    #home-about-products .about-products-wrapper .style-display .text-wrapper .text .tshe-content .five {
        margin: 0
    }

    .map-indicator .tshe-sub-wrapper .grid .column {
        padding-left: 0;
        padding-right: 0
    }

    .map-indicator .tshe-sub-wrapper .grid .column .inner .doubling .column.icon {
        padding: 0 14px
    }

    .map-indicator .tshe-sub-wrapper .grid .column .inner .doubling .column.text {
        margin-top: 20px
    }

    .map-indicator .tshe-sub-wrapper .grid .column .inner .doubling .column .icon-holder {
        font-size: 85px;
        text-align: center !important
    }

    .map-indicator .tshe-sub-wrapper .grid .column .inner .doubling .column .icon-holder i {
        color: #ff5a41
    }

    .map-indicator .tshe-sub-wrapper .grid .column .inner .doubling .column .icon-holder i.icon-tshe-gift {
        font-size: 83px
    }

    .map-indicator .tshe-sub-wrapper .grid .column .inner .doubling .column .content-holder {
        margin-top: 5px;
        font-size: 14px
    }

    .map-indicator .tshe-sub-wrapper .grid .column .inner .doubling .column .content-holder .title {
        margin-top: 13px;
        text-align: center !important;
        color: #4a4a4a
    }

    .map-indicator .tshe-sub-wrapper .grid .column .inner .doubling .column .content-holder .breaker {
        height: 5px
    }

    .map-indicator .tshe-sub-wrapper .grid .column .inner .doubling .column .content-holder .content {
        text-align: justify;
        font-size: 12px;
        font-weight: 200;
        color: #868686
    }

    .faq-wrapper .faq-category .tshe-sub-wrapper .stackable .level-1 .two .column {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .faq-wrapper .faq-category .tshe-sub-wrapper .stackable .level-1 .two .column .tshe-content-wrapper {
        width: 160px;
        height: 160px
    }

    .faq-wrapper .faq-category .tshe-sub-wrapper .stackable .level-1 .two .column .tshe-content-wrapper .tshe-icon-wrapper {
        font-size: 60px
    }
}

@media only screen and (min-width: 992px) {
    .no-mobile {
        display: block
    }

    span.no-mobile {
        display: inline-block
    }
}

@media only screen and (max-width: 950px) {
    .faq-wrapper .pin-container .pin-grid .answer-contecnt-wrapper, .faq-wrapper .pin-container .pin-grid .question-wrapper {
        width: 100% !important
    }
}

@media only screen and (max-width: 910px) {
    .mobile-menu-hide {
        width: 65%
    }

    .content-wrapper {
        width: 100% !important
    }

    .content-wrapper .icon-tshe-campaign-class-wrapper {
        margin-left: 5px
    }

    .content-wrapper .content {
        margin-right: 10px
    }
}

@media only screen and (max-width: 320px) {
    .no-mobile {
        display: none
    }

    .no-mobile-class {
        display: none !important
    }

    .show-mobile-class {
        display: block
    }

    .mobile-menu-hide {
        width: 65%
    }

    .display {
        width: auto !important
    }

    .display .pin-grid .display-work-content img {
        width: 100% !important
    }

    .about-us-display-holder .column {
        padding: 0 !important
    }

    .about-us-display-holder .column .tshe-content-wrapper .tshe-content {
        font-size: 11px
    }

    .content-wrapper .mode-intro-icon {
        font-size: 70px !important
    }

    #about-us-glide-wrapper .tshe-about-us-content-img {
        height: 298px !important
    }

    .faq-wrapper .faq-category .stackable .doubling .jumper {
        padding-left: 0;
        padding-right: 0
    }

    .faq-wrapper .faq-category .stackable .tshe-content-wrapper {
        width: 130px !important;
        height: 130px !important
    }

    .faq-wrapper .faq-category .stackable .tshe-content-wrapper .tshe-icon-wrapper {
        padding-top: 10px !important;
        text-align: center;
        font-size: 50px !important
    }

    .faq-wrapper .faq-category .stackable .tshe-content-wrapper .tshe-content {
        margin-top: 8px;
        font-size: 18px !important;
        text-align: center
    }

    .position-wrapper {
        padding: 10px 0
    }

    .position-wrapper .position-holder {
        margin: 0 5px !important
    }

    .position-wrapper .position-holder .doubling {
        margin: 0 auto
    }

    .position-wrapper .position-holder .doubling .column {
        margin: 0
    }

    .position-wrapper .position-holder .doubling .column .position-block {
        display: table;
        width: 125px !important;
        height: 120px !important;
        background: #ff5a41;
        margin: 0 auto;
        cursor: pointer
    }

    .position-wrapper .position-holder .doubling .column .position-block:hover {
        background: #ff745f
    }

    .position-wrapper .position-holder .doubling .column .position-block .text-wrapper .text .tshe-content {
        color: #fff;
        text-align: center
    }
}

.tshe_flex__grid {
    padding: 0;
    margin: -14px;
    margin: -1rem
}

.tshe_flex__grid, .tshe_flex__grid > .tshe_flex__row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: stretch;
    align-items: stretch
}

.tshe_flex__grid > .tshe_flex__row {
    position: relative;
    -ms-flex-pack: inherit;
    justify-content: inherit;
    width: 100% !important;
    padding: 14px 0;
    padding: 1rem 0
}

.tshe_flex__grid > .tshe_flex__column:not(.tshe_flex__row), .tshe_flex__grid > .tshe_flex__row > .tshe_flex__column {
    position: relative;
    display: inline-block;
    width: 6.25%;
    padding-left: 14px;
    padding-left: 1rem;
    padding-right: 14px;
    padding-right: 1rem;
    vertical-align: top
}

.tshe_flex__grid > .tshe_flex__column:not(.tshe_flex__row) {
    padding-top: 14px;
    padding-top: 1rem;
    padding-bottom: 14px;
    padding-bottom: 1rem
}

.tshe_flex__grid.one > .tshe_flex__column, .tshe_flex__grid > [class*=one].tshe_flex__row > .tshe_flex__column {
    width: 100% !important
}

.tshe_flex__grid.two > .tshe_flex__column, .tshe_flex__grid > [class*=two].tshe_flex__row > .tshe_flex__column {
    width: 50% !important
}

.tshe_flex__grid.three > .tshe_flex__column, .tshe_flex__grid > [class*=three].tshe_flex__row > .tshe_flex__column {
    width: 33.33% !important
}

.tshe_flex__grid.four > .tshe_flex__column, .tshe_flex__grid > [class*=four].tshe_flex__row > .tshe_flex__column {
    width: 25% !important
}

.tshe_flex__grid.five > .tshe_flex__column, .tshe_flex__grid > [class*=five].tshe_flex__row > .tshe_flex__column {
    width: 20% !important
}

.tshe_flex__grid.six > .tshe_flex__column, .tshe_flex__grid > [class*=six].tshe_flex__row > .tshe_flex__column {
    width: 16.66% !important
}

.tshe_flex__grid.seven > .tshe_flex__column, .tshe_flex__grid > [class*=seven].tshe_flex__row > .tshe_flex__column {
    width: 14.29% !important
}

.tshe_flex__grid.eight > .tshe_flex__column, .tshe_flex__grid > [class*=eight].tshe_flex__row > .tshe_flex__column {
    width: 12.5% !important
}

.tshe_flex__grid.nine > .tshe_flex__column, .tshe_flex__grid > [class*=nine].tshe_flex__row > .tshe_flex__column {
    width: 11.11% !important
}

.tshe_flex__grid.ten > .tshe_flex__column, .tshe_flex__grid > [class*=ten].tshe_flex__row > .tshe_flex__column {
    width: 10% !important
}

.tshe_flex__grid.eleven > .tshe_flex__column, .tshe_flex__grid > [class*=eleven].tshe_flex__row > .tshe_flex__column {
    width: 9.09% !important
}

.tshe_flex__grid.twelve > .tshe_flex__column, .tshe_flex__grid > [class*=twelve].tshe_flex__row > .tshe_flex__column {
    width: 8.33% !important
}

.tshe_flex__grid.thirteen > .tshe_flex__column, .tshe_flex__grid > [class*=thirteen].tshe_flex__row > .tshe_flex__column {
    width: 7.69% !important
}

.tshe_flex__grid.fourteen > .tshe_flex__column, .tshe_flex__grid > [class*=fourteen].tshe_flex__row > .tshe_flex__column {
    width: 7.14% !important
}

.tshe_flex__grid.fifteen > .tshe_flex__column, .tshe_flex__grid > [class*=fifteen].tshe_flex__row > .tshe_flex__column {
    width: 6.67% !important
}

.tshe_flex__grid.sixteen > .tshe_flex__column, .tshe_flex__grid > [class*=sixteen].tshe_flex__row > .tshe_flex__column {
    width: 6.25% !important
}

.tshe_flex__grid.seventeen > .tshe_flex__column, .tshe_flex__grid > [class*=seventeen].tshe_flex__row > .tshe_flex__column {
    width: 5.89% !important
}

.tshe_flex__grid.eighteen > .tshe_flex__column, .tshe_flex__grid > [class*=eighteen].tshe_flex__row > .tshe_flex__column {
    width: 5.55% !important
}

.tshe_flex__grid.nineteen > .tshe_flex__column, .tshe_flex__grid > [class*=nineteen].tshe_flex__row > .tshe_flex__column {
    width: 5.26% !important
}

.tshe_flex__grid.twenty > .tshe_flex__column, .tshe_flex__grid > [class*=twenty].tshe_flex__row > .tshe_flex__column {
    width: 5% !important
}

.tshe_flex_center, .tshe_flex_flex_end, .tshe_flex_flex_start, .tshe_flex_space_around, .tshe_flex_space_between {
    display: -ms-flexbox;
    display: flex
}

.tshe_flex_flex_start {
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: center;
    align-items: center
}

.tshe_flex_flex_end {
    -ms-flex-pack: end;
    justify-content: flex-end
}

.tshe_flex_center, .tshe_flex_flex_end {
    -ms-flex-align: center;
    align-items: center
}

.tshe_flex_center {
    -ms-flex-pack: center;
    justify-content: center
}

.tshe_flex_space_around {
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-align: center;
    align-items: center
}

.tshe_flex_space_between {
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (max-width: 767px) {
    .tshe_flex__grid.doubling > .tshe_flex__row, .tshe_flex__grid > .doubling.tshe_flex__row {
        margin: 0 !important;
        padding: 0 !important
    }

    .tshe_flex__grid > [class*=eight].doubling.tshe_flex__row > .tshe_flex__column, .tshe_flex__grid > [class*=nine].doubling.tshe_flex__row > .tshe_flex__column {
        width: 25% !important;
        display: inline-block !important;
        padding-top: 1rem !important;
        padding-bottom: 1rem !important;
        box-shadow: none !important;
        margin: 0
    }

    .tshe_flex__grid.stackable {
        width: auto;
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .tshe_flex__grid.stackable .tshe_flex__column, .tshe_flex__grid.stackable.tshe_flex__row > .tshe_flex__column, .tshe_flex__grid.stackable > .doubling.tshe_flex__row > .tshe_flex__column {
        width: 100% !important;
        margin: 0 !important;
        box-shadow: none !important;
        padding: 1rem !important
    }

    .tshe_flex__grid.stackable .tshe_flex__column:last-child {
        padding-bottom: 2rem !important
    }
}

@font-face {
    font-family: Arvo-Italic;
    src: url(https://cdn7.tshe.com/assets/Arvo-Italic-c7ef8860493eea08869c7370e5459395.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Arvo-Regular;
    src: url(https://cdn7.tshe.com/assets/Arvo-Regular-31c017da02c964a448a7025ad0edf45f.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: BERNIER Regular;
    src: url(https://cdn7.tshe.com/assets/BERNIER-Regular-699da3ebc64bc736de56b4f8e801a5dd.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Lobster-Regular;
    src: url(https://cdn7.tshe.com/assets/Lobster-Regular-61bb8fc89f7f91dab8e66f92be958f82.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Moonshiner-Italic;
    src: url(https://cdn7.tshe.com/assets/Moonshiner-Italic-24efe8af7de572fdfe820bad1d52ffba.otf) format("opentype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Moonshiner-Regular;
    src: url(https://cdn7.tshe.com/assets/Moonshiner-Regular-a9370998a10494df1cff57a656468612.otf) format("opentype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Nickainley;
    src: url(https://cdn7.tshe.com/assets/Nickainley-c29eeac74621043ccc6ced82768e9e22.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: OpenSans-Italic;
    src: url(https://cdn7.tshe.com/assets/OpenSans-Italic-c7dcce084c445260a266f92db56f5517.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: OpenSans-Regular;
    src: url(https://cdn7.tshe.com/assets/OpenSans-Regular-629a55a7e793da068dc580d184cc0e31.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: PlayfairDisplay-Italic;
    src: url(https://cdn7.tshe.com/assets/PlayfairDisplay-Italic-6029087d8c825fcc107df0649ce206e2.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: PlayfairDisplay-Regular;
    src: url(https://cdn7.tshe.com/assets/PlayfairDisplay-Regular-6020254653122a64ef822674dba44485.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: PoetsenOne-Regular;
    src: url(https://cdn7.tshe.com/assets/PoetsenOne-Regular-e7f249e71a563eed9c495835657eb9c2.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: RissaTypeface;
    src: url(https://cdn7.tshe.com/assets/RissaTypeface-38cd10414061d33b1abe2db65e3bbc43.otf) format("opentype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: ZCOOL;
    src: url(https://cdn7.tshe.com/assets/ZCOOL-5a38966641fe5f51ad0896f2cfc5030f.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: DIN-Condensed-Bold;
    src: url(https://cdn7.tshe.com/assets/DIN-Condensed-Bold-1be717be4cbdadc9e334445d0169a5fc.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Flipper-Cd-Bold;
    src: url(https://cdn7.tshe.com/assets/Flipper-Cd-Bold-1db574995f3da5048793e94161a16e64.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Avenir-Next-DemiBold;
    src: url(https://cdn7.tshe.com/assets/Avenir-Next-DemiBold-aced03d9f058e92f41aa7ba01962ee52.otf) format("opentype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Arial-Bold;
    src: url(https://cdn7.tshe.com/assets/Arial-Bold-c42709e0ff0173ecc0a6579966d7b2c5.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Liberator;
    src: url(https://cdn7.tshe.com/assets/Liberator-5d7e9c15851618f02f88a3afad26de8d.otf) format("opentype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: BookmanOldStyle;
    src: url(https://cdn7.tshe.com/assets/BookmanOldStyle-4267d8aa8711bb8c72cbefb26066c9e0.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: ChalkboardSE-Light;
    src: url(https://cdn7.tshe.com/assets/ChalkboardSE-Light-788cb53ebb03076eb0ab737ae235ca73.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: FabfeltScript-Bold;
    src: url(https://cdn7.tshe.com/assets/FabfeltScript-Bold-27eb5d7014eca1bf8d96d40d5fec5eb7.otf) format("opentype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: PanameFY;
    src: url(https://cdn7.tshe.com/assets/PanameFY-0080147d33cfb1c3cf43e814ddc15ac5.otf) format("opentype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: pixel;
    src: url(https://cdn7.tshe.com/assets/pixel-b17f212d535fb98bd3e8cdab21e055af.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: MNhanzhenJ;
    src: url(https://cdn7.tshe.com/assets/MNhanzhenJ-f3945489ac5a9bc6b9607ed0e2d62833.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

.tshe_checkbox {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    outline: 0;
    vertical-align: baseline;
    font-style: normal;
    font-size: 14px;
    position: relative
}

.tshe_checkbox input[type=checkbox] {
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    outline: 0;
    z-index: -1;
    width: 1em;
    height: 1em
}

.tshe_checkbox label {
    padding-left: 1.85em;
    font-size: inherit
}

.tshe_checkbox label:before {
    content: "";
    background: url(https://cdn7.tshe.com/assets/checkbox-no-input-70c22a3d0e3c808adda052c43cbdb26f.svg);
    background-size: contain;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 1em;
    height: 1em;
    cursor: pointer
}

.tshe_checkbox input[type=checkbox]:checked + label:before {
    background-image: url(https://cdn7.tshe.com/assets/checkbox-icon-8c5ea0239a4036c7f776f2cfde5ec83c.svg)
}

.tshe_radio {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    outline: 0;
    vertical-align: baseline;
    font-style: normal;
    font-size: 14px;
    position: relative
}

.tshe_radio input[type=radio] {
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    outline: 0;
    z-index: -1;
    width: 1em;
    height: 1em
}

.tshe_radio label {
    padding-left: 1.85em;
    font-size: inherit
}

.tshe_radio label:before {
    content: "";
    background: url(https://cdn7.tshe.com/assets/radio-no-icon-c3d84d5cf0b45a7abde617ee635612c1.svg);
    background-size: contain;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 1em;
    height: 1em;
    cursor: pointer
}

.tshe_radio input[type=radio]:checked + label:before {
    background-image: url(https://cdn7.tshe.com/assets/radio-icon-bfff4a532b2e3ca01756874b725e25b7.svg)
}

.tshe_services {
    position: fixed;
    bottom: 75px;
    right: 10px;
    z-index: 1000;
    cursor: pointer;
    color: #4a4a4a;
    font-size: 12px
}

.ts_head {
    position: relative;
    margin-left: 5px;
    padding-top: 4px;
    width: 100px;
    height: 100px;
    text-align: center;
    border: 6px solid #ffc403;
    border-radius: 50%
}

.ts_head:after {
    content: "";
    display: block;
    position: absolute;
    left: -11px;
    top: -11px;
    width: 110px;
    height: 110px;
    border: 2px solid #ffc403;
    border-radius: 50%;
    animation: tsheadscalel 1s .5s infinite
}

.ts_head_img {
    width: 80px;
    border-radius: 50%;
    animation: tsheadscale 1s infinite
}

@keyframes tsheadscale {
    0% {
        transform: scale(1)
    }
    50% {
        transform: scale(1.1)
    }
    to {
        transform: scale(1)
    }
}

@keyframes tsheadscalel {
    0% {
        opacity: 1;
        transform: scale(1)
    }
    50% {
        opacity: .5;
        transform: scale(1.1)
    }
    to {
        opacity: 1;
        transform: scale(1)
    }
}

.ts_head_btn {
    position: absolute;
    left: 1px;
    bottom: -15px;
    z-index: 3;
    margin: 0 auto;
    width: 90px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background-color: #ffdc00;
    border-radius: 3px;
    font-size: 14px;
    font-weight: 700;
    box-shadow: 0 2px 5px rgba(78, 40, 5, .2);
    transition: background-color .3s
}

.ts_head:hover .ts_head_btn {
    background-color: #ffc403
}

.ts_bg {
    z-index: 1
}

.ts_bg, .ts_box {
    position: relative
}

.ts_box {
    z-index: 2;
    padding: 5px 5px 30px;
    width: 110px;
    text-align: center;
    background-color: #ffc403;
    border-radius: 4px
}

.ts_white {
    position: relative;
    background-color: #fff;
    border-radius: 2px
}

.ts_item {
    position: relative;
    padding-top: 14px;
    height: 105px
}

.ts_icon {
    position: relative;
    margin: 0 auto;
    width: 40px;
    height: 30px
}

.ts_item1 {
    padding-top: 28px;
    height: 120px
}

.ts_i_img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%
}

.ts_i_img2 {
    visibility: hidden
}

.ts_item:hover {
    background-color: #e3e3e3
}

.ts_item:hover .ts_i_img1 {
    visibility: hidden
}

.ts_item:hover .ts_i_img2 {
    visibility: visible
}

.ts_h {
    font-size: 14px;
    font-weight: 700
}

.ts_h, .ts_p {
    margin-top: 5px
}

.ts_p {
    white-space: nowrap
}

.ts_l {
    position: absolute;
    left: 7px;
    bottom: 0;
    width: 86px;
    border-bottom: 1px dashed rgba(0, 0, 0, .2)
}

.ts_scroll_top {
    visibility: hidden;
    position: relative;
    z-index: 2
}

.ts_scroll_top.visible {
    visibility: visible
}

.ts_st_line {
    top: -20px;
    height: 37px
}

.ts_st_icon, .ts_st_line {
    position: absolute;
    left: 50%;
    transform: translateX(-50%)
}

.ts_st_icon {
    top: 15px;
    width: 50px
}

.ts_st_btn:hover .ts_st_icon1, .ts_st_icon2 {
    visibility: hidden
}

.ts_st_btn:hover .ts_st_icon2 {
    visibility: visible
}

.pcsp, .ts_medium {
    display: none
}

.pcsp {
    position: absolute;
    bottom: 0;
    left: -295px;
    padding-bottom: 33px;
    width: 277px;
    height: 315px;
    text-align: center;
    background: #fff;
    box-shadow: 8px 0 11px 0 rgba(0, 0, 0, .06), -8px 0 11px 0 rgba(0, 0, 0, .06);
    border-radius: 8px
}

.pcsp:hover, .ts_item:hover + .pcsp {
    display: block
}

.pcsp:before {
    width: 20px;
    height: 100%;
    top: 0;
    right: -20px;
    background: transparent
}

.pcsp:after, .pcsp:before {
    display: block;
    content: "";
    position: absolute
}

.pcsp:after {
    top: 40px;
    right: -10px;
    width: 0;
    height: 0;
    border-top: 14px solid transparent;
    border-bottom: 14px solid transparent;
    border-left: 10px solid #fff
}

.pcsp2 {
    padding-top: 44px
}

.pcsp2:after {
    top: 140px
}

.pcsp3 {
    padding-top: 30px
}

.pcsp3:after {
    top: 240px
}

.pcsp_name {
    margin-bottom: 11px;
    color: #000;
    font-size: 16px;
    font-weight: 700
}

.pcsp_h {
    padding-top: 26px;
    color: #000;
    font-size: 20px
}

.pcsp_p {
    margin-top: 10px;
    color: #000;
    font-size: 14px
}

.pcsp_p2 {
    padding-left: 40px;
    color: #4a4a4a;
    text-align: left;
    font-size: 14px;
    line-height: 24px
}

.pcsp_qrcode_wrap {
    margin: 20px auto 17px
}

.pcsp_qrcode, .pcsp_qrcode_wrap {
    position: relative;
    width: 148px;
    height: 148px
}

.pcsp_qrcode_move {
    position: absolute;
    top: -1px;
    left: -1px;
    width: 150px;
    height: 150px
}

.pcspa {
    position: absolute;
    width: 9px;
    height: 9px;
    border-color: #ffdc00;
    border-width: 1px
}

.pcspa1 {
    left: 0;
    border-left-style: solid
}

.pcspa1, .pcspa2 {
    top: 0;
    border-top-style: solid
}

.pcspa2 {
    right: 0;
    border-right-style: solid
}

.pcspa3 {
    left: 0;
    border-left-style: solid
}

.pcspa3, .pcspa4 {
    bottom: 0;
    border-bottom-style: solid
}

.pcspa4 {
    right: 0;
    border-right-style: solid
}

.pcspa_move {
    position: absolute;
    top: 0;
    left: 1px;
    width: 148px;
    height: 4px;
    background-image: url(https://cdn7.tshe.com/assets/scan-952a935d7b9d83abf4ca81393765792b.png);
    background-size: 148px 4px;
    animation: pcspaMove 2s linear infinite
}

@keyframes pcspaMove {
    0% {
        top: 0
    }
    to {
        top: 148px
    }
}

.pcsp_phone_wrap {
    margin-top: 30px
}

.pcsp_phone_img {
    width: 74px
}

@media only screen and (max-width: 1440px) {
    .tshe_services {
        bottom: 50px
    }

    .ts_large {
        display: none
    }

    .ts_medium {
        display: block;
        font-weight: 700
    }

    .ts_head {
        margin-left: 2px;
        padding-top: 2px;
        width: 66px;
        height: 66px;
        border-width: 3px
    }

    .ts_head:after {
        left: -6px;
        top: -6px;
        width: 72px;
        height: 72px;
        border-width: 1px
    }

    .ts_head_img {
        width: 56px
    }

    .ts_head_btn {
        left: 0;
        bottom: -10px;
        width: 60px;
        height: 20px;
        line-height: 20px;
        font-size: 12px
    }

    .ts_box {
        padding: 3px 3px 18px;
        width: 70px
    }

    .ts_item {
        padding-top: 11px;
        height: 64px
    }

    .ts_icon {
        width: 26px;
        height: 20px
    }

    .ts_item1 {
        padding-top: 20px;
        height: 74px
    }

    .ts_l {
        left: 5px;
        width: 54px
    }

    .ts_st_line {
        top: -14px;
        height: 25px
    }

    .ts_st_icon {
        top: 10px;
        width: 32px
    }

    .tshe_services .pcsp {
        bottom: -50px
    }

    .tshe_services .pcsp:after {
        top: 90px
    }

    .tshe_services .pcsp2:after {
        top: 150px
    }

    .tshe_services .pcsp3:after {
        top: 220px
    }
}

.scroll_top {
    z-index: 1000;
    visibility: hidden;
    cursor: pointer;
    opacity: 0;
    position: fixed;
    bottom: 10px;
    right: 15px
}

.scroll_top.visible {
    opacity: 1;
    visibility: visible
}

.scroll_top .st_icon {
    position: relative;
    width: 50px;
    height: 50px;
    background-color: #ddd;
    text-align: center;
    border-radius: 4px
}

.scroll_top .st_icon i {
    position: relative;
    top: 10px;
    left: 0;
    color: #fff;
    font-size: 30px;
    font-weight: 700
}

.csp {
    display: none;
    position: absolute;
    bottom: -76px;
    left: -253px;
    padding-bottom: 37px;
    width: 265px;
    text-align: center;
    background: #fff;
    box-shadow: 8px 0 11px 0 rgba(0, 0, 0, .06), -8px 0 11px 0 rgba(0, 0, 0, .06);
    border-radius: 8px
}

.csp:before {
    width: 20px;
    height: 100%;
    top: 0;
    right: -20px;
    background: transparent
}

.csp:after, .csp:before {
    display: block;
    content: "";
    position: absolute
}

.csp:after {
    top: 175px;
    right: -10px;
    width: 0;
    height: 0;
    border-top: 14px solid transparent;
    border-bottom: 14px solid transparent;
    border-left: 10px solid #fff
}

.csp_head {
    position: relative;
    margin-bottom: 46px;
    height: 30px;
    background-image: url(https://cdn7.tshe.com/assets/csp_head_radius-e8cfc13f0c40ce996bf1890b6b9bf21b.png);
    background-size: cover
}

.csp_name {
    color: #000;
    font-size: 13px
}

.csp_qrcode {
    width: 107px;
    height: 107px
}

.csp_phone {
    display: inline-block;
    position: relative;
    padding-left: 20px;
    width: 231px;
    height: 36px;
    line-height: 34px;
    font-weight: 700;
    border: 1px solid #000;
    border-radius: 100px
}

.csp_phone_icon {
    display: inline-block;
    position: absolute;
    top: 10px;
    left: 28px;
    width: 13px;
    height: 14px;
    background-image: url(https://cdn7.tshe.com/assets/phone_helf-b95e3dfd6fb179b5bfaeaaa1be468d7f.png);
    background-size: 13px 14px
}

.csp_mask {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1001;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .4)
}

.csp_mask.active {
    display: block
}

.csp_mask_box {
    display: block !important;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding-bottom: 38px;
    width: 436px;
    text-align: center;
    background-color: #fff;
    box-shadow: 0 15px 21px -6px rgba(0, 0, 0, .11);
    border-radius: 8px
}

.csp_mask_head {
    height: 49px;
    background-image: url(https://cdn7.tshe.com/assets/csp_head-9b0dbda6fc828787601c3fe3025d006a.png);
    background-size: cover;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px
}

.csp_mask_close {
    position: absolute;
    left: 48%;
    bottom: -48px;
    width: 27px;
    height: 26px;
    background: url(https://cdn7.tshe.com/assets/close_white-a868a05b00a2f540d3c520f87861de11.svg) no-repeat;
    background-size: 26px 26px;
    cursor: pointer
}

.mcsp_mask {
    background-color: rgba(0, 0, 0, .4)
}

.mcsp_mask_box {
    position: absolute;
    bottom: 0;
    left: 0;
    top: auto;
    padding-bottom: 0;
    width: 100%;
    border-radius: 0;
    transition: transform .2s;
    transform: translateY(100%)
}

.mcsp_mask_box.active {
    transform: translateY(0)
}

.mcsp_mask_head {
    position: relative;
    height: 35px;
    background-image: url(https://cdn7.tshe.com/assets/csp_head-9b0dbda6fc828787601c3fe3025d006a.png);
    background-size: cover
}

.mcsp_mask_name {
    top: -25px;
    color: #000;
    font-size: 13px
}

.mcsp_mask_name, .mcsp_phone {
    position: relative;
    font-weight: 700
}

.mcsp_phone {
    display: inline-block;
    margin: 15px 0 5px;
    padding-left: 20px;
    width: 194px;
    height: 34px;
    line-height: 34px;
    color: #fbc200;
    font-size: 16px;
    border: 1px solid #000;
    border-radius: 100px
}

.mcsp_phone_icon {
    display: inline-block;
    position: absolute;
    top: 8px;
    left: 23px;
    width: 18px;
    height: 17px;
    background: url(https://cdn7.tshe.com/assets/phone_full-62182f42c96c5adf111cb6c037086921.png) no-repeat;
    background-size: 17px 17px
}

.mcsp_line {
    display: inline-block;
    margin: 10px 0;
    width: 228px;
    border-top: 1px solid #e1e1e1
}

.mcsp_qrcode {
    font-size: 0
}

.mcsp_qrcode_img {
    position: relative;
    z-index: 3;
    margin-top: 20px;
    width: 97px
}

.mcsp_qrcode_finger_box {
    display: none;
    position: relative;
    z-index: 2;
    top: -40px;
    height: 30px;
    line-height: 30px
}

.mcsp_qrcode_finger {
    margin: -6px 4px 0 0;
    width: 30px;
    height: 30px
}

.mcsp_qrcode_for_wechat {
    position: relative;
    z-index: 2;
    margin-bottom: -21px
}

.cs_btns {
    position: relative;
    z-index: 3
}

.mcsp_qrcode_for_wechat .mcsp_qrcode_img {
    padding: 0 30px 50px;
    width: 160px
}

.mcsp_qrcode_for_wechat .mcsp_qrcode_finger_box {
    display: block
}

.mcsp_qrcode_for_wechat .mcsp_qrcode_web {
    display: none
}

.mcsp_mask_close {
    position: absolute;
    right: 20px;
    top: 0;
    color: #000;
    font-size: 12px
}

.mcsp_mask_close_icon {
    position: relative;
    top: 7px;
    color: #000;
    font-size: 24px
}

header.tshe_header.tshe_header--mobile {
    min-width: 300px;
    width: 100%;
    height: 47px !important
}

.tshe_header--mobile.main__header_small .main__header, header.tshe_header.tshe_header--mobile.main__header_small {
    height: 44px !important
}

.main__header.invisible, header.tshe_header.tshe_header--none {
    display: none
}

header.tshe_header {
    height: 148px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2)
}

.main__header {
    display: -ms-flexbox;
    display: flex;
    position: relative;
    width: 100%;
    height: 120px;
    border-bottom: none;
    background: #fff;
    z-index: 1000;
    transition: height 0s, transform .4s
}

.tshe_header .main__header.main__header--move-up {
    height: 50px !important;
    top: 0;
    position: fixed;
    box-shadow: 0 10px 15px 0 rgba(0, 0, 0, .07);
    z-index: 1000
}

.header__nav {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media only screen and (max-width: 1200px) {
    .main__header:not(.header__mobile) .header__nav {
        padding: 0 10px
    }
}

.nav__menu {
    transition: all .4s;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    height: 100%;
    -ms-flex-align: center;
    align-items: center
}

.nav__mobile {
    position: relative;
    width: 100%;
    height: 50px;
    line-height: 50px;
    background: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
    display: none
}

.nav__mobile__back {
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 0;
    left: 4px;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    color: #151515;
    font-weight: 700 !important;
    font-size: 14px;
    height: 50px;
    width: 50px
}

.nav__mobile__back .nav__mobile__back__icon {
    margin-top: 2px;
    width: 26px;
    height: 26px;
    background-image: url(https://cdn7.tshe.com/assets/tshe_home__icon-b6369161b5c52ed70394ea2ed0a5ae18.png);
    background-size: cover
}

.nav__mobile .icon-ham-bar {
    position: absolute;
    color: #000;
    background-image: url(https://cdn7.tshe.com/assets/icon_ham_bar-a3f7f2adcdd2e08b73e59c69a2a0dda4.png);
    width: 44px;
    height: 44px;
    background-size: cover
}

.nav__mobile .icon-tshe-logo-1 {
    vertical-align: middle;
    color: #000;
    font-size: 24px
}

.nav__mobile .icon-tshe-logo-3 {
    vertical-align: middle;
    font-size: 12px
}

.nav__mobile__logo {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    padding-top: 2px
}

.nav__mobile__logo .nml_a {
    display: inline-block;
    width: 92px;
    height: 23px;
    background-size: 92px 23px;
    background-repeat: no-repeat
}

.t_font {
    margin: 0 2px 0 3px
}

.menu__tshe_logo {
    float: left;
    position: relative
}

.menu__tshe_logo_img {
    margin-right: 30px;
    width: auto;
    height: 60px
}

.menu__tshe_logo_img.v2 {
    margin-right: 10px;
    height: 34px;
    vertical-align: middle
}

.menu__tshe_logo > h1 {
    font-size: 0
}

#logo_seo {
    height: auto
}

#logo_seo img {
    margin-right: 15px;
    width: 226px;
    height: auto
}

.menu__tshe_logo #logo {
    display: none
}

#logo img {
    width: 110px;
    height: auto
}

.menu__tshe_logo .tshe-icon {
    position: absolute;
    transition: left .45s, top .45s, font-size .45s
}

.menu__tshe_logo .icon-tshe-logo-1 {
    font-size: 38px;
    top: -4px;
    left: 0
}

.menu__tshe_logo .icon-tshe-logo-2 {
    font-size: 23px;
    top: -2px;
    left: 59px;
    opacity: 1
}

.menu__tshe_logo .icon-tshe-logo-3 {
    transform: scale(.46);
    top: 21px;
    left: 24px;
    transition: left .45s, top .45s, font-size .45s, transform .45s
}

.main__header--move-up .menu__tshe_logo #logo {
    display: block;
    margin-right: 15px;
    height: 28px;
    width: 110px
}

.main__header--move-up .menu__tshe_logo #logo_seo {
    display: none
}

.main__header--move-up .menu__tshe_logo .icon-tshe-logo-1 {
    font-size: 30px;
    top: 0;
    left: 0
}

.main__header--move-up .menu__tshe_logo .icon-tshe-logo-2 {
    top: -200%;
    opacity: 0
}

.main__header--move-up .menu__tshe_logo .icon-tshe-logo-3 {
    transform: scale(.86);
    top: 9px;
    left: 33px
}

.nav_nemu {
    position: relative;
    width: 90px;
    font-size: 13px;
    text-align: center;
    border: 1px solid transparent;
    color: #000;
    z-index: 1
}

.nav_nemu, .nav_nemu > .ui.dropdown {
    height: 100%
}

.nav_nemu-link, .nav_nemu > .ui.dropdown > .item {
    padding: 4px 0;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center
}

.link-holder {
    color: #343434;
    text-shadow: none;
    font-size: 16px;
    font-weight: 700;
    text-align: center
}

.nav_nemu:hover {
    background-color: rgba(255, 196, 3, .2)
}

.nav_nemu.active {
    background-color: #333
}

.nav_nemu.active .link-holder {
    color: #ffc403
}

.nav_nemu.active .nav_nemu_icon {
    fill: #ffc403
}

.nav_nemu_icon {
    margin-bottom: 10px;
    width: 30px
}

.ui.dropdown .menu i {
    color: #4a4a4a
}

.ui.dropdown .menu {
    right: 0;
    left: auto;
    border-radius: 0 0 2px 2px
}

.ui.dropdown .menu.nav_dropdown.transition {
    width: 106px;
    left: 50% !important;
    margin: 0 0 0 -54px;
    background: hsla(0, 0%, 100%, .95);
    border-radius: 4px
}

.nav__right .ui.dropdown .nav_dropdown .item {
    min-width: 102px;
    color: #343434 !important;
    padding: 11px 25px !important;
    font-size: 13px
}

.nav__right .ui.dropdown .nav_dropdown .item:hover {
    color: #000 !important;
    text-decoration: underline;
    background: none
}

.nav__right .nav_menu_icon {
    font-size: 12px
}

.ui.dropdown .menu > .item .dropdown.icon {
    width: auto;
    position: relative;
    right: 0;
    margin: 0
}

.nav_menu__title {
    color: #343434 !important;
    padding: 11px 25px !important;
    font-size: 13px;
    font-weight: 700
}

.cart_num {
    position: absolute;
    top: -4px;
    right: 4px;
    font-size: 12px;
    padding: 0 2px;
    background-color: #474747;
    color: #cbcbcb;
    line-height: 14px;
    min-width: 14px;
    text-align: center;
    border-radius: 12px;
    font-style: normal
}

.cart_num.active {
    background-color: #ff5859;
    color: #fff
}

.nav_btn {
    margin-left: 15px;
    width: 120px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    background-color: #ffc403;
    color: #000;
    transition: background-color .3s
}

.nav_btn:hover {
    background-color: #ffde3b;
    font-size: 17px
}

.nav_btn:active {
    background-color: #ffc403
}

.nav__left, .nav__right {
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center
}

.nav__left {
    position: relative
}

@media only screen and (min-width: 981px) and (max-width: 1120px) {
    .body_media header.tshe_header {
        height: 118px
    }

    .body_media .main__header {
        height: 90px
    }

    .body_media #logo_seo img {
        width: 160px
    }

    .body_media .nav_nemu {
        width: 80px
    }

    .body_media .link-holder {
        font-size: 14px
    }

    .body_media .nav_nemu_icon {
        width: 25px
    }
}

@media only screen and (max-width: 980px) {
    .body_media header.tshe_header {
        height: 98px
    }

    .body_media .main__header {
        height: 70px
    }

    .body_media #logo_seo img {
        width: 120px
    }

    .body_media .nav_nemu {
        width: 65px
    }

    .body_media .link-holder {
        font-size: 12px
    }

    .body_media .nav_nemu_icon {
        width: 20px
    }

    .body_media .nav_btn {
        margin-left: 8px;
        width: 90px;
        height: 40px;
        line-height: 40px;
        font-size: 14px
    }

    .body_media .nav_btn:hover {
        font-size: 15px
    }
}

@media only screen and (max-width: 780px) {
    .body_media .nav__right .nav_nemu {
        display: none
    }
}

.main__header.main__header--move-up .nav_nemu_icon {
    display: none
}

.main__header.main__header--move-up .nav_btn {
    height: 40px !important;
    line-height: 40px !important
}

@media only screen and (min-width: 981px) and (max-width: 1120px) {
    .main__header.main__header--move-up .nav_nemu {
        width: 80px
    }

    .main__header.main__header--move-up .link-holder {
        font-size: 14px
    }
}

@media only screen and (max-width: 980px) {
    .main__header.main__header--move-up .nav_nemu {
        width: 65px
    }

    .main__header.main__header--move-up .link-holder {
        font-size: 12px
    }

    .main__header.main__header--move-up .nav_btn {
        margin-left: 8px;
        width: 90px;
        font-size: 14px
    }

    .main__header.main__header--move-up .nav_btn:hover {
        font-size: 15px
    }
}

@media only screen and (max-width: 780px) {
    .main__header.main__header--move-up .nav__right .nav_nemu {
        display: none
    }
}

.main__header_small .nav_nemu_icon {
    display: none
}

.main__header_small .nav_btn {
    height: 40px !important;
    line-height: 40px !important
}

.header__mobile.main__header {
    display: block;
    position: fixed;
    top: 0;
    width: 100%;
    height: 44px;
    min-width: 300px
}

.header__mobile .nav__mobile, .header__mobile .nav__mobile_cart {
    display: block
}

.header__mobile .nav__left, .header__mobile .nav__right, .nav__mobile_back {
    display: none
}

.header_cs_mobile .nav__mobile, .nav__mobile_back {
    position: absolute;
    width: 40px;
    height: 40px;
    top: 10px;
    left: 10px;
    background: rgba(67, 67, 67, .5);
    border-radius: 50%
}

.nav__mobile_back .icon-tshe-chevron-left {
    position: absolute;
    left: 6px;
    top: 6px;
    color: #fff;
    font-size: 28px
}

.nav__mobile_cart {
    position: fixed;
    width: 40px;
    height: 40px;
    left: 10px;
    top: 70px;
    background-size: cover;
    z-index: 99;
    background-image: url(https://cdn7.tshe.com/assets/cart_icon__mobile-c4a21b43b96e8203dae24daf3c72f036.png)
}

.nav__mobile_cart .cart_num {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0
}

.header_cs_mobile .main__header, .header_cs_mobile.tshe_header, header.header_cs_mobile.tshe_header.tshe_header--mobile {
    height: 0 !important
}

.header_cs_mobile .nav__mobile {
    display: none !important
}

.header_cs_mobile .nav__mobile .icon-ham-bar {
    width: 40px;
    height: 40px;
    background-image: url(https://cdn7.tshe.com/assets/icon_ham_bar-w-79b6c19cbcc89300f4c43f78944dc3fd.png)
}

.nw--1000.tshe_header {
    height: 118px
}

.nw--1000 .main__header:not(.main__header--move-up) {
    height: 90px
}

.nw--1000 .main__header:not(.main__header--move-up) .header__nav {
    max-width: 1000px
}

.nw--1000 .main__header:not(.main__header--move-up) .nav_nemu {
    width: 80px !important
}

.nw--1000 .main__header:not(.main__header--move-up) .link-holder {
    font-size: 14px !important
}

.nw--1000 .main__header:not(.main__header--move-up) .nav_nemu_icon {
    width: 25px !important
}

.footer-nav {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 49px;
    background-color: #fff;
    z-index: 999;
    box-shadow: 0 -3px 5px 0 rgba(55, 52, 52, .05)
}

.footer-nav .footer-nav_list {
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.footer-nav .footer-nav_item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 20%;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.footer-nav .footer-nav_item span {
    display: inline-block;
    width: 75px;
    height: 49px;
    background-size: cover;
    background-position: 50%
}

.footer-nav .footer-nav_item.nav-item--1 span {
    background-image: url(https://cdn7.tshe.com/assets/footer-nav_icon01-c423073d493afcd0f3273f30e9384651.png)
}

.footer-nav .footer-nav_item.nav-item--2 span {
    background-image: url(https://cdn7.tshe.com/assets/footer-nav_icon02-d2858aa94eb2b8a938f0a8e8e5377cd0.png)
}

.footer-nav .footer-nav_item.nav-item--3 span {
    margin-top: -34px;
    height: 83px;
    background-image: url(https://cdn7.tshe.com/assets/footer-nav_icon03-99fd36c2a013dab9aadff8fbb1620bcb.png)
}

.footer-nav .footer-nav_item.nav-item--4 span {
    background-image: url(https://cdn7.tshe.com/assets/footer-nav_icon04-86505d0107cf670f2be20866c20528a9.png)
}

.footer-nav .footer-nav_item.nav-item--5 span {
    background-image: url(https://cdn7.tshe.com/assets/footer-nav_icon05-4366248e780f3cdca63c4e2d4da86145.png)
}

.footer-nav .footer-nav_item.nav-item--6 span {
    margin-top: -34px;
    height: 70px;
    background-image: url(https://cdn7.tshe.com/assets/footer-nav_icon06-ad2413a4b02b9d1e6a7039a584d68efa.png);
    background-size: 75px 70px
}

.footer-nav .footer-nav_item.active.nav-item--1 span {
    background-image: url(https://cdn7.tshe.com/assets/footer-nav_icon01--active-64cdf5d72481dd635bd4ab4aa781af99.png)
}

.footer-nav .footer-nav_item.active.nav-item--2 span {
    background-image: url(https://cdn7.tshe.com/assets/footer-nav_icon02--active-d78c7d50b83a4cfc75564b8459c5d372.png)
}

.footer-nav .footer-nav_item.active.nav-item--3 span {
    background-image: url(https://cdn7.tshe.com/assets/footer-nav_icon03--active-1f5a7b0fb131e7965b183121e0dd8120.png)
}

.footer-nav .footer-nav_item.active.nav-item--4 span {
    background-image: url(https://cdn7.tshe.com/assets/footer-nav_icon04--active-73ddce7a307d4c616997f6ca3716816c.png)
}

.footer-nav .footer-nav_item.active.nav-item--5 span {
    background-image: url(https://cdn7.tshe.com/assets/footer-nav_icon05--active-a2c235ba2f0852333c3523ed5985c112.png)
}

.footer {
    background-color: #000;
    position: relative;
    z-index: 2
}

.main__push {
    height: 376px
}

.footer_hidden, .main__push_hidden {
    display: none !important
}

.main.for_push_mobile {
    margin-bottom: -260px
}

.main.for_push_mobile .main__push {
    height: 260px
}

.main.for_footer_push {
    margin-bottom: -220px
}

.main.for_footer_push .main__push {
    height: 220px
}

.footer_box {
    margin: 0 auto;
    max-width: 1000px
}

.body_index .footer_box {
    margin: 0 auto;
    max-width: 1200px
}

.footer_con {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 40px 0 20px;
    color: #fff;
    font-size: 14px
}

.footer_con-mobile {
    display: none
}

.footer_logo_icon {
    width: 140px;
    height: auto;
    margin-bottom: 17px
}

.footer_stime {
    line-height: 26px
}

.footer_srow {
    line-height: 36px
}

.footer_simg {
    margin-right: 10px;
    width: 25px
}

.footer_copyright {
    padding: 20px 0;
    background-color: #000
}

.footer_navs {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.footer_col {
    margin: 0 20px;
    width: 100px
}

.footer_colh {
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 700
}

.footer_links {
    height: 200px;
    font-size: 0
}

.footer_link {
    display: inline-block;
    text-align: left;
    color: #fff !important;
    line-height: 40px;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 14px
}

.footer_link:hover {
    color: #fff;
    text-decoration: underline
}

.footer_nav_move {
    position: relative;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden
}

.footer_move_box {
    position: absolute;
    left: 0;
    top: 0;
    transform: matrix(1, 0, 0, 1, 0, 0)
}

.footer_shares {
    text-align: right
}

.ft_qrcode {
    margin-top: 25px;
    margin-bottom: 10px;
    width: 140px;
    height: 140px
}

.ft_qrcode_t {
    text-align: center
}

.footer_media {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 20px 0;
    border-top: 1px solid hsla(0, 0%, 59%, .5);
    border-bottom: 1px solid hsla(0, 0%, 59%, .5);
    color: #fff;
    font-size: 14px
}

.ft_mh {
    font-weight: 700
}

.ft_mh, .ft_mp {
    color: #fff
}

.fcr_item, .footer_copyright_box {
    text-align: center
}

.fcr_item {
    display: inline-block;
    color: #fff !important;
    line-height: 16px;
    white-space: nowrap;
    font-size: 12px
}

.fcr_item .fcr_itema {
    color: #fff
}

.footer_police_img {
    width: 20px
}

.footer_mobile {
    padding-bottom: 44px;
    background-color: #fff
}

.footer_mobile__link {
    display: block;
    position: relative;
    padding: 0 20px;
    height: 40px;
    line-height: 40px;
    color: #161616;
    font-size: 14px;
    box-shadow: 0 1px 0 #dadada
}

.footer_mobile__link.active {
    display: none
}

.footer_mobile__link .tshe-icon {
    position: absolute;
    right: 10px;
    top: 11px;
    vertical-align: middle;
    color: #aaa;
    font-size: 18px
}

.footer_mobile__copyright {
    padding: 10px 20px;
    line-height: 20px;
    color: #9b9b9b;
    font-size: 12px;
    letter-spacing: 0
}

@media only screen and (max-width: 1200px) {
    .body_media .footer_box {
        padding-left: 10px;
        padding-right: 10px
    }
}

@media only screen and (max-width: 990px) {
    .body_media .footer_col {
        margin: 0
    }
}

@media only screen and (max-width: 840px) {
    .body_media .footer_shares, .body_media .footer_stime {
        display: none
    }
}

@media only screen and (max-width: 780px) {
    .body_media .footer_l, .body_media .footer_mcol, .body_media .footer_medium_none {
        display: none
    }

    .body_media .footer_r {
        width: 100%
    }

    .body_media .footer_navs {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }

    .body_media .footer_small {
        display: block;
        width: 100%;
        text-align: center
    }

    .body_media .footer_colh, .body_media .footer_link {
        text-align: center
    }
}

@media only screen and (max-width: 620px) {
    .body_media .footer_cr_none {
        display: none
    }
}

@media only screen and (max-width: 500px) {
    .body_media .footer_small_none {
        display: none
    }
}

.pab_icon {
    animation: pageAdvBottomIcon .6s infinite
}

@keyframes pageAdvBottomIcon {
    0% {
        transform: scale(.7)
    }
    to {
        transform: scale(1)
    }
}

.trape_tl {
    position: absolute;
    top: 14px;
    left: 0;
    width: 53px
}

.trape_tl img {
    width: 53px;
    height: auto
}

.trape_tl_m {
    position: absolute;
    top: 10px;
    left: 0;
    width: 44px
}

.trape_tl_m img {
    width: 44px;
    height: auto
}

.trape_tr {
    position: absolute;
    top: 0;
    right: 0;
    width: 60px;
    font-size: 0
}

.trape_tr img {
    width: 100%;
    height: auto
}

.trape_tr_m {
    position: absolute;
    top: 0;
    right: 0;
    width: 44px;
    font-size: 0
}

.trape_tr_m img {
    width: 44px;
    height: auto
}

.trape_bl {
    width: 78px
}

.trape_bl, .trape_bl_m {
    position: absolute;
    left: 0;
    bottom: 0;
    height: auto
}

.trape_bl_m {
    width: 44px
}

.cate_limit_price {
    position: absolute;
    right: 0;
    top: 0;
    transform: scale(.8);
    text-align: center;
    border-radius: 2px;
    color: #848484;
    font-size: 12px;
    text-decoration: line-through
}

.cate_limit_price.bot {
    left: 0;
    top: auto;
    right: auto;
    bottom: -1px
}

.cate_limit_price.br {
    left: auto;
    top: auto;
    right: 0;
    bottom: 6px;
    text-decoration: none
}

.clp_t {
    font-size: 14px
}

.clp_y {
    font-size: 12px
}

.clp_l {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #848484;
    transform: rotate(5deg)
}

.cate_limit_price_fix {
    position: absolute;
    right: 0;
    bottom: 13px;
    padding-right: 8px;
    height: 13px;
    line-height: 13px;
    border-right: 13px solid #ff5859;
    text-align: center;
    font-size: 0
}

.clpf_t {
    color: #000;
    font-size: 18px;
    font-weight: 700
}

.clpf_y {
    font-size: 12px
}

.cate_limit_mibile {
    position: absolute;
    top: -18px;
    right: 2px;
    transform: scale(.8);
    transform-origin: right;
    color: #848484;
    text-decoration: line-through
}

.clm_y {
    font-size: 12px
}

.cate_limit_lr {
    position: absolute;
    top: 4px;
    right: -8px;
    width: 3px;
    height: 16px;
    background-color: #ff5859
}

.cate_dialog {
    right: 10px;
    bottom: 10px;
    width: 24px;
    height: 24px;
    background: url(https://cdn7.tshe.com/assets/icon_dialog-6582a57279439c5f1dc8038328da7eef.png) no-repeat;
    background-size: 24px 24px
}

.cate_dialog, .cate_dialog_txt {
    position: absolute;
    z-index: 5;
    cursor: pointer
}

.cate_dialog_txt {
    right: 10px;
    bottom: 18px;
    width: 97px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    background-image: linear-gradient(90deg, #ffec6b, #ffdc00);
    color: #000;
    font-size: 12px;
    font-weight: 700;
    border-radius: 2px;
    right: 50%;
    transform: translateX(50%)
}

.top_new_icon {
    display: inline-block;
    margin-right: 4px;
    padding: 0 4px;
    height: 14px;
    line-height: 14px;
    background-color: #ff5859
}

.cate_hot, .top_new_icon {
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    border-radius: 2px
}

.cate_hot {
    position: absolute;
    left: 10px;
    bottom: 13px;
    padding: 0 4px 1px 16px;
    background: url(https://cdn7.tshe.com/assets/hot_white-a7e2b77e82d381a8d26f14396d39bd84.png) 4px 3px no-repeat;
    background-size: 8px 11px;
    background-color: #ff5859
}

.cate_ps_l {
    color: #9b9b9b;
    font-size: 12px
}

.after_price {
    display: inline-block;
    color: #9b9b9b;
    font-size: 12px !important;
    transform: scale(.8)
}

.modal_notice {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1005;
    background-color: rgba(0, 0, 0, .7)
}

.modal_notice.active {
    display: block
}

.mn_box {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 707px;
    height: 564px
}

.mn_box.mn_mobile {
    width: 280px;
    height: 500px
}

.mn_img {
    background-size: cover;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #fff;
    padding-top: 170px
}

.mn_title {
    border: 5px solid #fff;
    width: 185px;
    height: 53px;
    margin: 0 auto;
    font-size: 24px;
    font-weight: 700;
    line-height: 43px;
    margin-bottom: 54px
}

.mn_time {
    font-size: 14px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 530px;
    margin: 0 auto;
    margin-bottom: 44px;
    text-align: center
}

.mn_time_item {
    width: 100px
}

.mn_time_up {
    margin-bottom: 36px
}

.mn_happy {
    font-size: 16px;
    color: #fff;
    letter-spacing: 1.1px;
    line-height: 24px;
    font-weight: 700
}

.mn_time_light {
    color: #ffdc00
}

.mn_close {
    width: 150px;
    height: 42px;
    line-height: 42px;
    margin: 0 auto;
    border: 1px solid #fff;
    border-radius: 3px;
    font-size: 14px;
    margin-top: 35px;
    cursor: pointer
}

.mn_mobile .mn_close {
    bottom: -34px
}

.mn_t {
    position: absolute;
    color: #fff;
    font-size: 20px;
    opacity: .55
}

.mn_t.t1 {
    top: -62px;
    left: 286px;
    font-size: 27px;
    color: #ffdc00;
    opacity: .69
}

.mn_t.t2 {
    top: 20px;
    right: -258px
}

.mn_t.t3 {
    top: 110px;
    right: -105px
}

.mn_t.t4 {
    top: 136px;
    right: -325px
}

.mn_t.t5 {
    top: 307px;
    right: -275px
}

.mn_t.t6 {
    top: 387px;
    right: -294px
}

.mn_t.t7 {
    top: 447px;
    right: -60px
}

.mn_t.t8 {
    bottom: -111px;
    left: 283px
}

.mn_t.t9 {
    bottom: -51px;
    left: 24px
}

.mn_t.t10 {
    top: 342px;
    left: -128px
}

.mn_t.t11 {
    top: 296px;
    left: -399px
}

.mn_t.t12 {
    top: 181px;
    left: -297px
}

.mn_t.t13 {
    top: 67px;
    left: -128px
}

.mn_img_mobile {
    background-size: cover;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #fff;
    padding-top: 105px
}

.mn_title_mob {
    width: 158px;
    height: 35px;
    border: 2px solid #fff;
    margin: 0 auto;
    font-size: 16px;
    font-weight: 700;
    line-height: 35px;
    margin-bottom: 20px
}

.mn_time_mob {
    font-size: 12px;
    margin: 0 auto;
    width: 195px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.mob_time_left {
    text-align: right;
    margin-top: 5px
}

.mob_time_left div {
    height: 16px;
    margin-bottom: 28px;
    line-height: 32px
}

.mob_time_right {
    text-align: left;
    position: absolute;
    right: 55px;
    margin-top: 5px
}

.mob_time_right div {
    height: 32px;
    margin-bottom: 20px
}

.mob_time_right .spec {
    height: 16px
}

.mob_time_right .mb12 {
    margin-bottom: 12px
}

.mn_happy_mob {
    font-size: 12px;
    line-height: 17px;
    margin-top: 10px
}

.mn_close_mob {
    width: 121px;
    height: 34px;
    line-height: 34px;
    font-size: 12px;
    margin-top: 20px
}

.contact_service_tag {
    top: 7px;
    right: 7px;
    width: 18px;
    height: 18px;
    line-height: 19px
}

.dis_img {
    position: relative;
    top: -6px;
    left: -4px
}

.dis_img, .dism_img {
    width: 14px;
    height: 16px
}

.tshe_cover_img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: auto
}

.tshe_cover_img.h {
    height: 100%;
    width: auto;
    max-width: none
}

.tshe_block {
    display: block
}

.tshe_inblock {
    display: inline-block
}

.tshe_flex {
    display: -ms-flexbox;
    display: flex
}

.tshe_flex.between {
    -ms-flex-pack: justify;
    justify-content: space-between
}

.tshe_flex.around {
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.tshe_flex.middle {
    -ms-flex-pack: center;
    justify-content: center
}

.tshe_flex.center {
    -ms-flex-align: center;
    align-items: center
}

.tshe_flex_1 {
    -ms-flex: 1;
    flex: 1
}

.tshe_posf {
    position: fixed
}

.tshe_posr {
    position: relative
}

.tshe_pocenter, .tshe_posa {
    position: absolute
}

.tshe_pocenter {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.tshe_polt {
    left: 0;
    top: 0
}

.tshe_port {
    right: 0;
    top: 0
}

.tshe_porb {
    right: 0;
    bottom: 0
}

.tshe_polb {
    left: 0;
    bottom: 0
}

.tshe_pot3 {
    top: 3px
}

.tshe_pot8 {
    top: 8px
}

.tshe_pot10 {
    top: 10px
}

.tshe_pot15 {
    top: 15px
}

.tshe_por0 {
    right: 0
}

.tshe_por10 {
    right: 10px
}

.tshe_pol8 {
    left: 8px
}

.tshe_pol10 {
    left: 10px
}

.tshe_pol15 {
    left: 15px
}

.tshe_index2 {
    z-index: 2
}

.tshe_index3 {
    z-index: 3
}

.tshe_index101 {
    z-index: 101
}

.tshe_index1001 {
    z-index: 1001
}

.tshe_index1002 {
    z-index: 1002
}

.tshe_mid1000, .tshe_mid1100 {
    margin: 0 auto;
    width: 1000px
}

.tshe_mid1100 {
    width: 1100px
}

.tshe_mid {
    margin-right: auto;
    margin-left: auto
}

.tshe_mtb25 {
    margin-top: 25px;
    margin-bottom: 25px
}

.tshe_mtb10 {
    margin-top: 10px;
    margin-bottom: 10px
}

.tshe_mlr15 {
    margin-left: 15px;
    margin-right: 15px
}

.tshe_mlr10 {
    margin-left: 10px;
    margin-right: 10px
}

.tshe_mt3 {
    margin-top: 3px
}

.tshe_mt5 {
    margin-top: 5px
}

.tshe_mt10 {
    margin-top: 10px
}

.tshe_mt15 {
    margin-top: 15px
}

.tshe_mt20 {
    margin-top: 20px
}

.tshe_mt25 {
    margin-top: 25px
}

.tshe_mt30 {
    margin-top: 30px
}

.tshe_mt40 {
    margin-top: 40px
}

.tshe_mt50 {
    margin-top: 50px
}

.tshe_mt60 {
    margin-top: 60px
}

.tshe_mt70 {
    margin-top: 70px
}

.tshe_mt80 {
    margin-top: 80px
}

.tshe_mt90 {
    margin-top: 90px
}

.tshe_mt120 {
    margin-top: 120px
}

.tshe_mr4 {
    margin-right: 4px
}

.tshe_mr10 {
    margin-right: 10px
}

.tshe_mr15 {
    margin-right: 15px
}

.tshe_mr20 {
    margin-right: 20px
}

.tshe_mr30 {
    margin-right: 30px
}

.tshe_mb10 {
    margin-bottom: 10px
}

.tshe_mb15 {
    margin-bottom: 15px
}

.tshe_mb20 {
    margin-bottom: 20px
}

.tshe_mb40 {
    margin-bottom: 40px
}

.tshe_mb50 {
    margin-bottom: 50px
}

.tshe_mb90 {
    margin-bottom: 90px
}

.tshe_mb120 {
    margin-bottom: 120px
}

.tshe_ml_4 {
    margin-left: -4px
}

.tshe_ml2 {
    margin-left: 2px
}

.tshe_ml4 {
    margin-left: 4px
}

.tshe_ml10 {
    margin-left: 10px
}

.tshe_ml15 {
    margin-left: 15px
}

.tshe_ml20 {
    margin-left: 20px
}

.tshe_ml40 {
    margin-left: 40px
}

.tshe_pdtb6 {
    padding-top: 6px;
    padding-bottom: 6px
}

.tshe_pdtb10 {
    padding-top: 10px;
    padding-bottom: 10px
}

.tshe_pdtb15 {
    padding-top: 15px;
    padding-bottom: 15px
}

.tshe_pdtb20 {
    padding-top: 20px;
    padding-bottom: 20px
}

.tshe_pdtb25 {
    padding-top: 25px;
    padding-bottom: 25px
}

.tshe_pdtb30 {
    padding-top: 30px;
    padding-bottom: 30px
}

.tshe_pdtb35 {
    padding-top: 35px;
    padding-bottom: 35px
}

.tshe_pdtb40 {
    padding-top: 40px;
    padding-bottom: 40px
}

.tshe_pdtb50 {
    padding-top: 50px;
    padding-bottom: 50px
}

.tshe_pdtb70 {
    padding-top: 70px;
    padding-bottom: 70px
}

.tshe_pdlr5 {
    padding-left: 5px;
    padding-right: 5px
}

.tshe_pdlr10 {
    padding-left: 10px;
    padding-right: 10px
}

.tshe_pdlr15 {
    padding-left: 15px;
    padding-right: 15px
}

.tshe_pdlr20 {
    padding-left: 20px;
    padding-right: 20px
}

.tshe_pdlr25 {
    padding-left: 25px;
    padding-right: 25px
}

.tshe_pdlr45 {
    padding-left: 45px;
    padding-right: 45px
}

.tshe_pdt10 {
    padding-top: 10px
}

.tshe_pdt15 {
    padding-top: 15px
}

.tshe_pdt20 {
    padding-top: 20px
}

.tshe_pdt25 {
    padding-top: 25px
}

.tshe_pdt30 {
    padding-top: 30px
}

.tshe_pdt35 {
    padding-top: 35px
}

.tshe_pdt40 {
    padding-top: 40px
}

.tshe_pdt50 {
    padding-top: 50px
}

.tshe_pdt60 {
    padding-top: 60px
}

.tshe_pdt80 {
    padding-top: 80px
}

.tshe_pdt90 {
    padding-top: 90px
}

.tshe_pdr20 {
    padding-right: 20px
}

.tshe_pdb6 {
    padding-bottom: 6px
}

.tshe_pdb10 {
    padding-bottom: 10px
}

.tshe_pdb15 {
    padding-bottom: 15px
}

.tshe_pdb20 {
    padding-bottom: 20px
}

.tshe_pdb25 {
    padding-bottom: 25px
}

.tshe_pdb30 {
    padding-bottom: 30px
}

.tshe_pdb40 {
    padding-bottom: 40px
}

.tshe_pdb45 {
    padding-bottom: 45px
}

.tshe_pdb50 {
    padding-bottom: 50px
}

.tshe_pdb80 {
    padding-bottom: 80px
}

.tshe_pdb100 {
    padding-bottom: 100px
}

.tshe_pdb120 {
    padding-bottom: 120px
}

.tshe_pdb150 {
    padding-bottom: 150px
}

.tshe_pdl20 {
    padding-left: 20px
}

.tshe_pdl30 {
    padding-left: 30px
}

.tshe_vmid {
    vertical-align: middle
}

.tshe_vbot {
    vertical-align: bottom
}

.tshe_vtop {
    vertical-align: top
}

.tshe_tcenter {
    text-align: center
}

.tshe_tleft {
    text-align: left
}

.tshe_tright {
    text-align: right
}

.tshe_tjustify {
    text-align: justify
}

.tshe_wfull {
    width: 100%
}

.tshe_wp25 {
    width: 25%
}

.tshe_wp33 {
    width: 33.33%
}

.tshe_wp50 {
    width: 50%
}

.tshe_wauto {
    width: auto
}

.tshe_w1000 {
    width: 1000px
}

.tshe_w1160 {
    width: 1160px
}

.tshe_w1200 {
    width: 1200px
}

.tshe_w1300 {
    width: 1300px
}

.tshe_w1400 {
    width: 1400px
}

.tshe_w44 {
    width: 44px
}

.tshe_w46 {
    width: 46px
}

.tshe_w53 {
    width: 53px
}

.tshe_hfull {
    height: 100%
}

.tshe_hauto {
    height: auto
}

.tshe_h30 {
    height: 30px
}

.tshe_h40 {
    height: 40px
}

.tshe_h50 {
    height: 50px
}

.tshe_h60 {
    height: 60px
}

.tshe_h80 {
    height: 80px
}

.tshe_lh30 {
    line-height: 30px
}

.tshe_lh28 {
    line-height: 28px
}

.tshe_lh26 {
    line-height: 26px
}

.tshe_lh22 {
    line-height: 22px
}

.tshe_lh20 {
    line-height: 20px
}

.tshe_lh18 {
    line-height: 18px
}

.tshe_hlh50 {
    height: 50px;
    line-height: 50px
}

.tshe_hlh60 {
    height: 60px;
    line-height: 60px
}

.tshe_vidicon {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 60px;
    height: 60px;
    transform: translate(-50%, -50%);
    cursor: pointer
}

.tshe_vidcart {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 400px;
    height: 220px;
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 10px
}

.tshe_bgcf {
    background-color: #fff
}

.tshe_bgcfb {
    background-color: #fbfbfb
}

.tshe_bgcfa {
    background-color: #fafafa
}

.tshe_bgcf9 {
    background-color: #f9f9f9
}

.tshe_bgcf8 {
    background-color: #f8f8f8
}

.tshe_bgcf6 {
    background-color: #f6f6f6
}

.tshe_bgcf3 {
    background-color: #f3f3f3
}

.tshe_bgcf2 {
    background-color: #f2f2f2
}

.tshe_bgcf1 {
    background-color: #f1f1f1
}

.tshe_bgcd {
    background-color: #ddd
}

.tshe_bgc2 {
    background-color: #222
}

.tshe_bgc16 {
    background-color: #161616
}

.tshe_bgc0 {
    background-color: #000
}

.tshe_bgcred {
    background-color: #ff5859
}

.tshe_bgcyellow {
    background-color: #ffdc00
}

.tshe_bgcyellow2 {
    background-color: #ffc403
}

.tshe_bgcover {
    background-size: cover
}

.tshe_bgcontain, .tshe_bgcover {
    background-position: 50%;
    background-repeat: no-repeat
}

.tshe_bgcontain, .tshe_bgcontain_top {
    background-size: contain
}

.tshe_bgcontain_top {
    background-position: top;
    background-repeat: no-repeat
}

.tshe_bgimg_yellow {
    background-image: linear-gradient(90deg, #ffec6b, #ffdc00)
}

.tshe_bsolid {
    border-width: 1px;
    border-style: solid
}

.tshe_bsolid_b, .tshe_bsolid_tb {
    border-bottom-width: 1px;
    border-bottom-style: solid
}

.tshe_bsolid_tb {
    border-top-width: 1px
}

.tshe_bc9 {
    border-color: #999
}

.tshe_bce8 {
    border-color: #e8e8e8
}

.tshe_bce {
    border-color: #eee
}

.tshe_bcfa {
    border-color: #fafafa
}

.tshe_bcf {
    border-color: #fff
}

.tshe_shadow1 {
    box-shadow: 4px 13px 34px -10px rgba(0, 0, 0, .1)
}

.tshe_shadow2 {
    box-shadow: 1px 2px 8px rgba(0, 0, 0, .1)
}

.tshe_shadow3 {
    box-shadow: 0 2px 7px rgba(0, 0, 0, .08)
}

.tshe_fc0 {
    color: #000
}

.tshe_fc16 {
    color: #161616
}

.tshe_fc3 {
    color: #333
}

.tshe_fc34 {
    color: #343434
}

.tshe_fc3c {
    color: #3c3c3c
}

.tshe_fc48 {
    color: #484848
}

.tshe_fc4a {
    color: #4a4a4a
}

.tshe_fc5 {
    color: #555
}

.tshe_fc6 {
    color: #666
}

.tshe_fc7b {
    color: #7b7b7b
}

.tshe_fc7f {
    color: #7f7f7f
}

.tshe_fc84 {
    color: #848484
}

.tshe_fc8e {
    color: #8e8e8e
}

.tshe_fc9b {
    color: #9b9b9b
}

.tshe_fca {
    color: #aaa
}

.tshe_fcb3 {
    color: #b3b3b3
}

.tshe_fcb {
    color: #bbb
}

.tshe_fcc {
    color: #ccc
}

.tshe_fc8 {
    color: #c8c8c8
}

.tshe_fcdb {
    color: #dbdbdb
}

.tshe_fcf {
    color: #fff
}

.tshe_fcred {
    color: #ff5859
}

.tshe_fcred2 {
    color: #f92d2f
}

.tshe_fcyellow {
    color: #ffdc00
}

.tshe_fcyellow2 {
    color: #ffc403
}

.tshe_fcyellow3 {
    color: #fddf6c
}

.tshe_fcyellow4 {
    color: #f2c120
}

.tshe_fcyellow5 {
    color: gold
}

.tshe_fcgreen {
    color: #70b701
}

.tshe_fcgreen2 {
    color: #4acc9d
}

.tshe_fclink {
    color: #428bca !important;
    text-decoration: underline
}

.tshe_fs0 {
    font-size: 0
}

.tshe_fs12 {
    font-size: 12px
}

.tshe_fs13 {
    font-size: 13px
}

.tshe_fs14 {
    font-size: 14px
}

.tshe_fs15 {
    font-size: 15px
}

.tshe_fs16 {
    font-size: 16px
}

.tshe_fs18 {
    font-size: 18px
}

.tshe_fs20 {
    font-size: 20px
}

.tshe_fs22 {
    font-size: 22px
}

.tshe_fs23 {
    font-size: 23px
}

.tshe_fs24 {
    font-size: 24px
}

.tshe_fs26 {
    font-size: 26px
}

.tshe_fs28 {
    font-size: 28px
}

.tshe_fs30 {
    font-size: 30px
}

.tshe_fs32 {
    font-size: 32px
}

.tshe_fs36 {
    font-size: 36px
}

.tshe_fs40 {
    font-size: 40px
}

.tshe_fs60 {
    font-size: 60px
}

.tshe_fbold {
    font-weight: 700 !important
}

.tshe_letter2 {
    letter-spacing: 2px
}

.tshe_letter5 {
    letter-spacing: 5px
}

.tshe_letter_1 {
    letter-spacing: -1px
}

.tshe_letter_2 {
    letter-spacing: -2px
}

.tshe_letter_3 {
    letter-spacing: -3px
}

.tshe_indent2 {
    text-indent: 2px
}

.tshe_indent3 {
    text-indent: 3px
}

.tshe_indent5 {
    text-indent: 5px
}

.tshe_brap50 {
    border-radius: 50%
}

.tshe_bra2 {
    border-radius: 2px
}

.tshe_bra3 {
    border-radius: 3px
}

.tshe_bra4 {
    border-radius: 4px
}

.tshe_bra6 {
    border-radius: 6px
}

.tshe_bra8 {
    border-radius: 8px
}

.tshe_bra10 {
    border-radius: 10px
}

.tshe_bra15 {
    border-radius: 15px
}

.tshe_cpointer {
    cursor: pointer
}

.tshe_tdunder {
    text-decoration: underline
}

.tshe_tdmid {
    text-decoration: line-through
}

.tshe_clearfix:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden
}

.tshe_tlip {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.tshe_fl {
    float: left
}

.tshe_fr {
    float: right
}

.tshe_overhid {
    overflow: hidden
}

.tshe_unselect {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.tshe_visi_hidden {
    visibility: hidden
}

.tshe_dis_show {
    display: block
}

.tshe_dis_hidden, .tshe_dis_show.inactive {
    display: none
}

.tshe_dis_hidden.active {
    display: block
}

.tshe_dis_hidden.active_inblock {
    display: inline-block
}

.tshe_scrollhidx {
    overflow-x: hidden
}

.tshe_scrolly {
    overflow-y: scroll
}

.tshe_lines {
    width: 40px;
    height: 6px
}

.tshe_lines.s {
    width: 22px;
    height: 4px
}

.tshe_bline_wrap {
    position: relative;
    font-size: 0
}

.tshe_bline_p {
    position: relative;
    z-index: 3
}

.tshe_bline_l {
    position: absolute;
    bottom: 0;
    left: 1px;
    width: 100%;
    height: 7px
}

.tshe_unline, .tshe_unline_t {
    position: relative
}

.tshe_unline_t {
    z-index: 3
}

.tshe_unline_l {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 4px;
    background-color: #ffdc00
}

.tshe_btn {
    display: inline-block;
    padding: 11px 38px;
    border-radius: 3px;
    color: #000;
    font-size: 16px;
    font-weight: 700;
    text-shadow: 0 1px 0 hsla(0, 0%, 100%, .3)
}

.tshe_btn.slim {
    font-weight: 400
}

.tshe_btn.m {
    padding: 8px 22px;
    border-radius: 3px;
    font-size: 14px
}

.tshe_btn.s, .tshe_btn.xs {
    padding: 2px 10px;
    border-radius: 2px;
    font-size: 12px
}

.tshe_btn.xs {
    transform: scale(.8)
}

.tshe_btn.default {
    border: 1px solid #999
}

.tshe_btn.yellow {
    background-image: linear-gradient(270deg, #ffdc00, #ffec6b)
}

.tshe_btn.yellow:hover {
    background-image: none;
    background-color: #ffd735
}

.tshe_btn.yellow2 {
    color: #fff;
    background-color: #ffc403
}

.tshe_btn.red {
    color: #fff;
    background-color: #ff5859
}

.tshe_btn.red2 {
    color: #fff;
    background-color: #f92d2f
}

.tshe_btn.origin {
    color: #fff;
    background: #ffc403
}

.tshe_btn.white {
    color: #fff;
    border: 1px solid #e8e8e8
}

.tshe_btn.black {
    color: #fff;
    background: #161616
}

.tshe_pbox {
    position: relative;
    background-color: #f2f2f2
}

.tshe_pbox > img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%
}

.tshe_bgc_crumb {
    background-color: #f2f2f2
}

.tshe_crumb {
    background-color: #fafafa;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}

.tshe_file_box {
    cursor: pointer
}

.tshe_file_box, .tshe_file_btn {
    display: inline-block;
    position: relative
}

.tshe_file_btn {
    z-index: 2;
    color: #9b9b9b;
    font-weight: 700
}

.tshe_file_icon {
    color: #9b9b9b;
    font-size: 24px;
    vertical-align: middle
}

.tshe_file_inpt {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer
}

.pagination2 {
    display: inline-block;
    margin: 0;
    padding: 0
}

.pagination2 > li {
    display: inline
}

.pagination2 > li > a {
    float: left;
    margin: 0 -1px 0 0;
    padding: 6px 12px;
    line-height: 20px;
    background-color: #fff;
    color: #49e2ab;
    border: 1px solid #ddd
}

.pagination2 > li.active > a, .pagination2 > li.active > a:hover {
    background-color: #49e2ab;
    border-color: #49e2ab;
    color: #fff;
    cursor: default
}

.pagination2 > li.disabled > a, .pagination2 > li.disabled > a:hover {
    background-color: #f9f9f9;
    border-color: #d9d9d9;
    cursor: not-allowed
}

.tshe_tipso {
    display: inline-block;
    width: 14px;
    height: 14px;
    line-height: 14px;
    text-align: center;
    background-color: #9b9b9b;
    color: #fff;
    font-size: 12px;
    cursor: help;
    border-radius: 50%
}

.tshe_scale1 {
    transform: scale(.75)
}

.b-pre.b-lazy {
    opacity: 1
}

.sti_bi_box {
    padding: 10px 20px;
    border: 1px solid #e8e8e8
}

.sti_bi_h {
    height: 40px;
    line-height: 40px
}

.sti_bi_ha {
    float: right
}

.sti_bi_items {
    margin-right: -12px;
    font-size: 0
}

.sti_bi_item {
    display: inline-block;
    margin-bottom: 10px;
    margin-right: 12px;
    width: 230px
}

.sti_bi_img {
    width: 100%;
    height: 220px
}

.sti_bi_name {
    margin-top: 10px;
    text-align: center;
    font-size: 14px;
    font-weight: 700
}

@media only screen and (max-width: 800px) {
    .sti_bi_box {
        padding: 10px 2.6vw;
        border-top: 1px solid #e8e8e8
    }

    .sti_bi_items {
        margin-right: -3.5vw
    }

    .sti_bi_item {
        margin-right: 2.8vw;
        width: 46vw
    }

    .tshe_vidicon {
        width: 40px;
        height: 40px
    }

    .tshe_vidcart {
        width: 100%;
        height: 140px
    }
}

.search_em_wrapper em {
    font-style: normal;
    color: #c00
}

.search_em_wrapper .post_mobile__title {
    display: block !important
}

.body_hide_nav .nav_nemu {
    display: none
}

.seo_bottom_panel {
    margin: 30px auto 20px;
    max-width: 1000px;
    height: 164px;
    overflow: hidden;
    line-height: 20px;
    font-size: 0;
    color: #9b9b9b
}

.body_PC .seo_bottom_panel {
    max-width: 1200px
}

.body_PC_1000 .seo_bottom_panel, .case_body .seo_bottom_panel, .prod_body .seo_bottom_panel {
    max-width: 1000px
}

.styles_main--pc .seo_bottom_panel {
    max-width: 900px
}

.body_PC_1300 .seo_bottom_panel, .sucai_index_body .seo_bottom_panel {
    max-width: 1300px
}

.caseShowBody .seo_bottom_panel {
    max-width: 756px
}

.sucai_show_body .seo_bottom_panel {
    max-width: 1060px
}

.sbp_nav {
    display: inline-block;
    margin-right: 30px;
    padding: 3px 0;
    border-bottom: 2px solid transparent;
    font-size: 14px;
    cursor: pointer
}

.sbp_nav:last-child {
    margin-right: 0
}

.sbp_nav.active {
    color: #4a4a4a;
    border-color: #ffc403
}

.sbp_bodys {
    margin-top: 15px;
    margin-right: -10px
}

.sbp_body {
    display: none
}

.sbp_body.active {
    display: block
}

.sbp_bodys .sbp_link {
    display: inline-block;
    margin-right: 8px;
    width: 100px;
    color: #9b9b9b;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.sbp_bodys .sbp_link.big {
    width: 180px
}

.sbp_link:hover {
    text-decoration: underline
}

.ms_navs {
    position: fixed;
    left: 14px;
    bottom: 70px;
    z-index: 1000;
    width: 107px;
    text-align: center;
    background: #fff;
    border: 1px solid rgba(1, 1, 1, .16);
    border-top: 12px solid #ffdc00;
    border-radius: 4px
}

.ms_nav {
    display: block;
    position: relative;
    padding: 15px 0 20px;
    cursor: pointer
}

.ms_nav_img {
    width: 20px;
    height: auto
}

.ms_nav_img2 {
    width: auto;
    height: 24px
}

.ms_nav_b {
    margin-top: 4px;
    font-size: 13px;
    font-weight: 700;
    text-indent: 8px
}

.ms_nav_b.notin {
    text-indent: 0
}

.ms_nav_p {
    font-size: 12px
}

.ms_nav_l {
    margin: 0 24px;
    height: 0;
    border-bottom: 1px dotted #dbdbdb
}

.ms_nav_back {
    top: 0;
    left: 0;
    height: 100%;
    background-color: #ffdc00;
    transform: rotateY(-90deg);
    transition: all .1s ease-out
}

.ms_nav_back, .ms_nav_bbox {
    position: absolute;
    width: 100%
}

.ms_nav_bbox {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.ms_nav_front {
    transition: all .1s ease-out .13s
}

.ms_nav:hover .ms_nav_front {
    transition: all .1s ease-out;
    transform: rotateY(90deg)
}

.ms_nav:hover .ms_nav_back {
    transition: all .1s ease-out .13s;
    transform: rotateY(0deg)
}

.ms_img {
    position: relative;
    left: -8px;
    margin: 17px 0 6px;
    width: 109px;
    height: 79px;
    animation: msMove .8s ease infinite 80ms alternate
}

@keyframes msMove {
    0% {
        transform: translateY(2px)
    }
    to {
        transform: translateY(-12px)
    }
}

.ms_btn {
    height: 43px;
    line-height: 43px;
    background-color: #ffdc00;
    font-size: 14px;
    font-weight: 700;
    text-indent: 3px;
    cursor: pointer;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

.ms_btn .icon-tshe-arrow-drop-up {
    font-size: 22px
}

.psp_navs_box {
    position: fixed;
    left: 20px;
    top: 80px;
    z-index: 100;
    padding: 10px 5px;
    width: 80px;
    background-color: #ffdc00;
    box-shadow: 2px 2px 6px hsla(0, 0%, 73%, .3);
    border-radius: 5px
}

.psp_navs {
    background-color: #fff;
    border-radius: 5px;
    text-align: center
}

.psp_nav {
    display: block;
    padding: 8px 0;
    cursor: pointer
}

.psp_nav_wechat {
    position: relative;
    padding-top: 0
}

.psp_nav_wechat .pcsp {
    left: auto;
    right: -295px;
    bottom: -12px
}

.psp_nav_wechat .pcsp:before {
    right: auto;
    left: -20px
}

.psp_nav_wechat .pcsp:after {
    top: 262px;
    left: -10px;
    border-top: 14px solid transparent;
    border-bottom: 14px solid transparent;
    border-left: none;
    border-right: 10px solid #fff
}

.psp_nav_wechat:hover .pcsp {
    display: block
}

.psp_nav_img {
    width: 35px;
    height: auto
}

.psp_nav_t {
    margin-top: 4px;
    font-size: 12px
}

.psp_nav_l1 {
    margin: 0 auto;
    width: 62px;
    height: 1px;
    background-color: #e8e8e8
}

.psp_nav_l2 {
    width: 70px;
    height: 3px;
    background-color: #ffdc00
}

.banner_consult_slide {
    display: -ms-flexbox;
    display: flex;
    position: relative;
    margin: 0 auto;
    height: 470px;
    overflow: hidden;
    z-index: 99
}

.banner_consult_slide .glide__arrows {
    width: 100%;
    margin-left: 0
}

.banner_consult_slide .glide__arrow {
    padding: 0;
    width: 40px;
    height: 50px;
    border-radius: 0;
    border: none;
    background-color: rgba(0, 0, 0, .4)
}

.banner_consult_slide .glide__arrow .tshe_icon {
    color: #fff;
    font-size: 24px
}

.banner_consult_slide .glide__arrow:hover {
    background-color: rgba(0, 0, 0, .7)
}

.banner_consult_slide .glide__bullets {
    bottom: 6%
}

.banner_consult_slide .glide__bullet {
    background-color: transparent;
    border-color: #fff;
    border-width: 1px;
    width: 8px;
    height: 8px
}

.banner_consult_slide .glide__bullet.active {
    background-color: #ffdc00;
    border: none
}

.banner_consult_slide .glide, .banner_consult_slide .glide__slide {
    height: 470px;
    cursor: pointer
}

.banner_consult_slide .glide__slide {
    background-size: cover;
    background-position: 50%
}

.banner_consult_slide .glide__arrow {
    display: none
}

.banner_consult_slide:hover .glide__arrow {
    display: block
}

.banner_consult_slide .glide__arrow.next {
    right: 50px
}

.banner_consult_slide .glide__arrow.prev {
    left: 50px
}

.banner_consult_wrap_box {
    position: absolute;
    height: 470px;
    width: 100%;
    top: 0
}

.banner_consult_wrap {
    position: relative;
    margin: 0 auto;
    width: 1000px;
    height: 100%
}

.banner_consult_form {
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 100;
    transform: translateY(-50%);
    padding: 20px 27px;
    background: #fff;
    box-shadow: 0 8px 16px rgba(57, 57, 57, .07);
    border-radius: 3px
}

.banner_consult_title {
    color: #2c2c2c;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 4px
}

.banner_consult_subt {
    color: #2c2c2c;
    font-size: 14px
}

.banner_consult_exist {
    margin-top: 11px;
    color: #f5a623;
    font-size: 12px
}

.banner_consult_item {
    position: relative;
    margin-bottom: 8px;
    font-size: 13px
}

.banner_consult_item .ui.selection.dropdown {
    padding: 0 0 0 15px !important;
    height: 40px;
    line-height: 40px !important;
    border: 1px solid #e8e8e8;
    border-radius: 2px !important
}

.banner_consult_item .ui.selection .dropdown.icon {
    top: 12px
}

.banner_consult_sel {
    width: 100%;
    height: 100%
}

.banner_consult_inpt {
    padding: 0 15px;
    width: 100%;
    height: 40px;
    line-height: 40px;
    border: none
}

.banner_consult_item-border {
    padding-right: 120px;
    border: 1px solid #e8e8e8;
    border-radius: 2px
}

.banner_consult_item-border.nopr {
    padding-right: 0
}

.banner_consult_check {
    display: none
}

.banner_consult_check.visible {
    display: block
}

.banner_consult_check_code {
    position: absolute;
    top: 0;
    right: 0;
    width: 122px;
    height: 40px;
    overflow: hidden
}

.banner_consult_verify_btn {
    position: absolute;
    top: 13px;
    right: 0;
    padding: 0 15px;
    width: 105px;
    line-height: 12px;
    text-align: center;
    border-left: 1px solid #e8e8e8;
    color: #000;
    font-size: 13px;
    font-weight: 700
}

.banner_consult_verify_btn.waiting {
    color: #bbb;
    cursor: default
}

.banner_consult_sub {
    margin-top: 18px
}

.banner_consult_sub:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden
}

.banner_consult_sub .bcs_btn {
    display: inline-block;
    width: 48%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    border-radius: 3px;
    cursor: pointer
}

.banner_consult_sub .bcs_btn1 {
    float: left;
    background-image: linear-gradient(90deg, #fff000, #ffdc00);
    color: #000
}

.banner_consult_sub .bcs_btn2 {
    float: right;
    background-color: #323941;
    color: #fff
}

.banner_consult_tip {
    margin-top: 6px;
    color: #000;
    font-size: 12px
}

@font-face {
    font-family: iconfont;
    src: url(https://cdn7.tshe.com/assets/iconfont-b10454d120bdc900730b909cf1d8d0dd.eot);
    src: url(https://cdn7.tshe.com/assets/iconfont-b10454d120bdc900730b909cf1d8d0dd.eot#iefix) format("embedded-opentype"), url("data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAoUAAsAAAAADzgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADMAAABCsP6z7U9TLzIAAAE8AAAARAAAAFZW7k5uY21hcAAAAYAAAADLAAACaArBuO1nbHlmAAACTAAABV4AAAecAJkhYmhlYWQAAAesAAAAMQAAADYRCG7HaGhlYQAAB+AAAAAgAAAAJAfoA4dobXR4AAAIAAAAABkAAAA4N+r//2xvY2EAAAgcAAAAHgAAAB4QNg6ebWF4cAAACDwAAAAfAAAAIAEgAIVuYW1lAAAIXAAAAUUAAAJtPlT+fXBvc3QAAAmkAAAAbwAAAJflivXSeJxjYGRgYOBikGPQYWB0cfMJYeBgYGGAAJAMY05meiJQDMoDyrGAaQ4gZoOIAgCKIwNPAHicY2Bk/sc4gYGVgYOpk+kMAwNDP4RmfM1gxMjBwMDEwMrMgBUEpLmmMDgwVLypY27438AQw9zA0AAUZgTJAQAvIAz2eJzFkj0OgkAQhd8i4h8kVsagHQ2F5yFUcA0qDiB38ATWVp5ntuEO+oYhBhNtdSbfJjtvdncyOwDmAGbkRELA3eGgdmPUDfEZ1kM8xJn7PbaMLNHITg6SSS6FlHLxte/69vFghirpRKleyidzvFE9nfiRrsoGMRIsEGE1VBGy2iUCStGX235g7n9Pv1s8rNdxl5BmhCXKzmAPIamhJ+RgaL5kBjsMyQ32GlIY7DqkNHRG5GLoPPjK0JnxtaGz5DuD/4S+NRA8AU41QTwAeJx1VOtvFFUUv+feee3s7uzM7s5jd7uP2de0XVi62+2Ose1WCm3SAqJQUAKJ5ZHII7aJfEBQ04IYnxjCIxH9AqjQQPWD8SOJIVETEz74RamJCSGS+A/4lalntg8F093JmTPnnvzOuef+7o/whCw+ZHeYRWKkk9TIZvICISBUIK/QNNhOo0oroNu8bsYV5hQcWyzkq2wQzLwQN+rNRtkURCECCmSg1643nSp1oK/Rov1QN9IAiVRyZ7TUEWXnQbaczLveOL0OerbQEWmt98bWDcXruZh0IhSNJqLRjyWB5yVKuYgCr5lGgA/IgvclH0nqd7JdNAuhhJPcuiecS0X3v9+YSpfMAMDsLMRSOeXmkJbU8HkracSiCVENS1YyXCjG4cSjoBULpct/EvyJi4uLDzmZdRKJREmaVHCvB8kbhJSa1fYOmi46uB/TaJoKOFVogZkBt0pFBR3qtsDFKeSrtK/RxA/TEIUMDEGzbmCCkYUM1VkG0K+C2yyLQtVHNNzVEAItx+BMKOSst2SnOszzqsrJmqQdTp4ealWbJwaH3E/5vRcnZuYkYe/FnbM357p3TF+6duXU+PbxyR8rpSRlEhfafqqRBCoy2W443ZYS5BLJMBeql8IWryj5zTP1tMGnsxFe1UcP1tQOMaqOfnQ93qkqjhNTX5YigiBpEhOaz7p67OixPlU9XHAnOqXwexNLrxfLO7b0F51NR1rDl8b2b6sUd0oiALNHhyVJABa0B4pwKDWaC4cDVrjoiiySsqikD7vnhyMROR3Z8OrzGZlpuRSnVHD21D8ANsvQkDgyTLO1kq2AqGXAtHGuWhUcVnl8i+5+fKvYA9BTpLuX37f96C70nlhZxazQ2yRITDxFhEAkBFSAITQ6+FkFSmbmOG5uZslOXWDswlTb7loNzszR7pUoWh/2CezC2ugx9FeW1qw0SCfHxiZp265ZdZGspKD1y0t4Nx8wj9nYgY1sXUdaZIxMkF04v7qJRZfaELFyr+GW/R6cDMSFfBnpiU01mvUM0rkGq6mYYfpppXaKn1vo/det0e/UeOrnD67c42DLSHHGHrQ1VQY6/87duGV15XK6p+dyXRa1DBbgvn377DzHzZ9NNtMHUs+MgndM0XUFE+M/rTi0RKfOUTZ/dsvJDdMtIQis2HnyC3YArE4LH9i34ngPpi8zdnkaLchi397Oo4Mb9A4dAM3K+78cihD8hKf4A45rgumT6AkCeft+G/gMNg8w8hSFHs//6i/0E+TS4t/0L6agBhIoO1DGuw2GCAJKgIv3lb4pMO8HTS5HYTKb9W5oph4KwTAT4DTHoF9dHw57V7M570aUF0tRGKa8j4m9PkfvkhRiuiiU+Qg4ZVTNLIi+dA6hfKB+OnT3glasxRbux2pFbaHt31/wfTj9v9CS3+73F/Yh6tgQITHB0HEOguGLluH/Bf+jBU5v3Zce1ClniZ+oREt+0zdLnFDgHmOsN6ZSwyryKL0lKGpqfdvBEdADTBJeGpmyIqFuSOki32UG1UgM7xMnRoFdPXnqKqMRuC9aOXmk0r01FhjnAnJ3N6cnM5sY62IAXJUpA8lEAjLVFL9VFjdubNXlRjAusHe+ZuybMxK3PKfv6ZG2KtRx7MhfPIE8Th+ZidOnpNgBx4OmHfLOsQDzzoVsMwjHU/RIyvsklPd9htGgmQ/B60kfjmtjfkUP4XkaJEEwGAOj7vpCHfdxER/vBvTU9J6acwUmqczglWBal72ZYEfQm5H1NBwGuse7xvwFA2OzwSDMYor3OeWWayz+QR+x0nINPOUStPtttHuP407weLFGoadm1ujva2Al1qpOyD/k4U8vAAB4nGNgZGBgAGLtiR7e8fw2Xxm4WRhA4NoH0UwY/f///wssXMwaQC4HAxNIFAAwrQuYAAAAeJxjYGRgYG7438AQw8L4////7yxcDEARFMAHAKDpBnZ4nGNhYGBgfsnAwML4/z8LkE0sBgCP0wMgAAAAAAAAAAB2ATQBXgGMAc4CVgKCAqwC2gNAA2oDnAPOAAB4nGNgZGBg4GOoZOBgAAEmIOYCQgaG/2A+AwAWTQGmAHicZY9NTsMwEIVf+gekEqqoYIfkBWIBKP0Rq25YVGr3XXTfpk6bKokjx63UA3AejsAJOALcgDvwSCebNpbH37x5Y08A3OAHHo7fLfeRPVwyO3INF7gXrlN/EG6QX4SbaONVuEX9TdjHM6bCbXRheYPXuGL2hHdhDx18CNdwjU/hOvUv4Qb5W7iJO/wKt9Dx6sI+5l5XuI1HL/bHVi+cXqnlQcWhySKTOb+CmV7vkoWt0uqca1vEJlODoF9JU51pW91T7NdD5yIVWZOqCas6SYzKrdnq0AUb5/JRrxeJHoQm5Vhj/rbGAo5xBYUlDowxQhhkiMro6DtVZvSvsUPCXntWPc3ndFsU1P9zhQEC9M9cU7qy0nk6T4E9XxtSdXQrbsuelDSRXs1JErJCXta2VELqATZlV44RelzRiT8oZ0j/AAlabsgAAAB4nG2KwQ6CMBAF99UuIih8iR9VltU2ElewWj7fROLNOcxhMuRoo6H/dHDYwYNRYY8aBzRoccQJHXrCykXTYLVEldtgKy9hTNZ+HSSnt1ZFJYbc/47zlnlJ15hZJnuqm2f3evjRyt1PeslEH6iQHyIA") format("woff"), url(https://cdn7.tshe.com/assets/iconfont-8c2002b17387764a2ecb91a250d1de0d.ttf) format("truetype"), url(https://cdn7.tshe.com/assets/iconfont-777eec3119ce8a27ca22530b121754e2.svg#iconfont) format("svg")
}

.iconfont {
    font-family: iconfont !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-weibo:before {
    content: "\EC7E"
}

.icon-checkbox:before {
    content: "\E658"
}

.icon-radio:before {
    content: "\E75E"
}

.icon-radioactive:before {
    content: "\E75F"
}

.icon-wechat:before {
    content: "\E628"
}

.icon-checkbox-active:before {
    content: "\E623"
}

.icon-right:before {
    content: "\E78B"
}

.icon-close:before {
    content: "\E656"
}

.icon-qq:before {
    content: "\E69E"
}

.icon-up:before {
    content: "\E616"
}

.icon-down:before {
    content: "\E61A"
}

.icon-left:before {
    content: "\E61B"
}

.page_dialog {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1002;
    width: 360px;
    height: 390px;
    background-color: #fff;
    background-position: top;
    background-size: 400px 126px;
    background-repeat: no-repeat;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 4px 6px 20px rgba(0, 0, 0, .3);
    font-size: 16px;
    color: #161616
}

.page_dialog.active {
    display: block
}

.page_dialog_head {
    margin-top: 5px
}

.page_dialog_headin {
    position: relative;
    padding-left: 70px;
    height: 50px;
    line-height: 50px
}

.page_dialog_logo {
    position: absolute;
    top: 10px;
    left: 30px;
    width: 30px;
    height: 30px
}

.page_dialog_close {
    position: absolute;
    top: 7px;
    right: 4px;
    z-index: 2;
    color: #bbb;
    font-size: 28px;
    cursor: pointer
}

.page_dialog_img {
    width: 100%;
    height: 200px
}

.page_dialog_p {
    margin-top: 60px;
    padding: 20px 0 20px 90px;
    line-height: 40px
}

.page_dialog_l {
    position: relative;
    font-size: 0
}

.page_dialog_l1 {
    position: relative;
    z-index: 3;
    font-size: 16px
}

.page_dialog_l2 {
    display: block;
    position: absolute;
    left: 0;
    bottom: -1px;
    z-index: 2;
    width: 100%;
    height: 7px;
    background-color: #ffdc00
}

.page_dialog_btn {
    margin: 0 auto;
    width: 150px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 5px;
    font-size: 18px;
    cursor: pointer;
    background-image: linear-gradient(90deg, #ffec6b, #ffdc00)
}

.page_dialog_btn:hover {
    font-weight: 700;
    background-image: linear-gradient(90deg, #ffef90, #ffe34d)
}

.page_dialog_hide {
    margin-top: 10px;
    text-align: center;
    color: #9b9b9b;
    font-size: 16px;
    cursor: pointer
}

.vip_customer_modal {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1004;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .6)
}

.vip_customer_modal.active {
    display: block
}

.vcm_close {
    position: absolute;
    top: 4px;
    right: 2px;
    z-index: 5;
    font-size: 20px;
    color: #fff;
    cursor: pointer
}

.vcm_bg_box {
    background-repeat: repeat;
    width: 900px;
    height: 510px;
    overflow: hidden
}

.vcm_bgc {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    background-image: linear-gradient(151deg, rgba(10, 8, 4, 0), #0a0804 900px)
}

.vcm_bgc, .vcm_box {
    width: 100%;
    height: 100%
}

.vcm_box {
    position: relative;
    z-index: 3;
    background-size: 900px 510px;
    background-position: top
}

.vcm_hbg {
    position: relative;
    z-index: 1;
    margin: 0 auto;
    width: 474px;
    height: 45px;
    line-height: 45px;
    background-size: 474px 45px;
    text-align: center
}

.vcm_hl {
    position: absolute;
    top: 18px;
    width: 70px;
    height: 2px;
    background: #dea964
}

.vcm_hl.l {
    left: 60px
}

.vcm_hl.r {
    right: 60px
}

.vcm_title {
    line-height: 38px;
    text-align: center
}

.vcm_title_t {
    font-size: 22px;
    font-weight: 700;
    color: #dea964;
    background: linear-gradient(133deg, #dea964 1%, #fffaed 46%, #dea964);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.vcm_img {
    position: absolute;
    height: auto;
    z-index: 2
}

.vcm_topt {
    left: 132px;
    top: 0;
    width: 133px
}

.vcm_topl {
    width: 55px;
    top: 0;
    left: 0
}

.vcm_topr {
    width: 55px;
    top: 0;
    right: 0
}

.vcm_bgl {
    width: 116px;
    top: 110px;
    left: 0
}

.vcm_bgr {
    width: 116px;
    top: 126px;
    right: 0
}

.vcm_wechat {
    position: absolute;
    top: 60px;
    left: 50%;
    transform: translateX(-50%);
    text-align: center
}

.vcm_wechat .pcsp_qrcode_wrap {
    margin: 0 auto
}

.vcm_wechat_t {
    margin-bottom: 4px;
    color: #fcf8f8;
    font-size: 12px
}

.vcm_wechat_b {
    display: block;
    margin-top: 13px;
    color: #fcf8f8;
    font-size: 18px;
    font-weight: 700;
    white-space: nowrap
}

.vcm_items {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 210px
}

.vcm_item {
    padding: 22px 5px 0;
    width: 150px;
    height: 210px;
    text-align: center;
    background: linear-gradient(225deg, #f3e1b8, #d7b06c);
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, .02);
    border-top-left-radius: 7px;
    border-top-right-radius: 7px
}

.vcm_item_icon {
    width: auto;
    height: 44px
}

.vcm_item_h {
    margin-top: 13px;
    line-height: 28px;
    color: #000;
    font-size: 20px;
    font-weight: 700;
    text-shadow: 0 1px 0 hsla(0, 0%, 100%, .3)
}

.vcm_item_p {
    margin-top: 5px;
    font-size: 12px;
    color: #654a1c;
    line-height: 16px
}