.umu-pagination-bar .page-list {
  font-size: 0.12rem;
  line-height: 0.16rem;
  color: var(--umu-color-text, #222222);
  display: flex;
  align-items: center;
}
.umu-pagination-bar .page-list .page-item {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0.06rem 0 0;
  height: 0.28rem;
  padding: 0 0.04rem;
  box-sizing: border-box;
  vertical-align: middle;
  border-radius: 0.02rem;
  cursor: pointer;
  text-align: center;
}
.umu-pagination-bar .page-list .page-item:last-child {
  margin-right: 0;
}
.umu-pagination-bar .page-list .page-item.current {
  cursor: default;
}
.umu-pagination-bar.umu-pagination-bar-normal .page-item {
  color: #1e61e6;
  min-width: 0.2rem;
}
.umu-pagination-bar.umu-pagination-bar-normal .page-item.current {
  color: var(--umu-color-text, #222222);
}
.umu-pagination-bar .small-more-icon.umu-design-comp-icon {
  width: 0.16rem;
  height: 0.16rem;
  vertical-align: middle;
}
.umu-pagination-bar.umu-pagination-bar-box .page-item {
  color: var(--umu-color-text, #222);
  min-width: 0.28rem;
  border: 0.01rem solid var(--umu-color-border, #e0e0e0);
}
.umu-pagination-bar.umu-pagination-bar-box .page-item:hover, .umu-pagination-bar.umu-pagination-bar-box .page-item.current {
  color: #1e61e6;
  border-color: #1e61e6;
}
/**
* GRI主题
*/

.gri_contrast {
    float: left;
    margin: 0.04rem 0.08rem 0 0.08rem;
    line-height: 0.2rem;
    color: var(--umu-color-text-secondary, #666);
    cursor: pointer;
    font:
        12px/1.5 Tahoma,
        Helvetica,
        'SimSun',
        sans-serif;
}

.gri_date {
    /*    margin: 4px 4px;*/
    padding: 0 0.26rem 0 0.06rem;
    width: 1.95rem;
    height: 0.2rem;
    line-height: 0.2rem;
    border: 1px solid #d6d6d6;
    background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAQCAMAAAA25D/gAAAAsVBMVEUAAAD8/PzIyMjCwsKQkJDcAADJycnKysqXl5fg4OD09PTu7u7s7Ozj4+PGxsbWxMStnp7eGxvdFBTHAAD4+Pjd3d3tAgL////m5uba2trNtrbJsrKwsLCUlJSKiorpNjbhEBDNDg60CQnXAADPAADw8PDOzs6+vr67u7unp6egoKB+fn5xcXHnLCzjJye8JyfhIiK7Hh6XGxvzExPXEhLrDw/aCwuRCAjSBwfQAwPmAQGZjltqAAAAAXRSTlMAQObYZgAAALJJREFUGNN1ztUOgzAUgOGdsUKLuzvM3eX9H2zIEiBl/81Jzte0nTTJa6Yei1Ce0CEjcAMDIcN3fQPR/FIk5W3bZTXKEX6oRM3SNKtGUdB8P17Omqbf8mf+QTRfk2R/OFUHdN2mmYVe7ChzWOIw9+Np04ChwhjAbLaN9hkEDCHP80K7brVjYSuASIhlyaNv72KMRQuAcH9/LnogOTSv5jWavOgRx6Qvj5ZMV0TxZtYLD+gL8nsMAN3GvdkAAAAASUVORK5CYII=) no-repeat 100% 50%;
    cursor: pointer;
    color: var(--umu-color-text-secondary, #666);
}

.gri_date_month {
    width: 1.8rem;
}

.gri_dateRangeCalendar {
    position: absolute;
    display: none;
    background: var(--umu-color-bg-base, #fff);
    border: 1px solid #6fb1df;
    padding: 0.1rem;
    -moz-box-shadow: 0px 1px 3px #6fb1df;
    filter: progid: DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color="#CCCCCC");
    font:
        12px/1.5 Tahoma,
        Helvetica,
        'SimSun',
        sans-serif;
}

.gri_dateRangeCalendar a {
    color: #369;
}

.gri_dateRangePicker {
    float: left;
    border: 0;
    margin: 0;
    padding: 0;
}

.gri_dateRangeOptions {
    float: left;
}

.gri_dateRangeOptions input.gri_dateRangeInput {
    width: 0.8rem;
    text-align: center;
    border: 1px solid #ddd;
}

.gri_dateRangeOptions div.gri_dateRangeInput {
    margin-bottom: 0.05rem;
}

.gri_dateRangePreMonth {
    float: left;
    width: 0.15rem;
    height: 0.17rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAARBAMAAAA4SAFEAAAAHlBMVEXd3d2VlZXZ2dmampqsrKylpaXQ0NDHx8fGxsawsLAoMiBsAAAARElEQVQY02OgBVABk04wLochmBJugHCZHAXBtKCIAphWFoTyBY3ANLshlC9cANGQCuWHMUANCARTogowCzjB5ARqOB0AkucFQOY/5rEAAAAASUVORK5CYII=) no-repeat 0 0;
    overflow: hidden;
}

.gri_dateRangeNextMonth {
    float: right;
    width: 0.15rem;
    height: 0.17rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAARBAMAAAA4SAFEAAAAHlBMVEXd3d2VlZXZ2dmampqsrKylpaXQ0NDHx8fGxsawsLAoMiBsAAAARElEQVQY02OgBVABk04wLochmBJugHCZHAXBtKCIAphWFoTyBY3ANLshlC9cANGQCuWHMUANCARTogowCzjB5ARqOB0AkucFQOY/5rEAAAAASUVORK5CYII=) no-repeat -0.15rem 0;
    overflow: hidden;
}

.gri_dateRangePreMonth span,
.gri_dateRangeNextMonth span {
    display: none;
}

.gri_dateRangeDateTable {
    margin: 0 0.1rem 0 0rem;
    padding: 0rem;
    float: left;
    empty-cells: show;
    border-collapse: collapse;
    display: inline;
    font-size: 0.12rem;
}

.gri_dateRangeDateTable td {
    border: 1px solid var(--umu-color-fill-secondary, #eee);
    text-align: right;
    cursor: pointer;
    padding: 0.01rem 0.02rem;
}

.gri_dateRangeDateTable th {
    border-top: 1px solid #dee6f6;
    border-left: 1px solid #dee6f6;
    background: #e0e8f7;
    font-weight: 400;
    border-left: 1px solid #ddd;
}

.gri_dateRangeDateTable td.gri_dateRangeGray {
    color: #bbb;
    cursor: default;
}

.gri_dateRangeDateTable td.gri_dateRangeToday {
    color: #f90;
    font-weight: bold;
}

.gri_dateRangeSelected {
    background-color: #007cd9;
    color: #fff;
}

.gri_dateRangeCompare {
    background-color: #b9e078;
    color: #fff;
}

.gri_dateRangeCoincide {
    background-color: #ffffc4;
}

/* .gri_pn {
    background: url("./images/pn.png") repeat-x scroll 0 -48px #E5E5E5;
    color: #fff;
}

.gri_pnc {
    background: url("./images/pn.png") repeat-x scroll 0 0 #E5E5E5;
} */

.gri_co {
    border: 1px solid #999999;
    box-shadow: 0 0.01rem 0 #e5e5e5;
    cursor: pointer;
    font-size: 0.12rem;
    height: 0.21rem;
    overflow: hidden;
    vertical-align: middle;
}

/**
 * =================================================
 * TA主题
 * =================================================
 */

.ta_date {
    border: 1px solid #d8d8d8;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #fefefe;
    background-image: -ms-linear-gradient(top, #fafafa, #f5f5f5);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fafafa), to(#f5f5f5));
    background-image: -moz-linear-gradient(top, #fafafa, #f5f5f5);
    background-image: -o-linear-gradient(top, #fafafa, #f5f5f5);
    background-image: linear-gradient(top, #fafafa, #f5f5f5);
    background-repeat: repeat-x;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 0.01rem 0.01rem rgba(0, 0, 0, 0.075);
    box-shadow: 0rem 0.01rem 0.01rem rgba(218, 218, 218, 0.8);
    float: left;
}

.ta_date .date_title {
    font-size: 0.14rem;
    color: var(--umu-color-text-secondary, #666666);
    padding: 0.06rem 0.1rem;
    *padding: 0rem 0.1rem;
    border-right: 1px solid #d8d8d8;
    vertical-align: middle;
    cursor: pointer;
    *zoom: 1;
}

.ta_date:hover {
    background-image: none;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
    box-shadow: 0 0.01rem 0.01rem rgba(0, 0, 0, 0.15);
}

.ta_date .to {
    padding: 0 0.05rem;
}

.ta_date .opt_sel {
    /*====*/
    width: 0.3rem;
    height: 0.28rem;
    line-height: 0.28rem;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    margin-left: -0.04rem;
}

.ta_date a.opt_sel:link,
.ta_date a.opt_sel:visited {
}

.ta_date a.opt_sel:active,
.ta_date a.opt_sel:hover {
}

.ta_date .i_orderd {
    display: inline-block;
    width: 0;
    height: 0;
    vertical-align: middle;
    border-top: 5px solid #727272;
    border-right: 5px dashed transparent;
    border-left: 5px dashed transparent;
    font-size: 0;
    content: '';
    overflow: hidden;
    *margin-top: 0.1rem;
}

.ta_calendar2 {
    *width: 5.36rem;
}

.ta_calendar1 {
    *width: 2.68rem;
}

.ta_calendar {
    border: 1px solid #e1e1e1;
    background-color: var(--umu-color-bg-base, #fff);
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0.01rem 0.02rem rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    font-size: 0.12rem;
    text-align: left;
    position: absolute;
    z-index: 100;
}

.i_pre,
.i_next,
.ta_calendar td.ta_dateRangeSelected,
.ta_calendar td.first,
.ta_calendar td.last,
.ta_calendar td.today {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOwAAAAYCAMAAADODuEpAAAA8FBMVEUAAAAAoPPAwcYAoPMAoPPKy9IAoPPKy9IAoPPKy9LKy9LKy9LKy9IAoPMRp/QIo/PKy9LKy9IAoPMAoPMAoPMAoPMAoPMAoPOgoKDKy9KgoKDKy9KgoKDKy9IAoPOgoKDKy9KgoKAAoPMAoPOgoKAAoPMAoPOgoKCgoKAAoPPKy9IAoPMAoPOgoKAAoPP////09fmgoKDZ2uDu7/PLzNPx+v7j9f7z9Piz4/t5zfkgrPXi4+jT7/1ryPjm5+z5/f/w8fUIo/P6/f/Y8f3K6/1qx/gSp/QRpvTs7fDl5uvh4uXCwsSzs7SpqanS09XT09azS0+fAAAALnRSTlMAHgbjtpZ4Wvr64Kwg8f3zenJrCKfTWCP58+bYxqZwOSoZEhGY18pnZU4H2aWa80m3UAAAAnRJREFUWMPlmGlX4jAUhi0ppSwF2UTEXUedNaS0pSCLuO/z///NHKYNbZKbHk/KmUF9P9n3w5v7mBySe9dWSZqhI/PXsmRaX3SjlbqoTG6nkG93dnIZmS3qqKaj+fK1Iylqo3zje1P3yr+5Swt6R5PKDS0da9WxH3r9fu/Bdqoym1PdsGgdllEHU79WBi4O5Q5maVBn8aTKRgrUUtbudUP17GxJbkfSmvFamtA/e3c4wjGNhuqsfNKuOqtz3o3p3ClJ7YgVsdUgkXZj6GFGnjKtmKS8t1kKRbGyUpuqfsLXc8KfZK1yjTldzxTPsJhU0dRY1+0uJ3tdZlMZYkUGF/tjgAUN1GChpIYSa8a54KkunIzMDnRoiRVZh+zGll0syL1VYb2FksqaSHIM8R3HL5JctIP9J7qHuZj91O9GdqAaVFONWcMYY0BjFVg4yeCpDrYJBEu2D6KP4oSy3D+T8K9JMWaT5/vIDqRDNenMGrqPAfkqsHCSzkHtbREYlmztLT4K9Hp5fCEUtleI7C4hL48LOxCCakLMGsjDgDwVWDgJsUxnm0QGSzbP6Ec+PKW/CVnA9vNzO9Tcf6V2IPABaDJrmFMMaKoCCyeZLNNpEuwp/WiHVK8sbDsJ1noDrLs0WBeGVTnGHfgYd5KO8fc3HOOrpR1jOAl95h8o2dXz80NePcqPim8Se6UfFf/xudhYxeeiWiPQ5Atqio3ACHMaqTYCYlJF+4ctXotv8VrvpMVb22e79P1Em9K+0+Y9mL9M5vOXie1UIfsDjWX+TtaKhXy+UMxlQFs+cDNR8sBt7HuXl54/Tj9wo0nzgdtqasmjVBNxo9Q/5uprALAGsGkAAAAASUVORK5CYII=) no-repeat;
    cursor: pointer;
    background-size: 2.36rem;
}

.i_pre,
.i_next {
    width: 0.23rem;
    height: 0.23rem;
    display: inline-block;
}

.i_pre {
    background-position: 0 0;
}

.i_pre:hover {
    background-position: -0.46rem 0rem;
}

.i_next {
    background-position: -0.23rem 0;
}

.i_next:hover {
    background-position: -0.69rem 0rem;
}

.ta_calendar td.ta_dateRangeSelected {
    background-position: -1.64rem 0.02rem;
    color: #fff;
}

.ta_calendar td.ta_dateRangeGray {
    color: #bbb;
    cursor: default;
}

.ta_calendar td.first {
    color: #6590c1;
    background-position: -1.28rem 0.02rem;
}

.ta_calendar td.last {
    color: #6590c1;
    background-position: -2rem 0.02rem;
}

.ta_calendar td.today {
    color: #fff;
    background-position: -0.92rem 0.02rem;
}

.ta_calendar .dis {
    color: #9e9e9e;
}

.ta_calendar table {
    font-size: 0.12rem;
    float: left;
    margin: 0 0.08rem;
    _display: inline;
    border-spacing: 0 7px;
    border-collapse: collapse;
}

.ta_calendar table caption {
    text-align: center;
    height: 0.35rem;
    line-height: 0.35rem;
    font-size: 0.14rem;
}

.ta_calendar table thead tr {
    border: 1px solid #e1e1e1;
    background: #f7f8fa;
    -webkit-box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 1);
    -moz-box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 1);
    box-shadow: inset 0rem 0.01rem 0 rgba(255, 255, 255, 1);
    box-shadow: 0rem 0.01rem 0.01rem rgba(0, 0, 0, 0.1);
}

.ta_calendar table thead th {
    line-height: 0.2rem;
    padding: 0.04rem 0.1rem;
    color: #444;
    cursor: pointer;
    text-align: left;
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
}

.ta_calendar table.calendar-month {
    font-size: 0.12rem;
    float: left;
    margin: 0 0.08rem;
    _display: inline;
    border-spacing: 7px;
    border-collapse: separate;
    margin-bottom: 0.1rem;
}

.calendar-month caption {
    border-bottom: 1px solid #e1e1e1;
    *padding-bottom: 0rem;
}

.calendar-month tbody td {
    line-height: 0.3rem;
    padding: 0.04rem 0.11rem;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
}

.calendar-month td.hover,
.calendar-month td:hover,
.calendar-month caption span:hover {
    /* background: #; */
    color: #6590c1;
    border: 1px solid #6590c1;
    padding: 0.03rem 0.1rem;
    border-radius: 2px;
    cursor: pointer;
}

.calendar .dis:hover {
    color: #9e9e9e;
    border: 1px solid #d3d5d6;
    padding: 0.03rem 0.1rem;
}

.calendar-month td.current {
    background: #6590c1;
    color: #fff;
    border-radius: 2px;
}

/*年月选择按钮*/

.ta_calendar .select {
    position: relative;
    padding: 0.03rem 0.1rem;
    width: 0.3rem;
    height: 0.2rem;
    border: 1px solid #c2c7cc;
    border-radius: 2px;
    line-height: 0.2rem;
    cursor: pointer;
    *zoom: 1;
    background: #fafbfc;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f5f5f8));
    background: -moz-linear-gradient(top, #ffffff, #f5f5f8);
    background: -ms-linear-gradient(top, #ffffff, #f5f5f8);
    background: -o-linear-gradient(top, #ffffff, #f5f5f8);
    background: linear-gradient(top, #ffffff, #f5f5f8);
}

.ta_calendar .select:hover {
    border-color: #6590c1;
    background: #eff1f3;
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#f7f7fa), to(#e8eaee));
    background: -moz-linear-gradient(top, #f7f7fa, #e8eaee);
    background: -ms-linear-gradient(top, #f7f7fa, #e8eaee);
    background: -o-linear-gradient(top, #f7f7fa, #e8eaee);
    background: linear-gradient(top, #f7f7fa, #e8eaee);
}

.ta_calendar .select:active {
    border-color: #c2c7cc;
    background: #f0f1f4;
    box-shadow: inset 0 0.02rem 0 rgba(0, 0, 0, 0.05);
}

.ta_calendar .dropdown {
    position: absolute;
    width: 1.5rem;
    background: var(--umu-color-bg-base, #fff);
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    box-shadow: 0 0.02rem 0.08rem rgba(0, 0, 0, 0.15);
    z-index: 100;
}

.ta_calendar .dropdown .list_menu {
    padding: 0.03rem 0;
    max-height: 2.4rem;
    overflow: auto;
}

.ta_calendar .dropdown .list_menu li {
    *line-height: 0.2rem;
}

.ta_calendar .dropdown .list_menu li a {
    display: block;
    line-height: 0.2rem;
    color: #383d49;
    text-decoration: none;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.ta_calendar .dropdown .list_menu li a:hover {
    background: #f4f5f8;
    color: #383d49;
    text-decoration: none;
}

.ta_calendar .select_wrap {
    position: relative;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    font-size: 0.12rem;
}

.ta_calendar .select_wrap .dropdown {
    display: none;
    left: -0.01rem;
    top: 100%;
    width: 100%;
    border-radius: 2px;
}

.ta_calendar .select_wrap.open {
    *z-index: 100;
}

.ta_calendar .select_wrap.open .dropdown {
    display: block;
}

.ta_calendar table thead th.sun {
    border-left: 1px solid #e1e1e1;
}

.ta_calendar table thead th.sat {
    border-right: 1px solid #e1e1e1;
}

.ta_calendar table tbody td {
    line-height: 0.2rem;
    padding: 0.04rem 0.11rem;
    text-align: center;
    white-space: nowrap;
    font-family: 'Tahoma';
}

.ta_calendar_cont {
    position: relative;
}

.ta_calendar_cont .i_pre,
.ta_calendar_cont .i_next {
    position: absolute;
    top: 0.07rem;
}

.ta_calendar_cont .i_pre {
    left: 0.1rem;
}

.ta_calendar_cont .i_next {
    right: 0.1rem;
}

.ta_calendar_footer {
    border-top: 1px solid #e5e5e5;
    background: #fafafa;
    padding-top: 0.06rem;
    height: 0.34rem;
}

.ta_calendar_footer .frm_btn {
    float: right;
    padding-right: 0.1rem;
}

.ta_calendar_footer .frm_btn input {
    margin-left: 0.03rem;
}

.ta_calendar_footer .frm_msg {
    float: left;
    padding-left: 0.1rem;
    vertical-align: middle;
}

.ta_calendar_footer .ipt_text_s {
    padding: 0.04rem 0.04rem;
}

.ta_ipt_text,
.ta_ipt_textarea,
.ta_ipt_text_s {
    border: 1px solid #cccccc;
    box-shadow: 0 0.01rem 0.01rem rgba(0, 0, 0, 0.075) inset;
    color: #555555;
    font-size: 0.12rem;
    height: 0.16rem;
    line-height: 0.16rem;
    padding: 0.06rem 0.04rem;
    position: relative;
    transition:
        border 0.2s linear 0s,
        box-shadow 0.2s linear 0s;
    vertical-align: middle;
    width: 1.8rem;
    z-index: 2;
}

.ta_ipt_text_s {
    width: 0.8rem;
}

.ta_btn {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: var(--umu-color-bg-layout, #f5f5f5);
    background-image: -moz-linear-gradient(center top, #fefefe, #f5f5f5);
    background-repeat: repeat-x;
    border-color: #cacaca #cacaca #b3b3b3;
    border-image: none;
    border-radius: 2px 2px 2px 2px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 0.01rem 0 rgba(0, 0, 0, 0.05);
    color: var(--umu-color-text, #333333);
    cursor: pointer;
    display: inline-block;
    font-size: 0.12rem;
    line-height: 0.2rem;
    margin-bottom: 0;
    outline: 0 none;
    padding: 0.03rem 0.12rem;
    text-align: center;
}

.ta_btn:hover,
.ta_btn:active,
.ta_btn.active,
.ta_btn.disabled,
.ta_btn[disabled] {
    color: var(--umu-color-text, #333333);
}

.ta_btn:hover {
    background-color: #fefefe;
    background-image: none;
    color: var(--umu-color-text, #333333);
    text-decoration: none;
    transition: background-position 0.1s linear 0s;
}

.ta_btn:focus {
    outline: thin dotted #333333;
    outline-offset: -2px;
}

.ta_btn.active,
.ta_btn:active {
    background-color: #e6e6e6;
    background-image: none;
    box-shadow:
        0 0.02rem 0.04rem rgba(0, 0, 0, 0.15) inset,
        0 0.01rem 0.02rem rgba(0, 0, 0, 0.05);
    outline: 0 none;
}

.ta_btn.disabled,
.ta_btn[disabled] {
    background-color: #e6e6e6;
    background-image: none;
    box-shadow: none;
    cursor: default;
    opacity: 0.65;
}

.ta_btn {
    margin: 0.02rem 0.05rem 0 0;
    vertical-align: top;
}

.ta_btn:hover {
    background-position: 0 -0.16rem;
}

.ta_btn_primary {
    background-color: #b4d66f;
    background-image: -moz-linear-gradient(center top, #c7e184, #a2cc59);
    border: 1px solid #88ab4a;
    color: #56740f;
}

.ta_btn_primary:hover {
    background-color: #5c96db;
    background-image: -moz-linear-gradient(center top, #74a5ed, #4789cd);
    border: 1px solid #286ab1;
    color: #ffffff;
}

.cf:after {
    clear: both;
}

.cf:before,
.cf:after {
    content: '';
    display: table;
}

.cf:before,
.cf:after {
    content: '';
    display: table;
}

.frm_btn {
    position: relative;
}

.frm_btn .ta_btn_text {
    margin-right: 0.1rem;
    font-size: 0.14rem;
    white-space: nowrap;
}

html.font-1-0 {
    font-size: 100px;
}

html.font-1-1 {
    font-size: 110px;
}

html.font-1-2 {
    font-size: 120px;
}

html.font-1-5 {
    font-size: 150px;
}

.umu-design-comp-icon,
svg.umu-design-comp-icon {
    width: 0.2rem;
    height: 0.2rem;
}

.rc-picker .rc-picker-input > input {
    font-size: 0.14rem;
    padding: 0.07rem 0.09rem;
}

/* reset */

/* 清除列表项的间距和补白样式 */
menu,
ul,
ol {
    list-style: none;
    padding: 0;
    margin: 0;
}

/* 清除标题样式 */
h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: inherit;
    margin: 0;
    font-weight: inherit;
}

/* 清除间距、粗体样式 */
dl,
dt,
dd,
hr,
p {
    margin: 0;
    font-weight: inherit;
}

/* 清除字体粗体样式 */
th,
em,
strong {
    font-weight: inherit;
}

/* 清除字体特殊样式 */
u,
em,
i {
    font-style: inherit;
}

blockquote,
q {
    quotes: none;
}

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

/* html5 */
article,
aside,
footer,
header,
nav,
section {
    display: block;
}

/* 表格基本样式 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* html */
html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

/* 业务样式 */
body {
    margin: 0;
    word-wrap: break-word;
    line-height: 1;
    background: var(--umu-color-bg-base, #fff);
    font-size: 0.14rem;
    color: var(--umu-color-text, #212121);
    font-family: noto_sansregular, 'PingFang SC', 'Microsoft Yahei', 'Hiragino Sans GB', Arial;
    -webkit-font-smoothing: antialiased;
    min-width: 9.8rem;
    padding-top: 0.56rem;
}

body.locale-jp {
    font-family: 'noto_sansregular', 'hiragino kaku gothic pro', 'MS Gothic', 'meiryo', Arial, 'Microsoft Yahei', 'Hiragino Sans GB';
}

/* clearfix */

.clearfix:after {
    content: '.';
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    overflow: hidden;
}

.clearfix {
    zoom: 1;
}

/* 链接默认样式 */
a {
    color: #1e6ee6;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

a:focus {
    outline: none;
}

input:-webkit-autofill {
    background: var(--umu-color-bg-base, #fff);
}

::-ms-clear,
::-ms-reveal {
    display: none;
}

:-ms-input-placeholder {
    color: #a9a9a9 !important;
}

@font-face {
    font-family: 'noto_sansregular';
    src: url(/twww/cn/fonts/notosans-regular.c200dc0b..eot);
    src:
        url(/twww/cn/fonts/notosans-regular.c200dc0b..eot?#iefix) format('embedded-opentype'),
        url(/twww/cn/fonts/notosans-regular.fab407a6..woff) format('woff'),
        url(/twww/cn/fonts/notosans-regular.8062b90b..ttf) format('truetype'),
        url(/twww/cn/fonts/notosans-regular.e889483d..svg#noto_sansregular) format('svg');
    font-weight: normal;
    font-style: normal;
}

pre {
    font: inherit;
    margin: 0;
    word-wrap: break-word;
    word-break: break-word;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -ms-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    font-family: inherit;
}

a img {
    border: 0;
}

body > object {
    visibility: hidden;
}
/* 清除按钮默认样式 */
button {
    background: none;
    color: inherit;
    border: none;
    padding: 0;
    font: inherit;
    cursor: pointer;
    outline: inherit;
}
/* 清除input默认样式 */
input {
    border: 0;
    outline: none;
    background: none;
    -webkit-appearance: none;
}

/**    文案溢出省略号    **/
.umu-text-clamp {
    overflow: hidden;
    display: -webkit-box;
    box-orient: vertical;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}
.umu-text-clamp.clamp-1 {
    display: block;
    overflow: hidden;
    white-space: nowrap;
}
.umu-text-clamp.clamp-2 {
    line-clamp: 2;
    -webkit-line-clamp: 2;
}
.umu-text-clamp.clamp-3 {
    line-clamp: 3;
    -webkit-line-clamp: 3;
}
.umu-text-clamp.clamp-4 {
    line-clamp: 4;
    -webkit-line-clamp: 4;
}
.umu-text-clamp.clamp-5 {
    line-clamp: 5;
    -webkit-line-clamp: 5;
}

.umu-text-clamp.clamp-5 {
    line-clamp: 5;
    -webkit-line-clamp: 5;
}

/**    大小写    **/
.umu-text-upper {
    text-transform: uppercase;
}

.bg--cover {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.bg--contain {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.flex--start {
    display: flex;
    justify-content: flex-start;
}
.flex--center {
    display: flex;
    justify-content: center;
    align-items: center;
}
.flex--center--center {
    display: flex;
    justify-content: center;
    align-items: center;
}
.flex--end--center {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.flex--start--center {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.flex--between--center {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.flex--between--start {
    display: flex;
    justify-content: space-between;
}

.flex--between--end {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.flex--1 {
    flex: 1;
    min-width: 0;
}

.flex--column {
    display: flex;
    flex-direction: column;
    > * {
        width: 100%;
    }
    .flex--1 {
        min-height: 0;
    }
}

.gap-6 {
    gap: 6px;
}

.gap-10 {
    gap: 10px;
}

.gap-12 {
    gap: 12px;
}

.form-in,
.form-out,
.dialog-in,
.dialog-out,
.page-loading-start,
.page-loading-end,
.curCourse.ng-hide-add,
.curCourse.ng-hide-remove,
/*.courseWrap .dateWrap .date,*/
.wrapContainer .wrap,
.course_2 .sessionWrap.in,
.calendarWrap.scale,
.calendar_move.in,
.cooperateLayer.ng-hide-remove-active,
.calendar_move .calendar .haveCourse,
.cooperateLayer.ng-hide-add-active,
.session .operate_move.ng-hide-add,
.session .operate_move.ng-hide-remove,
.operate_move_2.ng-hide-add,
.operate_move_2.ng-hide-remove,
.moveContainer.in,
#header,
.moveItem,
.courseList,
.answerList,
.btn_add .rotateButton::before,.btn_add .rotateButton::after,
.itemList .bar span.barItem,
.moveContainer div.guide {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
}

/*首页的注册,登录*/
div#mask,div.formWrap{position:fixed}

@-webkit-keyframes fadein{
    0% {opacity:0;margin-top:0.2rem;}
    100% {opacity:1;margin-top:0;}
}
@keyframes fadein{
    0% {opacity:0;margin-top:0.2rem;}
    100% {opacity:1;margin-top:0;}
}
@-webkit-keyframes fadeout{
    0% {opacity:1;margin-top:0;}
    100% {opacity:0;margin-top:-0.2rem;}
}
@keyframes fadeout{
    0% {opacity:1;margin-top:0;}
    100% {opacity:0;margin-top:-0.2rem;}
}
@-webkit-keyframes opacity-in{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes opacity-in{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-webkit-keyframes opacity-out{
    0% {opacity:1;}
    100% {opacity:0;}
}
@keyframes opacity-out{
    0% {opacity:1;}
    100% {opacity:0;}
}
.form-in{-webkit-animation: opacity-in 0.5s both ease;animation: opacity-in 0.5s both ease;}
.form-out{-webkit-animation: opacity-out 0.3s both ease;animation: opacity-out 0.3s both ease;}
.dialog-in {-webkit-animation: fadein 0.2s both ease;animation: fadein 0.2s both ease;}
.dialog-out {-webkit-animation: fadeout 0.2s both ease;animation: fadeout 0.2s both ease;}

/*页面切换*/
@-webkit-keyframes auto-loading{
    0% {width:0;}
    100% {width:100%;}
}
@keyframes auto-loading{
    0% {width:0;}
    100% {width:100%;}
}
.page-loading-start{
    -webkit-animation: auto-loading 30s both ease-out;
    animation: auto-loading 30s both ease-out;
}
.page-loading-end{
    -webkit-transition:width ease 0.5s;
    transition:width ease 0.5s;
}
.pageLoading{
    position:fixed;
    top:0;
    left:0;
    height:0.02rem;
    z-index:10000;
    background: var(--umu-color-primary, #ffb91f);
}
.pageLoading .light,.pageLoading .shadow{
    position: absolute;
    right:0;
    height: 100%;
}
.pageLoading .light{
    width : 50%;
    background:-webkit-linear-gradient(left, var(--umu-color-primary, #ffb91f), #FFF);
    background:-ms-linear-gradient(left, var(--umu-color-primary, #ffb91f), #FFF);
    background:-o-linear-gradient(left, var(--umu-color-primary, #ffb91f), #FFF);
    background:-ms-linear-gradient(left, var(--umu-color-primary, #ffb91f), #FFF);
    background:linear-gradient(left, var(--umu-color-primary, #ffb91f), #FFF);
}
.pageLoading .shadow{
    width : 0.05rem;
    background:#FFF;
    -webkit-box-shadow:0 0 10px #FFF;
    -moz-box-shadow:0 0 10px #FFF;
    -o-box-shadow:0 0 10px #FFF;
    -ms-box-shadow:0 0 10px #FFF;
    box-shadow:0 0 0.1rem #FFF;
}



/*首页课程*/
.courseContainer{
    -webkit-transition:all ease 0.3s;
    transition:all ease 0.3s;
    height:3.26rem;
}
.courseContainer.ng-enter{
    opacity:0;
}

.courseContainer.ng-enter.ng-enter-active {
    opacity:1;
}

.curCourse.ng-hide-add,.curCourse.ng-hide-remove{
    -webkit-transition:all ease 0.2s;
    transition:all ease 0.2s;
}
.curCourse.ng-hide-add {
    opacity:1;
}
.curCourse.ng-hide-add-active {
    opacity:0;
}
.curCourse.ng-hide-remove {
    opacity: 0;
}
.curCourse.ng-hide-remove-active {
    opacity: 1;
}


/*课程列表*/
.btn_add .rotateButton::before,.btn_add .rotateButton::after{
    position: absolute;
    top:0;
    left:0;
    display: block;
    content: ' ';
    width:0.56rem;
    height:0.56rem;
    margin-left:-0.07rem;
    margin-top:-0.07rem;
    border-radius:50%;
    border:5px solid #ffb400;
    border-color:transparent transparent #ffb400 transparent;
    opacity:1;
    animation:mymove 0.5s infinite;
    -webkit-animation:mymove 0.5s infinite;
    -moz-animation:mymove 0.5s infinite;
    -o-animation:mymove 0.5s infinite;
    -ms-animation:mymove 0.5s infinite;
}
.btn_add .rotateButton::after{
    border-color:#ffb400 transparent transparent transparent;
}
@keyframes mymove {
    from {transform:rotate(0deg);}
    to {transform:rotate(360deg);}
}
@-moz-keyframes mymove {
    from {-moz-transform:rotate(0deg);}
    to {-moz-transform:rotate(360deg);}
}
@-webkit-keyframes mymove {
    from {-webkit-transform:rotate(0deg);}
    to {-webkit-transform:rotate(360deg);}
}
@-o-keyframes mymove {
    from {-o-transform:rotate(0deg);}
    to {-o-transform:rotate(360deg);}
}
@-ms-keyframes mymove {
    from {-ms-transform:rotate(0deg);}
    to {-ms-transform:rotate(360deg);}
}
.wrapContainer{
    width:8.32rem;
    position: relative;
    /*doyu 4.21 修改weike session 问卷 考试 结果分享被盖住的情况*/
   /* overflow: hidden;*/
}
.wrapContainer .wrap{
    -webkit-transition:left ease 0.4s;
    transition:left ease 0.4s;
    position: relative;
    left: -8.32rem
}
.wrapContainer .wrap.in{
    left:0;
}
.course_2 .sessionWrap.in{
    -webkit-transition:all ease 0.2s;
    transition:all ease 0.2s;
    padding-top:0;
    padding-bottom:0.14rem;
    opacity: 0;
    height: 0;
}

/*课程列表的日历*/
.calendar_move{
    width:19.6rem;
    position: absolute;
    left: 0;
    top: 0;
}
@-webkit-keyframes scale-out{
    0% {-webkit-transform:scale(1,1);opacity:1;}
    50% {-webkit-transform:scale(2,2);opacity:0;}
    100% {-webkit-transform:scale(1,1);opacity:1;}
}
@keyframes scale-out{
    0% {transform:scale(1,1);opacity:1;}
    50% {transform:scale(2,2);opacity:0;}
    100% {transform:scale(1,1);opacity:1;}
}
div.calendarWrap{
    overflow: visible;
}
.calendarWrap.scale{
    -webkit-animation: scale-out 0.8s both ease-in-out;
    animation: scale-out 0.8s both ease-in-out;
}
.calendar_move.in{
    -webkit-transition:left ease-in-out 0.5s;
    transition:left ease-in-out 0.5s;
}

.calendar_move .dateList{
    float:left;
    width:9.8rem;
}
.calendar_move .calendar li{
    border-bottom: 4px solid transparent;
}
.calendar_move .calendar .haveCourse{
    -webkit-transition:border-bottom-color ease-out 0.5s;
    transition:border-bottom-color ease-out 0.5s;
    border-bottom: 4px solid #67b8de;
}
.createWrapContainer{
    width : 8.72rem;
    overflow: hidden;
}
.createWrap{
    -webkit-transition:margin-left ease-in-out 0.5s;
    transition:margin-left ease-in-out 0.5s;
    margin-left:-8.72rem;
}
.createWrap.in{
    margin-left:0;
}
/*.createWrap.out{
    -webkit-transition:margin-left ease-in-out 0.5s;
    transition:margin-left ease-in-out 0.5s;
    margin-left:-872px;
}
*/
.cooperateLayer.ng-hide-remove-active {
    -webkit-animation: fadein 0.2s both ease;
    animation: fadein 0.2s both ease;
}
.cooperateLayer.ng-hide-add-active {
    -webkit-animation: fadeout 0.2s both ease;
    animation: fadeout 0.2s both ease;
}
.courseList {
    -webkit-transition:margin-top ease-in-out 0.5s;
    transition:margin-top ease-in-out 0.5s;
    margin-top:0;
}

/*大屏幕*/
.moveContainer.in{
    -webkit-transition:margin-top ease 0.3s;
    transition:margin-top ease 0.3s;
    margin:0;
}
div.userGuide{
    width:8rem;
    margin:0 auto;
    padding-top:0;
}
.userGuide ul{padding-top:0.3rem;}
.moveContainer div.guide {
    -webkit-transition:-webkit-transform ease 0.3s;
    transition:transform ease 0.3s;
}
.moveContainer div.guide.in{
    -webkit-transform:scale(1.2,1.2);
    transform:scale(1.2,1.2);
}
#header{
    -webkit-transition:top ease 0.3s;
    transition:top ease 0.3s;
}
#end{
    width:8rem;
    margin:0 auto;
}
.itemList .bar span.barItem{
    -webkit-transition:width 2s ease;
    transition:width 2s ease;
    width:0;
}
.moveItem{
    -webkit-transition:margin-top 0.5s ease;
    transition:margin-top 0.5s ease;
}
.answerList{
    -webkit-transition:margin-top 0.2s ease;
    transition:margin-top 0.2s ease;
}
.gameRank ul{
    -webkit-transition:margin-top 0.2s ease;
    transition:margin-top 0.2s ease;
}

.autocomplete {
    position: relative;
}

.autocomplete input {
}

.autocomplete input.disabled {
}

.autocomplete input:focus {
}

.autocomplete ul {
    position: absolute;
    left: 0;
    width: 100%;
    max-height: 2rem;
    overflow: auto;
    display: block;
    box-sizing: border-box;
    background: var(--umu-color-bg-base, #fff);
    border: 1px solid #ccc;
    box-shadow: 0 0.02rem 0.03rem rgba(0, 0, 0, 0.2);
    top: 100%;
    margin-top: -0.01rem;
    z-index: 9;
    font-size: 0.14rem;
    border-top: 0;
}

.autocomplete .item-wrap {
    position: relative;
    padding-top: 0.05rem;
}

.autocomplete .item-wrap:before {
    content: '';
    display: block;
    border-top: 1px dashed #d3d3d3;
    margin: 0 0.1rem;
}

.autocomplete li {
    height: 0.4rem;
    line-height: 0.4rem;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 0.1rem;
    font-size: 0.14rem;
}

.autocomplete li.active {
    background: var(--umu-color-bg-layout, #f5f5f5);
}

.autocomplete .highlight {
    /* background-color: #E2E2E2;*/
}

.autocomplete li.active .highlight {
    /* background: var(--umu-color-text-secondary, #666);*/
    color: #fff;
}

@-webkit-keyframes ngdialog-fadeout {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes ngdialog-fadeout {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-webkit-keyframes ngdialog-fadein {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes ngdialog-fadein {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.ngdialog {
    box-sizing: border-box;
}

/* modified by rentao @ 16.10.15 */
/*.ngdialog *,
.ngdialog *:before,
.ngdialog *:after {
    box-sizing: inherit;
}
*/
.ngdialog {
    position: fixed;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    z-index: 10000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
#umu-design-snack-bar {
    z-index: 10001;
}
.ngdialog.ngdialog-disabled-animation,
.ngdialog.ngdialog-disabled-animation .ngdialog-overlay,
.ngdialog.ngdialog-disabled-animation .ngdialog-content {
    -webkit-animation: none !important;
    animation: none !important;
}

.ngdialog-overlay {
    position: fixed;
    background: rgba(0, 0, 0, 0.4);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-backface-visibility: hidden;
    -webkit-animation: ngdialog-fadein 0.5s;
    animation: ngdialog-fadein 0.5s;
}

.ngdialog-no-overlay {
    pointer-events: none;
}

.ngdialog.ngdialog-closing .ngdialog-overlay {
    -webkit-backface-visibility: hidden;
    -webkit-animation: ngdialog-fadeout 0.5s;
    animation: ngdialog-fadeout 0.5s;
}

.ngdialog-content {
    background: var(--umu-color-bg-base, #fff);
    -webkit-backface-visibility: hidden;
    -webkit-animation: ngdialog-fadein 0.5s;
    animation: ngdialog-fadein 0.5s;
    pointer-events: all;
}

.ngdialog.ngdialog-closing .ngdialog-content {
    -webkit-backface-visibility: hidden;
    -webkit-animation: ngdialog-fadeout 0.5s;
    animation: ngdialog-fadeout 0.5s;
}

.ngdialog-close:before {
    font-family: 'Helvetica', Arial, sans-serif;
    content: '\00D7';
    cursor: pointer;
}

html.ngdialog-open,
body.ngdialog-open {
    overflow: hidden;
}

/* 默认动画样式，定位于页面中间。浮层高度小于页面高度时用 */
@-webkit-keyframes ngdialog-flyin-align-center {
    0% {
        opacity: 0;
        transform: translate(-50%, -100%);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, -50%);
    }
}
@keyframes ngdialog-flyin-align-center {
    0% {
        opacity: 0;
        transform: translate(-50%, -100%);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, -50%);
    }
}
@-webkit-keyframes ngdialog-flyout-align-center {
    0% {
        opacity: 1;
        transform: translate(-50%, -50%);
    }
    100% {
        opacity: 0;
        transform: translate(-50%, -100%);
    }
}
@keyframes ngdialog-flyout-align-center {
    0% {
        opacity: 1;
        transform: translate(-50%, -50%);
    }
    100% {
        opacity: 0;
        transform: translate(-50%, -100%);
    }
}

/* 定位于页面顶部，浮层高度大于页面高度时用 */
@-webkit-keyframes ngdialog-flyin-align-top {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, 0%);
    }
}
@keyframes ngdialog-flyin-align-top {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%);
    }
    100% {
        opacity: 1;
        transform: translate(-50%, 0%);
    }
}
@-webkit-keyframes ngdialog-flyout-align-top {
    0% {
        opacity: 1;
        transform: translate(-50%, 0%);
    }
    100% {
        opacity: 0;
        transform: translate(-50%, -50%);
    }
}
@keyframes ngdialog-flyout-align-top {
    0% {
        opacity: 1;
        transform: translate(-50%, 0%);
    }
    100% {
        opacity: 0;
        transform: translate(-50%, -50%);
    }
}

.ngdialog.ngdialog-theme-umu {
    z-index: 5000;
    color: var(--umu-color-text, #212121);
}

/* animation */
.ngdialog.ngdialog-theme-umu.ngdialog-closing .ngdialog-content {
    /* -webkit-animation: ngdialog-flyout-align-center 0.5s;
    animation: ngdialog-flyout-align-center 0.5s; */
}

.ngdialog.ngdialog-theme-umu .ngdialog-content {
    /* -webkit-animation: ngdialog-flyin-align-center 0.5s; */
    /* animation: ngdialog-flyin-align-center 0.5s; */
    /*line-height: 1.5em;*/
    margin: 0 auto !important;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 6rem;
    max-height: 92vh;
    -webkit-transform: translate3D(-50%, -50%, 0);
    transform: translate3D(-50%, -50%, 0);
    border-radius: 4px;
    /* overflow: auto; */
}

.ngdialog.ngdialog-theme-umu.ngdialog-theme-size-sm .ngdialog-content {
    width: 4.5rem !important;
}

/* ---- align-top */
.ngdialog.ngdialog-theme-umu.align-top {
    overflow-x: hidden;
    overflow-y: auto;
}

.ngdialog.ngdialog-theme-umu.align-top.ngdialog-closing .ngdialog-content {
    -webkit-animation: ngdialog-flyout-align-top 0.5s;
    animation: ngdialog-flyout-align-top 0.5s;
}

.ngdialog.ngdialog-theme-umu.align-top .ngdialog-content {
    -webkit-animation: ngdialog-flyin-align-top 0.5s;
    animation: ngdialog-flyin-align-top 0.5s;
    top: 15%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}
/*
非常奇怪的样式，不知道是什么意思
*/
/* .ngdialog.ngdialog-theme-umu.align-top .ngdialog-content:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 900%;
    margin-bottom: -10%;
    margin-left: -400%;
    margin-right: -400%;
    z-index: -1;
} */

/* overlay */
.ngdialog.ngdialog-theme-umu .ngdialog-overlay {
    background: rgba(0, 0, 0, 0.6);
    pointer-events: none;
}

/* card shadow */
.ngdialog.ngdialog-theme-umu .ngdialog-content {
    box-shadow:
        0 0.01rem 0.12rem rgba(9, 2, 4, 0.15),
        0 0 0.4rem rgba(0, 0, 0, 0.06);
}

/**
 * dom:
    div.ngdialog-content
        div.your-component-root-dom
            div.umu-dialog-title.has-logo
                div.title
            div.umu-dialog-body
                div.umu-dialog-body-content
            div.umu-dialog-footer.clearfix
                div.umu-dialog-buttons
        div.ngdialog-close
 */
.ngdialog.ngdialog-theme-umu .umu-dialog-title {
    padding: 0.24rem 0.5rem 0 0.16rem;
    font-size: 0.18rem;
    line-height: 1.5;
}
.ngdialog.ngdialog-theme-umu .umu-dialog-title .title {
    display: inline-block;
    vertical-align: middle;
}
.ngdialog.ngdialog-theme-umu .umu-dialog-title .sub-title {
    display: inline-block;
    vertical-align: middle;
    margin-left: 0.2rem;
    font-size: 0.14rem;
}
.ngdialog.ngdialog-theme-umu .umu-dialog-title.has-logo {
    padding-bottom: 0.2rem;
}
.ngdialog.ngdialog-theme-umu .umu-dialog-title.has-logo:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.2rem;
    width: 0.8rem;
    height: 0.4rem;
    background: url(/twww/cn/images/logo.280d17ed..png) no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
}

.ngdialog.ngdialog-theme-umu .ngdialog-close {
    border-radius: 5px;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
}

.ngdialog.ngdialog-theme-umu .ngdialog-close:before {
    background: transparent;
    color: #757575;
    font-size: 0.28rem;
    height: 0.3rem;
    line-height: 0.3rem;
    position: absolute;
    right: 0.2rem;
    top: 0.12rem;
    width: 0.3rem;
    text-align: center;
}

.ngdialog.ngdialog-theme-umu .ngdialog-close:hover:before {
    color: var(--umu-color-text, #212121);
}

.ngdialog.ngdialog-theme-umu .umu-dialog-body {
    padding: 0.16rem 0.16rem 0.24rem 0.16rem;
    font-size: 0.14rem;
}

.ngdialog.ngdialog-theme-umu .umu-dialog-body-content {
    line-height: 1.5;
    max-height: 75vh;
    overflow: auto;
}

.ngdialog.ngdialog-theme-umu .umu-dialog-title.has-logo + .umu-dialog-body {
    padding-top: 0.2rem;
}

.ngdialog.ngdialog-theme-umu .umu-dialog-footer {
    padding: 0 0.24rem 0.24rem;
}

.ngdialog.ngdialog-theme-umu .umu-dialog-buttons {
    float: right;
}

.ngdialog.ngdialog-theme-umu .umu-dialog-buttons .btn {
    float: left;
    margin-left: 0.15rem;
}
.ngdialog.ngdialog-theme-umu .umu-dialog-buttons .btn-optional {
    padding: 0 0.13rem;
    border-radius: 4px;
}
.ngdialog.ngdialog-theme-umu .umu-dialog-buttons .btn-primary {
    padding: 0 0.13rem;
    background: var(--umu-color-primary, #fab400);
    color: #ffffff;
    border-radius: 4px;
    border-color: var(--umu-color-primary, #fab400);
}

/* 小号 */
.ngdialog.ngdialog-theme-umu.size-small .ngdialog-content {
    width: 4.5rem;
}

/* 系统提示 */
.ngdialog.ngdialog-theme-umu.umu-system-alert-dialog {
    z-index: 11000;
}

.ngdialog.ngdialog-theme-umu .btn-close {
    width: 0.12rem;
    height: 0.12rem;
    background: url(/twww/cn/images/icons.e8a64291..png) no-repeat -0.4rem -1.4rem;
    position: absolute;
    top: 0.32rem;
    right: 0.4rem;
    -webkit-transition: transform 0.3s ease;
    -moz-transition: transform 0.3s ease;
    transition: transform 0.3s ease;
    -webkit-background-size: 540px auto;
    background-size: 5.4rem auto;
}

.ngdialog.ngdialog-theme-umu .btn-close:hover {
    background-position: -1rem -1.4rem;
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
}

/***/
.ngdialog.ngdialog-theme-umu .umu-dialog-buttons button + button {
    margin-left: 0.12rem;
}

.ngdialog.ngdialog-theme-umu .umu-dialog-buttons umu-button + umu-button {
    margin-left: 0.12rem;
}

.ngdialog.ngdialog-theme-umu .department-select-dialog .type-primary.footer-btn-ok {
    background: var(--umu-color-primary, #ffbd2b);
    border-color: var(--umu-color-primary, #ffbd2b);
    color: #ffffff;
    font-weight: 600;
}
.ngdialog.ngdialog-theme-umu .department-select-dialog {
    height: auto;
}

.ngdialog.ngdialog-theme-umu.auto-overflow-dialog .ngdialog-content {
    display: flex;
    flex-direction: column;
}

.ngdialog.ngdialog-theme-umu.auto-overflow-dialog .ngdialog-content .umu-dialog-body {
    flex: 1;
    overflow-y: hidden;
    display: flex;
    width: 100%;
    box-sizing: border-box;
}

.ngdialog.ngdialog-theme-umu.auto-overflow-dialog .ngdialog-content .umu-dialog-body .umu-dialog-body-content {
    width: 100%;
    box-sizing: border-box;
    max-height: 100%;
    line-height: unset;
    overflow-y: auto;
}

.button_1,
.button_2 {
    display: block;
    width: 2.47rem;
    height: 0.5rem;
    line-height: 0.5rem;
    font-size: 0.18rem;
    color: #fff;
    border-radius: 4px;
    text-align: center;
    position: relative;
}

.button_1 {
    background: var(--umu-color-primary, #ffb91f) url(/twww/cn/images/giraffe.c50c4d47..png) no-repeat 100% 0;
}

.button_2 {
    background: rgba(255, 255, 255, 0.3) url(/twww/cn/images/giraffe.c50c4d47..png) no-repeat 100% -1rem;
    box-shadow: 0 0 0 0.01rem rgba(255, 255, 255, 0.5) inset;
}

.button_1:hover,
.button_2:hover {
    text-decoration: none;
}

.button_1:hover {
    box-shadow: 0 0.01rem 0.05rem rgba(0, 0, 0, 0.2);
}

.button_2:hover {
    box-shadow:
        0 0 0 0.01rem rgba(255, 255, 255, 0.5) inset,
        0 0.01rem 0.05rem rgba(0, 0, 0, 0.2);
}

.button_1:active,
.button_2:active {
    bottom: -0.01rem;
}

.button_1:active {
    box-shadow: none;
    background-color: #e9ac27;
    background-position: 100% -0.5rem;
}

.button_1.disabled {
    background-position: 100% -2.5rem;
    background-color: #d2d2d2;
    cursor: default;
}

.button_1.disabled:hover {
    box-shadow: none;
}

.button_1.disabled:active {
    bottom: 0;
}

/*覆盖*/
body a.umu-design-comp-btn {
    padding-top: 0.07rem !important;
    line-height: 0.2rem;
    height: auto;
}
.ngdialog.ngdialog-theme-umu .department-select-dialog {
    width: 8.8rem;
}


/* userCard */
.userCard {
    width: 2.2rem;
    background: var(--umu-color-bg-base, #fff);
    border-radius: 2px;
    box-shadow:
        0 0 0.4rem rgba(0, 0, 0, 0.06),
        0 0.04rem 0.12rem rgba(9, 2, 4, 0.15);
    position: absolute;
    z-index: 9999;
    display: none;
}

.userCard {
    padding: 0 0.2rem;
    right: 0;
    top: 0.47rem;
}

.userCard:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-width: 6px;
    border-style: solid;
    border-color: transparent transparent #fff;
    top: -0.12rem;
}

.userCard:after {
    right: 0.45rem;
}

.userCard .info {
    color: #757575;
    overflow: hidden;
    zoom: 1;
    padding: 0.2rem 0;
}

.userCard .avatar,
.userCard .signin-avatar.avatar {
    float: left;
    width: 0.6rem;
    height: 0.6rem;
}

.userCard .wrap {
    margin: 0 0 0 0.7rem;
}

.userCard .name {
    font-size: 0.16rem;
    margin: 0.1rem 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: normal;
}

.userCard .email {
    word-wrap: break-word;
    font-size: 0.14rem;
    /*text truncate*/
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 0.18rem;
}

.userCard .links li {
    height: 0.55rem;
    line-height: 0.55rem;
    border-top: 1px solid #e6e5e5;
}

.userCard .links a {
    color: #757575;
    font-size: 0.16rem;
    display: block;
    height: 100%;
    margin: 0 -0.2rem;
    padding: 0 0.2rem;
}

.userCard .links a:hover {
    background: #fafafa;
    text-decoration: none;
}

/* 页脚 */
#footer {
    text-align: center;
    padding: 0.6rem 0 1.2rem;
    background: var(--umu-color-bg-layout, #f5f5f5);
}

#footer .nav li {
    display: inline;
    margin: 0 0.3rem;
}

#footer .nav a {
    color: var(--umu-color-text, #212121);
    font-size: 0.14rem;
}

#footer .nav a:hover {
    text-decoration: underline;
}

#footer .copyright {
    color: var(--umu-color-text-secondary, #666);
    margin-top: 0.3rem;
    font-size: 0.12rem;
}

#footer .addr {
    color: var(--umu-color-text-secondary, #666);
    margin-top: 0.1rem;
}

#footer .copyright a,
#footer .addr a {
    color: var(--umu-color-text-secondary, #666);
}

#footer.simpleFooter {
    /*margin: 38px 0;*/
}
#footer.simpleFooter .copyright {
    margin-top: 0;
}

#footer .nav .site-lang-switch {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
}

#footer .nav .site-lang-switch .select-box .select-list-item {
    display: block;
    margin: 0;
    padding: 0 0.1rem;
    height: 0.3rem;
    line-height: 0.3rem;
}

#footer .nav .site-lang-switch .select-box .current {
    border: 0;
    background: 0;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    margin-top: -0.04rem;
}

#footer .nav .site-lang-switch .select-box .select-list:before {
    display: none;
}

#footer .nav .site-lang-switch .select-box .select-list {
    padding-top: 0;
    width: auto;
    white-space: nowrap;
    margin-left: -0.1rem;
}

#footer .nav .site-lang-switch .select-box .select-list-wrap {
    padding-top: 0;
    border-radius: 12px;
}

#footer .nav .site-lang-switch .lang-select .select-box .select-list .select-list-item:hover {
    background-color: var(--umu-color-bg-layout, #f5f5f5);
}

#footer .page-footer-node-copyright-wrapper {
    white-space: normal;
    margin-top: 0.32rem;
}

#footer .page-footer-node-copyright-wrapper .copyright {
    color: var(--umu-color-text-secondary, #666);
    line-height: 0.5rem;
    margin-top: 0rem;
    font-size: 0.12rem;
    white-space: nowrap;
}

#footer .page-footer-node-copyright-wrapper .copyright a {
    color: var(--umu-color-text-secondary, #666);
}

#footer .page-footer-node-copyright-wrapper .copyright a img {
    width: 0.18rem;
    height: 0.18rem;
    margin-right: 0.04rem;
}

/*  所有弹出窗口基础组件 */
.errorTip,
.successTip {
    /*width: 260px;*/
    padding: 0 0.2rem;
    height: 0.5rem;
    text-align: center;
    line-height: 0.5rem;
    color: #fff;
    font-size: 0.16rem;
    border-radius: 2px;
    position: absolute;
    z-index: 9999;
    box-shadow:
        0 0.01rem 0.12rem rgba(9, 2, 4, 0.15),
        0 0 0.4rem rgba(0, 0, 0, 0.06);
}

.errorTip {
    background: #dd4e40;
}

.successTip {
    background: #faa801;
}

.errorTip .icon,
.successTip .icon {
    display: inline-block;
    background: url(/twww/cn/images/sprite.0b379780..png) no-repeat;
    margin-right: 0.15rem;
}

.errorTip .icon {
    width: 0.2rem;
    height: 0.2rem;
    background-position: 0 -4.16rem;
    vertical-align: text-bottom;
}

.successTip .icon {
    width: 0.19rem;
    height: 0.14rem;
    background-position: -0.3rem -4.16rem;
    vertical-align: middle;
}

.errorTip:after {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-width: 6px;
    border-style: solid;
    border-color: #dd4e40 transparent transparent;
    bottom: -0.12rem;
    left: 50%;
    margin-left: -0.06rem;
}

#mask {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    left: 0;
    top: 0;
    z-index: 9999;
}

#home #mask {
    background: rgba(0, 0, 0, 0.8);
}

.popup {
    width: 6.1rem;
    background: var(--umu-color-bg-base, #fff);
    box-shadow:
        0 0.01rem 0.12rem rgba(9, 2, 4, 0.15),
        0 0 0.4rem rgba(0, 0, 0, 0.06);
    z-index: 9999;
}

.popup.popup-confirm {
    width: 4.5rem;
}

.popup .header {
    line-height: 1.5;
    overflow: hidden;
    padding: 0.3rem 0.3rem 0;
}

.popup .icon_tip,
.popup .icon_done,
.popup .icon_face,
.updateTip .icon_tip {
    float: left;
    width: 0.26rem;
    height: 0.26rem;
    background: url(/twww/cn/images/sprite.0b379780..png) no-repeat;
    margin: 0.25rem 0.12rem 0 0;
}

.popup .icon_tip {
    background-position: -0.36rem -6.42rem;
}

.popup .icon_done {
    background-position: -0.72rem -6.42rem;
}

.popup .icon_face {
    background-position: -1.08rem -6.42rem;
}

.updateTip .icon_tip {
    background-position: 0 -6.42rem;
}

.popup .header h2 {
    float: left;
    font-size: 0.18rem;
}

.popup .header h2 .logo {
    vertical-align: middle;
    margin-right: 0.15rem;
    width: 0.8rem;
}

.popup .content {
    padding: 0.3rem;
    font-size: 0.14rem;
}

.popup .content p {
    line-height: 0.3rem;
    margin-bottom: 0.3rem;
}

.popup .content p:last-child {
    margin: 0;
}

.popup .operate {
    padding: 0 0.3rem 0.3rem 0;
    overflow: hidden;
    text-align: right;
}

.popup .operate button + button,
.popup .operate umu-button + umu-button {
    margin-left: 0.09rem;
}

.popup .operate a {
    float: right;
    margin-left: 0.2rem;
}

.popup .btn_close,
.updateTip .btn_close {
    width: 0.12rem;
    height: 0.12rem;
    background: url(/twww/cn/images/icons.e8a64291..png) no-repeat -0.4rem -1.4rem;
    -webkit-background-size: 5.4rem auto;
    background-size: 5.4rem auto;
    position: absolute;
    top: 0.32rem;
    -webkit-transition: transform 0.3s ease;
    -moz-transition: transform 0.3s ease;
    transition: transform 0.3s ease;
}

.popup .btn_close {
    right: 0.2rem;
}

.updateTip .btn_close {
    right: 0;
}

.popup .btn_close:hover,
.updateTip .btn_close:hover {
    background-position: -1rem -1.4rem;
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
}

.popup em.day,
.popup em.num {
    font-size: 0.22rem;
    margin: 0 0.05rem;
    vertical-align: -0.02rem;
}

.popup em.day {
    color: #ff7d7a;
}

.popup em.num,
.popup em.email {
    color: #67b8de;
    margin: 0 0.05rem;
}

.popup .footer {
    text-align: right;
    padding: 0.25rem;
}

.popup .failCause p,
.failCause ul {
    font-size: 0.14rem;
    color: #a5a5a5;
    line-height: 0.3rem;
}

.popup .failCause p {
    margin: -0.15rem 0 0;
}

.updateTip {
    background: #67b8de;
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999;
}

.updateTip .wrap {
    width: 9.8rem;
    height: 0.76rem;
    line-height: 0.76rem;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
}

.updateTip .icon_tip,
.updateTip .title,
.updateTip .tip,
.updateTip .btn_buy {
    float: left;
}

.updateTip .title {
    font-size: 0.22rem;
    color: #fff;
    margin-right: 0.3rem;
}

.updateTip .tip {
    font-size: 0.16rem;
    color: #171e24;
}

.updateTip .tip em {
    font-size: 0.22rem;
    color: #fff;
    margin: 0 0.05rem;
}

.updateTip .btn_buy {
    width: 1.3rem;
    height: 0.34rem;
    text-align: center;
    line-height: 0.34rem;
    background: var(--umu-color-primary, #ffb91f);
    font-size: 0.16rem;
    color: #fff;
    border: 1px solid #52a6ce;
    border-radius: 2px;
    margin: 0.2rem 0 0 0.4rem;
}
/* 表单组件,需要细拆 */
.radList,
.chkList {
    /*overflow: hidden;*/
}

.radList li,
.chkList li {
    float: left;
    line-height: 0.18rem;
    margin-right: 0.3rem;
}

.chkBox,
.radBox {
    float: left;
    width: 0.18rem;
    height: 0.18rem;
    margin-right: 0.1rem;
    cursor: pointer;
    box-sizing: border-box;
    background: var(--umu-color-bg-base, #fff);
    border: 1px solid #d1d1d1;
}

.radBox {
    border-radius: 50%;
}

.chkBox:hover,
.radBox:hover {
    border-color: var(--umu-color-primary, #ffbd2b);
}

.chkBox.checked,
.radBox.selected {
    background: url(/twww/cn/images/sprite.0b379780..png) no-repeat -0.64rem -2.77rem;
    border: none;
    background-size: 2.65rem auto;
}

/* 分享开关样式 */
.switch-checkbox.chkBox {
    float: none;
    display: inline-block;
    vertical-align: -0.03rem;
    width: 0.4rem;
    height: 0.18rem;
    border-radius: 3px;
    background: #a2b0b8;
    border: 0;
    position: relative;
}

.switch-checkbox.chkBox:before {
    content: '';
    float: left;
    height: 0.14rem;
    width: 0.18rem;
    border-radius: 3px;
    margin: 0.02rem;
    background: var(--umu-color-bg-base, #fff);
}

.switch-checkbox.chkBox.checked {
    background: #495963;
}

.switch-checkbox.chkBox.checked:before {
    float: right;
    background: #ffbc43;
}

/*  input */

.inputBox,
textarea {
    display: block;
    background: var(--umu-color-bg-base, #fff);
    border: 1px solid #dfe1e2;
    font-size: 0.14rem;
    font-family: noto_sansregular, Arial, 'Microsoft Yahei', 'Hiragino Sans GB';
    color: var(--umu-color-text, #212121);
}

input,
textarea {
    font-family: noto_sansregular, Arial, 'Microsoft Yahei', 'Hiragino Sans GB';
    box-shadow: none;
}

.inputBox {
    height: 0.18rem;
    line-height: 0.18rem;
    padding: 0.08rem 0.09rem;
}

textarea {
    padding: 0.05rem 0.09rem;
    line-height: 0.24rem;
    resize: none;
    overflow: auto;
}

.inputBox:focus,
textarea:focus {
    outline: none;
    border: 1px solid #1e6ee6;
}

.selectBox {
    position: relative;
}

.selectBox .current {
    display: block;
    height: 0.34rem;
    line-height: 0.34rem;
    background: var(--umu-color-bg-base, #fff);
    border: 1px solid #dfe1e2;
    padding: 0 0.2rem 0 0.09rem;
    font-size: 0.14rem;
    color: #4d696d;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
}

.selectBox .current:after {
    content: '';
    width: 0.08rem;
    height: 0.08rem;
    background: url(/twww/cn/images/sprite.0b379780..png) no-repeat 0 -3.05rem;
    position: absolute;
    right: 0.09rem;
    top: 0.16rem;
}

.selectBox.active .current {
    border-color: #ccc;
    border-bottom: none;
    padding-bottom: 0.01rem;
    position: relative;
    z-index: 10;
}

.selectBox .current.disabled {
    background: var(--umu-color-bg-layout, #f5f5f5);
}

.selectBox .selectList,
.selectBox .provinceSelect,
.selectBox .dateSelect {
    background: var(--umu-color-bg-base, #fff);
    border: 1px solid #ccc;
    box-shadow: 0 0.01rem 0.03rem rgba(0, 0, 0, 0.2);
    position: absolute;
    left: 0;
    top: 0.35rem;
    z-index: 9;
    font-size: 0.12rem;
    display: none;
}

.selectBox .selectList {
    width: 100%;
    box-sizing: border-box;
    padding-top: 0.05rem;
}

.selectBox .provinceSelect {
    width: 2.7rem;
    padding: 0.12rem 0.04rem 0.1rem;
}

.selectBox .dateSelect {
    width: 2.48rem;
    padding: 0 0.15rem 0.1rem;
    font-size: 0.14rem;
}

.selectBox.active .selectList,
.selectBox.active .provinceSelect,
.selectBox.active .dateSelect {
    display: block;
}

.selectBox .selectList:before {
    content: '';
    display: block;
    border-top: 1px dashed #d3d3d3;
    margin: 0 0.1rem;
}

.selectBox .selectList ul {
    padding: 0.05rem 0.1rem 0;
    max-height: 2.24rem;
    overflow: auto;
}

.selectBox .selectList li {
    height: 0.24rem;
    line-height: 0.24rem;
    text-align: center;
    margin-bottom: 0.04rem;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 0.05rem;
}

.selectBox .selectList .selected,
.provinceSelect .selected,
.dateSelect .selected {
    background: var(--umu-color-primary, #ffbd2c);
    color: #fff;
}

.provinceSelect ul,
.dateSelect ul {
    overflow: hidden;
}

.provinceSelect li {
    float: left;
    width: 0.54rem;
    height: 0.24rem;
    line-height: 0.24rem;
    margin-bottom: 0.02rem;
    white-space: nowrap;
}

.provinceSelect a {
    float: left;
    color: #4d696d;
    padding: 0 0.1rem;
}

.provinceSelect a:hover {
    text-decoration: none;
}

.provinceSelect .divider {
    height: 0;
    border-top: 1px dashed #d3d3d3;
    margin: 0.06rem 0.15rem;
}

.dateSelect .month {
    height: 0.44rem;
    line-height: 0.44rem;
    border-bottom: 1px dashed #d3d3d3;
    font-size: 0.16rem;
    text-align: center;
    position: relative;
}

.dateSelect .month .btn_pre,
.dateSelect .month .btn_nxt {
    position: absolute;
    top: 0.07rem;
}

.dateSelect .month .btn_pre {
    left: 0;
}

.dateSelect .month .btn_nxt {
    right: 0;
}

.dateSelect .week {
    margin: 0.08rem 0 0.06rem;
}

.dateSelect li {
    float: left;
    width: 0.24rem;
    height: 0.24rem;
    margin-right: 0.13rem;
    text-align: center;
    line-height: 0.24rem;
}

.dateSelect li:nth-child(7n) {
    margin-right: 0;
}

.dateSelect .day li {
    cursor: pointer;
    margin-bottom: 0.02rem;
    border-radius: 2px;
}

.dateSelect .disabled {
    visibility: hidden;
}

.timeSelector .current,
.dateSelector .current {
    font-size: 0.14rem;
}

.timeSelector .current {
    padding: 0;
}

.timeSelector .current span,
.timeSelector .selectList span {
    width: 0.5rem;
    float: left;
    text-align: right;
    margin-left: 0.35rem;
}

.timeSelector .selectList ul {
    padding: 0;
    max-height: 2.4rem;
}

.timeSelector .selectList li {
    height: 0.4rem;
    line-height: 0.4rem;
    margin: 0;
    padding: 0;
    font-size: 0.14rem;
}

/**
    div.winter
        div.winter-top
            div.winter-top-wrap
                div.winter-title
                    div.winter-title-wrap
                        div.winter-title-nav
                        div.winter-title-aside
                        div.winter-title-content.mini
                            div.bear-card-title
                        div.winter-title-content-desc
                div.winter-toolbar
                    div.winter-toolbar-wrap
                        div.winter-toolbar-aside
                        div.winter-toolbar-main
                            div.winter-toolbar-main-wrap
                                div.info.h3
                                    div.title
 */

.winter {
    min-width: 9.8rem;
    min-height: calc(100vh - 0.65rem);
}

/* */

.winter-top {
    background: var(--umu-color-bg-base, #fff);
    box-shadow: 0 0 0.06rem rgba(0, 0, 0, 0.16);
    position: relative;
    z-index: 900;
}

.winter-top-wrap {
    margin: auto;
    min-width: 7.2rem;
    max-width: 8.6rem;
    padding: 0 0.2rem;
}

/* */

.winter-title-wrap {
    /* min-height: 40px; */
    padding: 0.1rem 0.2rem;
}

.winter-title .crumb-nav .nav-item {
    display: inline;
    margin-right: 0.03rem;
}

.winter-title .crumb-nav .nav-item .nav-link {
    color: #5fb2d9;
}

/* */

.winter-title-nav {
    float: left;
    min-width: 0.4rem;
    margin-right: 0.1rem;
}

/* */

.winter-title-aside {
    float: right;
    position: relative;
    margin-left: 0.2rem;
}

/* */

.winter-title-content {
    overflow: hidden;
}

.winter-title-content .info {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 0.36rem;
    /* content:'已废弃，请使用bear-card-title'; */
}

.winter-title-content .h2 {
    font-size: 0.18rem;
}

.winter-title-content .h2 .title {
    color: var(--umu-color-text, #333);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* */

.winter-title-content.mini {}

.winter-title-content.mini .info {
    line-height: 0.24rem;
}

.winter-title-content.mini .h2 {
    height: 0.24rem;
}

.winter-title-content.mini .bear-card-title-wrap {
    line-height: 0.24rem;
    height: 0.24rem;
}

/* */

.winter-title-content-desc {
    height: 0.2rem;
    line-height: 0.2rem;
    margin-bottom: -0.04rem;
}

.winter-title-content-desc .access-code-desc {
    font-size: 0.14rem;
}

/* */

.winter-toolbar {}

.winter-toolbar-wrap {
    /* min-height: 36px; */
    padding: 0.02rem 0.2rem 0.12rem;
}

/* */

.winter-toolbar-aside {
    float: right;
    margin-left: 0.2rem;
}

/* */

.winter-toolbar-main {}

.winter-toolbar-main .info {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 0.36rem;
}

.winter-toolbar-main .h3 {
    font-size: 0.18rem;
    height: 0.36rem;
}

.winter-toolbar-main .h3 .title {
    color: var(--umu-color-text, #333);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.winter-main {
    position: relative;
}

.winter-main .winter-main-wrap {}

.winter-main .winter-aside {
    position: fixed;
    z-index: 1;
    height: 100vh;
    min-height: 9rem;
    min-height: calc(100vh - 1.75rem);
    background-color: var(--umu-color-bg-base, #fff);
}

.winter-main .winter-aside.winter-nav {
    display: none;
    width: 2.2rem;
    margin-left: -2.21rem;
}

.winter-main .winter-content {
    padding-bottom: 20%;
}

.winter-main .winter-content-cross {}

.winter-main .winter-content-wrap {
    padding: 0.2rem;
    min-width: 7.2rem;
    max-width: 10.4rem;
    margin: auto;
}

.winter-main .winter-body {
    position: relative;
}

.winter-main .winter-body.theme-card {
    background: var(--umu-color-bg-base, #fff);
    box-shadow: 0 0.02rem 0.02rem rgba(0, 0, 0, 0.15);
}

.winter-main .winter-body-wrap {
    padding: 0.3rem;
    min-height: 6rem;
}

.winter-main .winter-body.theme-card .winter-body-card-fix {
    margin-left: -0.3rem;
    margin-right: -0.3rem;
}

.winter-main .winter-body.theme-card .winter-body-card-fix.fix-top {
    margin-top: -0.3rem;
}

.winter-main .winter-body.theme-card .winter-body-card-padding {
    padding-left: 0.2rem;
    padding-right: 0.2rem;
}

/* */

.winter-nav-list {
    padding: 0.1rem 0;
    width: 2.2rem;
    background-color: var(--umu-color-bg-base, #fff);
}

.winter-nav-item {
    display: block;
    border-left: 3px solid transparent;
    padding: 0.11rem 0.25rem 0.1rem 0.6rem;
    color: var(--umu-color-text, #222);
    line-height: 0.22rem;
    position: relative;
    font-size: 0.16rem;
}

.winter-nav-item-wrap.with-sub>.winter-nav-item::after {
    content: '';
    border-width: 0 5px 5px;
    border-style: solid;
    border-color: transparent;
    border-bottom-color: #a2a2a2;
    position: absolute;
    top: 0.2rem;
    right: 0.1rem;
    transform: rotate(180deg);
}

.winter-nav-item-wrap.with-sub.active>.winter-nav-item::after {
    transform: rotate(0deg);
}

.winter-nav-item .icon {
    position: absolute;
    margin-left: -0.4rem;
    margin-top: 0.02rem;
}

.winter-nav-item:hover {
    border-left-color: var(--umu-color-border-secondary, #f5f5f5);
    background: var(--umu-color-bg-layout, #f5f5f5);
}

.winter-nav-item.active {
    border-left-color: var(--umu-color-primary, #fab400);
    background-color: var(--umu-color-bg-layout, #f5f5f5);
}

.winter-sub-nav-list .winter-nav-item {
    font-size: 0.16rem;
    line-height: 0.22rem;
    color: var(--umu-color-text, #222);
}

.winter-sub-nav-list .winter-nav-item.active {
    background-color: var(--umu-color-bg-layout, #f5f5f5);
}

/* */

.winter-main.show-side-nav {
    margin-left: 2.21rem;
}

.winter-main.show-side-nav .winter-aside.winter-nav {
    display: block;
    border-right: 1px solid var(--umu-color-fill-secondary, #eee);
}

/* 右侧显示的内容是一个单独的编辑状态的小卡片 */

.winter.card-view {}

.winter.card-view .winter-main .winter-content-wrap {
    max-width: 8.6rem;
}

/* 右侧为一个列表区域，有白色背景 */

.winter.list-view {}

.winter.list-view .winter-main.show-side-nav .winter-content {
    background: var(--umu-color-bg-base, #fff);
    min-height: calc(100vh - 0.65rem);
}

.winter.list-view .winter-main.show-side-nav .winter-content-wrap {
    padding: 0;
    max-width: none;
}

.winter.list-view .winter-main.show-side-nav .winter-content-cross-top {
    background: var(--umu-color-fill-secondary, #eee);
}

/* 这是业务里一个特殊的应用场景，框架里本不支持这种视图方式，暂时这么搞起吧，纯样式搞不定了 */

.winter.list-view .fixOverHolder_groupManageTop {
    background: var(--umu-color-bg-base, #fff);
    margin-left: 2.2rem;
    border-left: 1px solid var(--umu-color-border, #e0e0e0);
}

/* is frame: 右下角区域是局部滚动区域的情况 */

.winter.is-frame .winter-content {
    padding-bottom: 0;
}

.winter.is-frame .winter-content-wrap {
    position: relative;
    overflow: hidden;
    height: 9rem;
}

.winter.is-frame.card-view .winter-main .winter-body.theme-card {
    position: relative;
    height: 100%;
}

.winter.is-frame.card-view .winter-main .winter-body-wrap {
    position: absolute;
    inset: 0;
}

/* */

/* 英文和日文长菜单处理 */

.winter-main.show-side-nav {
    margin-left: 2.21rem;
}

.winter.list-view .fixOverHolder_groupManageTop {
    margin-left: 2.2rem;
}

.winter-nav-item {
    padding: 0.1rem 0.11rem 0.1rem 0.55rem;
}
.bear {
}

/* */
.bear-structure {
}
.bear-structure-aside {
    float: right;
}
.bear-structure-aside.enterprise {
    margin-left: 0.28rem;
    line-height: 0.34rem;
    font-size: 0.16rem;
}
.bear-structure-main {
    /*content:'tip: 内容区需要充满时添加 ';*/ /*overflow: hidden;*/
}

/* */
.bear-shelf {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
}
.bear-shelf-main {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}
.bear-shelf-aside {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    white-space: nowrap;
}

/* */
.bear-card-title {
    line-height: 1.5;
}
.bear-card-title-wrap {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 0.4rem;
    height: 0.4rem;
}
.bear-card-title .title {
    display: inline;
}
.bear-card-title h2.title {
    font-size: 0.22rem;
}
.bear-card-title h3.title {
    font-size: 0.18rem;
}
.bear-card-title h4.title {
    font-size: 0.16rem;
    line-height: 0.22rem;
}
.bear-card-title p.title {
    font-size: 0.14rem;
}

/* */
.bear-card {
    background: #fff;
    box-shadow: 0 0.02rem 0.02rem rgba(0, 0, 0, 0.15);
    -webkit-transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
}
.bear-card.dndDragging {
    transition: none;
}
.bear-card:hover {
    box-shadow: 0 0.08rem 0.08rem rgba(0, 0, 0, 0.15);
}
.bear-card .bear-card-header {
    padding: 0.15rem 0.3rem;
}
.bear-card .bear-card-aside {
    float: right;
    margin-left: 0.2rem;
}
.bear-card .bear-card-body {
    border-top: 1px solid var(--umu-color-fill-secondary, #eee);
    padding: 0.3rem;
}

/* */
.bear-card .bear-card-body.as-container {
    padding: 0;
}

/* */
.bear-card.sub .bear-card-header {
    padding: 0.15rem 0.2rem;
}

/* */
.bear-card.flat {
    border-bottom: 1px solid var(--umu-color-fill-secondary, #eee);
}
.bear-card.flat:last-child {
    border-bottom: 0;
}
.bear-card.flat,
.bear-card.flat:hover {
    box-shadow: none;
}

/* */
.bear-card.as-container:hover {
    box-shadow: 0 0.02rem 0.02rem rgba(0, 0, 0, 0.15);
}

/* -- 右侧aside元素的容器，根据各种不同的组合调整边距 -- */

/* */
.bear-card .bear-card-cmds {
    margin: -0.05rem 0;
}

/*.bear-card-aside .bear-card-cmds{margin-right: -10px;}*/
.bear-card .bear-card-operations {
}
.bear-card .bear-card-btns {
    margin: 0.02rem 0;
}
.bear-card .bear-card-btns .btn:not(:first-child) {
    margin-left: 0.15rem;
}
.bear-card .bear-card-text {
    line-height: 0.4rem;
}

/* */
.winter-title .bear-card-cmds {
    margin: -0.05rem 0;
}
.winter-title-nav .bear-card-cmds {
    margin-left: -0.1rem;
}
.winter-title-aside .bear-card-cmds {
    margin-right: -0.1rem;
}
.winter-title .bear-card-operations {
}
.winter-title .bear-card-btns {
    margin: 0.02rem 0;
}
.winter-title .bear-card-btns .btn:not(:first-child) {
    margin-left: 0.15rem;
}
.winter-title .bear-card-text {
    line-height: 0.4rem;
}

/* */
.bear-card .bear-card-header.as-toolbar {
    padding-top: 0.08rem;
    padding-bottom: 0.08rem;
}

/* 旧页面中，学员管理、模板管理、个人中心 使用的页面结构。没有抽取公共类名，重复了css... */
/* 先保留原样，重构页面结构时再调整 */

.normalManageWrap {
    position: relative;
    background-color: #ffffff;
    width: 10.8rem;
    margin: 0 auto;
    box-shadow: 0 0 0.01rem rgba(0, 0, 0, 0.15);
}
.normalManageWrap .normalManageLeft {
    position: absolute;
    top: 0rem;
    bottom: 0rem;
    left: 0rem;
    width: 2.2rem;
    border-right: 1px solid var(--umu-color-fill-secondary, #eee);
}
.normalManageWrap .normalManageRight {
    width: auto;
    padding-left: 2.2rem;
}
body.locale-es .normalManageWrap .normalManageRight,
body.locale-fr .normalManageWrap .normalManageRight {
    padding-left: 2.2rem;
}

/*nav*/
.normalManageWrap .normalManageLeft .normalManageNav {
    padding: 0rem 0rem 0.2rem 0rem;
    font-size: 0.16rem;
}
.normalManageLeft .normalManageNav .navTab {
    height: 0.66rem;
}
.normalManageLeft .normalManageNav .navTab a {
    display: block;
    height: 100%;
    padding-left: 0.26rem;
    color: #1e6ee6;
    font-size: 0.24rem;
    border-left: solid 3px #ffffff;
    line-height: 0.66rem;
}
.normalManageLeft .normalManageNav li {
    min-height: 0.46rem;
}
.normalManageLeft .normalManageNav .navItem {
    display: block;
    height: 100%;
    width: auto;
    line-height: 0.46rem;
    padding-left: 0.26rem;
    color: #212121;
    border-left: solid 3px #ffffff;
}
.normalManageLeft .normalManageNav .navTab a:hover,
.normalManageLeft .normalManageNav .navItem:hover {
    background-color: var(--umu-color-bg-layout, #f5f5f5);
    border-left-color: var(--umu-color-border-secondary, #f5f5f5);
}
.normalManageLeft .normalManageNav .navTab a.active,
.normalManageLeft .normalManageNav .navItem.active {
    background-color: var(--umu-color-bg-layout, #f5f5f5);
    border-left-color: #1e6ee6;
}

.normalManageRight .operate {
    position: relative;
    height: 0.66rem;
    padding-left: 0.3rem;
}
.normalManageRight .operate .pagination .transclude,
.normalManageRight .operate .pagination ul {
    display: inline-block;
}
.normalManageRight .operate .pagination .transclude {
    vertical-align: bottom;
}

.normalManageRight .pagination {
    position: absolute;
    right: 0.2rem;
    bottom: 0.24rem;
}

.row-container {
    margin: 0 -0.2rem;
}

.row-fluid {
    display: table;
    width: 100%;
}

/*.row-fluid:after{content:".";display:block;clear:both;height:0;visibility:hidden;}*/
.row-col {
    width: 100%;
    min-height: 0.01rem;
    padding: 0 0.2rem;
    display: table-cell;
    vertical-align: top;
}

.row-fluid.two-cols .row-col,
.row-col-one-half {
    width: 50%;
}

.row-fluid.three-cols .row-col,
.row-col-one-third {
    width: 33%;
}

.row-fluid.three-cols .row-col:last-child,
.row-col-one-third:last-child {
    width: 34%;
}

.row-fluid.four-cols .row-col,
.row-col-quarter {
    width: 25%;
}
.row-fluid.five-cols .row-col,
.row-col-quarter {
    width: 20%;
}
@charset "utf-8";
@font-face {
    font-family: 'icomoon';
    src: url(/twww/cn/fonts/icomoon.b53c0ce0..eot);
    src:
        url(/twww/cn/fonts/icomoon.b53c0ce0..eot?#iefix) format('embedded-opentype'),
        url(/twww/cn/fonts/icomoon.5ad153af..woff) format('woff'),
        url(/twww/cn/fonts/icomoon.012d1ca3..ttf) format('truetype'),
        url(/twww/cn/fonts/icomoon.24ed15a9..svg#icomoon) format('svg');
    font-weight: normal;
    font-style: normal;
}

.avatar {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.avatar-font-icon {
    font-family: icomoon;
}

/* avatar */
.avatar_1:before {
    content: '\e600';
}

.avatar_2:before {
    content: '\e601';
}

.avatar_3:before {
    content: '\e602';
}

.avatar_4:before {
    content: '\e603';
}

.avatar_5:before {
    content: '\e604';
}

.avatar_6:before {
    content: '\e605';
}

.avatar_7:before {
    content: '\e606';
}

.avatar_8:before {
    content: '\e607';
}

.avatar_9:before {
    content: '\e608';
}

.avatar_10:before {
    content: '\e609';
}

.avatar_11:before {
    content: '\e60a';
}

.avatar_12:before {
    content: '\e60b';
}

.avatar_13:before {
    content: '\e60c';
}

.avatar_14:before {
    content: '\e60d';
}

.avatar_15:before {
    content: '\e60e';
}

.avatar_16:before {
    content: '\e60f';
}

.avatar_17:before {
    content: '\e610';
}

.avatar_18:before {
    content: '\e611';
}

.avatar_19:before {
    content: '\e612';
}

.avatar_20:before {
    content: '\e613';
}

.avatar_21:before {
    content: '\e614';
}

.avatar_22:before {
    content: '\e615';
}

.avatar_23:before {
    content: '\e616';
}

.avatar_24:before {
    content: '\e617';
}

.avatar_25:before {
    content: '\e618';
}

.avatar_26:before {
    content: '\e619';
}

.avatar_27:before {
    content: '\e61a';
}

.avatar_28:before {
    content: '\e61b';
}

.avatar_29:before {
    content: '\e61c';
}

.avatar_30:before {
    content: '\e61d';
}

.avatar_31:before {
    content: '\e61e';
}

.avatar_32:before {
    content: '\e61f';
}

.avatar_33:before {
    content: '\e620';
}

.avatar_34:before {
    content: '\e621';
}

.avatar_35:before {
    content: '\e622';
}

.avatar_36:before {
    content: '\e623';
}

.avatar_37:before {
    content: '\e624';
}

.avatar_38:before {
    content: '\e625';
}

.avatar_39:before {
    content: '\e626';
}

.avatar_40:before {
    content: '\e627';
}

.avatar_41:before {
    content: '\e628';
}

.avatar_42:before {
    content: '\e629';
}

.avatar_43:before {
    content: '\e62a';
}

.avatar_44:before {
    content: '\e62b';
}

.avatar_45:before {
    content: '\e62c';
}

.avatar_46:before {
    content: '\e62d';
}

.avatar_47:before {
    content: '\e62e';
}

.avatar_48:before {
    content: '\e62f';
}

.avatar_49:before {
    content: '\e630';
}

.avatar_50:before {
    content: '\e631';
}

.avatar_51:before {
    content: '\e632';
}

.avatar_52:before {
    content: '\e633';
}

.avatar_53:before {
    content: '\e634';
}

.avatar_54:before {
    content: '\e635';
}

.avatar_55:before {
    content: '\e636';
}

.avatar_56:before {
    content: '\e637';
}

.avatar_57:before {
    content: '\e638';
}

.avatar_58:before {
    content: '\e639';
}

.avatar_59:before {
    content: '\e63a';
}

.avatar_60:before {
    content: '\e63b';
}

.avatar_61:before {
    content: '\e63c';
}

.avatar_62:before {
    content: '\e63d';
}

.avatar_63:before {
    content: '\e63e';
}

.avatar_64:before {
    content: '\e63f';
}

.avatar_65:before {
    content: '\e640';
}

.avatar_66:before {
    content: '\e641';
}

.avatar_67:before {
    content: '\e642';
}

.avatar_68:before {
    content: '\e643';
}

.avatar_69:before {
    content: '\e644';
}

.avatar_70:before {
    content: '\e645';
}

.avatar_71:before {
    content: '\e646';
}

.avatar_72:before {
    content: '\e647';
}

.avatar_73:before {
    content: '\e648';
}

.avatar_74:before {
    content: '\e649';
}

.avatar_75:before {
    content: '\e64a';
}

.avatar_76:before {
    content: '\e64b';
}

.avatar_77:before {
    content: '\e64c';
}

.avatar_78:before {
    content: '\e64d';
}

.avatar_79:before {
    content: '\e64e';
}

.avatar_80:before {
    content: '\e64f';
}

.avatar_81:before {
    content: '\e650';
}

.avatar_82:before {
    content: '\e651';
}

.avatar_83:before {
    content: '\e652';
}

.avatar_84:before {
    content: '\e653';
}

.avatar_85:before {
    content: '\e654';
}

.avatar_86:before {
    content: '\e655';
}

.avatar_87:before {
    content: '\e656';
}

.avatar_88:before {
    content: '\e657';
}

.avatar_89:before {
    content: '\e658';
}

.avatar_90:before {
    content: '\e659';
}

.avatar_91:before {
    content: '\e65a';
}

.avatar_92:before {
    content: '\e65b';
}

.avatar_93:before {
    content: '\e65c';
}

.avatar_94:before {
    content: '\e65d';
}

.avatar_95:before {
    content: '\e65e';
}

.avatar_96:before {
    content: '\e65f';
}

.avatar_97:before {
    content: '\e660';
}

.avatar_98:before {
    content: '\e661';
}

.avatar_99:before {
    content: '\e662';
}

/* color */
.color_1 {
    color: rgb(185, 48, 20);
    background: rgba(185, 48, 20, 0.2);
}

.color_2 {
    color: rgb(224, 153, 46);
    background: rgba(224, 153, 46, 0.2);
}

.color_3 {
    color: rgb(184, 162, 45);
    background: rgba(184, 162, 45, 0.2);
}

.color_4 {
    color: rgb(130, 163, 43);
    background: rgba(130, 163, 43, 0.2);
}

.color_5 {
    color: rgb(97, 149, 249);
    background: rgba(97, 149, 249, 0.2);
}

.color_6 {
    color: rgb(74, 80, 131);
    background: rgba(74, 80, 131, 0.2);
}

.color_7 {
    color: rgb(80, 147, 161);
    background: rgba(80, 147, 161, 0.2);
}

.color_8 {
    color: rgb(83, 108, 46);
    background: rgba(83, 108, 46, 0.2);
}

.color_9 {
    color: rgb(121, 80, 161);
    background: rgba(121, 80, 161, 0.2);
}

.color_0 {
    color: rgb(212, 47, 117);
    background: rgba(212, 47, 117, 0.2);
}

/* 头像 */
.signin-avatar.avatar {
    display: block;
    width: 0.4rem;
    height: 0.4rem;
    position: relative;
    border-radius: 50%;
    background-size: 100% 100%;
}

.signin-avatar.avatar img {
    border-radius: 50%;
    /* width: 40px;
    height: 40px;*/
    width: 100%;
    height: 100%;
    position: relative;
    /*top: 5px;*/
}

.signin-avatar.avatar .avatar-word {
    position: absolute;
    font-size: 0.24rem;
    left: 0;
    top: 0;
    color: #fff;
    height: 100%;
    width: 100%;
    /* line-height: 40px; */
    vertical-align: middle;
    text-align: center;
}

.signin-avatar.avatar img.default {
    /*! postcss-ignore-theme */
    background-color: var(--umu-color-primary, #ffbd2a);
    border-radius: 50%;
}

/**
    div.letter
        div.letter-top
            div.letter-top-wrap
                div.letter-title
                    div.letter-title-wrap
                        div.letter-title-nav
                        div.letter-title-aside
                        div.letter-title-content.mini
                            div.bear-card-title
                        div.letter-title-content-desc
                div.letter-toolbar
                    div.letter-toolbar-wrap
                        div.letter-toolbar-aside
                        div.letter-toolbar-main
                            div.letter-toolbar-main-wrap
                                div.info.h3
                                    div.title
*/

.letter {
    min-width: 9.8rem;
    min-height: calc(100vh - 0.65rem);
}

.letter-top {
    position: relative;
    z-index: 1000;
    background-color: var(--umu-color-bg-base, #fff);
    border-bottom: 1px solid var(--umu-color-fill-secondary, #eee);
}
.letter-top.hide-border {
    border-bottom: 0;
}
.letter-top-wrap {
    margin: auto;
    min-width: 7.2rem;
    max-width: 8.6rem;
    padding: 0 0.2rem;
}

.letter-title-wrap {
    padding: 0.1rem 0.24rem;
}

.letter-title .crumb-nav .nav-item {
    display: inline;
    margin-right: 0.03rem;
    font-weight: 600;
}

.letter-title .crumb-nav .nav-item .nav-link {
    color: #5fb2d9;
}

/* */

.letter-title-nav {
    float: left;
    min-width: 0.4rem;
    margin-right: 0.1rem;
}

/* */

.letter-title-aside {
    float: right;
    position: relative;
    margin-left: 0.2rem;
}

/* */

.letter-title-content {
    overflow: hidden;
}

.letter-title-content .info {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 0.34rem;
    /*content:'已废弃，请使用bear-card-title';*/
}

.letter-title-content .h2 {
    font-size: 0.18rem;
}

.letter-title-content .h2 .title {
    color: var(--umu-color-text, #333);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 600;
}

/*
 .letter-title-content-wrap{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:40px;}
 .letter-title-content-wrap .title{display:inline;}
 .letter-title-content-wrap h2.title{font-size:22px;}
 .letter-title-content-wrap h3.title{font-size:18px;}
 .letter-title-content-wrap h4.title{font-size:16px;}
 .letter-title-content-wrap p.title{font-size:14px;}
 */

/* */

.letter-title-content.mini {
}

.letter-title-content.mini .info {
    line-height: 0.24rem;
}

.letter-title-content.mini .h2 {
    height: 0.24rem;
}

.letter-title-content.mini .bear-card-title-wrap {
    line-height: 0.24rem;
    height: 0.24rem;
}

/* */

.letter-title-content-desc {
    height: 0.2rem;
    line-height: 0.2rem;
    margin-bottom: -0.04rem;
}

/* */

.letter-toolbar {
}

.letter-toolbar-wrap {
    /*min-height: 36px;*/
    padding: 0.02rem 0.24rem 0.12rem;
}

/* */

.letter-toolbar-aside {
    float: right;
    margin-left: 0.2rem;
}

/* */

.letter-toolbar-main {
}

.letter-toolbar-main .info {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 0.36rem;
}

.letter-toolbar-main .h3 {
    font-size: 0.18rem;
    height: 0.36rem;
}

.letter-toolbar-main .h3 .title {
    color: var(--umu-color-text, #333);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*
 .letter-toolbar-main-wrap{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:36px;}
 .letter-toolbar-main-wrap .title{display:inline;}
 .letter-toolbar-main-wrap h2.title{font-size:22px;}
 .letter-toolbar-main-wrap h3.title{font-size:18px;}
 .letter-toolbar-main-wrap h4.title{font-size:16px;}
 .letter-toolbar-main-wrap p.title{font-size:14px;}
 */

/**
     div.letter-main.show-side-nav                     主容器，可添加左侧菜单修饰类名
         div.letter-main-wrap                          暂时无用
             div.letter-nav                            菜单区域
             div.letter-content                        内容区域，主宽度固定为860
                 div.letter-content-wrap               内容body区域容器，有20px顶边距
                    div.letter-spacing                 内容body区域容器，底部有 padding
                     div.letter-body.theme-card        内容body区域，可添加卡片样式修饰类名
                         div.letter-body-wrap          内容body区域卡片样式
  */

/* */

.letter-main {
    position: relative;
}

.letter-main .letter-aside {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    height: 100%;
    min-height: 9rem;
    min-height: calc(100vh - 1.75rem);
}

.letter-main .letter-aside.letter-nav {
    display: none;
    width: 2.2rem;
    margin-left: -2.21rem;
    border-right: 1px solid #e8e8e8;
    background-color: var(--umu-color-bg-base, #fff);
}

.letter-main .letter-content-wrap {
    min-width: 7.2rem;
    margin: auto;
    min-height: calc(100vh - 3rem);
}

.letter-main .letter-spacing {
    padding-bottom: 2.5rem;
}

.letter-main .letter-body {
    position: relative;
    padding: 0.24rem 0rem;
    border-top: 1px solid var(--umu-color-fill-secondary, #eee);
}

.letter-main .letter-body.theme-card {
    background: var(--umu-color-bg-base, #fff);
}

.letter-main .letter-body-wrap {
    padding: 0.3rem;
    min-height: 6rem;
}

.letter-main .letter-body.theme-card .letter-body-card-fix {
    margin-left: -0.3rem;
    margin-right: -0.3rem;
}

.letter-main .letter-body.theme-card .letter-body-card-fix.fix-top {
    margin-top: -0.3rem;
}

.letter-main .letter-body.theme-card .letter-body-card-padding {
    padding-left: 0.2rem;
    padding-right: 0.2rem;
}

/* */

.letter-nav-item {
    display: block;
    border-left: 3px solid transparent;
    padding: 0.1rem 0.25rem 0.1rem 0.55rem;
    color: var(--umu-color-text, #222);
    line-height: 0.2rem;
    position: relative;
    font-size: 0.14rem;
}

.letter-nav-item .icon {
    width: 0.16rem;
    height: 0.16rem;
}

.letter-nav-item-wrap.with-sub > .letter-nav-item:after {
    content: '';
    border-width: 0 5px 5px;
    border-style: solid;
    border-color: transparent;
    border-bottom-color: #a2a2a2;
    position: absolute;
    top: 0.18rem;
    right: 0.1rem;
    transform: rotate(180deg);
}

.letter-nav-item-wrap.with-sub.active > .letter-nav-item:after {
    transform: rotate(0deg);
}

.letter-nav-item .icon {
    position: absolute;
    margin-left: -0.4rem;
    margin-top: 0.02rem;
    margin-left: -0.28rem;
}

.letter-nav-item:hover {
    border-left-color: var(--umu-color-border-secondary, #f5f5f5);
    background: var(--umu-color-bg-layout, #f5f5f5);
}

.letter-nav-item.active {
    border-left-color: #1e6ee6;
    background: var(--umu-color-bg-layout, #f5f5f5);
}

.letter-sub-nav-list .letter-nav-item {
    font-size: 0.14rem;
    color: var(--umu-color-text, #222);
    line-height: 0.2rem;
}

.letter-sub-nav-list .letter-nav-item.active {
    background: var(--umu-color-bg-layout, #f5f5f5);
}

.letter-main.show-side-nav {
    margin-left: 2.21rem;
}

.letter-main.show-side-nav .letter-aside.letter-nav {
    display: block;
    z-index: 9;
}

/* 右侧显示的内容是一个单独的编辑状态的小卡片 */
.letter.card-view .letter-main .letter-content-wrap {
    max-width: 8.6rem;
}

/* 右侧为一个列表区域，有白色背景 */
.letter.list-view .letter-main/* .show-side-nav */ .letter-content {
    min-height: calc(100vh - 0.65rem);
}

.letter.list-view .letter-main/* .show-side-nav */ .letter-content-wrap {
    padding: 0;
    max-width: none;
}

body.locale-fr .letter-main .letter-content .category-setting-style .category-desc .img .desc-lable .left-desc {
    padding-left: 0.84rem;
}

body.locale-fr .letter-main .letter-content .category-setting-style .category-desc .img .desc-lable .right-desc {
    padding-left: 0.18rem;
}

body.locale-fr .letter-main .letter-content .letter-body .style-list .style-card .in-using-label {
    background-size: 1.4rem 0.37rem;
}

/* 这是业务里一个特殊的应用场景，框架里本不支持这种视图方式，暂时这么搞起吧，纯样式搞不定了 */

.letter.list-view .fixOverHolder_groupManageTop {
    background: var(--umu-color-bg-base, #fff);
    margin-left: 2.2rem;
    border-left: 1px solid var(--umu-color-border, #e0e0e0);
}

/* is frame: 右下角区域是局部滚动区域的情况 */

.letter.is-frame .letter-content {
    padding-bottom: 0;
}

.letter.is-frame .letter-content-wrap {
    position: relative;
    overflow: hidden;
    height: 9rem;
}

.letter.is-frame.card-view .letter-main .letter-body.theme-card {
    position: relative;
    height: 100%;
}

.letter.is-frame.card-view .letter-main .letter-body-wrap {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

/* */

/*英文和日文长菜单处理*/

body.locale-de .letter-main.show-side-nav,
body.locale-en .letter-main.show-side-nav,
body.locale-fr .letter-main.show-side-nav {
    margin-left: 2.21rem;
}

body.locale-de .letter.list-view .fixOverHolder_groupManageTop,
body.locale-en .letter.list-view .fixOverHolder_groupManageTop,
body.locale-fr .letter.list-view .fixOverHolder_groupManageTop {
    margin-left: 2.2rem;
}

.letter-nav-list {
    padding: 0.1rem 0;
    width: 2.2rem;
}

body.locale-de .letter-nav-item,
body.locale-en .letter-nav-item {
    padding: 0.1rem 0.11rem 0.1rem 0.55rem;
}

body.locale-fr .letter-nav-item {
    padding: 0.1rem 0.1rem 0.1rem 0.48rem;
}

body.locale-jp .letter-main.show-side-nav {
    margin-left: 2.21rem;
}

body.locale-jp .letter.list-view .fixOverHolder_groupManageTop {
    margin-left: 2.2rem;
}

body.locale-jp .letter-nav-item {
    padding: 0.1rem 0.11rem 0.1rem 0.55rem;
}

.btn_add {
    width: 0.52rem;
    height: 0.52rem;
    border-radius: 50%;
    position: absolute;
    top: -0.26rem;
    z-index: 99;
    box-shadow: 0 0.02rem 0.06rem rgba(0, 0, 0, 0.15);
}

.btn_add:hover {
    text-decoration: none;
}

.btn_add span {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.btn_add .button {
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.btn_add .button span {
    position: absolute;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

.btn_add .front {
    background: #faa801;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.btn_add .front:after {
    content: '';
    width: 0.14rem;
    height: 0.14rem;
    background: url(/twww/cn/images/sprite.0b379780..png) no-repeat right top;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -0.07rem 0 0 -0.07rem;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.btn_add:hover .front {
    background: #fabc01;
}

.btn_add:hover .front:after {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
}

.btn_add .backface {
    -webkit-transform: rotate3d(0, 1, 0, 180deg);
    -moz-transform: rotate3d(0, 1, 0, 180deg);
    transform: rotate3d(0, 1, 0, 180deg);
    background: var(--umu-color-text-secondary, #666);
    text-align: center;
    line-height: 0.52rem;
    color: #fff;
    display: none;
    /* fix 360 */
}

/*.btn_add:hover .button {
    -webkit-transform: rotate3d(0,1,0,-180deg);
    -moz-transform: rotate3d(0,1,0,-180deg);
    transform: rotate3d(0,1,0,-180deg);
}*/

.subNav {
    float: left;
    padding-left: 0.2rem;
    font-size: 0.18rem;
    border-left: 4px solid #67b8de;
    position: fixed;
    top: 1.2rem;
    width: 1.6rem;
}

.subNav li {
    margin-bottom: 0.25rem;
}

.subNav li:last-child {
    margin: 0;
}

.subNav a {
    color: #435060;
}

.subNav .current {
    color: #67b8de;
}

.subNav:before,
.subNav:after {
    content: "";
    position: absolute;
    width: 0.04rem;
    height: 0.04rem;
    background: #67b8de;
    border-radius: 50%;
    left: -0.04rem;
}

.subNav:before {
    top: -0.02rem;
}

.subNav:after {
    bottom: -0.02rem;
}

/* 密码强度组件 */
.pwdStrength {
    /*width: 140px;
	overflow: hidden;*/
    width: 1.8rem;
    position: absolute;
}

.pwdStrength span {
    float: left;
    width: 0.18rem;
    height: 0.18rem;
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 50%;
    margin-right: 0.2rem;
}

.pwdStrength.weak span:first-child {
    background: url(/twww/cn/images/sprite.0b379780..png) no-repeat 0 -9.03rem;
    border: none;
}

.pwdStrength.normal span:nth-child(1),
.pwdStrength.normal span:nth-child(2),
.pwdStrength.strong span {
    background: url(/twww/cn/images/sprite.0b379780..png) no-repeat -0.28rem -9.03rem;
    border: none;
}

/*.loading {
    width: 60px;
    height: 60px;
    position: relative;
    margin: 0 auto;
}
.loading:before, .loading:after {
    content: "";
    display: block;
    border-width: 5px;
    border-style: solid;
    border-color: rgba(0, 183, 229, 0.9) transparent;
    border-radius: 50%;
    opacity: 0.9;
}
.loading:before {
    width: 50px;
    height: 50px;
    box-shadow: 0 0 35px #2187e7;
    -webkit-animation: spinPulse 1s infinite linear;
    -moz-animation: spinPulse 1s infinite linear;
    animation: spinPulse 1s infinite linear;
}
.loading:after {
    width: 30px;
    height: 30px;
    box-shadow: 0 0 15px #2187e7;
    position: absolute;
    left: 10px;
    top: 10px;
    -webkit-animation: spinoffPulse 1s infinite linear;
    -moz-animation: spinoffPulse 1s infinite linear;
    animation: spinoffPulse 1s infinite linear;
}
@-webkit-keyframes spinPulse {
    0% { -webkit-transform: rotate(160deg); opacity: 0; box-shadow: 0 0 1px #2187e7; }
    50% { -webkit-transform: rotate(145deg); opacity: 1;}
    100% { -webkit-transform: rotate(-320deg); opacity: 0; }
}
@-moz-keyframes spinPulse {
    0% { -moz-transform: rotate(160deg); opacity: 0; box-shadow: 0 0 1px #2187e7;}
    50% { -moz-transform: rotate(145deg); opacity: 1; }
    100% { -moz-transform: rotate(-320deg); opacity: 0; }
}
@keyframes spinPulse {
    0% { transform: rotate(160deg); opacity: 0; box-shadow: 0 0 1px #2187e7; }
    50% { transform: rotate(145deg); opacity: 1;}
    100% { transform: rotate(-320deg); opacity: 0; }
}
@-webkit-keyframes spinoffPulse {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}
@-moz-keyframes spinoffPulse {
    0% { -moz-transform: rotate(0deg); }
    100% { -moz-transform: rotate(360deg);  }
}
@keyframes spinoffPulse {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}*/

.loading {
    height: 0.5rem;
    background: url(/twww/cn/images/loading.dd5ca808..gif) no-repeat 50% 50%;
}

.loading-transparent {
    height: 0.5rem;
    background: url(data:image/gif;base64,R0lGODlhEAAQAKIGAMLY8YSx5HOm4Mjc88/g9Ofw+v///wAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFCgAGACwAAAAAEAAQAAADMGi6RbUwGjKIXCAA016PgRBElAVlG/RdLOO0X9nK61W39qvqiwz5Ls/rRqrggsdkAgAh+QQFCgAGACwCAAAABwAFAAADD2hqELAmiFBIYY4MAutdCQAh+QQFCgAGACwGAAAABwAFAAADD1hU1kaDOKMYCGAGEeYFCQAh+QQFCgAGACwKAAIABQAHAAADEFhUZjSkKdZqBQG0IELDQAIAIfkEBQoABgAsCgAGAAUABwAAAxBoVlRKgyjmlAIBqCDCzUoCACH5BAUKAAYALAYACgAHAAUAAAMPaGpFtYYMAgJgLogA610JACH5BAUKAAYALAIACgAHAAUAAAMPCAHWFiI4o1ghZZJB5i0JACH5BAUKAAYALAAABgAFAAcAAAMQCAFmIaEp1motpDQySMNFAgA7) no-repeat 50% 50%;
}

.sesCon .loading {
    margin-bottom: 0.3rem;
}

.system-reb-spot{
    font-size: 0.12rem;
    color: #FFF;
    background: #DD4E40;
    border-radius: 15px;
    overflow: hidden;
    font-weight: 700;
    min-width: 0.1rem;
    min-height: 0.2rem;
    line-height: 0.2rem;
    text-align: center;
    padding: 0 0.05rem;
}
/* 浏览器检查,url切换 */
.switchUrl {
    height: 0.76rem;
    background: #36485b;
    position: relative;
}

.switchUrl .tip {
    float: left;
    /*margin: 25px 0 0 150px;*/
    /*margin: 25px 0 0 50px;*/
    margin: 0.1rem;
    font-size: 0.16rem;
    line-height: 0.26rem;
    color: #fefefe;
}

.switchUrl .icon_face {
    float: left;
    width: 0.26rem;
    height: 0.26rem;
    background: url(/twww/cn/images/sprite_home.f38f545c..png) no-repeat 100% -1.32rem;
    margin-right: 0.15rem;
}

.switchUrl .operate {
    float: right;
    /*margin: 20px 70px 0 0;*/
    margin: 0.2rem 0.5rem 0 0;
}

.switchUrl .operate * {
    float: left;
}

.switchUrl .btn_1 {
    height: 0.32rem;
    line-height: 0.32rem;
    padding: 0 0.2rem;
    font-size: 0.16rem;
    color: #fff;
    border: 1px solid #fff;
    box-shadow: 0 0 0 0.01rem #405163 inset;
    margin: 0.01rem 0.1rem 0 0;
    border-radius: 2px;
}

.switchUrl .btn_2 {
    height: 0.36rem;
    line-height: 0.36rem;
    padding: 0 0.3rem;
    font-size: 0.16rem;
    color: #fff;
    background: var(--umu-color-primary, #ffb91f);
    border-radius: 2px;
}

.switchUrl a:hover {
    text-decoration: none;
}

.switchUrl .option {
    margin: 0.09rem 0 0 0.2rem;
    color: #fff;
    line-height: 0.18rem;
}

.switchUrl .option .radBox {
    background-color: transparent;
}

.switchUrl .btn_close {
    width: 0.12rem;
    height: 0.12rem;
    background: url(/twww/cn/images/sprite_home.f38f545c..png) no-repeat right top;
    margin: 0.12rem 0 0 0.24rem;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.switchUrl .btn_close:hover {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
}

/* button */

.btn {
    box-sizing: content-box !important;
    white-space: nowrap;
}

table .btn {
    white-space: unset;
}

.btn,
.btn:hover {
    text-decoration: none;
}

.btn.disabled {
    background: var(--umu-color-bg-layout, #f4f4f4);
    border-color: #e0e1e2;
    color: #a1a2a3;
    box-shadow: none !important;
    cursor: default !important;
}

/* 蓝色按钮 */

.btn-primary {
    display: inline-block;
    vertical-align: middle;
    padding: 0 0.16rem;
    min-width: 0.54rem;
    line-height: 0.32rem;
    font-size: 0.14rem;
    border-radius: 4px;
    color: #fff;
    background: var(--umu-color-primary, #fab400);
    border: 1px solid var(--umu-color-primary, #fab400);
    text-align: center;
    box-sizing: content-box !important;
    font-weight: 700;
}

/* 蓝色按钮 */

.btn-primary-blue {
    display: inline-block;
    vertical-align: middle;
    padding: 0 0.16rem;
    min-width: 0.54rem;
    line-height: 0.32rem;
    font-size: 0.14rem;
    border-radius: 4px;
    color: #fff;
    background: #1e6ee6;
    border: 1px solid #1e6ee6;
    text-align: center;
    box-sizing: content-box !important;
    font-weight: 700;
}

body.locale-de .btn-primary,
body.locale-en .btn-primary {
    text-transform: uppercase;
}

.btn-primary:hover {
    box-shadow: 0 0.01rem 0.05rem rgba(0, 0, 0, 0.2);
}

.btn-primary.disabled {
    color: #fff;
    background-color: #d0d0d1 !important;
    border-color: #d0d0d1 !important;
}

/* 灰色按钮 */

.btn-optional {
    display: inline-block;
    vertical-align: middle;
    padding: 0 0.16rem;
    min-width: 0.54rem;
    line-height: 0.34rem;
    font-size: 0.14rem;
    border-width: 1px;
    border-style: solid;
    border-radius: 2px;
    background: var(--umu-color-bg-layout, #f5f5f5);
    color: var(--umu-color-text, #212121);
    border-color: var(--umu-color-border, #e0e0e0);
    text-align: center;
    box-sizing: content-box !important;
}

body.locale-de .btn-optional,
body.locale-en .btn-optional {
    text-transform: uppercase;
}

.btn-optional:hover {
    box-shadow: 0 0.01rem 0.04rem rgba(0, 0, 0, 0.07);
}

/* 醒目按钮 */

.btn-striking {
    display: inline-block;
    vertical-align: middle;
    padding: 0 0.16rem;
    min-width: 0.54rem;
    line-height: 0.34rem;
    font-size: 0.14rem;
    border-width: 1px;
    border-style: solid;
    border-radius: 2px;
    color: #1e6ee6;
    border-color: #1e6ee6;
    text-align: center;
    box-sizing: content-box !important;
}

body.locale-de .btn-striking {
    text-transform: uppercase;
}

.btn-striking.fill {
    background: var(--umu-color-bg-base, #fff);
}

.btn-striking:hover {
    box-shadow: 0 0.01rem 0.04rem rgba(0, 0, 0, 0.07);
}

/* 黄色 */

.btn-warning {
    display: inline-block;
    vertical-align: middle;
    padding: 0 0.16rem;
    min-width: 0.54rem;
    line-height: 0.34rem;
    font-size: 0.14rem;
    border-width: 1px;
    border-style: solid;
    border-radius: 4px;
    background: var(--umu-color-primary, #ffbd2b);
    color: #fff;
    border-color: var(--umu-color-primary, #ffbd2b);
    text-align: center;
    box-sizing: content-box !important;
    font-weight: 700;
}

body.locale-de .btn-warning,
body.locale-en .btn-warning {
    text-transform: uppercase;
}

.btn-warning:hover {
    box-shadow: 0 0.01rem 0.04rem rgba(0, 0, 0, 0.07);
}

.btn-warning:active {
    background: var(--umu-color-primary-active, #ea9f00);
    box-shadow: 0 0.01rem 0.04rem rgba(0, 0, 0, 0.1);
}

.btn-warning.disabled {
    background: var(--umu-color-fill-secondary, #eee);
    color: #ccc;
}

/* 红色按钮 */

.btn-danger {
    display: inline-block;
    vertical-align: middle;
    padding: 0 0.16rem;
    min-width: 0.54rem;
    line-height: 0.34rem;
    font-size: 0.14rem;
    border-width: 1px;
    border-style: solid;
    border-radius: 2px;
    background: #dd4e40;
    color: #fff;
    border-color: #dd4e40;
    text-align: center;
    box-sizing: content-box !important;
    font-weight: 700;
}

body.locale-de .btn-danger,
body.locale-en .btn-danger {
    text-transform: uppercase;
}

.btn-danger:hover {
    box-shadow: 0 0.01rem 0.05rem rgba(0, 0, 0, 0.2);
}

.btn-danger.disabled {
    background: #f99090 !important;
    border-color: #f99090 !important;
}

/* btn-in-form */

.btn-in-form {
    height: 0.38rem;
    line-height: 0.38rem;
}

/* 鹿头按钮 */

.btn-giraffe {
    display: block;
    width: 2.47rem;
    height: 0.5rem;
    line-height: 0.5rem;
    font-size: 0.18rem;
    color: #fff;
    border-radius: 4px;
    text-align: center;
    position: relative;
}

body.locale-de .btn-giraffe,
body.locale-en .btn-giraffe {
    text-transform: uppercase;
}

.btn-giraffe {
    background: var(--umu-color-primary, #ffb91f) url(/twww/cn/images/giraffe.c50c4d47..png) no-repeat 100% 0;
}

.btn-giraffe:hover {
    box-shadow: 0 0.01rem 0.05rem rgba(0, 0, 0, 0.2);
}

.btn-giraffe:active {
    bottom: -0.01rem;
    box-shadow: none;
    background-color: #e9ac27;
    background-position: 100% -0.5rem;
}

.btn-giraffe.optional {
    background: url(/twww/cn/images/giraffe.c50c4d47..png) no-repeat 100% 0;
    color: var(--umu-color-primary, #ffb91f);
    box-shadow: 0 0 0 0.01rem #ffb91f inset;
}

.btn-giraffe.optional:hover {
    box-shadow:
        0 0 0 0.01rem #ffb91f inset,
        0 0.01rem 0.05rem rgba(0, 0, 0, 0.2);
}

.btn-giraffe.optional:active {
}

.btn-giraffe.sub {
    background: rgba(255, 255, 255, 0.3) url(/twww/cn/images/giraffe.c50c4d47..png) no-repeat 100% -1rem;
    box-shadow: 0 0 0 0.01rem rgba(255, 255, 255, 0.5) inset;
}

.btn-giraffe.sub:hover {
    box-shadow:
        0 0 0 0.01rem rgba(255, 255, 255, 0.5) inset,
        0 0.01rem 0.05rem rgba(0, 0, 0, 0.2);
}

.btn-giraffe.disabled {
    background-position: 100% -2.5rem;
    background-color: #d2d2d2;
    cursor: default;
}

.btn-giraffe.disabled:hover {
    box-shadow: none;
}

.btn-giraffe.disabled:active {
    bottom: 0;
}

/* 文本链接 */

.btn-text {
    color: #1e6ee6;
}

.btn-text:hover {
    text-decoration: underline;
}

/* 文本按钮用作行动按钮，比如 session「从题库添加」 */

.btn-action {
    color: #1e6ee6;
}

.btn-action:hover {
    text-decoration: none;
}

.btn-text.disabled {
    background: 0 !important;
    color: #757575;
    cursor: default;
    text-decoration: none;
}

.btn-action-create {
    line-height: 0.34rem;
    padding: 0 0.15rem 0 0.11rem;
    vertical-align: middle;
    min-width: 0.54rem;
    border-width: 1px;
    border-style: solid;
    background: var(--umu-color-primary, #ffbd2b);
    color: #fff;
    border-color: var(--umu-color-primary, #ffbd2b);
    text-align: center;
    box-sizing: content-box !important;
    font-size: 0.14rem;
    font-weight: 600;
    border-radius: 4px;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.btn-action-create .icon-plus-white {
    margin-right: 0.04rem;
    width: 0.24rem;
    height: 0.24rem;
}

/* a 链接样式的 button */

.btn.imitate-a {
    width: auto;
    padding: 0;
    color: #1e6ee6;
    border: 0 none;
    cursor: pointer;
    outline-style: none;
    background-color: transparent;
    overflow: visible;
    font-size: inherit;
    -webkit-user-select: none !important;
        -ms-user-select: none !important;
            user-select: none !important;
}

.btn.imitate-a.disabled {
    cursor: default;
    pointer-events: none;
    color: rgba(30, 110, 230, 0.6);
}

:root {
    /* 参考：https://www.figma.com/file/D8CGJYz9N6hBdApVWN769y/UMU-Web%E7%AB%AF%E7%BB%84%E4%BB%B6%E8%A7%84%E8%8C%83?node-id=558%3A1349 */

    /* 功能色 */
    --BrandLight: var(--umu-gold-2, rgba(250, 180, 0, 0.08));
    --BrandFocus: rgba(250, 180, 0, 0.24);
    --BrandNormal: var(--umu-color-primary, #fab400);
    --BrandEnhanced: var(--umu-color-primary, #f2af2e);
    --BrandDark: #eaa900;

    --SubLightHover: rgba(30, 110, 230, 0.08);
    --SubLightFocus: rgba(30, 110, 230, 0.18);
    --SubFocus: #4a93ff;
    --SubHover: #297dfc;
    --SubColor: #1e6ee6;

    --Warning: #ff860c;
    --Error: #dd4e40;
    --Success: #21a564;

    /* 文字色 */
    --Text1: var(--umu-color-text, #222222);
    --Text2: var(--umu-color-text-secondary, #666666);
    --Text3: #999999;

    /* 中性色 */
    --Grey1: #cccccc;
    --Grey2: #e0e0e0;
    --Grey3: var(--umu-color-fill-secondary, #eee);
    --Background: #f5f5f5;
    --ZebraStriping: #fcfcfc;
    --White: #ffffff;
    --DialogBG: rgba(0, 0, 0, 0.6);
    --TooltipsBG: rgba(0, 0, 0, 0.75);

    --size-20: 20px;
}

/*-----表单row------*/
.form-row {
    position: relative;
}
.form-row-label {
    line-height: 1.5;
    color: #757575;
}
.form-row-body {
    margin-top: 0.1rem;
}
.form-row-tip {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}
.form-row-tip.theme-static {
    position: static;
    margin: 0.05rem 0 -0.05rem;
    color: #d01013;
    font-size: 0.12rem;
    line-height: 1.5;
}

.form-row.theme-single-line {
    margin-bottom: 0.15rem;
    padding-left: 1.35rem;
}
.form-row.theme-single-line .form-row-label {
    position: absolute;
    left: 0;
    top: 0;
    line-height: 0.36rem;
    width: 1.3rem;
}

/* input, textarea */
.input-box {
    padding-right: 0.2rem;
}
.input-box .input-text {
    display: block;
    width: 100%;
    height: 0.22rem;
    line-height: 0.18rem;
    padding: 0.08rem 0.09rem;
    outline: none;
    resize: none;
    background: var(--umu-color-bg-base, #fff);
    font-size: 0.14rem;
    color: var(--umu-color-text, #212121);
    box-shadow: none;
    border: 1px solid var(--umu-color-border, #e0e0e0);
    box-sizing: content-box;
    border-radius: 4px;
}
.input-box textarea.input-text {
    height: 1.6rem;
}
.input-box .input-text:focus {
    border: 1px solid #1e6ee6;
}
.input-box .input-text[disabled] {
    box-shadow: none;
    color: #757575 !important;
}
.input-box .input-text::-webkit-input-placeholder {
    color: #757575;
}
/* rich text */
/**

<div class="input-box-rich"
    multi-textarea
    multimedia-type="info.multimedia_type"
    multimedia-from="session"
>
    <div class="input-box">
        <textarea
            class="input-text"
            ng-model="info.desc"
            limit-text-length
            maxlength="500"
        ></textarea>
    </div>
    <div name="desc"
        simditor
        multimedia-id="info.multimedia_id"
    >
    </div>
</div>

 */
.input-box-rich {
    border: 1px solid var(--umu-color-border, #e0e0e0);
    background: var(--umu-color-bg-base, #fff);
}
.input-box-rich .input-box .input-text {
    border: 0;
    height: 2.29rem;
}
.input-box-rich .input-box .input-text:focus {
    box-shadow: none;
}

/* radio, checkbox */
/*
    <span class="radio-box selected">
        <span class="input"><input type="hidden" name="isCertain"></span>
        <span class="desc">123</span>
    </span>

    <span class="check-box checked">
        <span class="input"><input type="hidden" name="isCertain"></span>
        <span class="desc">123</span>
    </span>
 */
.check-box .input,
.radio-box .input {
    width: 0.16rem;
    height: 0.16rem;
    margin-right: 0.04rem;
    cursor: pointer;
    background: var(--umu-color-bg-base, #fff);
    border: 1px solid #e1e1e1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: text-bottom;
}

.radio-box .input {
    border-radius: 50%;
    overflow: hidden;
}

.check-box.checked .input,
.radio-box.checked .input {
    border: none;
    width: 0.18rem;
    height: 0.18rem;
}

.check-box.checked .input:before,
.radio-box.checked .input:before {
    content: '';
    width: 0.18rem;
    height: 0.18rem;
    display: block;
    background: url(/twww/cn/images/icons.e8a64291..png) no-repeat -0.4rem -2rem;
    -webkit-background-size: 540px auto;
    background-size: 5.4rem auto;
}

.check-box:hover .input,
.radio-box:hover .input {
    border-color: var(--umu-color-primary, #ffbd2b);
}

.check-box.disabled .input:before,
.radio-box.disabled .input:before {
    background-position: -1.2rem -2rem;
}

.check-box.disabled:hover .input,
.radio-box.disabled:hover .input {
    border-color: #e1e1e1;
}

/* 蓝色的小一圈的样式 */
.check-box.sub .input {
    width: 0.14rem;
    height: 0.14rem;
    border: 2px solid #999;
}

.radio-box.sub .input {
    width: 0.16rem;
    height: 0.16rem;
    border: 1px solid #999;
}

.check-box.sub .input {
    width: 0.16rem;
    height: 0.16rem;
    border: 1px solid #999;
    border-radius: 2px;
}

.check-box.sub:hover .input,
.radio-box.sub:hover .input {
    border-color: #0b58bf;
}

.check-box.sub.checked .input,
.radio-box.sub.checked .input {
    width: 0.18rem;
    height: 0.18rem;
    border: 0;
    background: var(--umu-color-bg-base, #fff);
}
.radio-box.sub.checked .input {
    background: #1e6ee6;
}

.check-box.sub.checked .input:before,
.radio-box.sub.checked .input:before {
    width: 0.18rem;
    height: 0.18rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGTSURBVHgB7dg9S8NAGMDx57kSS/GFoA6KIroKQru4uolOLoKDkzgr7eK3EAsuTnZ2s1N17CdQ8AtkEHVRgoralObMUwhoyV3S5JLc0P+Wl4MfB5dLguA1V31eNnq8gQhl79CEjOMcrrvdTu3lYsVCwoy5/C4PyADLdhynwgzXreePodA0jGKDIeAOaBIiLzPQKjQ1AwGMQLvrJVicLgivZwoizOm+CVdHM0JUZiAfQxFGhMoE9BfjR5jNtSJkDgrCUPWbT7hsf0GmIBnmrPUROCY1UBxMaqC4mFRASTCRQNWtCWidzMJUCcNuTYwJBRGmtj0JqwtG/7khQ6nASEGHG+N9jJ8MpQojBd0+/MDjW+/fuSCUSowURJi981cpSjWGwqXjJy67QbTvEDRoL0qCoUJXmWim0sBEAslQqjGRQWEoVZihQCKUSszQoEGUagwVuspE0bJ//441VFrszTUNDDX6DApLS5ANGsWQwz1oE28yLOAB6DFLNnOcKrPq8xZjWPFONCGfbO/tqs2cTsXyfun9Apy+2yQwAn4DAAAAAElFTkSuQmCC) no-repeat center / contain;
    /* -webkit-background-size: 540px auto;
    background-size: 540px auto; */
}

.radio-box.sub.checked .input:before {
    background: 0;
    width: 0.12rem;
    height: 0.12rem;
    border: 2px solid #fff;
    border-radius: 50%;
    margin: 0.01rem;
}

.check-box.sub.disabled .input {
    border-color: var(--umu-color-border, #e0e0e0);
}
.check-box.sub.disabled .input:before {
    background: url(/twww/cn/images/icons.e8a64291..png) no-repeat -1rem -2rem;
    -webkit-background-size: 540px auto;
    background-size: 5.4rem auto;
    background-color: var(--umu-color-bg-base, #fff);
    background-position: -1.4rem -2rem;
}

.radio-box.sub.disabled .input {
    border-color: var(--umu-color-border, #e0e0e0);
}
.radio-box.sub.checked.disabled .input {
    background: var(--umu-color-fill-secondary, #eee);
}
.radio-box.sub.disabled .input:before {
    background: var(--umu-color-fill-secondary, #eee);
}

/* 蓝色的大一圈的样式 */

.radio-box.large .input {
    width: 0.2rem;
    height: 0.2rem;
    border: 2px solid #999;
}

.radio-box.large:hover .input {
    border-color: #0b58bf;
}

.radio-box.large.checked .input {
    width: 0.24rem;
    height: 0.24rem;
    border: 0;
    background: var(--umu-color-bg-base, #fff);
}
.radio-box.large.checked .input {
    background: #1e6ee6;
}

.input,
.input:before {
    box-sizing: content-box;
}

.radio-box.large.checked .input:before {
    background: 0;
    width: 0.16rem;
    height: 0.16rem;
    border: 2px solid #fff;
    border-radius: 50%;
    margin: 0.02rem;
}

.radio-box.large.disabled .input {
    border-color: var(--umu-color-border, #e0e0e0);
}
.radio-box.large.checked.disabled .input {
    background: var(--umu-color-fill-secondary, #eee);
}
.radio-box.large.disabled .input:before {
    background: var(--umu-color-fill-secondary, #eee);
}

/* switch */
.check-box.switch {
    display: inline-block;
    vertical-align: -0.03rem;
    width: 0.38rem;
    height: 0.22rem;
    position: relative;
    overflow: hidden;
}
.check-box.switch .input {
    display: block;
}
.check-box.switch.disabled {
    cursor: no-drop;
}
.check-box.switch.disabled .input {
    opacity: 0.65;
}
.check-box.switch.checked.disabled .input {
    background: #8eb6f2;
}
.check-box.switch.checked.disabled .input:before {
    border-color: #1e6ee6;
}
.check-box.switch .input {
    position: absolute;
    width: 100%;
    height: 0.08rem;
    border-radius: 5px;
    background: #757575;
    border: 0;
    left: 0;
    top: 50%;
    margin-top: -0.04rem;
}

.check-box.switch .input:before {
    content: '';
    float: left;
    height: 0.1rem;
    width: 0.1rem;
    border: 5px solid #757575;
    border-radius: 50%;
    background: var(--umu-color-bg-base, #fff);
    margin-top: -0.06rem;
}

.check-box.switch.checked .input {
    background: #1e6ee6;
}

.check-box.switch.checked .input:before {
    float: right;
    border-color: #1e6ee6;
}

/* disabled */
.check-box.disabled .input,
.radio-box.disabled .input {
    cursor: no-drop;
}

/* 列表 */
/* -- 简单列表，一行顺序排列 -- */
.check-box-list-wrap.simple-list .check-list-item,
.radio-list-wrap.simple-list .radio-list-item {
    float: left;
    line-height: 0.18rem;
    margin-right: 0.4rem;
    margin-top: 0.05rem;
}
/* -- 带描述内容的列表，每个选项独立一行 -- */
.check-box-list-wrap.desc-option-list .check-list-item,
.radio-list-wrap.desc-option-list .radio-list-item {
    line-height: 0.18rem;
}

.check-box-list-wrap.desc-option-list .check-list-item .tip-content,
.radio-list-wrap.desc-option-list .radio-list-item .tip-content {
    font-size: 0.14rem;
    color: var(--umu-color-text-secondary, #666);
    line-height: 1.3;
    padding-left: 0.32rem;
    margin: 0.03rem 0 0;
}

.bulk-check .check-box.sub.checked .input {
    width: 0.18rem;
    height: 0.18rem;
    border: 0px;
}
.bulk-check .check-box.sub {
    display: flex;
    align-items: center;
    cursor: pointer;
}
.bulk-check .check-box.sub .input {
    margin-right: 0.08rem;
    width: 0.16rem;
    height: 0.16rem;
    border: 1px solid #999999;
    border-radius: 2px;
    position: relative;
}
.bulk-check.partial-checked .check-box.sub .input::before {
    width: 0.08rem;
    height: 0.08rem;
    position: absolute;
    background: #1e6ee6;
    top: 0.04rem;
    left: 0.04rem;
    content: '';
}

/* table */
.table {
    white-space: normal;
    word-break: break-word;
}
.table th,
.table td {
    vertical-align: middle;
    line-height: 1.5;
    padding: 0.05rem 0.1rem;
}
.table th:first-child,
.table td:first-child {
    padding-left: 0.2rem;
}
.table th:last-child,
.table td:last-child {
    padding-right: 0.2rem;
}
.table th {
    height: 0.3rem;
    color: #757575;
    background: #fafafa;
    text-align: left;
}
.table td {
    height: 0.4rem;
}
.table .col-index {
    width: 0.4rem;
    padding-right: 0;
}
.table .col-avatar {
    width: 0.6rem;
    padding-right: 0;
}
body.locale-de .table .col-avatar,
body.locale-en .table .col-avatar {
    width: 0.9rem;
}
body.locale-jp .table .col-avatar {
    width: 0.6rem;
}
.table .col-sortable a {
    display: block;
    color: #757575;
}
.table .col-sortable a:hover {
    color: var(--umu-color-text, #212121);
}

/* */
.table-lined {
    width: 100%;
    border-bottom: 1px solid var(--umu-color-fill-secondary, #eee);
}
.table-lined th,
.table-lined td {
    border-top: 1px solid var(--umu-color-fill-secondary, #eee);
    word-break: normal;
}

/* */
.table-bordered {
    width: 100%;
    border: 1px solid var(--umu-color-fill-secondary, #eee);
}
.table-bordered th,
.table-bordered td {
    border-top: 1px solid var(--umu-color-fill-secondary, #eee);
}

/* */
.table-grid {
    width: 100%;
    border: 1px solid var(--umu-color-fill-secondary, #eee);
}
.table-grid th,
.table-grid td {
    border-top: 1px solid var(--umu-color-fill-secondary, #eee);
    border-left: 1px solid var(--umu-color-fill-secondary, #eee);
}

/* */
.table.nowrap {
    table-layout: fixed;
}
.table.nowrap th,
.table.nowrap td {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

/* */
.table.multipl-line td {
    vertical-align: top;
    height: auto;
    padding-top: 0.15rem;
    padding-bottom: 0.15rem;
}

/* */
.table.avatar-table td {
    height: 0.6rem;
}

/* */
.table.in-card-body th:first-child,
.table.in-card-body td:first-child {
    padding-left: 0.3rem;
}
.table.in-card-body th:last-child,
.table.in-card-body td:last-child {
    padding-right: 0.3rem;
}

/* */
.table.selectable tr:hover {
    background: #f4f9fc;
}
.table.selectable tr.selected {
    background: #f4f9fc;
}

/* */
.table.hide-top-border {
    border-top: 0;
}

.table.hide-top-border th {
    border-top: 0;
}
.table.hide-top-border tbody:first-child tr:first-child td {
    border-top: 0;
}
.table.hide-top-border thead + tbody tr:first-child td {
    border-top: 1px solid var(--umu-color-fill-secondary, #eee);
}
.table.hide-bottom-border {
    border-bottom: 0;
}
.table.hide-left-border {
    border-left: 0;
}
.table.hide-left-border tr > :first-child {
    border-left: 0;
}
.table.hide-right-border {
    border-right: 0;
}

/* */
.scrollable-table-holder {
}
.scrollable-table-holder-wrap {
    overflow-x: auto;
}

/* */
.table.table-striped th,
.table.table-striped tbody tr:nth-of-type(even) {
    background: var(--umu-color-bg-base, #fff);
}
.table.table-striped tbody tr:nth-of-type(odd) {
    background: #f9f9f9;
}

table th,
table td {
    text-align: left;
}

table th.num,
table td.num {
    text-align: right;
}

.table td.operation {
    text-transform: uppercase;
}

/*文件类型 icon, 抽于云盘，文档管理*/
span.icon,
span.iconFileType {
    display: inline-block;
    vertical-align: middle;
    background-image: url(/twww/cn/images/drive_spirit.f47dd9e9..png);
    background-repeat: no-repeat;
    width: 0.26rem;
    height: 0.26rem;
}

span.iconFileType {
    background-position: 0rem -6rem; /* 默认图标 */
}

span.iconFileType_txt {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADbSURBVHgB7ZkxDsIwEAT3IkqQeELgY9RAxQsIP6Ah/A7yBKSkjokpnUA4LSEW3JSntTzyWm4sCEjzaiWuPkJkjgFxDlmxnR36ckk4ENTZ0HKPfQRZeir3fbmkY2mKL/GOZIKR6ZMcXdDzSjIKQc8zyWgEPV4ynEUl2IUJskQvOIGSy3oKhuW5UuWtYhZ1xdqKWKxilt+7g9fNTECwyEunyVvFLOqKtRWxWMUs//vMfOquWsUs9sywmCCLCbKYIIsJsrQFHW4YDSnCSUvQwe26goPTHEzzNdH6lrgDSqY1ajDr0JEAAAAASUVORK5CYII=);
    background-size: cover;
    background-position: center;
}

span.iconFileType_pdf {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAI7SURBVHgB7ZlBbtNAFIb/Ny5RBUgYCYJYYU6AkULbHSaFdeEEETcIJ0i4QW7QcAP20GB2VcoinCBZUZou6h2VqOcxU9Xg2Cbj1EmTSv4kZzwzz+MvMyP7RSEkGG9vNADuAGRjgTDL9oPet/emOJG+EO1Fy2mIRPuoXmuZ4kT6Qji4IvJICiwZk+TSBTXTJFdCUPM/yZUR1GjJZNtKCWZRChalFCxKKViUlRdcMwVU9/qUbDt+ueWpdGlXnToq/Xlb7R104/3jV89cktRi4LWuh6F4/NDfH2WNr9I7RhHBiENvy9HlKU6D+5/3/RPPffrbujGM+oeea69j3db91U8HA9X05nh78wuDveQYk0hMI/cSW5Yc6uOWVTk59GreXX8QgPEh6r9pVTpR/496rXneSDSRkApL+tE40WG676X2IAm4umRQkNW/Jqihy7MzjFCQ3EusbL7qQoIGv+Tt7kWbC8qQkNkZuQU0JbP9b0hqmRLk3ILVXt+L13+qZVSD76i7fERO7u31J2LVHm2oPepgHoJH9Y12dE7Ez9WnhxkZ1zd3QdKJ6gyptgphLoJqtmLJ5PRBJeG7Li2EdjyWiV8Q6BFmIP8eNEDMPjMpCQq4Qp1zUcGeMHwZE3MTvHhYd6O6fhQJIuPPShNGwfjey0LN2I6Kcf7WwbYgPInvURJhU8UEan7vYMYZTUWbXj2LJvlqLbOZopSCRSkFi1IKFqUULMp1FOQAy2OUbEgJhox3WYGLRmU6Qcic+lviD9stuo9Xv5+NAAAAAElFTkSuQmCC);
    background-size: cover;
    background-position: center;
}

span.iconFileType_excel {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAE0SURBVHgB7ZlBToNAFIb/R4hbOcI7Qu/TGDGpxp3xBOIN3EviQhuv4RG8QfEG7K2MM026oTMdOi90SDvfApLhJ3wB3swjEHrwx9010d8LQAVGRAFVM6+ffbmsP6DlqrHlNtfRgrxcPPlymeVUxpEYIpkhMj7J6IKGfZKTEDS4JCcjaDCS/bFJCdpIglJyBLKa1zQ0y5/3TN16hQBO9w5u4beSkefl3lD3W2xqNACxoJZjyuBZU8PkDKmKpZx+kWBNLS66H3eALvUmuL8UCzY3r996x67j/L6o/EXk5gzmweXtTH9gPLiOE6kZBMjfwU4V+hGWGIk0zUhJglLk8+BV/QVPN5D6QRtmhRgcjtEPHrZ8pX4wHklQShKUkgSl2ARbxIKo6Q/tCCrQoy14BFqlsPNb4h9ekUCarLIkCQAAAABJRU5ErkJggg==);
    background-size: cover;
    background-position: center;
}

span.iconFileType_doc,
span.iconFileType_docx {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAJ6SURBVHgB7ZlfUtswEMZ310CnMw0NN3BuwA3wDZob8Awp08kJCCdoOm3CY8sN6A3cG9ALtLpB0oaXPkRbyY4lyzbEfwgJM/5eWGWl8U/Sp5VDEDLyp/enyHIMiF3YoJhhJAadq3X9KPsBghxtGi56DsLInywu1/WjgqE+PJPKQBJsWesgtw6o9RjkTgBqPQS5M4BaGjL72U4BFqkFbKoWsKn2ynZU9/OVBBRRTHgKDIGTB7iVzN+jGPFrbjzIoWScr/If1J9jeEpAyTAX7w+/6dj/8qeLRIGTX8IncXEY6rh3vchMAMWv87fjpNWb/r2MplRCpbdYAb0zDU/eOkkNf9EJTVPKH25e/kxCfzI7rnLfl/cg2y0RZ0dCQ6WSLhBR6A4FOyGmACqoPCBC1/+8CMxzMPZbDgD0BNRqOhOgOxN6qZ14UsBIMrAh24fSfpjtySBv4giFGLwxfTFzuNapEiB6dGIaKx+qN+M7cfZa6Nj/OLMvuohhTJry3/UsgIqqWgeDBML60B4I3Kexgfy3DCM+5tCMltSHiqpeqPe8wDbU4ZBk/Ud4AgdeBCGGR3Pl21Ate5ikEVM7sDFA4iAJ9eFIyospH2QhWPJN4j+1sj6ULM6NANUtYE6hGMSFO6ahIMpL7hfmX3mV4QBq3cXoO4chUVI+MuXIjEqBV1G9l4WVzxLp7XPKB8k8jPZnDdUDpIzZD9IHx7WBVtXrzXkU1FB2u9S1n1kxZYPJfcpz9fynVW8Ftc8cgILtk8u+7Q61/Lca66o3XTBsUb/POw5T+8rfVC1gU7WATdUCNtULBHS+jT234v9cpJUDZOBhUceNSy2M+gKW+1niP0WD0tJ+qqtLAAAAAElFTkSuQmCC);
    background-size: cover;
    background-position: center;
}

span.iconFileType_ppt,
span.iconFileType_pptx {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGhSURBVHgB7ZnPTcMwFIffL0krjoyQETqCOwEjtExAEa3EjXBDKhJlAtgANmg2oBvQDcgNqUrysBGlkJamjuO0SP6kKMmzD5/0/PwnARVIL0QPHiby8Zhswhz5t/F1WTdvLeAhIttyCiDKhuKqrNuaIBOF1BQ7SHq0b0ok9y+o2CJ5GIKKPyQPR1CBzwL9xWEJbsAJmuIETQmoIv54im3tPBDHaUAdEPoA9agilQXLwCRO5C1WF1+KiHNMmfWX0VoE3wciLMaOiJIvScJNPJeSXc7wQpobkVrGYLuF1+KVt/CWjcSDSvVSMmfckyaWiwT91Kdo+cZp/kyaWK9iub88WT63J/GMNGlimjHa/DYgiO+0LgaiQ5pYFZQT5Wzh56tzR0CCNKllmmHi02Isl3Lt8WrMyWoOGThj0qMWwWAcP25rV1MNt/BU5bxjbSVRKLHMJ8Ee7qoexmoRTIdiWowBCGWaQ7Vg66b1J7UIShlBlnD7QVOcoCmViyQbdU2Kc2dcik1xgqY4QVP+pWBC+wI0L4Y2fETnc2zo2AAJM6/9lvgAw8F4VMmJd8QAAAAASUVORK5CYII=);
    background-size: cover;
    background-position: center;
}

span.iconFileType_xls,
span.iconFileType_xlsx,
span.iconFileType_xlsm {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAIsSURBVHgB7ZhBUsIwFIbfa6tuPUK8AUfAG+hSO47goGs4AXACYOcMzMCo7L0BHIETSI7QtTMQk0oqDZTavCI403/BNOG1/SZ/kvdSBEPs7ekecdEFwHPYowRAi/uDdlqcY3ZIuNa+4cL3SEA2rjXT4pwttzL4I/0G0oEDKw3y4IBKuyCPAlApCfJoAJUUpNl3VIDbVABSVQBS5UFGCYQuvx00dJu91srowGQjEJHPb/sXUdywwvDUnWTNVJlHEAXUFZRu87vBFBHfzTghIFYI4InbskmjVhajI4ZyRKKCYomuGtFAtwXgiPv9kW6zl4eKHNF7sJDlHEQGZ1606/ObZy6W0Pt5qhuNXmiti6lVC+QLuNXqlpp3Mhu0FXAUZ2ktGTB8uWG1nHfXH74EXYliLeQBuGG135/pa6q1WuR90LQ66idaq5XLRo0uxEaKDR9LVGu1cgEU6FXX27zanyGIHuQgusXGqtVafi7CVQ1E0QAlQGzVyrmoVzWvjgKxEFUgigQo0L1cb6ttBzyvrtthGiRabb9RG9Z+nyeQycKhqbYY3U+12g7QtFbteWvnCTzzhvqaarUVoGktnJ504gFQDrPIShSrs5dbprUSRL78aiPOdTqxisfSajQ7LsY1sesGmW+nsQegKCV9y5EPmsmfYC2WpWWXuT+IMWWuqBGhbPQkxwKU4n8nxyapODRRVQBSVQBS9S8BAziUtmSaDUB56G7kUWhaKDC/Rih9ARhTu5v45XeRAAAAAElFTkSuQmCC);
    background-size: cover;
    background-position: center;
}

/* 文件格式 */
span.iconFileType_3gp,
span.iconFileType_3gpp,
span.iconFileType_avi,
span.iconFileType_flv,
span.iconFileType_f4v,
span.iconFileType_mkv,
span.iconFileType_mov,
span.iconFileType_mp4,
span.iconFileType_m4a,
span.iconFileType_mpeg,
span.iconFileType_mpg,
span.iconFileType_ts,
span.iconFileType_mts,
span.iconFileType_wmv,
span.iconFileType_rm,
span.iconFileType_rmvb,
span.iconFileType_webm,
span.iconFileType_dv,
span.iconFileType_m2v,
span.iconFileType_m4v,
span.iconFileType_ogv,
span.iconFileType_3g2,
span.iconFileType_mp3,
span.iconFileType_mp1,
span.iconFileType_mp2,
span.iconFileType_aac,
span.iconFileType_ac3,
span.iconFileType_flac,
span.iconFileType_au,
span.iconFileType_3ga,
span.iconFileType_amr,
span.iconFileType_wav,
span.iconFileType_wma,
span.iconFileType_ra,
span.iconFileType_ogg,
span.iconFileType_dsf {
    background-position: 0rem -5.4rem;
}

span.iconFileType_mp3 {
    background-position: 0rem -6.6rem;
}
span.iconFileType_gif,
span.iconFileType_jpeg,
span.iconFileType_png,
span.iconFileType_jpg {
    background-position: 0rem -5.7rem;
}

/* session 类型 icon */

i.icon.iconfont.icon-course-type {
    width: 0.35rem;
    height: 0.35rem;
    font-size: 0.25rem;
}
i.icon.icon-course-type-1 {
    color: #23a565;
}
i.icon.icon-course-type-2 {
    color: var(--umu-color-primary, #ffbd2b);
}
i.icon.icon-course-type-3 {
    color: #dd4e40;
}
i.icon.icon-course-type-4 {
    color: #2196f3;
}
i.icon.icon-course-type-5 {
    color: #ff7d7a;
}
i.icon.icon-course-type-6 {
    color: #09bcd4;
}
i.icon.icon-course-type-7 {
    color: #2196f3;
}
i.icon.icon-course-type-8 {
    color: #f596aa;
}
i.icon.icon-course-type-9 {
    color: #1e6ee6;
}
i.icon.icon-course-type-10 {
    color: #6739b7;
}
i.icon.icon-course-type-11 {
    color: #dd4e40;
}
i.icon.icon-course-type-12 {
    color: var(--umu-color-primary, #ffbd2b);
}
i.icon.icon-course-type-13 {
    color: #09bcd4;
}
i.icon.icon-course-type-14 {
    color: var(--umu-color-primary, #ffbd2b);
}
i.icon.icon-course-type-15 {
    color: #23a565;
}
i.icon.icon-course-type-16 {
    color: var(--umu-color-primary, #ffbd2b);
}
i.icon.icon-course-type-17 {
    color: #2196f3;
}
i.icon.icon-course-type-18 {
    color: var(--umu-color-primary, #ffbd2b);
}
i.icon.icon-course-type-19 {
    color: #1f97f3;
}
i.icon.icon-course-type-20 {
    color: #1e6ee6;
}
i.icon.iconfont.icon-course-type.icon-course-type-22 {
    width: 0.25rem;
    height: 0.25rem;
    margin: 0.05rem;
}

i.icon.icon-course-type-22::before {
    content: '';
    display: inline-block;
    background: url(/twww/cn/fonts/icon-session-prompt.349ee035..svg) center/contain no-repeat !important;
    background-size: 100% 100% !important;
    width: 100%;
    height: 100%;
}

i.icon.icon-course-type-my-template {
    color: #23a565;
}
i.icon.icon-course-type-enterprise-template {
    color: #2196f3;
}
i.icon.icon-course-type-umu-template {
    /*! postcss-ignore-theme */
    color: var(--umu-color-primary, #ffbd2b);
}

i.icon.icon-course-type-activity {
    color: #febc2c;
}
i.icon.icon-course-type-weike {
    color: #22a466;
}
i.icon.icon-course-type-learning-group {
    color: #32b673;
}
/* 高优先级的状态 */
i.icon.iconfont.icon-course-type-closed {
    color: #757575;
}

i.iconfont.icon.icon-single {
    width: 0.34rem;
    height: 0.34rem;
    font-size: 0.32rem;
}

/* group 管理页面工具条icon */
i.icon.icon-toolbox-map{background-image: url(/twww/cn/images/icon-toolbox-map.10dc264f..png);-webkit-background-size: 7.2rem auto;background-size: 7.2rem auto;}

/* */
i.icon-toolbox-map.icon-nav{background-position: -2rem 0;}
i.icon-toolbox-map.icon-nav.highlight,
a:hover i.icon-toolbox-map.icon-nav{background-position: -2rem -0.3rem;}

i.icon-toolbox-map.icon-cooperate{background-position: 0 0;}
a:hover i.icon-toolbox-map.icon-cooperate{background-position: 0 -0.25rem;}

i.icon-toolbox-map.icon-cleanup{background-position: -0.2rem 0;}
a:hover i.icon-toolbox-map.icon-cleanup{background-position:-0.2rem -0.3rem;}

/* i.icon-toolbox-map.icon-delete{background-position: -0.4rem 0;}
a:hover i.icon-toolbox-map.icon-delete{background-position: -0.4rem -0.3rem;} */

i.icon-toolbox-map.icon-delete{
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAADFElEQVR4Xu2cvYoUQRDHq4Z9Ag1F8B00MDC4CxQUFRTORMzEaLrXxU8u8cw8PVh3epbLDQ0MPDjRxEtEBE0MBB9BEH2BYUrGm4PZ3pnp7W1unZX/hrNVNd2/qfr31+wy4dNKgMGnnQAAOTJkoYDiOH7EzBuhWSsiG2maPg6NM4s/ACGDZsmTZhtkEDIIGRRGABkUxm9Kg5RS78NCOr1XnBZugz23yXwWxpjVqmcdIJkv9H/htQdA7c8RgBx5DkAAFCaFyKDgDCpW3BPDXMvqu1hVhz2wxXgzczG1qJ1e2H2wdwmcazGlVOOwb4xx+i8GQftdyrldLSBXH5wdBCDHIwYgAGqtIpSYQ0cB6F8C0lq/FJE1IvpARLeMMd+aKtrHNo7jtSiK1kXkhIjspml6vU0pOjmKKaVeENGNSsO/RlF0bjQa/bA742OrtT4pIp+tGANjzPMmSJ0DpLW+IiKv7AaLyFaapveq131sC784jp8x8107dq/XOzocDn/VQeoioPsislnT2DfGmAsWoJltCz+l1C4Rnbdj53l+ejwef1oKQC0HhFOLQR/bElCx4zk1KxaR1TRNa3caO5dBPp32sQWgyfqYyjYAAiCCBpVDcdNbHAAEQBWdaNps8hmZfGwh0hBpiPTfHPApGx9blBhKDCWGEqtWAYb5/f0X74NDH+H1sYVIQ6Qh0hBpiLS16w2RbjpMKq/PA0gpdYeItmpC7xhjLlev+9iWo9hrIrpkx2bmU0mSfFmKU41+v38xz/OdmsZuGmMeVq/72JaAnhDRAzt2lmVHtre3fy8FoKKRWut3InL2oMHM/JOZz4xGo+92J3xs4zheYeaJl92Z+WmSJFPQDu7TuWOfomGDweBYlmUJEV0loo8ist50buVjW8K/KSK3ieg4M79NkuRam1J0EpBD2hb6NQC5B5ra09jCDe8o7q8nAQgaFKBayCBoUED6QIPc8FBiXS0x97PrvsWhzoO63313CwHIwQiAAMhdRm0WyKAFZNBh/xNDWAoEett/JGCHc/7aJ/D+S+8OQI5HCEAOQH8ACvQfhViNyr0AAAAASUVORK5CYII=);
    background-position: 0 0;
    background-size: 0.2rem 0.2rem;
}
a:hover i.icon-toolbox-map.icon-delete{
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAADJ0lEQVR4Xu2cv2/TUBDH76KyATE/NoTEXlcMMDAwtANIIEACqSyIrRA3E4if6kLZKHSoGIjNyMjAQKUiWOiCEBIsjV2JPwEJEYeBAYEPOU1pYjt+dp+cutU3Y3Lv+d3H3zu/d5eECa9UAgw+6QQASKGQoQIynfYDEpnVVi3zrFurPtSeJ8MEAAQFZZBJigkUBAVBQXoEoCA9frEcZNr+e70plaPHlRZqg2W1yeYsXMuY6B2ZBEg2N/WOGLUMQOn3EYAUOgcgANJLhVCQvoLCE3fvK+30zax/Mte749lGi4Rbi+TtRcSHaJVAeRYzbX/gY9+1DOX4bB4Ua9Xd2yUCUvmgdBCAFDcPgAAoNYoQYoo8CkBbCci0/ZdENEnEH4Qq1z1rz+qgiM5jO+b4kyI0Q0RHRGjJmzaupGWKUj7FTKf9gkSu/l+4yAqN7DrtXtv9LepMHtuxZ/4xqdDnvq0a802vVl1IgR+WcMrzmDcbrYvE/CphwfOuZdzpfT+PbTjOtP0nRHQ7OreM8AFvqvojCVLpFDTq+HdZaC7mBNMbr2ac7X0/j204btTxl1joTHTugP+cWK0d/LQtAKU0CGOHwTy2XQUlh4vIhDu9L7HSWDoF5XE6jy0A9cdHTG0ABECEHNQJg8Hf4gAgAOrJE4OKTVBQFxIArW3tc5dcoSAoaCPRQEEFlFwRYggxhNg6gUJq0ggxhBhCDCGmiAIAAqC+NFG6ts8tYp6P70F50bWqFyJtn8y2ayXX9msiOR+dmwM63qwbX7ZHV+P5z3MUBIuxtg/RnGcZ9/sA5bDttH1s/xET3UsAtL9ZN1rbAlC3uP6OiE5tLJi/VwI+uVLf+zXqhGn72W0brXFi7vuyOzM9btaMGLT165Su7RMu7Gjj16G//PspEV0i4o8kwcygvlUe246KHH+qQnxDAjlMTG9dy7icdqQsJSDFGXioHwOQuiJRrqfYUOWR4WJQEBSUQSYpJlAQFAQF6RGAgvT4bVkO0lt2OUYX+luNcriotwoAUvADIABCiOkRGIKCiv4nhkIBqCaP/pFA1F7ZWVVdYKd/DkCKOwxACkD/AHYzQYUK7H7rAAAAAElFTkSuQmCC);
    background-position: 0 0;
    background-size: 0.2rem 0.2rem;
}
i.icon-toolbox-map.icon-collect{
    background-image: url(/twww/cn/images/icon-collect.60bbb5e6..png);
    background-position: 0 0;
    background-size: 0.22rem 0.22rem;
    width: 0.22rem;
    height: 0.22rem;
    margin-left: -0.02rem;
}
a:hover i.icon-toolbox-map.icon-collect{
    background-image: url(/twww/cn/images/icon-collect-active.b1f9d6fb..png);
    background-position: 0 0;
    background-size: 0.22rem 0.22rem;
    width: 0.22rem;
    height: 0.22rem;
    margin-left: -0.02rem;
}
i.icon-toolbox-map.icon-report{background-position: -4rem 0;}
a:hover i.icon-toolbox-map.icon-report{background-position:-4rem -0.3rem;}

i.icon-toolbox-map.icon-doc{background-position: -4.2rem 0;}
a:hover i.icon-toolbox-map.icon-doc{background-position:-4.2rem -0.3rem;}

i.icon-toolbox-map.icon-excel{background-position: -4.4rem 0;}
a:hover i.icon-toolbox-map.icon-excel{background-position:-4.4rem -0.3rem;}

/* i.icon-toolbox-map.icon-template{background-position: -0.8rem 0;}
a:hover i.icon-toolbox-map.icon-template{background-position: -0.8rem -0.3rem;} */

i.icon-toolbox-map.icon-template{
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAADb0lEQVR4Xu2bPW8TQRCGZ2yLX5FISUlBFRokaCCU6YAuoYgUGpootyd3hM66vSgNDZEoSLpAl5JAAxINqSgosUR+BXI8aJEtXcR97ORmzZ0zV1nK7OzOM+/Oep0bBH1KCaDyKSeggCoU0lhAOzs7K51O5wkA3ASAlUkcZwDwYzweH+/t7bnPwZ/GAdre3r7V6/WeA8BWRfQHo9Ho1f7+/veQlBoFKIqi+4j4BgCWPIMeEtFmmqafPO3ZZo0BFEXRGiK+B4AbzCh+E9GjNE1PmOO8zBsDyBjzAQBWvVb9r9GptfbhFcc2/5iP4/gBEZ3WCRARV5Mk+VjHR97YIAoyxmwR0V1EvMeoJ7mxEdFup9NxdQnG4/EmIu7WhODq1mdE/GKtPajyJQ7IGPMtcyxXzV/6dwcnTdOXWaMoil4IQJq6PLPW3i5bhCggY8wxADyuRSUzuNvtLg8Gg2HWX7/fX7q4uPgpNQcAvLPWuu9buY8YoDiO14noUHDhgIiLSZKcZ33GcbxARL+E59lIkuQoaA2SVo9b7Ay22JRJoYrEFGSMcVldkMzsFFKv13vrPo9Go6eC9Se71HNr7WJoBVHeBNba3CQYY3LtpQBz5y2yl1SQAirLbpEiuJlUBU0I6BabgFAFVShibgFJ1ZQiQFK1huuHG1fhKcZ1xLXnBiZlz12nAqqolQpIAV3enLrFKorVXAHiBuNTyLk+G12DuMEooIqCqoAUUL0TRxV0XRUk9dOHz72PW/gbcYopoCt+efOpKVkbVVAFMQWkgLib6rL93CqoCAv3xPHBy/XZiFNMAfmkNseGm22fabg+VUFt/kWRm21V0HW9i/lkXsqGq8pG1yApKFk/CuiK9z72+0Fc0lz7EOrw8cldp26xNh/zPorg2vxPBbl3l327dLhxhbYfWmuX8yYR22JRFB0i4nroSEL4J6KjNE03ggJy/RkA8DpEADPw+ayob0NMQS4IyT6NGUCZTlHaryEKaAJJtF8jMKjSPg03tzgg53TSt7EGAHdCvH1fE5rr/fiKiCdF/RlZ/0EA1QygUcMVUEU6FJACqrdjVUGqoHAKavPdCnz+ieiDrnCLtflu5QIPDqjld6vwgFp8t/q7c4IraLo/Q3Qz++z9ujYzA9SCu1Uuy5kCqpvNNo8X63puM4SytSugisz+AYet9Gc5xBF+AAAAAElFTkSuQmCC);
    background-position: 0 0;
    background-size: 0.2rem 0.2rem;
}
a:hover i.icon-toolbox-map.icon-template{
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAADgUlEQVR4Xu2bMVMTURDH/5tEC8mNYw8zCdhYWGHjjDaKJZ3SgQUjklM/g/gZ1ARxKJQO7ShFG52xkcrCRribgd5xLlhokucciXiMd7m33LvzEjbt7du3+3v/3ZeX3CPIpy8BEj79CQigGIXkFtBEfX9SkZpRChcATPby2CLCF1K0vm2PbGWh/twBGn/cvKiK6j6AhRgAK9SmJzsPyp/TBJUrQBMN71pH0SqgKnpJk1sgNb9ds97p2fOtcgOourw/jU7nNYDTzDR+olC46SyObDDHaZnnB1DdewNgSivqf402Hdu6ccyx+d/mx5eb11VHbSZJkAo0tbNYfpvER9jYVBRUqXsLBLoC4Kp+PwlPTRGWSqXiqv+01WrPk8JSMgjkAnivoD64trUS58s4oErd+0R/t+W4+fs+9+G4NetR0KjS8B4mh9T1qIAt17Yu9QvCKKBq3VsHcCsRlcBgRa2qWzvnr/jhp9L4ViFVckzNAeCVY1szUf6MAao2vs9CFV4aDBzFU8Wxr3fO7AV9nn/+Y7T9q71rch5QZ86pnV1LtQeZVs9BCaRcYgEgkSoyp6Cn3i4Io0ZXtgcJaL3o+i3dNtV/jsSpsOfcs8bSVpAKm8CxrdBFqNa9UHtTgLnzRtmbU1BEwtxABVCPgCioB0IUFKMIAXRSAUX1CK4iouxNNWOuH25ekbsY1xHXnpuYKXtunAIoZjMRQALoaHFKicU0q6ECxE1Gp5Fzfea6B3GTEUAxDVUACaBkO44o6KQqyNRvQzrnPm7jz8UuJoCO+eVNp6cEbURBMcQEkADiFtVR+6FVUBQW7o6jg5frMxe7mADSWdoQG+5q60zD9SkKGuRfFLmrLQo6qWcxnZU3ZcNVZa57kCkoQT8C6JjnPvb7QVzSXPs01KHjkxunlNggb/M6iuDa/EcFNZ2kb9VzkzVnT65jl6th/gyWWPMloGbNBZ2lJ1pz7PJcqoC69zPwLMu0TM2lgLtR9zaMKcgP1uQ9DVPJx/mJu69hFJAfTBpv3MclmeB533savl/jgA4gde9tTEPhchpv3ycA4l/x2QPhI6izEXU/I+g/FUCJEsjZYAEUsyACSAAlq1lRkCgoNQUN8tkK0PkTUQddnxIb5LNVBoAG+WzlKyN1BQ3q2epP2WQCaADPVodtJTNAuT9bRXTaTAHpdPthtTF261kADSuBmLx+A1Le8Wc9HcFSAAAAAElFTkSuQmCC);
    background-position: 0 0;
    background-size: 0.2rem 0.2rem;
}

i.icon-toolbox-map.icon-screen{background-position: -1rem 0;}
a:hover i.icon-toolbox-map.icon-screen{background-position: -1rem -0.3rem;}

i.icon-toolbox-map.icon-display{background-position: -1rem 0;}
a:hover i.icon-toolbox-map.icon-display{background-position: -1rem -0.3rem;}

i.icon-toolbox-map.icon-share{background-position: -1.2rem 0;}
a:hover i.icon-toolbox-map.icon-share{background-position: -1.2rem -0.3rem;}

i.icon-toolbox-map.icon-share-result{background-position: -1.2rem 0;}
a:hover i.icon-toolbox-map.icon-share-result{background-position: -1.2rem -0.3rem;}

i.icon-toolbox-map.icon-assign{background-position: -1.4rem 0;}
a:hover i.icon-toolbox-map.icon-assign{background-position: -1.4rem -0.3rem;}

i.icon-toolbox-map.icon-more{background-position: -1.6rem 0;}
.active i.icon-toolbox-map.icon-more,
a:hover i.icon-toolbox-map.icon-more{background-position: -1.6rem -0.3rem;}

i.icon-toolbox-map.icon-ctrl{background-position: -2.4rem 0;}
a:hover i.icon-toolbox-map.icon-ctrl{background-position: -2.4rem -0.3rem;}

i.icon-toolbox-map.icon-copy{background-position: -2.6rem 0;}
a:hover i.icon-toolbox-map.icon-copy{background-position: -2.6rem -0.3rem;}

i.icon-toolbox-map.icon-enroll-edit, i.icon-toolbox-map.icon-edit{background-position: -1.8rem 0;}
a:hover i.icon-toolbox-map.icon-enroll-edit, a:hover i.icon-toolbox-map.icon-edit{background-position: -1.8rem -0.3rem;}
.icon-activatable.active i.icon-toolbox-map.icon-enroll-edit,
.icon-activatable.active i.icon-toolbox-map.icon-edit{background-position: -1.8rem -0.3rem;}

i.icon-toolbox-map.icon-thumbup{background-position: -3.2rem 0;}
a:hover i.icon-toolbox-map.icon-thumbup{background-position: -3.2rem -0.3rem;}

i.icon-toolbox-map.icon-cancel{background-position: -3.4rem 0;}
a:hover i.icon-toolbox-map.icon-cancel{background-position: -3.4rem -0.3rem;}

i.icon-toolbox-map.icon-download{background-position: -4.6rem 0;}
a:hover i.icon-toolbox-map.icon-download{background-position: -4.6rem -0.3rem;}

i.icon-toolbox-map.icon-release{background-position: -4.8rem 0;}
a:hover i.icon-toolbox-map.icon-release{background-position: -4.8rem -0.3rem;}

i.icon-toolbox-map.icon-view {background-position: -3.6rem 0;}
a:hover i.icon-toolbox-map.icon-view,
.icon-activatable.active i.icon-toolbox-map.icon-view{background-position: -3.6rem -0.3rem;}

i.icon-toolbox-map.icon-append{background-position: -3.8rem 0;}
a:hover i.icon-toolbox-map.icon-append {background-position: -3.8rem -0.3rem;}

i.icon-toolbox-map.icon-mini-program{background-position: -5rem 0;}
a:hover i.icon-toolbox-map.icon-mini-program{background-position: -5rem -0.3rem;}

i.icon-toolbox-map.icon-enter-im{background-position: -2.4rem 0;}
a:hover i.icon-toolbox-map.icon-enter-im{background-position: -2.4rem -0.3rem;}

i.icon-toolbox-map.icon-rename{background-position: -5.2rem 0;}
a:hover i.icon-toolbox-map.icon-rename{background-position: -5.2rem -0.3rem;}

i.icon-toolbox-map.icon-permission{background-position: -5.4rem 0;}
a:hover i.icon-toolbox-map.icon-permission{background-position: -5.4rem -0.3rem;}

i.icon-toolbox-map.iconfont.icon-permission{
    width: 0.2rem;
    height: 0.24rem;
    font-size: 0.24rem;
    margin-top: -0.02rem;
    background: none;
}
a:hover i.icon-toolbox-map.iconfont.icon-permission{
    color: #1e6ee6;
}

i.icon-toolbox-map.icon-pin-top{background-position: -5.6rem 0;}
a:hover i.icon-toolbox-map.icon-pin-top{background-position: -5.6rem -0.3rem;}
i.icon-toolbox-map.icon-cancel-pin{background-position: -6rem 0;}
a:hover i.icon-toolbox-map.icon-cancel-pin{background-position: -6rem -0.3rem;}

i.icon-toolbox-map.icon-exit{background-position: -6.4rem 0;}
a:hover i.icon-toolbox-map.icon-exit{background-position: -6.4rem -0.3rem;}

i.icon-toolbox-map.icon-ban{background-position: -5.8rem 0;}
a:hover i.icon-toolbox-map.icon-ban{background-position: -5.8rem -0.3rem;}

i.icon-toolbox-map.icon-console{background-position: -6.2rem 0;}
a:hover i.icon-toolbox-map.icon-console{background-position: -6.2rem -0.3rem;}

/* icon-like 赞踩类图标 */
i.icon.icon-like-map{background: url(/twww/cn/images/icon-like-map.fa031df4..png) no-repeat;-webkit-background-size: 2rem auto;
background-size: 2rem auto;width: 0.2rem;height: 0.2rem;}
i.icon.icon-like-map.like{background-position: -0.44rem 0;}
i.icon.icon-like-map.like.active{background-position: -0.64rem 0;}
i.icon.icon-like-map.unlike{background-position: -0.84rem 0;}
i.icon.icon-like-map.unlike.active{background-position: -1.04rem 0;}


/* icon-award 奖励类图标及文字颜色 */
i.icon.icon-award-map {
    background: url(/twww/cn/images/icon-award-map.c9fbaae6..png) no-repeat 9.99rem;
    -webkit-background-size: 3rem auto;
    background-size: 3rem auto;
    width: 0.3rem;
    height: 0.3rem;
}
i.icon.icon-award-map.size-mini {
    transform: scale(0.6);
    margin: -0.08rem;
    vertical-align: -0.02rem;
}
i.icon.icon-award-map.great {
    background-position: 0 0;
}
i.icon.icon-award-map.funny {
    background-position: -0.3rem 0;
}
i.icon.icon-award-map.diligent {
    background-position: -0.6rem 0;
}
i.icon.icon-award-map.sense {
    background-position: -0.9rem 0;
}
i.icon.icon-award-map.model {
    background-position: -1.2rem 0;
}
.award-map-result.great {
    color: var(--umu-color-primary, #ffbd2b);
}
.award-map-result.funny {
    color: #ff7d7a;
}
.award-map-result.diligent {
    color: #66bb6a;
}
.award-map-result.sense {
    color: #03a9f4;
}
.award-map-result.model {
    color: #673ab7;
}

/* group 管理页面左侧导航icon */
i.icon.icon-sidenav-map{background-image: url(/twww/cn/images/icon-sidenav-map.a1cce7f0..png);-webkit-background-size: 6rem auto;background-size: 6rem auto;}
i.icon.icon-pdf{background: url(/twww/cn/images/icon-pdf.ea8def18..png) center no-repeat;background-size: cover;}
i.icon-sidenav-map.icon-cost{background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAACXBIWXMAACxLAAAsSwGlPZapAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGWSURBVHgB7dtPboJAFAbwj8FF3XmDEk/gEViil6jeoJ7AdNdtb8ARuiCEpe665AIkHMFuWDJ907Q7oX8yEeF7v2SEhMToZ+aNDDOAUopZ4F7W6/VjEAQHOV3gBllra2lpURRP8CxMkuRgjHmW8zvcKPlxFtLi5XL5XlXVGzwy8sZbjEQYhgd45gKIMB7eu6gBOfoAZj3XUmknDEAqfixd8wFX0BfAKc/zFAPYbDbucJUAtAaAnAYAcn1F8F7+JscYgIwCKxkFLl7z9Jlqua+o3UkgFdeCU9o0zX4GXtv5fH6mrgHuRpC9CC50GAS5ziIoQ9GLTEC8YgLato3lcHEypTMAKRBllmVHTIAM9VHXNa0BIKcBgJwGAHIaAMhpACCnN0MYmZ+m8ORhToA/0C4AchoAyOkogPHZwaPRBeB7zYLWAJDTAEBOAwA5DQDkNACQow+gc5WYtbaUwxnTEHXti+hbH7ACAa0BIGekrx/Bq3SbpvbSplLsfu3rO+8+HyIkSRIZY7Yj20H2b24jZtu26feCacXsA7w9XZqqrMbKAAAAAElFTkSuQmCC) center no-repeat;background-size: cover;}

i.icon-sidenav-map.icon-content{background-position: 0 0;}
i.icon-sidenav-map.icon-trend{background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAACXBIWXMAACxLAAAsSwGlPZapAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGESURBVHgB7drNbYNAFATgAXN0ES7BJThX7IM7SFJCOkgqiFKBXUIOlq/ZEiiBEjhwASHIWym+IIii8COZmU9CRruyDyP57T7YAHfmcDjs6rr+wkhCkFMAIKcAQC7CsrzZlbYHm6bZBUHw2PWFRQUQhqG7XC6uPR7Hsf/oDEA1AOQUAMhNVgSPx+OmqqoNRmB7/+x6vSaYwGQBFEXx2rf0/MPZrmdMQDUA5BQAyGkZxPwS27O/dE1Y0/Ju1xYzmj0AWxqzrobF2+/3GWamGgByCgDkFADIaSPk37VhJHmeJ8652dfyIaIxXzSu1+sH+3C4I6oBIKcAQE7LYN+E9eUfq9Xqs2N86/t2LERvANa3J119u+0bfAhYCtUAkFMAIKcAQE4BgJwCADk1Q7/MneI4PrUH7REahvCnNu13m545DOEf7/0civwz/QVATgGAnFYBjHgAsaqq9HZvFf1sT5UcRmDVPb3dR1GUlGU5yaFJYRTYxuEJxHwNOIGYlkGQUwAgRx/ANxc3cGh02q0rAAAAAElFTkSuQmCC) center no-repeat;background-size: cover;}
i.icon-sidenav-map.icon-people{background-position: -0.4rem 0;}
i.icon-sidenav-map.icon-account{background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAACXBIWXMAACxLAAAsSwGlPZapAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAMXSURBVHgB7ZtdbtpAEMcHB0VCQio3qHOCcATzxtcDNwgcgRMknKD0BDgnKBWfb/gI9AbuDXhASHz3Py2VKA3uzuKkDrs/iRhYT6ydnZ0vGyKLxWKxmEuK/9RqNXe1Wj2kUimXDGC/33+/vb31u91umCqXy3l8N8ErR2Yxw6vgYNU7ZN7kmRzm/smBOeTJUDB3zyHDMV4B6YixEHskpOsgd26rRymgNRgMfLoCEOnqOHReGrM+gAzHKoAMx4ZBupBqtertdrsaQuY9f0a44Rz763A49FXkK5XKhGIC127iulOJjLYCUEHmUEF2ePKHi/8xjNDziIqrwBVX1P/hdJRiwnEccU2jvQUw+QCHWsQpXGJPuNSmBKOlAF5dHO4VTnXX63WHEoyuBdRVT2QTLxaLLiUUsQJg0pxTuxIZOMgaJRSxE9xsNmJHAwXkIsZ8igk45JlQRK6AdDo9g3MTyRxC44ug4GrQf0THB4T0q5+mzM3NjSg2vyViC0BcnyEKfMbbR0WRsN/vBySEwye2myuRmc/n0yAIRIujlQghwWlzG50UnCH2ZYE0WC6XT/APDxKZbDbL1wokMlphkK3gMLEw4rQZMrPCeDwOKcFoZ4I8MeTdd3jbwEoFR0MhXq3FYnGnY/pvzcXF0KHo8emdYvsBZDhaW4B7AEhulKIAzntG1Aj+VRafAr/ShhP1JTIcBkmISAEcm7m6QwTwBGIeQmZYKpWao9GoqyokbWzoorwFDrfQJ5oNDBcr+gVKSFxRpGwBWPknElaBp/CdaM/zguNsDS2x2PoF2+22Jc07lBRwaH+JsrIz5DKZTB3H9u8vYFF1igkUas8UnZz9hdIWgGY9iok4e4BxoKqA2B6gQGX4gRKETYTIcJScIMyWq7+AYgA+4Nvx55NC6iJerSXW6/U4gVFOYiSgJabVL4gL6wPIcKwCyHCMVwA/K7w/MzZFiBKHlSSC0OvSmUIuKgzmT+75XyXWB5DhOHGmou+QKT8u3yThzc4rgefc+PmTGX6CAx3YOqzhIxkA/2QGhZOf9Nt2FovFYnltfgAUTDC63jHaAAAAAABJRU5ErkJggg==) center no-repeat;background-size: cover;}
i.icon-sidenav-map.icon-setting{background: url(/twww/cn/images/icon-setting.f990d550..png) center no-repeat;background-size: cover;}
i.icon-sidenav-map.icon-cost{background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAACXBIWXMAACxLAAAsSwGlPZapAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGWSURBVHgB7dtPboJAFAbwj8FF3XmDEk/gEViil6jeoJ7AdNdtb8ARuiCEpe665AIkHMFuWDJ907Q7oX8yEeF7v2SEhMToZ+aNDDOAUopZ4F7W6/VjEAQHOV3gBllra2lpURRP8CxMkuRgjHmW8zvcKPlxFtLi5XL5XlXVGzwy8sZbjEQYhgd45gKIMB7eu6gBOfoAZj3XUmknDEAqfixd8wFX0BfAKc/zFAPYbDbucJUAtAaAnAYAcn1F8F7+JscYgIwCKxkFLl7z9Jlqua+o3UkgFdeCU9o0zX4GXtv5fH6mrgHuRpC9CC50GAS5ziIoQ9GLTEC8YgLato3lcHEypTMAKRBllmVHTIAM9VHXNa0BIKcBgJwGAHIaAMhpACCnN0MYmZ+m8ORhToA/0C4AchoAyOkogPHZwaPRBeB7zYLWAJDTAEBOAwA5DQDkNACQow+gc5WYtbaUwxnTEHXti+hbH7ACAa0BIGekrx/Bq3SbpvbSplLsfu3rO+8+HyIkSRIZY7Yj20H2b24jZtu26feCacXsA7w9XZqqrMbKAAAAAElFTkSuQmCC) center no-repeat;background-size: cover;}
i.icon-sidenav-map.icon-template{background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAACXBIWXMAACxLAAAsSwGlPZapAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGiSURBVHgB7drBcYJAFAbgHyYF2EHoINqBuSleLMF0kA5iB7GDpIRcRG9qB9qBJZijMgN5HMwAMzqszOLi+78Lrq6j/MpzeQIQEZFeXvmO8XjcOR6PE9/3X3BnaZpuoij6vjZnNBp9wUCSJLvFYjE7jwsByM4Hp9NpJTcDuGMrIfQuPRiGYQoDnuet5/P563ns5x+M43gKt3Y+0x0Oh++wxC+Nn+Eg+dSsHY4+lFMfwFPFeQf5Gm5hmVT9rmw6Js/JiprJfHmNXX5cNYAfqZxvsEx+0lbyBvsmz8lX9FuwBkA5BgDlGACUYwBQrupCyFl1+wGtD0BWjhOT+dLoWcvmPwDWACjHAKBc64tgU/0AZ7EfUBMDgHIMAMoxACjHlWDFeX3T8+5byCotgKGm+gGB6Xl3U9gPqIkBlMa/cNMGlhQCkONpKpsD3LKXwrWGJYUiGEXRdjAY9KRQfMp5ttH/9DZkFVs+lNlyudxfmlO3H0BERESkVuFy+TAMP2RlFeCBXe0HyM73Ta/UbBv2A0oYAJRjVzg/yM6VpRDikbEfQFTwB8mMlT6/S0SwAAAAAElFTkSuQmCC) center no-repeat;background-size: cover;}
i.icon-sidenav-map.icon-capability-manage{background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAACXBIWXMAACxLAAAsSwGlPZapAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAANdSURBVHgB7Zu7TuNAFIb/XIAteQNcQL08AnRcpbwB5gkWniBJt92y3XZ43yArces2dNttakThfQNokEiA7D/CSInlkHHm+FjB/iTLMDO+zB/PmTnHxxUIsLOz84W7Frdl6BByCy4uLtpwpAZH2Pkmd1+5fYIeRuiN1dXV+9vb2z9woAp3fOREpVJpwhEJATzkh/OQkxBgrim8AJV4QaPRWH58fPSr1epnWDAcDv0JVQG3awjAa2xwvB8k1bE8gAU8x/Xi4mK30+mEY8eP/sPOe/1+/zdkxvUhp6kAAnCm8bk7hTshRdgcFWFsCAwGgxbyNWpZ4/HpPhotiNuAFXxw4kO7nAVQcOqW7e5obXtJFcZCTzjG29vbm1SXipeXl/VJdbyvblI578uDhT2zFaBzfn5+mFRBCz2ccEyTN+68VJ0G72szqXx7ezugOB6mUNoAFBwJAe6QH87XdhaAxuYX8qMDR5wFWFpaOqIIP6GMsf4PDw/HcMR2FpgI19XmMfS3trZa9XrdgwK8Thh3amY+F4S4uroK8RqrmyvKWQAFpxQABUfMCKbFOEr0Fbzo3x6jRz3kgLoAb2+R2PnlWHnIXVsqjGaL6hDY3d39xt0JkuP5HrfT6E2TGmoCmI5xxXhk0bQlFUewQfMJ8G0bUii1p0BFgP39/QZSRJtNlIlLa+v2LqgI8Pz8vJ72GC2/olwIQYFarZZ6jn96egqhgJYAXaSL3vQi7zJzVAQwMQMGMKzTWfj2xjnQYX0tKMHwtVkAfbdo2j47O+tCCVUjyGWuWQiZ9wthQnWPv/wm27SgiLovEK31g8I6Q29oPubvUcYDkCFRuo1Jb5kpm4tL4juG3btR5DkTMhHAdHwwGDT7/b4/a+cNPBY8h3Gjg4WFhbZUKHwU8SEQ5Rn9jVxfkdRZk4hlcpfMuSGMuAD85U0ykwd5vOjcoogKYNzedxImnDHnlg6WiArAeb2BjOE1DiCI9BDIPMvMJusjDWU8AAWnXAlCEFrpY3p0mX42QyMouioUFSAvj86F0gag4JQCoOBYGUGz+oq+2pgbeM8rnJWmtrMSIHJwNjBH2HTeUNoAFJy4APcoGGMC0HCc4IMTz2se+3r85uYmXFtb+8c/zft8rU/htQjZ+fbl5eWP0cL/9mEsRp7N72QAAAAASUVORK5CYII=) center no-repeat;background-size: cover;}
i.icon-sidenav-map.icon-learning-map{background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAACXBIWXMAACxLAAAsSwGlPZapAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAANZSURBVHgB7ZrdbeJAFIWvIclDntgKlhJCBXHeCCCFDkIHZCsIdLBUsKSCdST+3uIS2A7cwfIEAgnYcx1b8hL/jD1jeJj5pBE/Y64951zbSD5EBoPWWKSYTqdjHw6HvmVZNXz0rq+vh47jeHRhut1ubbfb9fH2jo/teDy+zWazsRIBwuIo3EXhu9N5fO+GO6Qzw4Zg368Y9ukcvvshJUDoNt7aGDWBn3gsRtldkWXIf8dDOclRPAuHu2I+nzukiAKGiF8DguJdvH0WLS6IhzG+ubl5K9IVsoZYWcW3222vUqk8xZ1DJSDcFaoMscosLoGHMURXuNGuKMMQq8ziKkBrj2HGO15tKsEQX4BWq/WKl5eixfnKjjHEgf7Cx/rpPAQdYX6J0Ze8cOZlifFerVaX+/3+d9wGlWDxA8q/+BXGcL1ef5tOpw+TycRN2hALX/F/AGzXwMcGn+fB70uBDUEnP2CfDYwB9pe4ryv6dD5XcXY7bcFp4IDYlZ5t27Xb21u+zrABdZKHFzmCIT9d1xUWlwUQcb5Q8TSCOmMefNFFi/Yg7DPlRNaQqzKLixLUd5vN5gCta1N2VygzJE2ABs7ZJZ2RxWLhUdAVj4+P47iO4DsCtuuSIipJE9hRaRcpEbB4L+57dMhfUkiFNMcIQJpjBCDNMQKQ5hgBSHOMAKQ5RgDSHCMAaY4RgDTHCECaYwQgzTECkOYYAUhzjACkCE6YUMKTZjzm+k4XBI/56klzqU+HRQiDiLvdzk7aBvO9VqtlnyMjGBJJhqYmXwoJEC0OdUWTJXUWAr/rtdvt0pKjIoZEySVA3uJJBCEsm+M5KrqioCGMlylANIiI4qoDTlJdocCQoQUXjnEzWHAPxTmIYNN5s4J+npjfsDgx8xyi9HNGVDBbFA1vJwpQFC4e5Pp4Jy94vSc1IShZVrzoarXqRCM/0neBtOL06RLnEP0A1CUCmKEhm81mHJcnku2AJS88qfgpzWazjgManKErkgz5QhEBeKEcRBzJpMfK6Iost2N/k0MAP3aqMivIRLriiYpdbKUMsXD7+chwwZF1W4QwOZojT6zEECuIxn+cfK88GZoHdOVdcAc57Qolp18UPy0etKGfGRa5cJyLSFfcw6Q/ec5tg8FgMBiy+QcEs0sSPJWhgwAAAABJRU5ErkJggg==) center no-repeat;background-size: cover;}
i.icon-sidenav-map.icon-market{background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFESURBVHgB7Ze90YJAEIb3boyI/DrQDj47IASqoAStQKkAO1CL4CfECixBSyCBDHDXwRlkCO4HuXGGJ1lmA96Xvb29g0GL4zh7zvkBJqCu60OapgE983dyKvG+FgfDLIaScRwz+AKe5zX9nPEKzAZ+04Bt20sYCWkDrutuLcu6Y7zT8AJNpA0wxkIMS4wrGiitkRUoImVgSKg1olyN0ZpQtRo6Bh54qKwpvhMq1dCqAJ5oDxzbZCL4eClWQ3SnjLIETdPkGHJQYAEa4OHyj+Ihlt6GT0O7LMuEDOkYoBLfULybu2Jf+LQ0gu/QNvACTeQoHCRJcgRJpHqAvozEeulrVVUbFXFCpQLU8aHOV3eR3gVRFB3LsvwrimKtK04o9YBoh4swX0iMG2A4zU7ts9/Jn+E7+H0NNnRXnxLzf0Y4UC4wY5AnmmlzRgy3EhgAAAAASUVORK5CYII=) center no-repeat;background-size: cover;}
i.icon-sidenav-map.icon-info{background-position: -1rem 0;}
i.icon-sidenav-map.icon-book{background-position: -1.2rem 0;}
i.icon-sidenav-map.icon-letter{background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAACXBIWXMAACxLAAAsSwGlPZapAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAHdSURBVHgB7ZtPTsJAFMa/tu7lBrJhzxHqEkIiNwBPIN5ATqBLd+IdCCzFG7hmY72B7gn4NTFmMol2miF0pu/9kskw5bWZfsm8N39eE1gMh8MbVjOWLtpFwTJfrVYL82JiNvjyU1ZPaDFpml4ul8vNb9v8M0mSCVrObrebme0Uwsiy7NxsixPARrwAZy5Gh8Phlf5hgYhgnyfsc15l5yQAH/Ruh4/QGQwGuYud+gAIRwWAcJycIOmMRqMcEcEocMFSaecqwHi/34/RQtQHQDgqAISjYdDFqFwMcR19h4hg1Co3Pq6q7JwXQ+Y2UgxwMTRlvyvt1AdAOCoAhOO6FviTn7MEZ7gvX4TkUL0FQM2DFIbUDasNAkGHAAKCw6nPIdKpc4/vcApKAE5c7jmDy1GP6tnOP2gYhHBUAAhHwyACgpOk27ph0JegBOAB7BtOjA4B+HNdx5gTnU8EhLcAseUN2GgYhHBUAAjH2wk2nTfQ+H4Aw9oLmkX3A3xQASAcFQDC8Y4C5RcYiBhvAWLLG7BRHwDhqAAQjmuSVLduHkDTsM/HS5bmg3JWOSLC5eVL1AdAOLYAXxCG/e3wA1oOfcOz2c7Mxna7LXq93gd/9llOekZ3Agq+/Hy9Xj+aF78BFdl6prEPt4QAAAAASUVORK5CYII=) center no-repeat;background-size: cover;}
i.icon-sidenav-map.icon-calendar{background-position: -1.4rem 0;}
i.icon-sidenav-map.icon-square{background-position: -1.6rem 0;}
i.icon-sidenav-map.icon-study-tasks{background-position: -1.8rem 0;}
i.icon-sidenav-map.icon-learner-apply{background-position: -2.26rem 0;}

i.icon-sidenav-map.icon-class-space{background-position: -2.5rem 0.04rem;}
i.icon-sidenav-map.icon-class-rank{background-position: -2.7rem 0;}
i.icon-sidenav-map.icon-my-learners{background-position: -2.95rem 0;}
i.icon-sidenav-map.icon-followers{background-position: -3.15rem 0;}
i.icon-sidenav-map.icon-quiz-center{background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAACXBIWXMAACxLAAAsSwGlPZapAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAJTSURBVHgB7Zs/bsIwFIdfkk4s5QZlYac3cEf+SOUG0BOUGxRu0LEb9A4IxpYbdGaBHqE7gr4nJchyFdlpnNiO/UlRMDxF+X1CduwkEQgMBoNn3M1w60CzOOK22Gw2K/7LiG9g+CnultBg4jh+WK/Xn9c2/2MURRNoOKfTaca3Y/CMJElu+bZ3AkS8F3CjUnS5XHbYP6zAIfCcJ3jOTFanJAAPdBCHD9vp9/tMpS70AeA5QQB4jlIniLRHoxEDh8BR4A43aZ2qgPH5fB5DAwl9AHhOEACeE4ZBlSKaDOE8eg4OgaMWLXw8yuqUJ0P8MpIL4GRoiuctrQt9AHhOEAAOgcv2y+FwqHXl2hkBFB53UxyRVjolOCEgC5+1dUqwXoAYPkOXBKsF5IXPIAlY04MSWCtAFj6FbnZ+QQmsFFAg/BxKYp2AOsMTVgmoOzyhXQCGmDPG2lAQE+EJrQLSEC+tVuujiART4QltAoQQPVUJJsMTWgTkhJBKMB2eKC1AEiJXgg3hCR3/gJ3k9z8SbAlPlBaQPjfwJCm7SrApPKGlDygg4QAWhSe0jQKKEmSjQq3hCa3XAYoS8qg9PKH9SvCfEoyEJyqZCxSUYCw8UdlkSFGC0fBEpbNBiQTj4YnKp8M5EqwIT9SyHiBIsCY8UduCSCrh3qbwRK0rQmUXMKsg3BsEzwkCwHOCAPAc1YekOuk7hc6A56zvYWk8EMMdA4dQCU+EPgA8RxTwA54hvjv8Cg0H+4Z3vp3wjf1+f+x2u9/4kR47KXyH13KOGH6x3W7f+C9/AXIWAFSyv/nzAAAAAElFTkSuQmCC) center no-repeat;background-size: contain;}
i.icon-sidenav-map.icon-points-store{background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAJRSURBVHgB1ZfbjRoxFIbPGIR4C1TApIJsB1neEBSR7SCkgt1UsNkKonTAAwLemHRAKoipIPACAgnIbzJ2fsxcNpEn0X7SyB7fzu/jy5mJhOj1enEURXM8sVTA6XTSeLqz2UzbMsUNlFJ3VRk3mLGNjQubXpuWVAw8cGGj7ldCpX1dQO0HCcDxeHxEcmPyGP9VrgDQofx6PB4nEoB+v7+0AiCmzXWqoN93CQQ8u3IGlcpfArinRZ3WJoX6ky3bbDbtJElWUsBgMBii76N9n0wmGDbiPuzlKw+0SYzttLRlzWbzRkqAi7nNIk1zRfsCWJ1O0xGJupcC0nvkXYYATWWxFAhw2HXDjFjALYzcFxifcxn6fpQSIh4AG8RtPOS79hRgH3xC8p7EmRvNDK5hpIW2b/AMhe4R1D9Np9NhOvYt6uck7LW9Detk8GJ37nY7t26NRuNhv9+/ld9n2cz2c9pPMlhst9sHeteSgyJVFwJqtZoTMBqNVhDRRfZJSjAzx2npFp2Wer0eXwnw4YBhReBIDY37YOQLPPCNqpfGsFk243bfuD/W4XBwk+UliKnNqkTYnfwh5ljbOMD3jaIGrecI+FvsxZbmrwV4UWop4flhM5kekOpDsZvUczwQLBDR+G5ZOSSzBzrUeC2B4YDEIVmVNQ5IZkjOOwVawqMp37kSIBSKeb2qJnMP8DUcCqy7ptc4S4CDA1FAdFbhWYAJxVxYhQd8rM1zLPBDMYh9UVVxFpB+VLhC/niozPCvkKyV/GfOAvC1u8DRS+Tf8TXUT8/L5ydwUQMkcjnxAQAAAABJRU5ErkJggg==) center no-repeat;background-size: contain;}



/* -- active */
a.active i.icon-sidenav-map.icon-content{background-position: 0 -0.3rem;}
a.active i.icon-sidenav-map.icon-trend{background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAACXBIWXMAACxLAAAsSwGlPZapAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGESURBVHgB7drNbcJAEAXgN2MXkAJC4nRACaQSkgISOR0kFUAqgBLSQVyCS7CUCK4uAHazPkRIYJ9YW7LnfQcDu8IST2L2z4KRyfKfhXPJNyJRGMcAYBwDgHEpJsV/ePXVeas4WYTrsu0bkwpA1RXVelact8/yfQjBtwbAGgDjGACM660IZvk+Aw4ZopC6Wt+W6EFvATjn3oFkiRhEtuH6jB6wBsA4BgDjOAxicL4Mc/a3tp6w1bUKL3MMaPAAxDdj+uWCpXH/squ9YFCsATCOAcA4BgDjOBFqztoQSY1DWa8faoxIGvOg8UbxGH59gRFhDYBxDADGcRjs7nKfqv7rovWYzCFYYSI6A/AeZdu6Pcwbmo0LTAVrAIxjADCOAcA4BgDjGACM42Koq0NEN3evu815u3O4Sjj7W4T7+tY+XKfZ3gv3bunovjP/AjCOAcA4jgJeXcQHENPq/52qbo84FoggQVKdPh1Kr9LLQ5Nkkczy3ycYlorTDQzjMAjjGACMMx/AH11EY2pPNvpIAAAAAElFTkSuQmCC)}
a.active i.icon-sidenav-map.icon-people{background-position: -0.4rem -0.3rem;}
a.active i.icon-sidenav-map.icon-account{background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAACXBIWXMAACxLAAAsSwGlPZapAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAMuSURBVHgB7ZtdUtswEMdXcoC3Nq8wEMQJ4AjhBrlBwmtnSs0JKCeoKZ2+Jpyg7QmSI6QnwHyUvPq1EGu7Ip1O6MSJ1jHBifSbIWBbItZG2v3vygHweDwej7sI86LCgdIamnSkwAVQX0spO3G0GQsV3h1oLbt0ugpukUipDyUNvg3uDd5QxVR+kvTHATgKCqhLcBznDVDJukDhIQakn1VA0HrPWOqZBtCoz24vtjuwAuyEg5bQ2J50zfsAcBxvAHAcHwZhTlR4W9daNATK/b+nEg36h20E2X1/34WCEIE+iaPtPqdPbgOo8Iq09EabssiGOUYxdiMgG7Xj+1MpxaHJuKb9HyNHoSAEIDunyb0EUr3Wo5tvTGlCKTZ2TaoNJSaXAWrHg1P6lPctmipMJwuQspBzBmDLuiVN8TLPArYB1Ls7o6kVp49OsQElhe8E18nRaOAhpjgnITpQGCIBJnwDPNCbcHth9o3dnG8ewSvC9wHrjzG9siwtg5QVmxcJewbE0V5SO/51TtPt1Ka9qSvE0U4PmIwc51Bx+iQw7Cd0f5w+uYSQlA8R6o0mWjhDQWIIcqC1/ggQNDl9qhIOafQ9Tp9cYdDMAjOwp6pRNlR2TmcqwdcmtxI0A7v+vLVHcvdI4DOrx+T1zqT8vZdn6i+auZMhMkSHfnVgSfH1AHCcXEvgqQaAlSZVWtWstlQbuAyCoMd1hnKIEazrDrAYsvUGywAmNpvsjmoAdXJ0z2oAWVDWSAUTjHfCm5PbqPYdLIm/bi9EPFkvgdEWOnZzFjCU0JVvZITSJUXWM2AkTISCOSAjtKvhVW9crdU+DAqrF0gBZ9ylZmUAU/6iuh9LlWVQfZNutGj00b8zaF9bmIlILwF423lWSyAdBnUoigJrgEVg5wMqa4U9QEGq8S2UCC+EwHGsnGAwfExQVHpQACj0z/Hj/xKpOXmhklj85UnAWIsYDtcXW7nqBUXhfQA4jjcAOI7zBhC0jY0Z1/oUothhpYzg6CFwNenatDB4YJPvLzveB4DjyGKl6HJBK7wvzYNFAKvh7JjQ7lblaOwrM7pFG3m74AJjX5kBj8fj8TjMHyROFk/vOxtPAAAAAElFTkSuQmCC);}
a.active i.icon-sidenav-map.icon-setting{background-image: url(/twww/cn/images/icon-setting-active.50366a4f..png);}
a.active i.icon-sidenav-map.icon-template{background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAACXBIWXMAACxLAAAsSwGlPZapAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGoSURBVHgB7drBbcIwFAbg36FSr71CEWSDwgZ0EzoAlA3KBkUwQDtCNwA2gAkaqESudID41alElSCBYqLQgP/vYpw4B34pT/FLACIicpfaP+APPu90dNuFpx7wz0RH869J/f3YmsZz+AYbWpbrSW20m6YC8Aehr7VM458oDVmsx/ftQ2cb/Y3AghLMVpPa427uJU9qrYco1Z+PqVajtxmgIKkAlKgmyqjA29GD45wP4Cbjuq0pHgsUTBRaZrizuSYuajbrRellcp4tAKU+VuPqEwrW7G2mJoSOzTXJin4K1gA4jgHAcQwAjmMAcFzWJ8HSytsPuPgAINK1WW4aIDMz/AXAGgDHMQA47uKL4Hn6ASXGfkBODACOYwBwHAOA4/gkmGmVSMd6330CEfFh6Vz9AN9233027AfkwwCSE1HyjRLydDRHQVIBeJ4MzbBFiZh7NkClMkNBUkUwGNUX/iBsSySvsHxPX4R47668yigYVYNDa/L2A4iIiIiclfpcvtEPX8wRH9fsWD9AmcaHwO5LzUvDfsAeBgDHsSucnPzuv+W6M2E/gCjlBzepi7aCOM2NAAAAAElFTkSuQmCC);}
a.active i.icon-sidenav-map.icon-capability-manage{background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAACXBIWXMAACxLAAAsSwGlPZapAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAANYSURBVHgB7ZtPUtswFMa/J2fKli0UgnqCcoRwA25A2HeCOQHJCZqGmW5Jb9CeoOEEzQ0qQku6pLtOp9arFMIMpk6jIEWZYP8W+WM7sf3ZetL79EwIgGz9ONHQbfNxE3FQAPVHva0OPCF4Um+NzwBuYxUwTkfn2114IOANN7EqCGfwJIAAkFgd3k0uhABrTekF+CcIyvTrps42mhD0Gi7wjBhA1GfKLhEA0tQwr0ez9gMHWGeXSZIMVHdL5X7+8ItMx1Jr/owA7ZpZH1+f7/QRgN103CTNF/BHCUEHD0XINQGtJ325xPPFXOAsfbggJwAx7eGZQyxyTbvqBVByao7b3RJjWLSCCY2i5UQkZXpduG5RTLvdn3WtzHENildAskM8cxOA6ONVb+u4aFW9dcMzfnSmdeI9VJ3H1fn2QdHyeut73xyDxByqGICSE0KAW6wO732HSIc/YVWY2ARPvAUQ4rcZWfEHRMZGf0G/TuGJazc4E9V9ZW/Dpskj2sAfiSjU1OOk5sn/hEBMD0hhzah6AZScSgCUnGBBcFFsopSBpP2cAEPV3RliBUQX4H4WSWts3vtxGpOkShkbrRPKRnMlahOon9y8NSdvZ3KK/HxJJC7uZpriEU2AyYkx0vlbcjuUj+BCxDvAfQqNsyTaXRBFgN03o0Ms4DZbl8la9IhAFAFIJPtYmDh5RTUQQgTMtNQT+viaQgSiCJDUsgEWcG9oMjAKk+7OI4oA1jMQDOdyFhKZt9HhSrQYoCalLPrd/C25o7q7A0QiahAc9XZSMzt7TIXGCQ+FyA5GvZdtRCR6LmDadt+89UubDN0T8zb/H5UfgCViy20yJA2j8xOrufRtgmwwdZ6XwlIEmNQZ8YaZHEWTvErZhPEKaiaNHvcFobOMsUHwJnBXZ7TxZZr6himdZW7a2qVlJEjBBeBsUswkER45/e+gBBXApr2zCiZCcJcmhzVLggpg0t5DLBnNtSMEJKwAEarMSLNEQCo/ACWnGgkiIJTpU3rBS35shoKOCoMKoN6vJqPzoYoBKDmVACg5TkHQjr52029NrBGU0R47PBXpJIBNQkiLBtYIl5O3VDEAJScnABP/RMnICSCE9noQeR0g6Fxdc04A69XPnrlZe5R92lw9KsL6Cx7IHXUpmVIRAAAAAElFTkSuQmCC);}
a.active i.icon-sidenav-map.icon-learning-map{background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAACXBIWXMAACxLAAAsSwGlPZapAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAANxSURBVHgB7ZpfVtpAFMbvnXBOfaSPtRbTHeAKxBXIDswGqukKgB2gLqBhBZUVyBLoChq11cfyatvM7R0SKmIC+TPBh5nfOUFgkpvk+25mPIcPwGIxGgTNuP5dhyLnjN82SWAoEAbh8F0Ir4zrf29KuXOGRG3+2JQgR3eXe4EWAf4XB+oSQHt1HAkmixPClkkM6RFC58UgwedKAizcToo3cxwSAuKk7q7YZMjy9RQWoEDxtXBXXEnn7+hu2LoCTZQwJP8coIpLiV0AcZK3eE5CvoxACBiV6YqqhuDG4tEbj3c6Tn2GNFOkK3QZgnUWr0BIJAeO40yWu6IOQ7DO4lpADAj/jFGKTh2GzAVonT70eE3wyxZXyxw60UBK5wt/dF/uIc+FcKYk6azKxFkcmvLLmGQ0RdH4mraHSG6+D8VvfsbHDYR4fHtzuXsUDj9MsnfFGbdycHOxeyCEPODjRvHx9aAMESI6ur14f8Bb32lg5rkaifOFiiu3199wNuFwT7niqUcOYKfLXdGj1K4pjDKEO+33MBx+zC0uC5DL+VLF15HUCdQWT7rCY3lPoCBVDWnUWTwvSf2J6z/0+W8nR1doMyRTAPWsJu26NZIlL1Bb6/RnkNER49uL3S5oQmQPObVNUjkJU79F/AUaEWA4VgAwHCsAGI4VAAzHCgCGYwUAw7ECgOFYAcBwrABgOFYAMBwrABiOFQAMxwoAhmMFAE3EP3dn/NKMYh9elYabOQIVWQQRpVwTqyHyWqf3nW1kBJ+uK06PqfyDlJQZASglwPPi7Hq+sJ2rhJAE3v6n+9qSo88NoY37FxKgaPEsVAgLQXS4K3o6uqKkIWq3cKMAy0FELt7WHK+u1BVVDUGSA2QXUo8UgB4RdYvETjUxzxPP37E4q4MqTEmIUx5UYy6UYJ58YbFDlRbPEqAscXEYgyMnUqKPgIeaQlBVmQHftBB0tRz5qbwKrCvOeOrF9R88iujkNQKYT4Y8Bml5ooodQFNBOMoqvgoL4Uop+1voiixDXlBGgFmSHjuvkh6roys2uZ16TH4B4tipzqygYtEVfCnHUG6yrWQI8vJzvc4FNetWdTsPS8nRnHliPYZgnNJ0rle+154MLYLr/2irFSSlK7Q8fstgfELVhtE8M5xn4tgWi67gf5QOhaRvRZ5ti8VisVg28w8RdC8dc4YTOwAAAABJRU5ErkJggg==);}
a.active i.icon-sidenav-map.icon-market{background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEuSURBVHgB7ZdProIwEManjdHdi2/3nhoCR/BGLl2owROoJ5CoC3fqUTwJlfhnyxYX1I4aQwyLthZQwy+BkAlkvvmYDoXAHat3GAElY8iBOObj/aI5wWv6iOaU/JoqkYtCwVTSgsGsQSADrMGRP8cKd6AU8JkC6q5fB0MoC7D6e/cnrvmio/0WDq+8BQChU3FGB2wcKCjkr+vboImSANs92WnharWm7YaxJtR1w/QqUHYjk2WIbsiulC8dRDwehp4TytxaAYOIT+iWnKMOWzpM9hlTAkJR9WQ3b3mgiNIrYN4/uyZLgFXTc9QONJIj6g6ISu/TULvqJMpNiJVSGv2KwwleTI5o9QCT7HAZyg1J4QKI1T+sblek84hyvoYsSMlB0vbqefIOf0Z8AyUFcgHEcV/pbHYnJgAAAABJRU5ErkJggg==);}
a.active i.icon-sidenav-map.icon-info{background-position: -1rem -0.3rem;}
a.active i.icon-sidenav-map.icon-book{background-position: -1.2rem -0.3rem;}
a.active i.icon-sidenav-map.icon-letter{background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAACXBIWXMAACxLAAAsSwGlPZapAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAHeSURBVHgB7dvBTcNAEAXQP2vEFQogkBIowVQAHRAaAKcDqIBISFwJlRA6oAOMEgRHKMAz2BfkWBFZs4isPfMuySabQ77imXi9JjQMz98vGJxVT9EvuQhfzW/2pvUXqT4YZG8jYrlDjzlXHOWTwex7vPRmIafoOeYkq48dlCHBTn2sLoAm9QFs+UwqK+UjO56iQ5wkpyKSrpvnFYAQPc8ny+0jdvvnr2mjya1kNQDKWQBQzq8LsOwOs3mKDpGCDmR9DfTtAjgRTk7QJR5fvmI1AMpZAFDO2qDPpOpkiFxxiQ5hduXCBx2vm+d9MvRSW0bqgvJkaOQzz2oAlLMAoJxXEfzJIFuM2sxPIHkeUUENDoDYtbqQIoJZ+TBDJOwQQESG2eKw/I3stvlM6OEUVQBSuOty7SFFO55n/qtZG4RyFgCUszaIiFDBY9pu1wZDRRVAfrv3hH9mhwACieOzVvPBH4hIcABd2zfQZG0QylkAUC64CG5638DG1wOYkwdslq0HhLAAoJwFAOWCu0B1BwY6LDiAmC5z/YbVAChnAUA5383Sw7b7ADaN/nizdErsUnSI2GZpPxZAfSAkn1Bm+d5hxxP0HIHv6+OlAKq/tc7RWVk/cvRPXl6VGeeN2+e/AIKDgB7PEBHdAAAAAElFTkSuQmCC);}
a.active i.icon-sidenav-map.icon-calendar{background-position: -1.4rem -0.3rem;}
a.active i.icon-sidenav-map.icon-square{background-position: -1.6rem -0.3rem;}
a.active i.icon-sidenav-map.icon-study-tasks{background-position: -1.8rem -0.3rem;}
a.active i.icon-sidenav-map.icon-learner-apply{background-position: -2.26rem -0.3rem;}

a.active i.icon-sidenav-map.icon-class-space{background-position: -2.5rem -0.26rem;}
a.active i.icon-sidenav-map.icon-class-rank{background-position: -2.7rem -0.3rem;}
a.active i.icon-sidenav-map.icon-my-learners{background-position: -2.95rem -0.3rem;}
a.active i.icon-sidenav-map.icon-followers{background-position: -3.15rem -0.3rem;}

/* */
i.icon.icon-result-status-map {
    width: 0.16rem;
    height: 0.16rem;
    text-align: center;
}

/* */
i.icon-result-status-map.complete:before {
    content: '';
    display: block;
    width: 0.1rem;
    height: 0.05rem;
    border: solid #34a853;
    border-width: 0 0 0.03rem 0.03rem;
    transform: rotate(-45deg);
    margin: 0.02rem auto;
}
i.icon-result-status-map.complete.overdue:before {
    border-color: #ff9800;
}
i.icon-result-status-map.complete.ignore:before {
    border-color: var(--umu-color-text-tertiary, #999999);
}

/* */
i.icon-result-status-map.incomplete:before {
    content: '';
    display: block;
    width: 0.14rem;
    height: 0rem;
    border-top: 0.04rem solid #ff9800;
    margin: 0.06rem auto;
}
i.icon-result-status-map.incomplete.overdue:before {
    border-color: #dd4e40;
}
i.icon-result-status-map.incomplete.ignore:before {
    border-color: var(--umu-color-text-tertiary, #999999);
}
i.icon-result-status-map.incomplete.unassigned:before {
    border-color: #2196f3;
}

/* */
.result-status-highlight.pass {
    background: #f0f8f3;
}
.result-status-highlight.warning {
    background: rgba(221, 78, 64, 0.1);
}
.result-status-highlight.ignore {
    background: #fafafa;
}
.result-status-highlight.unassigned {
    background: rgba(30, 110, 230, 0.08);
}

/* shape */
i.icon.icon-shape-map {
    width: 0.16rem;
    height: 0.16rem;
}

/* shape - plus 加号，可调整尺寸 */
i.icon-shape-map.shape-plus {
    position: relative;
}
i.icon-shape-map.shape-plus:before,
i.icon-shape-map.shape-plus:after {
    content: '';
    position: absolute;
    height: 100%;
    width: 14%;
    min-width: 0.02rem;
    top: 0;
    left: 50%;
    margin-left: -5%;
    background: var(--umu-color-bg-base, #fff);
}
i.icon-shape-map.shape-plus:before {
    transform: rotate(90deg);
}

i.icon.icon-withdraw-map{background: url(/twww/cn/images/icon-withdraw.631587e1..png) no-repeat 9.99rem;-webkit-background-size: 0.6rem auto;
background-size: 0.6rem auto;width: 0.3rem;height: 0.3rem;}
i.icon.icon-withdraw-map.withdraw-single{background-position: 0 0;}
i.icon.icon-withdraw-map.withdraw-bulk{background-position: -0.3rem 0;}


/* up */
i.icon.icon-up-map {
    background: url(/twww/cn/images/icon-up-map.070e6718..png) no-repeat;
}
i.icon.icon-up-map.size-16 {
    width: 0.16rem;
    height: 0.16rem;
}
i.icon.icon-up-map.size-20 {
    width: 0.2rem;
    height: 0.2rem;
    background-position: -0.2rem 0;
}
i.icon.icon-up-map.size-24 {
    width: 0.24rem;
    height: 0.24rem;
    background-position: -0.5rem 0;
}
i.icon.icon-up-map.size-30 {
    width: 0.3rem;
    height: 0.3rem;
    background-position: -0.8rem 0;
}

/* privilege */
i.icon.icon-privilege-map{background:url(/twww/cn/images/icon-privilege-map.ec904d01..png) no-repeat;width:0.5rem;height:0.5rem;-webkit-background-size:0.5rem auto;background-size:0.5rem auto;}
i.icon-privilege-map.type-1{}
i.icon-privilege-map.type-2{background-position:0 -0.5rem;}
i.icon-privilege-map.type-3{background-position:0 -1rem;}
i.icon-privilege-map.type-4{background-position:0 -1.5rem;}

/* icon */

/**
 * 因类名icon在现有代码里已有出现
 * 为防止样式污染，此次重构开始，使用 i 标签，具体名称需要添加 icon- 前缀
 * 比如：<i class="icon icon-abc"></i>
 */

i.icon {
    background: url(/twww/cn/images/icons.e8a64291..png) no-repeat 9.99rem;
    -webkit-background-size: 5.4rem auto;
    background-size: 5.4rem auto;
    display: inline-block;
    vertical-align: middle;
    width: 0.2rem;
    height: 0.2rem;
}

/* iconfont */
i.icon.iconfont {
    background: none;
}

/* close */
i.icon.icon-close {
    background-position: -0.4rem -1.4rem;
    width: 0.12rem;
    height: 0.12rem;
}
a:hover i.icon.icon-close {
    background-position: -1rem -1.4rem;
}
a.disabled i.icon.icon-close {
    background-position: -0.4rem -1.4rem;
}

i.icon.icon-close-white {
    background-position: -1.2rem -1.4rem;
}

/* session 查看 */
i.icon.icon-support {
    background-position: 0 -1.7rem;
}
i.icon.icon-oppose {
    background-position: -0.2rem -1.7rem;
}

i.icon.icon-is-right {
    background-position: -0.8rem -2rem;
    width: 0.16rem;
    height: 0.16rem;
}

/**
 * 箭头
 * 默认方向向上，通过添加类名实现其它3个方向样式
 * 父元素添加 .icon-activatable.active 做180度旋转，或者直接使用方向类名
 * 有 a:hover 样式
 */
i.icon.icon-arrow.right {
    transform: rotate(90deg);
}
i.icon.icon-arrow.down {
    transform: rotate(180deg);
}
i.icon.icon-arrow.left {
    transform: rotate(-90deg);
}
.icon-activatable.active i.icon.icon-arrow.up {
    transform: rotate(180deg);
}
.icon-activatable.active i.icon.icon-arrow.right {
    transform: rotate(-90deg);
}
.icon-activatable.active i.icon.icon-arrow.down {
    transform: rotate(0);
}
.icon-activatable.active i.icon.icon-arrow.left {
    transform: rotate(90deg);
}
i.icon.icon-arrow-back {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGzSURBVHgB7Zg9joJgEIYHbDZWHoFEY+0RtDAhVnuD1ZOIJ1n3BlbqVmK33dprwd5gt9GCBPadBBPkV2AATXgS8sF8xjx8PzADUUNDw3OjkAC6rmuKory7rjvbbrcWCaJSQTy5HY4ht3xNghQS9MlpfM2tqqrf4/F4QELkFgzK+bBs27ZIiFyCk8lkECO3Op/PI9M0f0mIzJuE5dDscHT8cWyQj81mMyVhMglWLcfcPcVYc0OqWI65SxByb9idITmwKFOOSZ1iT24Z0bVYr9cGlUyiYN1yTOwUQ25etxwTOYKenEE1gJu/cQqNYJ1yUYQEISeS4UgREvTW14IehNjRwlvDQDMPxh3HMZDzVXYDrbiO4/Fo9vv9P5zq/jjnfd1ul06n054qoJXUCckvyPxA6tUfr1KylfYDSBzqlEwVZDzJPXY4S75c4yzZ6/U66P+kksicbnGiigwmmDQssftnVAK5EtYqJXM9lLke8dIvzR+H9OpyucxqTfmvJEgeIClWl+Su6rhAx0N7hFPr5g9VVWu32xoJUagujpC0MIIjrMUDCSH26YNzR8hOpT99NDQ0PDv/Na7GK3cxCMkAAAAASUVORK5CYII=) no-repeat center / contain;
}

/* --- 黑色实心无箭尾小三角 --- */
i.icon.icon-arrow.arrow1 {
    background: 0;
    width: 0.1rem;
    height: 0.1rem;
}
i.icon.icon-arrow.arrow1-after:after,
i.icon.icon-arrow.arrow1:after {
    content: '';
    border-width: 0 0.05rem 0.05rem;
    border-style: solid;
    border-color: transparent;
    border-bottom-color: var(--umu-color-text-tertiary, #999);
    height: 0;
    width: 0;
    display: inline-block;
    vertical-align: top;
    margin-top: 0.02rem;
}

/* 颜色 */
i.icon.icon-arrow.color-white:after {
    border-bottom-color: #fff;
}

/* --- 灰色实心带箭尾，表头排序用 --- */
i.icon.icon-arrow.arrow3 {
    background-position: 0 -1.4rem;
}
a:hover i.icon.icon-arrow.arrow3 {
    background-position: -0.6rem -1.4rem;
}

/* --- 蓝色实心细长无箭尾，设置框的展开收起态 --- */
i.icon.icon-arrow.arrow4 {
    transform: rotate(180deg);
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADjSURBVHgB7ZO7DcIwEIbPR0FLD0LOCGxAtqFIkQ0IG1BQsE1GYIRYAkQb0YXCYEcUkXEevlCAdF/jh073fz7JAAzDML/KIjmv4Ut09ULf5TK5bhEn+cKsMJK+XsK9kGkx03p6slt71vqZXQ7zHRDDAUX2Pqo7VqtyH5XNmo8JKFOAKGK7rQtMA8ok3HB8VLEbbhFtDWR6k+b1ORAm4QtXx0j5akVXI4pESHivQKhEaPgggaESlPDBAn0S1PAggTaJ+hsRw4MFfBINgsNJAi0SpHCygCMB1PDRWAm5KSQwDMP8My96mL3zZBJqlgAAAABJRU5ErkJggg==) center / contain;
}
i.icon.icon-arrow.arrow4.down {
    transform: rotate(0deg);
}

/* --- 蓝色实心细长无箭尾，翻页器 --- */
i.icon.icon-arrow.arrow5 {
    background-position: -0.04rem -2.6rem;
    width: 0.12rem;
    height: 0.12rem;
}

/* --- 灰色实心细长无箭尾，内容区展开收起态 --- */
i.icon.icon-arrow.arrow6 {
    background-position: -1.5rem -1.4rem;
    width: 0.16rem;
    height: 0.16rem;
}

/* --- 蓝色实心细长无箭尾，大号，首页幻灯片用 --- */
i.icon.icon-slide-arrow {
    background-position: 0 -3.5rem;
    width: 0.3rem;
    height: 0.4rem;
}

i.icon.icon-slide-arrow.right {
    transform: rotate(180deg);
}

/* */
i.icon.icon-move {
    background-position: -2.8rem 0;
}
a:hover i.icon.icon-move {
    background-position: -2.8rem -0.3rem;
}

i.icon.icon-edit-white {
    background-position: -5.2rem 0;
}
a:hover i.icon.icon-edit-white {
    background-position: -5.2rem -0.3rem;
}

/*program*/
i.icon.icon-subitems-empty {
    background-position: -2rem -3.42rem;
}
i.icon.icon-tags {
    background-position: -0.9rem -2.6rem;
}
i.icon.icon-plus-white {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAAXNSR0IArs4c6QAAAQlJREFUaEPtmNEJwmAMhC9rCLqGTuO7DuQATqNzFFwjgk8/tdBLQkDq9fnyk3x32vw1bOSxjcwBDfJrTsoROdJEQNFqAps+Vo4w6Nx9B+A8aF9mdmdqo5pWR9z9COAxNPU0s1O0SUavQRhKcoShNNMoWgw0RYuhpGglKClaCWj/+a+1sDutsTsAuAyiCcBtrSizm4UcWch8oKeUlN7NNEiKb7yozZE9gGugn6/7CIDIfWQyM+o3FYpWYICPVO+RKDGg95OpHJEjCQJMiaLFUNJ9JEFJ0UpA05udgebu892M3p2Y80dNqyPRZip6DVKh11ErRzqoVs6UIxV6HbVypINq5Uw5UqHXUfsGA+6VM48PRtIAAAAASUVORK5CYII=) no-repeat center / contain;
}
i.icon.icon-template-list {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAB8SURBVHgB7dbBDYAgEETRxXC2FHuxUnuxFBvQExcTJWEWsiH/nbixhIGMGSaXyuI6ttsarfuZrJNsjpRDvpVDLxZc+AE/r/gvV55XWeOawR6PhQyqGFAV/qPOIzZTkEFV+I8a06NRt6JRe6FRq8igigFVNGoVGVTRqIGKB1RfKrdOb2caAAAAAElFTkSuQmCC) no-repeat center / contain;
}
i.icon.icon-plus {
    background-position: -1.3rem -2.62rem;
}
i.icon.icon-plus {
    background-position: -1.3rem -2.62rem;
}
.btn-add-answer i.icon.icon-plus,
.btn-remove-answer i.icon.icon-minus {
    width: 0.36rem;
    height: 0.36rem;
    margin: 0 !important;
    background-position: center !important;
    background-size: contain !important;
}
.btn-add-answer i.icon.icon-plus {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAI+SURBVHgB7ZxNihpRFIVvFSKCPzhwIg60VhCXkKwgvQuHyQ5idpAM3UXvIFmCO1BH4iz4Aypi5Z4qbcpu6NMN3VD0Ox/oe89yUh/33eLV4ET2iNls9tmHuyiKvvo4sDCY+v1Oz+fzzyRJ5sUL0XXiYtpxHP9I0/S7BYyL+nUR9S9b4wty/MIfnw5dkjWbTavVatknBI7Ho63Xa9vtdtefpl4oXyApxgqV48OwUqlYt9u1drsdjBxQrVat0+lYr9czOLC8UODEIq+egVfPDIvCH4LldDrZcrk032aGKkIFjXGhXq8HLwfAAVrMhbvYq+cTZq1Wy0TOtb3gSY4KGmKBfShyCv13EJt4FgkiSBBBgggSRJAgggQRJIggQQQJIkgQQYIIEkSQIEJp3pCNRqOb9WQysTKgCiJIEEGCCBJEkCCCBBEkiCBBBAkiSBBBggjRfD5PMen3+/aWPD5bvTdvfXZbLBbZqAoiSBBBggjv1oNeS9neB6kHvRAJIkgQQYIIEkSQIIIEESSIIEEECSJIEKE0Z7GyobPYC5EgggQRJIggQQQJIkgQQYIIEkSQIIIEESSIIEEECSLEaZpm5/r9fm8iB3E5F6aooHvMDoeDiZzNZpONSKV6EISAIUTDhA4cbLfbbI4kqjhJkr++zX4jL2e1WgUtCfcOBwBOkGf2JKIL60ajkWXohJIIg/6LFoNdhEKxQkTXTcibD2MX9c0CBpXjw/gm5K0IIrssT6UaXsOXPjqXJzl68T1aTvHaf7Veu9FM0cBIAAAAAElFTkSuQmCC);
}
.btn-add-answer i.icon.icon-plus.disabled {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAIySURBVHgB7ZxNaipBFIVvNyKCPzhwIk7sFTzBDby3gpedJDuI2UGyk+wg2YDgDkxG4iz4Aypi555uDa2BHDIQTOp8oFVl66A/bt+mWjiRnTAej//6cBVF0X8fuxYGIz/f0W63u0uS5KV4IDpMXEwzjuPbNE1vLGBc1P1e1Fu2xhvk+IEnn/ZcktXrdatUKtkrBDabjc1mM1sul4ePRl4o/yApxgqV40OvVCpZu922ZrMZjBxQLpet1WpZp9MxOLC8UODEIq+erlfPGIvCF4Jlu93aZDIxv8wMVYQKGuBAtVoNXg6AA7SYPVexV88fzBqNhomcQ3vBnRwV1MMC16HIKfTfbmziSySIIEEECSJIEEGCCBJEkCCCBBEkiCBBBAkiSBBBgggX84RsOBwerfv9vl0CqiCCBBEkiCBBBAkiSBBBgggSRJAgggQRJIhwtr3Y6d7q3L8/195NFUSQIIIEEc7Wg77bE/Q86IciQQQJIkgQQYIIEkSQIIIEESSIIEEECSJczH/zl7L3OkUVRJAgggQRJIggQQQJIkgQQYIIEkSQIIIEESSIIEEECSLEaZq+YrJarUzkIC5nzwgV9IjZer02kTOfz7MRqVQfghAwhGiY0IGDxWKRzZFEFSdJ8uyX2QPycqbTadCScO5wAOAEeWafIrqwrtVqWYZOKIkw6L9oMbiKUChWiOg6CnnzYeCiri1gUDk+DI5C3oogssvyVKreIXzpt7O/k6MXP6LlFI+9A5zbq5atNw81AAAAAElFTkSuQmCC);
}
.btn-remove-answer i.icon.icon-minus {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAImSURBVHgB7dw9TjJRFMbxMxNCSPgIBQ2hgFnByxJeV6C7oNQdiDvQkl24A10COwAqQmf4SIAQxvPMgI6a+FRaeJ9fondGbPjnzqXQnMg+mUwm/325iqLo0teehWHs73d8PB7vkiSZFl+IzhcephnH8W2apjcWMA91fwr1kt3jG+L4C09+2fdIVq/XrVKpZF8h2O/3tlwubbPZnH809o1ygUgx7rBzfOmXSiVrt9vWbDaDiQPlctlarZZ1Oh1DA8s3CppY5Lun57tngpvCLwTrcDjYfD43f8wMuwg7aIgXqtVq8HEADXDEnFzFvnv+4arRaJjkzscLPsmxg/q4wXMoucL524tNvqVAhAIRCkQoEKFAhAIRCkQoEKFAhAIRCkQoEKFAhAIRCkQoEKFAhAIRCkQoEKFAhAIRCkQoEKFAxI/9t8JgMLDfNBqN7CdoBxEKRCgQEU2n0xQX3W7X5N1sNstW7SBCgQgFIhSIUCBCgQgFIhSIUCBCgQgFIhSIUCBCgQgFIhSIUCBCgQgFIhSIUCBCgQgFIhSIUCBCgYg4TdPsb6zb7dYkh3E5J2PsoEdc7XY7k9xqtcpWTKV6C4QBQxgNEzo0WK/X2TUmUcVJkjz7Y/aAeTmLxSLoSHjvaABognlmX0Z04b5Wq2UzdEKZCIPzF0cMniJsFCuM6Pow5M2XoYe6toBh5/gy/DDkrQgjuyyfStU/D1/6606f5DiLH3HkFF97BRwZqJWQ7hinAAAAAElFTkSuQmCC);
}
.btn-remove-answer i.icon.icon-minus.disabled {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAIbSURBVHgB7dxNTsJQFMXx24YQEj7CgAlhQlcgCRvQFehOdAfiDnQn7EA3QMIO0BFhZvhIgBDqPS2YoolnBAPf+SXaV+vEf14fE3Mj+2EymVz75S6Kolu/di0MY/97x/v9/ilJkvfig+i48DDNOI4f0zR9sIB5qOdDqM/sHt8Qxx+8+rLnkaxer1ulUsm+QrDdbm0+n9tqtTr+aOwb5QaRYtxh5/ilVyqVrN1uW7PZDCYOlMtla7Va1ul0DA0s3yhoYpHvnq7vngluCr8QrN1uZ9Pp1Pw1M+wi7KABHlSr1eDjABrgiDm4i333XGHVaDRMcsfjBZ/k2EE93OA9lFzh/O3GJn9SIEKBCAUiFIhQIEKBCAUiFIhQIEKBCAUiFIhQIEKBCAUiFIhQIEKBCAUiFIhQIEKBCAUiFIhQIOJs/60wGo3skvr9vp2DdhChQIQCEWc7g851JlyadhChQIQCEQpEKBChQIQCEQpEKBChQIQCEQpEKBChQIQCEQpEKBChQIQCEQpEKBChQIQCEQpEKBChQEScpukHFuv12iSHcTkHY+ygIVabzcYkt1gssiumUn0HwoAhjIYJHRosl8tsjUlUcZIkb/6avWBezmw2CzoS/nY0ADTBPLNfI7pwX6vVshk6oUyEwfmLIwZvETaKFUZ0nQx588vAQ91bwLBz/DI4GfJWhJFdlk+l6h2HL/13h09ynMVDHDnFZ1+UGaKSKHUu9QAAAABJRU5ErkJggg==);
}
a.disabled i.icon.icon-plus {
    background-position: -1.9rem -2.6rem;
}
i.icon.icon-minus {
    background-position: -1.5rem -2.6rem;
}
a.disabled i.icon.icon-minus {
    background-position: -1.7rem -2.6rem;
}
i.icon.icon-save-tag,
i.icon.icon-add-tag {
    background-position: -1.2rem -3.5rem;
    width: 0.3rem;
    height: 0.3rem;
}
i.icon.icon-save-tag {
    background-position: -1.6rem -3.5rem;
}

/* 课程卡片 */
i.icon.icon-location2 {
    background-position: 0 -0.9rem;
}
i.icon.icon-note2 {
    background-position: -0.2rem -0.9rem;
}
i.icon.icon-num2 {
    background-position: -0.4rem -0.9rem;
}
i.icon.icon-time2 {
    background-position: -0.6rem -0.9rem;
}
i.icon.icon-client2 {
    background-position: -0.8rem -0.9rem;
}
i.icon.icon-user2 {
    background-position: -1rem -0.9rem;
}
i.icon.icon-session-count2 {
    background-position: -1.2rem -0.9rem;
    height: 0.24rem;
}

/* category */
i.icon.icon-category-search {
    background-position: -4.4rem -3.59rem;
}

/* */
i.icon.icon-add-question {
    background-position: -0.4rem -2.6rem;
}

/* group 管理页面信息icon */
i.icon.icon-clock {
    background-position: 0 -2.3rem;
}
/*人民币符号*/
i.icon.icon-cny {
    background-position: -0.5rem -2.3rem;
    width: 0.13rem;
}
i.icon.icon-tel {
    background-position: -0.8rem -2.3rem;
}

i.icon.icon-img {
    background-position: -1.8rem -2.9rem;
}
a.active i.icon.icon-img {
    background-position: -1.8rem -3.2rem;
}
a.disabled i.icon.icon-img {
    background-position: -0.6rem -2.6rem;
}

/* 分组搜索的合集，并集 */
i.icon.icon-and {
    width: 0.18rem;
    height: 0.18rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAALbSURBVHgB7ZZNbtNQEMfnTZp0UySzA7Wq3BMQTkBuQG5QumMBNJygyQkIH0LsSm/Q3qA9AeEEdVGrIlYWuzjxG2Zsv9T58psgIbrIX4pi+/3e+O/n8bwBWGuttf6tTNVg0LkMtsaNQ2NMyxgI+VJYDMVEMODJZ8loePrzy170N7za0KPObVhP6ZiDtkAhIvrKocJV+NEo6S0yNmdo9/V1Bwwe8WHAvxjAniCacwAcRP3HWYCw86sJMAqthTaH2J+OYN/P87chX29O8xSzs96Pjzv9pYZ2X90cAZpuNkBwamrDg6i/F8MSlfmJHUvd60/bvWVzxJy1tuuMzfJmZmXe5ebt21nnc2bK/Kw089/cdPn2R7N8ZkhypmHpGx8GFqh3/WG7WxWszC8mKE6S5GlV8sLUQ93xKAP1bAk5OCebz8wUv1QmqNc3j8EjWRVJjTJviqe9lBNMhnuR56nKvE+/cfgwrshBUcilwtpNiRcIj42U2tkIr47PjGjCK7RlGx0fk3809sTxyEn0PPcDZ6CQ41UsmWcajqyUiZxHMtCUk9o4GagmF7zKkJlU6krVNnDgeEnqLDk1r6tQAHqFGsgVUOER7pnE0JUchC8vQ+WcK1CLYg2Vby05j1wHsk843WiocsPxKjtgvmu4dGybjuekpovsBKmlmex4jQzZUxWI0HY8Iib9/JrZl37GO7fgVfcZjbyGpNCaYqMVHqUw8Ws4l/L9IPWX+zveI2WhLbahCZ99ZaZmDvgv5jrQzjY8jxxfgcTIDRh4JO1LsToTPjOU1QGyeQDefXekz6nQFL9IPBZpdnrXS5X46Qat1KNUtZmLeCdf+yJ5Kqkhb2MR72th836Z0rPaOB24p5CalW7UmoTYQsDD8nzHW4vRzeedwQJ+H1x7zCtT2cI6zbaZPnGQCwKKVuFNMnwRaZr8OWPcbsjyEsATuNvHrnhixCbOpQy4vntVfq211vof+gP5ucVZdE5rGwAAAABJRU5ErkJggg==) no-repeat;
    background-size: contain;
}
i.icon.icon-or {
    width: 0.18rem;
    height: 0.18rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAMASURBVHgB7VdLdlJBEK1q4GUSPTiLhmCzAt2B7MDsQJw5yAdXEFhByGfgLFkC2QFZQeIKaD6JznwnOhAIXVY1D08IH7vN8ZgBd0C/97qr+nZ1d9UFYIkllvi3wEWd2XIzu3ob7SJiERE0f9JJV0wEl2x81h/06l8/FczfjPcmtFb+ojNDOmGnRfCABaqyI42A73zGE9HpYNCvziKm7n/Ib3fLkaULfzL2IK36tZTql/ntwMeGI1iKouhC5prqmyCzdbUHCivgCYlM93B9Ynx+54rfcc/TBVhLle7xenWKkGOLat/Tj4tM9zDnVrixfb3P2xCPHed3ujUO/q6vLyD7sX2Uq8mj2zI5M0zGe1UMk1aDipuco8rbW1YcWSHmnI76jLc3xL21D039m1DG2go3WV97Ils1tUK8sd0t3d1iIbax1d6UPmWH78EbmM1kVk7ck0SHD3HT3xhM+/BFQR7yO9dip+/RjW9UvxAzKe7/BgELvVG9Zyoa0iYEgM/OmbQuOlNkBJh9OsyUEnJet26MVRuVFZ/qtyFGoFL10bw4fyGcGN1QaxsQACR8owjhdYjRD/h56YwBXy5w/co16bSBEEKc3eVQe++xQM5G8rhoIVp+TO25gTBoBY8MQqgVYqCTfPEHO7etmostBIFihQQhVx5u02ntTIEuFzhuJYODzicBfuZDTechRpyGi9LwjWjMdUzkbqJVGJRSkGxdKa7UIUa8x65GqVTvlJt4xhDTOcqdJqODUooaDOpK0jxvW8PfDLO5rU5R7MjSVHmQsiLt/MQ5B6yRDOsjd8swheI49rVVKnUi6rBzvF6/q4FEjkh0pA/DinWsWLA53/Lj8kWyMk/oJ8MVN2HbSRCqjuTISBslfdrbmxTrRD1OCrQHiivn44Eib0pTJ0JNSHnlEBbvte+pniMlkREJAn6IJTJjYTaXkECzJLFOI/mJdjmQ7KnlG12e9Bz7vZKZIfIX/g1yxFie8Ko3CUAK5jhqLTY0nBwbkjZMUt9Cxy+xxBL/A78AoPhjUM1+tgUAAAAASUVORK5CYII=) no-repeat;
    background-size: contain;
}

i.icon.icon-sitemap {
    background-position: -0.4rem -2.3rem;
    width: 0.1rem;
}

/* 课程其它 */
i.icon.icon-btn-enter-im {
    background-position: -2.1rem -2.6rem;
}
i.icon.icon-btn-enter-im-new {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAABS0lEQVRYR+2YPU7EMBCF3zsCHSfYlpaCWyD2FkgIwSlYaXtqqt1bICSOAh09zVtNERRlN8F24kQD49b2+POb51/CWaEzXgRw7YyFwqFwR4G/YQlJNpErAOe1U9wT/xPAG0l1608qLOkBwNNCsM2wjyQ3qcA7ADcLA+9JrkuAjzpVnoiJZaUMmOSsC1NS49sAruKMUDhFVklnJL9S2nbbLKKwpBcArySfc6GLgHMHOaFSs48b8C3J79SYSwMb5zuAa5IfKdBFwJIuAKxSBuhpcw/gslVnsAZt8IOlFHgL4O634Jn1Zguzx6Cv/w2wL0tkpvqouaT2ba/+opsQeJ5tra1QyW1t9oNjAmBfR/MYS5Vuaz+LpsQSAdxSoO/V7FdhAL4eoWP8OLJv1iPU3UeKr6+qkams2n3WT5IpZhLAU6g4FCMUDoU7CrizxAFKFgI8isLENwAAAABJRU5ErkJggg==) no-repeat center;
    background-size: 0.22rem;
    margin: 0 0.06rem 0.04rem 0;
}
i.icon.icon-arrow.enterprise-down {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAACL0lEQVRYR2NkGGDAOMD2M4w6YDQERkNgNATwhoBy4SuV3//+zmVkZUx42CNxn5RCS77kheL/3/8XsDIxJ9/tF7uDSy9OB8gXPNNk+M+49////5IMjAyP2diYHe90i98lxhEqpS+Vf/36u5/hP4MsIyPjcwbG/84PJ0hdx6YXpwPk8p/tYvjP4ArXxMjwlOU/i+O9SWK38TlCKe+V6h/GPyDLpZH07n40UcqNNAdUfBBk+PZ9BwPDfzOYRpBvGFlYnR70itzAZphC8RuN/39+7wOHGsL2UwxcnB6POgTek+QAkGL1ste833/83srAwGCL5IiX/1kYnB71Sl5DNlCu+LkW4x8GkOXiSOKHOTlYvW92iX4mOQ3ANBg3/Od6/f75BuToYGRkfMXyn9H57iSJKyB1ynkvdP4w/gelFzHkYBcVlAw428D4DV+UEVUOqEz6z/7rzovVDAz/fZEseMPMzOwC4v/9+3cPw38GEaRg38ymIhF6J4/xJ6FES5QDQIYYz/zP+vrai6UM//+HIjniHZj9n0EIIca4WlRLIvpsOuNvQpaD5Il2AEhx6Kr/zCePvpjH8P9/HFbDGRkXmVtLJK0OY/xLjOUkOwDs2f//GeULXk5n+P8vHcUSRqaZDyeIZzIyMv4n1nKyHAAzXC7/WT/Df4YCMJ+RYcKjiVKFpFgMz1XkaILpkc9/1gpiP5woVU2uOSSlAXItoTgb0sJiqkQBNRw2GgWjITAaAgMeAgCS5bEhzib0dQAAAABJRU5ErkJggg==) no-repeat center;
    background-size: 0.16rem;
    margin-bottom: 0.03rem;
}

i.icon.icon-add-sub-children {
    background-position: -4.8rem -0.6rem;
}
a:hover i.icon.icon-add-sub-children {
    background-position: -4.8rem -0.88rem;
}
i.icon.icon-add-sub {
    background-position: -4.6rem -0.6rem;
}
a:hover i.icon.icon-add-sub {
    background-position: -4.6rem -0.87rem;
}
i.icon.icon-edit-cancel {
    background-position: -5.2rem -0.6rem;
}
a:hover i.icon.icon-edit-cancel {
    background-position: -5.2rem -0.87rem;
}
i.icon.icon-edit-confirm {
    background-position: -5rem -0.6rem;
}
a:hover i.icon-edit-confirm {
    background-position: -5rem -0.88rem;
}
i.icon.icon-selected {
    background-position: -1.77rem -1.4rem;
}

i.icon.icon-del {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAtCAYAAAFNHdIMAAAAAXNSR0IArs4c6QAAAytJREFUWAntWb2O00AQtiMXhBScFIkK3uEqdB2+BvEEKdOgkKTkDY4nuDIJEUXyFHQYaBDVPQJCugJEJIpLlCIkfOPLrGY3u/b64pwUZEvOznzztzs7u147QSCuwWCQCDYIAMQaAKbGAIQbuplXAga4zRV8ZE3pLsUAJCxkQAUkgC20GAAvUm38aAIGqXUKojAMl+xXWoQ2UCpIut/vhzX62YLnTHML/C3T3Dr7JD1LurBBJK2J5tDcmnLufzAej89Wq9UDU2HrJLHhCnNlzjulmJPbCC5PFIpkuGOidzLDhtySEl87yiywtf+FMk83t3KgqkZsqWLFZrP5hWhVH5x4VuC2Vqt963a7i1R5OByqxc4KjvZ0s9mcYNr/QH7l0GH4qtfrvVHdhmFMEhiTITkwrxvICLsxBS5bOUzegGhJJ6aDLF7kU7NVPXcZsyHPFvPQpz3kwmVHeKFyzXJkk1XObVkJcicU5fdZWjKP8vsucRud6xyL4bk0NHkpM2lV55PJpLlYLH6bCr48RnSNwE989TU9qm9R45rMxoS++4pY3onNkcTQ+/OIDaQgi/bVp0NGAkcnMDglh1ueSPNK5QBpM5OX1TadQOQuhma61fKeIS2zaJftwZZ6Zj2LKlA7HWN5IztYjyvHqoCqVFSpUBlQROaStj3rGFMeHESmY9tzzobZfB+sjtMe02F5NpulgXn3svUiC0OKllKe9rjVav2F4FoKitL1el17SqsjADkajUYP1+v1syJOoyhadjqdr6aN5tgU3oVHKhPYycPOJzwU4rv4ctl4v6G6HNwXjjJI6MhC8Q5WzYccjFYemNoYwdITjAiqvTYJvDSyaNyjzHTmLpqXSmToh6FziUV3KTEfHanvQ+/VaQR4agR5ZPDE+uhYzNzQUZZH1Wn3hJYrqTJdbj7d3qpMu3NTrqTKdLn5dHs7ykzv9RjP++JDufLRcefULjn+TOOd7Cf+vdOGhzeGFzipaVjZDMXAJ07NLfVFAwSjvQQQji+7Izh4LXTuncQg3uHVqusKvNNpUpxOp4/n8/l7kC9x71X35M/zoin+0Gg0XrXb7V9ZNv8AQQwPYfcZwFQAAAAASUVORK5CYII=);
    width: 0.16rem;
    height: 0.16rem;
    background-size: cover;
    vertical-align: -0.02rem;
}
i.icon.icon-edit-sm {
    background-position: -5.23rem -0.92rem;
    width: 0.17rem;
    height: 0.16rem;
}
i.icon.icon-select-green {
    background-position: -5.23rem -1.22rem;
    width: 0.16rem;
    height: 0.16rem;
    margin-right: 0.05rem;
}
i.icon.icon-tips {
    background-position: -5.23rem -2.14rem;
    width: 0.14rem;
    height: 0.14rem;
}
i.icon.icon-add {
    background: url(/twww/cn/images/icon-add.64a9dba5..png);
    width: 0.16rem;
    height: 0.16rem;
    background-size: cover;
    vertical-align: -0.02rem;
}
i.icon.icon-pen-edit {
    background-position: -5.23rem -2.7rem;
    width: 0.08rem;
    height: 0.08rem;
}

/* ========== 暂用旧图标 ========== */
i.icon.icon-index-guide {
    background: url(/twww/cn/images/sprite.0b379780..png) no-repeat -1.4rem -6.78rem;
    width: 0.64rem;
    height: 0.63rem;
}
i.icon.icon-index-calendar {
    background: url(/twww/cn/images/sprite.0b379780..png) no-repeat 0 -6.78rem;
    width: 0.64rem;
    height: 0.71rem;
}

i.icon.icon-required {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAbCAYAAAH608TDAAAAAXNSR0IArs4c6QAAAldJREFUSA3Vlk9IVVEQxq9G+W8VoeROoVYFQeSqhenGRbpp30LaBhGBLXXhrk1Q4V4QkiiQ2riVoIW4ciUGLlqImf2hR1Qk+pvbzLlzz7vnvSeI4OV9b2a++Wbm3MO5790sa/k6yLL+ICboDEGdQ5ZPlrXXZSoJk1syLxPSEtg3Gp8xkUzgk3/lNiRacihZ9cJ4qR9LSdTzQBZ0n8SW+hh3ES1JwlH/dwDmMmR3W5a1xQKRd1gF/gPzj9/KaLCc6mzb3oHoHTgXCTctJjcEvllcsiTGQNgifJkqWAQXSuI4QHBPxTewG+qzcQ0uFWGKi+Ci8tsFe3o97mVG7id1B/HxNd0Xc6psqmi3SmycnZI91nLHSGxdEfk5MBI0BHYSxK6BYeXGsX/Vl9xOKBIHQs7kMyewRt/h7pbEcYCg3RV+ivOVsRbIknrUf1UpNBKRbIgsKz+s2EcaVy+P5EsVjFsTsXCfle/2fPBJTofAOfADLjwFbuOnOroBbu8S1KDSNYo/RJLjCxk2BeyQrRy1c+rBSvXxz87XlCjFl4ax6p6UUHk/bK+Rll5doNQ/BCQmKK5hbZt28Z+Ca66pHxbuDE0veAjWQV5PzS/wwtUWLqI+MAleg5/Ahnq773jve80/NO/BY3ClmNCiR9FVMAt8U/HfglFwtsVWzWU0ewJs0Cb+gotX8buad2mioMkt4H98p6wE/jr4A2wRs5Y7kqXBeWB/59JMDkvxOqnd4OQFaRnYwN/4N1PDwmmMBPII/FDuOb8UvaDuNQDuAIyhu63aGrbBa62qTsIcApi9QQdv5ILvAAAAAElFTkSuQmCC) no-repeat;
    width: 0.1rem;
    height: 0.1rem;
    background-size: contain;
    vertical-align: 0;
}
i.icon.icon-add-course {
    background: url(/twww/cn/images/sprite.0b379780..png) no-repeat;
    width: 0.36rem;
    height: 0.36rem;
    background-position: -0.62rem -0.2rem;
}

/* css图标 */
i.icon.icon-checkmark {
    background: 0;
    width: 0.2rem;
    height: 0.2rem;
    position: relative;
}
i.icon.icon-checkmark:after {
    content: '';
    position: absolute;
    width: 0.08rem;
    height: 0.04rem;
    left: 50%;
    top: 50%;
    margin: -0.05rem 0 0 -0.05rem;
    border: 0.03rem solid #000;
    border-width: 0 0 0.02rem 0.02rem;
    -webkit-transform: rotate(-50deg);
    transform: rotate(-50deg);
}

i.icon.icon-star {
    background-position: -0.4rem -1.7rem;
}

/* icon-loading */
i.icon.icon-loading.icon-sub-comment {
    background: url(/twww/cn/images/subcomment-loading.099e68f4..gif) no-repeat center;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    width: 0.16rem;
    height: 0.16rem;
}

i.icon.icon-checked {
    background-position: -1rem -2rem;
}

/*裁剪*/
i.icon.icon-crop {
    width: 0.4rem;
    height: 0.4rem;
}
i.icon.icon-crop.icon-rotate {
    background-position: -2.51rem -3.45rem;
}
i.icon.icon-crop.icon-zoom-in {
    background-position: -2.91rem -3.45rem;
}
i.icon.icon-crop.icon-zoom-out {
    background-position: -3.31rem -3.45rem;
}

i.icon.icon-checked-lg-round {
    background-position: -3.71rem -3.45rem;
}

/* 消息中心 */
i.icon.icon-ring {
    background-position: -2.5rem -2.6rem;
}
a:hover i.icon.icon-ring {
    background-position: -2.3rem -2.6rem;
}
i.icon.icon-play {
    background-position: 0rem -2rem;
}
i.icon.icon-pause {
    background-position: -0.2rem -2rem;
}
i.icon.icon-tree-toggle {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyBAMAAADsEZWCAAAAG1BMVEUAAAAhISEhISEhISEhISEhISEhISEhISF1dXVj0HLwAAAAB3RSTlMA7pERBomIcEb6UgAAAFRJREFUOMtjIAxYFIUcsMswlZcnYJdhLC8XQBXp6OhogMngNC0AjwsGG+DAL4NwNaYMk7JRAo7QMWAWwNQDk8FpWgC6zCAONyhgLy8vGKwyo2BEAwD46BUPXcWCxQAAAABJRU5ErkJggg==) no-repeat;
    width: 0.1rem;
    height: 0.1rem;
}
i.icon.icon-tree-toggle.unfold {
    background-position: 0 -0.01rem;
}
i.icon.icon-tree-toggle.fold {
    background-position: 0 -0.12rem;
}

/* */
i.icon.icon-personal-level.icon-crown {
    background-position: -2.7rem -2.6rem;
    width: 0.2rem;
    height: 0.15rem;
}
i.icon.icon-course-pined {
    background-position: -2.9rem -2.6rem;
    width: 0.14rem;
    height: 0.3rem;
}

/* 排行榜 */
i.icon.icon-points {
    background: url(/twww/cn/images/icon-rank-map.a448a821..png) no-repeat;
    width: 0.22rem;
    height: 0.2rem;
    background-size: 2rem auto;
}
i.icon.icon-points.icon-points-course {
    background-position: -1.7rem 0;
}
i.icon.icon-points.icon-points-course-s {
    background-position: -1.5rem 0;
    width: 0.14rem;
    height: 0.14rem;
}

i.icon.icon-rank {
    background: url(/twww/cn/images/icon-rank-map.a448a821..png) no-repeat;
    width: 0.24rem;
    height: 0.22rem;
    background-size: 2rem 1rem;
}
i.icon.icon-rank.icon-rank-first {
    background-position: -0.32rem 0;
}
i.icon.icon-rank.icon-rank-second {
    background-position: -0.64rem 0;
}
i.icon.icon-rank.icon-rank-third {
    background-position: -0.96rem 0;
}

i.icon.icon-yellow-right {
    background: url(/twww/cn/images/icon-yellow-right.da7b383e..png) center no-repeat;
}
i.icon.icon-gray-right {
    background: url(/twww/cn/images/icon-gray-right.86f3934e..png) center no-repeat;
}

i.icon.icon-course-revoke {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAJ1SURBVHgB7ZhLctNAEEC7R/7sUl4msULJN9ANsE8AnACyYwGUOAHOCRAORWVHchIrJ0A5gYVtAsXKxS4CzTANcZWk0d+WlYXfxvZUq+vV/LplgD0NcGh9Nw5fzgzYAQglIbkOF1P67vt3ox8XAw9qpJRgSM64H/LqlmRFAxPkCKPTbj+FGmkVCUqRAw7ibHmu21AjuUucKTfpj6FmMgWbliNSBR+CHJEomCZXkZUQ4ArkN+IPXH77pLtlHsaa5RSkrCNEcLb8eOIUiVeumW4gPkNNcgQiDBnTpievb9/3rFkvL14RRA1P5YcHNSNFrQPemeaVzMQ9aMhl5onLLNxfzB+t7MEKCmJYP80g8E1ERhf6EzUiOyemJ96eZF5OuS/txfnxWygjmJVwM8lZj/Mu5TTD45wHo6SDk1mLPfvIYwxHoOxJNGn/FNnkas7BirE7JSei9i4pPrdZqE2SB6eRbPJ0668WQygrWEDSggp4cjlR3omRQcaGUEXwX8IESQHiar5B2eMaXoV/o8DHUFUQYpIkt5j0X8AGaBCdQbnMRjymdMtP0OkmWdgCj97civDv+eQ44lRqBtdsS64IlQS3Rd9amtERodyrjQqyIHpZC8AbJQaaBDHywiWAK71iY4LUdyJgpHloMbiMxzUiSNVn/fK/Rh7la8/Wm59BkqMSCfGOhuE4KX6nglRrD3j3C5XI8DgH/mFpHzlJzxR6cd8EQ3bMQbs9lHPxnBoCNUK4LfZ7nPZ8rmD8pi8Lh6xyJVzm+8+8i/S+srFTTMvKZNPr5fzxVPsSx5GzeY3yQMxt3SkSvwvBr/i/+3EYY46Xchj27Hmo/AVcgzTmeGkdpwAAAABJRU5ErkJggg==) no-repeat;
    background-size: contain;
    height: 0.2rem;
    width: 0.2rem;
}
i.icon.icon-course-edit {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFISURBVHgB7dhfasIwHMDxX6J0rz7KcNIdxRt4g7G3wcZwN9huMDYQH72JHsEbWFTUx74q0tifmPqHVtr8krRCvi+miciHlmAogKtYjd60cX7N5KD9vniBGv/F74C5Qr6LOkG/NUlbPBq+t9tNZz14DnCOJ6vxQgVww3joe97DqPk29S+B8QKUj0ssiIQrYFVwh4SIfvCznvWrs79HBoa7gXud/7cO8zbuYGp5cFgpwLw4zDqwCA6zCiyKw6wBVXCYFWBRXLO38uXYOFAF50ViJK+NAgk4H0wDdeDAFFBlQ6ThMO1A1d0KGYeVOmjs6WPWBa6Ey0zrHWS81r2eo+Awo7uYisO0PmIhxJix05iKw7QCj6AhaKy082DeHJCaA1JzQGoOSM0BqWX+F7c/lwIq0F094hCqUyAHCTA+XH6dL5RYKN8NunS0B4mE0YYr37wIAAAAAElFTkSuQmCC) no-repeat;
    background-size: contain;
    height: 0.2rem;
    width: 0.2rem;
}
a:hover i.icon-view-template {
    background: url(/twww/cn/images/view-template-active.6c09491a..png) no-repeat;
    background-size: contain;
}
i.icon.icon-view-template {
    background: url(/twww/cn/images/view-template.6b3c4d3b..png) no-repeat;
    background-size: contain;
}

a:hover i.icon-use-template {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEnSURBVHgB7dZNDsFAFMDx16kD2JOGGzgCR3AC1ghuoE5AJPYcwQlcwRmk2AorEqpP0kU/pu20Mx2J91+1M138MpNmBoCiKOq/M0BztYHTYiZb3M1H97psXsPzWoGIMyts7z1WAdzDjT07YaQ2YBDnF0Uy0FA8DuANsNO+gnycO3dWNTv8falAURxWGjAPDisFmBeHKQcWwWHcv9ganWbW0OmBRhxm8HDADPv78nr3j+v6FjTgYoEBnJ8gUhYOYzEj0VU12SbrdsvEYfFbPD7Z3tQsMpGykrJxXGAepApcIlAEqQqXCsyCVInLBExEeghvfKIKByBwkvCRwWTiMKGjLg0pG4cJn8U8pAocluuyEEaqwhUKkdb47Na/2B+tMb20gaIoilLaB/As2AHWlYOKAAAAAElFTkSuQmCC) no-repeat;
    background-size: contain;
}
i.icon.icon-use-template {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEoSURBVHgB7dSxbYQwFMZxmzQpM0IkoM8Ilw4himSCjJLLBCnTZoU0tGGEpIYiI6Sj5N5XIJ189mF8fri495eQZZvipyeBUpIkSdedVomr6/phmqb3cRyfu677N++TAoGj5ZueO0L+EPLRRCYDHuPmMxsyUwmy4ZDW+iv5BF046q1t2735/qbAtTi0GTAEhzYBhuIQO/ASHLpxXVRV9VoUxf0wDL8qEc4JBC7Lsj199k95nv+FIGPgrMAZN+9DkLFw6ORHTThtOfsk+IvaGIdOJtj3fVeWJZC743OfScbGWYGhSA6cE7gWyYU7C/RFcuIWgR5IWvQHF84LuIDE/lYx4ZAXELmQRlFxyBuIFpDRcWgVEDmQLDi0GogMJBvu4pqm2SlJkiSJtQMgDdCTJfjG5gAAAABJRU5ErkJggg==) no-repeat;
    background-size: contain;
}

a:hover i.icon-del-template {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACfSURBVHgB7dhNDkAwEAXgIU5h4YgSR3AFJxQL655A2bCQVNN5pdW8b+unL5kZighhKlHq+tWGnL9MrWqtWjLHgJTaNVmhU/m2c+o5JKjsAzqf7vee1L4J0PuzxKjsAzai5OuhWD3MEqMYEMWAKAZEMSCKAVEMiCp3P+jb38X6hmGJUeX0YKp/N78usZHvzK4DzoDWbsPThRGZY63RdXAH0mQoZZN6UCUAAAAASUVORK5CYII=) no-repeat;
    background-size: contain;
}
i.icon.icon-del-template {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACdSURBVHgB7djNDYAgDAXgYpyObRzBpZjHEVyA6EU9mFRCHwqS9139e7GtoiKEcWLkvd9y9g8hmK41SOMYkGq7Jit3Kt92Tj2HBNV8QPXpfu9J65sAPT9LjGo+4ChGqR4q1cMsMYoBUQyIYkAUA6IYEMWAqH7Xg6n1XalvGJYY1U8P1vp3898SO+dW+c6ibVADxhinpwNLOW7ErG3fAQ4cJf5Xq4NPAAAAAElFTkSuQmCC) no-repeat;
    background-size: contain;
}

i.icon.icon-sort-up {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADbSURBVHgB7dbRDcIgEIDhq2Exp+GBIcQx2MJRHMUBSJRLbINaKHiVu8T7XtomTfMHGgBAKV4TfCGEcEoXj/fW2qnwzh0I5u8eoFMeN0JX4Og41BzIEYea/sFaXOkf3MvmCHKN3KwayB2HioGFuBsMthpYiosxHmGwj8BanHPuCoO9BEqLQ0ugxDiUj+D7esYeh5bAtOD6dDk/H0XEIZM/YGSaakhxF2pc72mmtCOZlRc9CNJ93BpNfKCBH9nrlKNTTKWBVBpIpYFU/7uTbJ1mWncanWIq8YFKcXsAKEJipbzxsfMAAAAASUVORK5CYII=) no-repeat;
    background-size: contain;
}

/**
 * dom结构：
 *      div.img > img
 */
.img img{width: 100%;height: 100%;display: block;}

/**
 * dom结构：
 *      div.img.img-avatar > img
 *  默认方形，2px圆角样式。添加 round 主题成为圆形样式。
 */
.img-avatar.img,
.img-avatar img{height: 100%;border-radius: 2px;overflow: hidden;}
.img-avatar.round.img,
.img-avatar.round img{border-radius: 999px;overflow: hidden;}

/**
 * dom:
 *      ul.tabs.tabs-theme-pill.clearfix
 *          li.tab-item
 *              a.tab-action
 */

/* */
.tabs.tabs-theme-pill .tab-item {
    float: left;
}
.tabs.tabs-theme-pill .tab-action {
    display: block;
    height: 0.32rem;
    padding: 0 0.2rem;
    line-height: 0.32rem;
    text-align: center;
    background: var(--umu-color-bg-base, #fff);
    border: 1px solid #e0e1e2;
    border-left: 0;
    color: var(--umu-color-text, #2d2e30);
}
body.locale-id .tabs.tabs-theme-pill .tab-action {
    white-space: nowrap;
}
.tabs.tabs-theme-pill .tab-item:first-child .tab-action {
    border-left: 1px solid #e0e1e2;
    border-radius: 3px 0 0 3px;
}
.tabs.tabs-theme-pill .tab-item:last-child .tab-action {
    border-radius: 0 3px 3px 0;
}
.tabs.tabs-theme-pill .tab-action.current {
    background: #fff;
    color: var(--umu-color-primary, #fab400);
    border: 1px solid var(--umu-color-primary, #fab400);
    margin-left: -0.01rem;
}
.tabs.tabs-theme-pill .tab-item:first-child .tab-action.current {
    border-color: var(--umu-color-primary, #fab400);
    margin-left: 0;
}

/* */
.tabs.tabs-theme-pill.sub .tab-action {
    height: 0.32rem;
    padding: 0 0.15rem;
    line-height: 0.32rem;
}

/* */
.tabs.tabs-theme-outline .tab-item {
    float: left;
}
.tabs.tabs-theme-outline .tab-action {
    display: block;
    height: 0.32rem;
    padding: 0 0.2rem;
    line-height: 0.32rem;
    text-align: center;
    background: var(--umu-color-bg-base, #fff);
    outline: 1px solid #e0e1e2;
    color: var(--umu-color-text, #2d2e30);
}
.tabs.tabs-theme-outline .tab-action.current {
    background: var(--umu-color-bg-base, #fff);
    outline: 1px solid #1e6ee6;
    color: #1e6ee6;
    font-weight: bolder;
    transform: translateZ(0);
}
body.locale-id .tabs.tabs-theme-outline .tab-action {
    white-space: nowrap;
}
.tabs.tabs-theme-outline .tab-item:first-child .tab-action {
    border-radius: 4px 0 0 4px;
}
.tabs.tabs-theme-outline .tab-item:last-child .tab-action {
    border-radius: 0 4px 4px 0;
}

/* */
.tabs.tabs-theme-outline.sub .tab-action {
    height: 0.32rem;
    padding: 0 0.15rem;
    line-height: 0.32rem;
}
/* */
.tabs.tabs-theme-bordered {
    box-shadow: 0 -0.01rem 0 #ddd inset;
    margin-bottom: 0.2rem;
}
.tabs.tabs-theme-bordered .tab-item {
    padding: 0 0.02rem;
    float: left;
    width: 33.33%;
    box-sizing: border-box;
}
.tabs.tabs-theme-bordered .tab-action {
    display: block;
    height: 0.6rem;
    line-height: 0.58rem;
    text-align: center;
    color: #34485b;
}
.tabs.tabs-theme-bordered .tab-action.current {
    color: #1e6ee6;
    box-shadow: 0 -0.04rem 0 #1e6ee6 inset;
    position: relative;
}
.tabs.tabs-theme-bordered .tab-action.current:before,
.tabs.tabs-theme-bordered .tab-action.current:after {
    content: '';
    width: 0.04rem;
    height: 0.04rem;
    background: #1e6ee6;
    border-radius: 50%;
    position: absolute;
    bottom: 0;
}
.tabs.tabs-theme-bordered .tab-action.current:before {
    left: -0.02rem;
}
.tabs.tabs-theme-bordered .tab-action.current:after {
    right: -0.02rem;
}

/* gold */
.tabs.tabs-theme-gold {
    box-shadow: 0 -0.01rem 0 #eee inset;
}
.tabs.tabs-theme-gold .tab-item {
    padding: 0 0.1rem;
    float: left;
    box-sizing: border-box;
    color: var(--umu-color-text, #000);
}
.tabs.tabs-theme-gold .tab-action {
    display: block;
    height: 0.56rem;
    line-height: 0.54rem;
    text-align: center;
    color: var(--umu-color-text, #212121);
}
.tabs.tabs-theme-gold .tab-action.current {
    font-weight: 700;
    color: var(--umu-color-text, #000);
    box-shadow: 0 -0.03rem 0 #faa801 inset;
    position: relative;
}
.tabs.tabs-theme-gold .tab-action.current:before,
.tabs.tabs-theme-gold .tab-action.current:after {
    content: '';
    width: 0.04rem;
    height: 0.03rem;
    background: #faa801;
    border-radius: 50%;
    position: absolute;
    bottom: 0;
}
.tabs.tabs-theme-gold .tab-action.current:before {
    left: -0.02rem;
}
.tabs.tabs-theme-gold .tab-action.current:after {
    right: -0.02rem;
}

/* blue */
.tabs.tabs-theme-blue {
    box-shadow: 0 -0.01rem 0 #eee inset;
    padding: 0 0.1rem;
}
.tabs.tabs-theme-blue .tab-item {
    float: left;
    box-sizing: border-box;
}
.tabs.tabs-theme-blue .tab-action {
    display: block;
    height: 0.45rem;
    line-height: 0.47rem;
    text-align: center;
    color: var(--umu-color-text, #2d2e30);
    margin: 0 0.2rem;
    font-size: 0.14rem;
}
.tabs.tabs-theme-blue .tab-action.current {
    color: #1e6ee6;
    box-shadow: 0 -0.02rem 0 #1e6ee6 inset;
    position: relative;
    font-weight: 600;
}
.tabs.tabs-theme-blue .tab-action.current:before,
.tabs.tabs-theme-blue .tab-action.current:after {
    content: '';
    width: 0.04rem;
    height: 0.02rem;
    background: #1e6ee6;
    border-radius: 50%;
    position: absolute;
    bottom: 0;
}
.tabs.tabs-theme-blue .tab-action.current:before {
    left: -0.02rem;
}
.tabs.tabs-theme-blue .tab-action.current:after {
    right: -0.02rem;
}

/* black */
.tabs.tabs-theme-black {
    box-shadow: 0 -0.01rem 0 #e0e0e0 inset;
}
.tabs.tabs-theme-black .tab-item {
    padding: 0 0.1rem;
    float: left;
    box-sizing: border-box;
}
.tabs.tabs-theme-black .tab-action {
    display: block;
    height: 0.6rem;
    line-height: 0.62rem;
    text-align: center;
    color: var(--umu-color-text, #212121);
    padding: 0 0.05rem;
    font-size: 0.17rem;
}
.tabs.tabs-theme-black .tab-action.current {
    color: #1e6ee6;
    box-shadow: 0 -0.03rem 0 #1e6ee6 inset;
    position: relative;
}
.tabs.tabs-theme-black .tab-action.current:before,
.tabs.tabs-theme-black .tab-action.current:after {
    content: '';
    width: 0.04rem;
    height: 0.03rem;
    background: #1e6ee6;
    border-radius: 2px;
    position: absolute;
    bottom: 0;
}
.tabs.tabs-theme-black .tab-action.current:before {
    left: -0.02rem;
}
.tabs.tabs-theme-black .tab-action.current:after {
    right: -0.02rem;
}

/**
 * dom:
 *      div.tabs-width-content
 *          ul.tabs
 *          div.tabs-content-panel
 */
.tabs.tabs-theme-with-content {
    border-bottom: 1px solid var(--umu-color-border, #e0e0e0);
}
.tabs.tabs-theme-with-content .tab-item {
    float: left;
}
.tabs.tabs-theme-with-content .tab-action {
    display: block;
    height: 0.34rem;
    padding: 0 0.2rem;
    margin-right: 0.05rem;
    line-height: 0.34rem;
    text-align: center;
    border: 1px solid transparent;
    border-bottom: 0;
    border-radius: 3px 3px 0 0;
    color: var(--umu-color-text-secondary, #666);
}
.tabs.tabs-theme-with-content .tab-action:hover {
    background: #fafafa;
}
.tabs.tabs-theme-with-content .tab-action.current {
    color: var(--umu-color-text, #000);
    background: var(--umu-color-bg-base, #fff);
    border-color: var(--umu-color-border, #e0e0e0);
    border-bottom: 1px solid #fff;
    margin-bottom: -0.01rem;
}

.tabs-content-panel {
    padding: 0.24rem;
    background: var(--umu-color-bg-base, #fff);
    border: 1px solid var(--umu-color-border, #e0e0e0);
    border-top: 0;
}

/* */
.tabs.tabs-theme-card .tab-item {
    float: left;
}
.tabs.tabs-theme-card .tab-action {
    display: block;
    font-size: 0.16rem;
    height: 0.65rem;
    padding: 0.04rem 0.2rem 0;
    margin-right: 0.05rem;
    line-height: 0.65rem;
    text-align: center;
    border: 1px solid transparent;
    border-bottom: 0;
    border-radius: 3px 3px 0 0;
    color: var(--umu-color-text-secondary, #666);
}
.tabs.tabs-theme-card.in-card-title .tab-item .tab-action {
    padding-left: 0.3rem;
    padding-right: 0.3rem;
}
body.locale-de .tabs.tabs-theme-card.in-card-title .tab-item .tab-action,
body.locale-en .tabs.tabs-theme-card.in-card-title .tab-item .tab-action {
    padding-left: 0.05rem;
    padding-right: 0.05rem;
}
body.locale-jp .tabs.tabs-theme-card.in-card-title .tab-item .tab-action {
    padding-left: 0.05rem;
    padding-right: 0.05rem;
}
.tabs.tabs-theme-card.in-card-title .tab-item:first-child .tab-action {
    border-left: 0;
}
.tabs.tabs-theme-card .tab-action:hover {
    background: #fafafa;
}
.tabs.tabs-theme-card .tab-action.current {
    color: var(--umu-color-text, #000);
    background: var(--umu-color-bg-base, #fff);
    border-color: var(--umu-color-border, #e0e0e0);
    border-bottom: 1px solid #fff;
    margin-bottom: -0.01rem;
    position: relative;
}
.tabs.tabs-theme-card .tab-action.current:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 0.04rem;
    background: var(--umu-color-primary, #ffbd2b);
    border-radius: 3px 3px 0 0;
}

/* */
.tabs.tabs-theme-squared .tab-item {
    float: left;
}
.tabs.tabs-theme-squared .tab-action {
    display: block;
    height: 0.56rem;
    padding: 0 0.3rem;
    line-height: 0.56rem;
    border-right: 1px solid var(--umu-color-fill-secondary, #eee);
    text-align: center;
    color: var(--umu-color-text-secondary, #666);
    font-size: 0.16rem;
}
.tabs.tabs-theme-squared .tab-action.current {
    color: #1e6ee6;
}

/* */
.tabs.tabs-theme-squared.sub .tab-action {
    height: auto;
    padding: 0 0.2rem;
    line-height: 1;
    font-size: 0.14rem;
}

/* */
.tabs.tabs-theme-stick {
    text-align: center;
}
.tabs.tabs-theme-stick .tab-item {
    outline: none;
    display: inline-block;
    vertical-align: top;
    padding: 0 0.1rem;
}
.tabs.tabs-theme-stick .tab-action {
    outline: none;
    display: block;
    line-height: 2;
    font-size: 0.16rem;
    color: var(--umu-color-text-secondary, #666);
}
.tabs.tabs-theme-stick .tab-action.current {
    color: var(--umu-color-text, #212121);
    box-shadow: 0 -0.02rem 0 #1e6ee6 inset;
    position: relative;
}

.tabs.tabs-theme-hollow .tab-item {
    float: left;
    position: relative;
}
.tabs.tabs-theme-hollow .tab-action {
    position: relative;
    display: block;
    padding: 0.09rem 0.16rem;
    line-height: 0.18rem;
    text-align: center;
    background: var(--umu-color-bg-base, #fff);
    border: 1px solid var(--umu-color-border, #e0e0e0);
    border-left: 0;
    color: var(--umu-color-text, #222);
}
.tabs.tabs-theme-hollow .tab-item:first-child .tab-action {
    border-left: 1px solid var(--umu-color-border, #e0e0e0);
    border-radius: 4px 0 0 4px;
}
.tabs.tabs-theme-hollow .tab-item:first-child .tab-action.current {
    right: -0.01rem;
}
.tabs.tabs-theme-hollow .tab-item:last-child .tab-action {
    border-radius: 0 4px 4px 0;
}
.tabs.tabs-theme-hollow .tab-item:last-child .tab-action.current {
    left: -0.01rem;
}
.tabs.tabs-theme-hollow .tab-item .tab-action.current {
    color: var(--umu-color-primary, #fab400);
    border: 1px solid var(--umu-color-primary, #fab400);
    z-index: 1;
}

.setTemplate h2 {
    height: 0.76rem;
    line-height: 0.76rem;
    font-size: 0.18rem;
    padding-left: 0.3rem;
}

.setTemplate .wrap {
    padding: 0rem 0.3rem 0.3rem;
    line-height: 1.5;
}

.setTemplate .inputWrap {
    overflow: hidden;
    margin-bottom: 0.15rem;
}

.setTemplate label {
    display: block;
    font-size: 0.14rem;
    line-height: 1.5;
    color: var(--umu-color-text, #222);
}

.setTemplate .input-box {
    margin-top: 0.1rem;
}

.setTemplate p.note {
    margin: 0 0 0.15rem 0rem;
    color: var(--umu-color-text, #222);
    font-size: 0.14rem;
}

.setTemplate .enterpriseSetup {
    height: 0.2rem;
    margin-bottom: 0.15rem;
}

/* offline questionnaire */
.offlineQue .way {
    margin-bottom: 0.2rem;
}
.offlineQue .content .title {
    line-height: 1.5;
    margin-bottom: 0.1rem;
}
.offlineQue .title span {
    color: #757575;
    margin-right: 0.15rem;
}
.offlineQue .QRCode {
    display: block;
    width: 1.6rem;
    height: 1.6rem;
    cursor: pointer;
}

.group-session-tools {
    border: 1px solid var(--umu-color-border, #e0e0e0);
    background: #fafbfc;
    line-height: 0.58rem;
    padding-left: 0.2rem;
}

.group-session-tools .icon-add-question {
    margin-right: 0.1rem;
}
.group-session-tools .btn {
    margin-right: 0.1rem;
}

.group-session-tools umu-button + umu-button {
    margin-left: 0.09rem;
}

.group-session-tools a,
.group-session-tools span {
    vertical-align: middle;
}

/* .group-session-tools .btn.add-paragraph {
    background: var(--umu-color-bg-base, #fff);
    color: var(--umu-color-text, #000000);
    border: 1px solid #dedfdf;
}

.group-session-tools .action-btn-spliter {
    border-left: 1px solid var(--umu-color-border, #e0e0e0);
    margin: 0 15px 0 5px;
} */

/*
  author canday
  desc umu iconfont
  library https://www.iconfont.cn/manage/index?spm=a313x.7781069.1998910419.11&manage_type=myprojects&projectId=1590198
  注意：
      1. 为了避免与老的 png icon 命名一样产生冲突或样式问题，建议在所有的字体前加上 .iconfont
      2. 字体库由 duanjun 上传到 cdn，为了避免缓存，请在 @font-face 中把 url 的时间戳改一下
      3. .woff 文件百度云的 resopnse 头少跨域设置，最好注掉（百度云的 bug）
*/

@font-face {
    font-family: 'iconfont';  /* project id 1590198 */
     src: url('https://statics-cdn-cn.umucdn.cn/statics/iconfont/2021122801/iconfont.woff2') format('woff2'),
        url('https://statics-cdn-cn.umucdn.cn/statics/iconfont/2021122801/iconfont.woff') format('woff'),
        url('https://statics-cdn-cn.umucdn.cn/statics/iconfont/2021122801/iconfont.ttf') format('truetype');/* iOS 4.1- */




}

.iconfont {
    font-family: 'iconfont' !important;
    font-size: 0.16rem;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.iconfont.icon-course-type-umu-template:before {
    content: '\e603';
}

.iconfont.icon-course-type-enterprise-template:before {
    content: '\e602';
}

.iconfont.icon-permission:before {
    content: '\e600';
}

.iconfont.icon-pinglunxuanzhong:before {
    content: '\e6c5';
}

.iconfont.icon-add:before {
    content: '\e66b';
}

.iconfont.icon-checkmark:before {
    content: '\e606';
}

.iconfont.icon-star-press:before {
    content: '\e669';
}

.iconfont.icon-star-normal:before {
    content: '\e66a';
}

.iconfont.icon-link:before {
    content: '\e668';
}

.iconfont.icon-edit:before {
    content: '\e667';
}

.iconfont.icon-top:before {
    content: '\e666';
}

.iconfont.icon-jinghua:before {
    content: '\e665';
}

.iconfont.icon-delete:before {
    content: '\e664';
}

.iconfont.icon-set:before {
    content: '\e662';
}

.iconfont.icon-comment:before {
    content: '\e65d';
}

.iconfont.icon-more:before {
    content: '\e65e';
}

.iconfont.icon-share:before {
    content: '\e65f';
}

.iconfont.icon-like1:before {
    content: '\e660';
}

.iconfont.icon-like2:before {
    content: '\e661';
}

.iconfont.icon-move-down:before {
    content: '\e65c';
}

.iconfont.icon-move-up:before {
    content: '\e65b';
}

.iconfont.icon-close:before {
    content: '\e65a';
}

.iconfont.icon-course-type-activity:before {
    content: '\e62e';
}

.iconfont.icon-course-type-learning-group:before {
    content: '\e62f';
}

.iconfont.icon-course-type-weike:before {
    content: '\e630';
}

.iconfont.icon-course-type-closed:before {
    content: '\e631';
}

.iconfont.icon-session_draft:before {
    content: '\e63f';
}

.iconfont.icon-course-type-9:before {
    content: '\e640';
}

.iconfont.icon-course-type-6:before {
    content: '\e628';
}

.iconfont.icon-course-type-3:before {
    content: '\e61d';
}

.iconfont.icon-course-type-8:before {
    content: '\e61e';
}

.iconfont.icon-course-type-13:before {
    content: '\e61f';
}

.iconfont.icon-course-type-15:before {
    content: '\e620';
}

.iconfont.icon-course-type-17:before {
    content: '\e621';
}

.iconfont.icon-course-type-19:before {
    content: '\e676';
}

.iconfont.icon-course-type-16:before {
    content: '\e622';
}

.iconfont.icon-course-type-14:before {
    content: '\e623';
}

.iconfont.icon-course-type-10:before {
    content: '\e624';
}

.iconfont.icon-course-type-4:before {
    content: '\e625';
}

.iconfont.icon-course-type-5:before {
    content: '\e626';
}

.iconfont.icon-course-type-18:before {
    content: '\e627';
}

.iconfont.icon-course-type-7:before {
    content: '\e629';
}

.iconfont.icon-course-type-11:before {
    content: '\e62a';
}

.iconfont.icon-course-type-my-template:before {
    content: '\e62b';
}

.iconfont.icon-course-type-1:before {
    content: '\e62c';
}

.iconfont.icon-course-type-2:before {
    content: '\e62d';
}

.iconfont.icon-refresh:before {
    content: '\e617';
}

.iconfont.icon-arrow-right:before {
    content: '\e601';
}
.iconfont.icon-course-type-20:before {
    content: '\e688';
}

:root {
    /* 参考：https://www.figma.com/file/D8CGJYz9N6hBdApVWN769y/UMU-Web%E7%AB%AF%E7%BB%84%E4%BB%B6%E8%A7%84%E8%8C%83?node-id=558%3A1349 */

    /* 功能色 */
    --BrandLight: var(--umu-gold-2, rgba(250, 180, 0, 0.08));
    --BrandFocus: rgba(250, 180, 0, 0.24);
    --BrandNormal: var(--umu-color-primary, #fab400);
    --BrandEnhanced: var(--umu-color-primary, #f2af2e);
    --BrandDark: #eaa900;

    --SubLightHover: rgba(30, 110, 230, 0.08);
    --SubLightFocus: rgba(30, 110, 230, 0.18);
    --SubFocus: #4a93ff;
    --SubHover: #297dfc;
    --SubColor: #1e6ee6;

    --Warning: #ff860c;
    --Error: #dd4e40;
    --Success: #21a564;

    /* 文字色 */
    --Text1: var(--umu-color-text, #222222);
    --Text2: var(--umu-color-text-secondary, #666666);
    --Text3: #999999;

    /* 中性色 */
    --Grey1: #cccccc;
    --Grey2: #e0e0e0;
    --Grey3: var(--umu-color-fill-secondary, #eee);
    --Background: #f5f5f5;
    --ZebraStriping: #fcfcfc;
    --White: #ffffff;
    --DialogBG: rgba(0, 0, 0, 0.6);
    --TooltipsBG: rgba(0, 0, 0, 0.75);

    --size-20: 20px;
}

.ant-dropdown-menu-item.ant-dropdown-menu-item-selected,
.ant-dropdown-menu-submenu-title.ant-dropdown-menu-submenu-title-selected {
    color: var(--umu-color-text, #222);
    background-color: var(--umu-color-bg-layout, #f5f5f5);
}

/* course tag */
.course-tag {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0.02rem 0.1rem 0.02rem 0;
    font-size: 0.14rem;
    color: #757575;
    background: var(--umu-color-bg-layout, #f5f5f5);
    padding: 0 0.08rem;
    line-height: 0.26rem;
}

.course-tag.exist {
    color: #faa801;
}

.course-tag.edit {
    padding-right: 0.3rem;
}

.course-tag.edit .delete {
    position: absolute;
    top: 0;
    right: 0;
    width: 0.3rem;
    text-align: center;
}

.course-tag.edit .delete:before {
    content: '\00D7';
    color: var(--umu-color-text-tertiary, #999);
    font-size: 0.24rem;
}

.course-tag.edit .delete:hover:before {
    color: var(--umu-color-text, #212121);
}

.course-tag.highlight {
    box-shadow: 0 0 0.03rem rgba(106, 164, 213, 1);
}

/*course color*/
.course-group-theme {
    /*设计师说不需要默认条了*/
    border-top-width: 0px;
    border-top-style: solid;
    border-top-color: #fafafa;
}

.course-group-theme.group-theme-1 {
    border-top-width: 4px;
    border-top-color: #23a565;
}
.course-group-theme.group-theme-2 {
    border-top-width: 4px;
    border-top-color: #ffa726;
}
.course-group-theme.group-theme-3 {
    border-top-width: 4px;
    border-top-color: #e75a2d;
}
.course-group-theme.group-theme-4 {
    border-top-width: 4px;
    border-top-color: #2196f3;
}
.course-group-theme.group-theme-5 {
    border-top-width: 4px;
    border-top-color: #ff7d7a;
}
.course-group-theme.group-theme-6 {
    border-top-width: 4px;
    border-top-color: #00bcd4;
}
.course-group-theme.group-theme-7 {
    border-top-width: 4px;
    border-top-color: #673ab7;
}

/*im*/
.btn-enter-im .icon-btn-enter-im {
    margin-right: 0.1rem;
}

/* pined */
.course-pined-status {
    position: absolute;
    top: 0;
    left: 0.08rem;
    margin-top: -0.06rem;
}
.course-group-theme .course-pined-status {
    margin-top: -0.1rem;
}

.share-dialog .ngdialog-content {
    width: 6rem !important;
}

.share-dialog-body {
    position: relative;
    overflow: hidden;
}

.share-dialog-ways {
    margin-bottom: 0.2rem;
}

.share-dialog-way {
    margin-bottom: 0.2rem;
    position: relative;
    padding-left: 0.6rem;
}

.share-dialog-way:last-child {
    margin-bottom: 0;
}

.share-dialog-way-title {
    margin-bottom: 0.1rem;
    line-height: 1.5;
}

.share-dialog-way-title .way-index {
    margin-right: 0.15rem;
    color: #757575;
    display: inline;
    position: absolute;
    left: 0;
}

.share-dialog-way-title .way-title {
    display: inline;
}

.share-dialog-way-body .QRCode {
    display: block;
    width: 1.6rem;
    height: 1.6rem;
    cursor: pointer;
}

.share-dialog-way-body .qr-code {
    display: block;
    width: 1.6rem;
    height: 1.6rem;
    cursor: pointer;
}

.updateBrowser {
    position: fixed;
    z-index: 100000000;
    top: 0;
    width: 100%;
    background: #36485b;
}

.updateBrowser .updateBrowserWrapper {
    padding: 0.15rem 0.3rem 0.2rem;
}

.updateBrowser .btn_close {
    position: absolute;
    top: 0.1rem;
    right: 0.3rem;
    width: 0.12rem;
    height: 0.12rem;
    background: url(/twww/cn/images/sprite_home.f38f545c..png) no-repeat right top;
    margin: 0.12rem 0 0 0.24rem;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.updateBrowser .btn_close:hover {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
}

.updateBrowser .tip {
    float: left;
    font-size: 0.16rem;
    color: #fff;
    line-height: 1.5;
    margin-bottom: 0.1rem;
    margin-right: 0.2rem;
}

.updateBrowser .updateBrowserOperate {
    float: right;
    clear: left;
    *float: none;
    *text-align: right;
}

.updateBrowser .updateBrowserOperate .btn {
    display: inline-block;
    vertical-align: middle;
    *zoom: 1;
    margin-left: 0.3rem;
    height: 0.38rem;
    line-height: 0.38rem;
    padding: 0 0.2rem;
    font-size: 0.16rem;
    color: #fff;
    border: 1px solid #fff;
    text-decoration: none;
    *width: 2.4rem;
    *text-align: center;
}

.updateBrowser .updateBrowserOperate .chrome {
    display: inline-block;
    vertical-align: -0.09rem;
    margin-right: 0.1rem;
    width: 0.3rem;
    height: 0.3rem;
    background: url(/twww/cn/images/icon_chrome.70e1a50d..png) no-repeat;
}

.msg-cnt {
    background: #DD4E40;
    line-height: normal;
    color: #fff;
    border-radius: 13px;
    padding: 0 0.07rem;
    font-size: 0.12rem;
}

.msg-dot {
    background: #DD4E40;
    width: 0.06rem;
    height: 0.06rem;
    display: inline-block;
    border-radius: 50%;
    vertical-align: middle;
}

.truncate-text {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.truncate-text-2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.truncate-text-3 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.truncate-text-4 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.truncate-text-5 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}

/* 隐藏recaptcha勋章 hide the reCAPTCHA badge https://developers.google.com/recaptcha/docs/faq */
.grecaptcha-badge { 
    visibility: hidden;
}

/* 屏蔽迅雷下载 */
.xl-chrome-ext-bar {
    display: none !important;
    visibility: hidden!important;
    z-index: -1!important;
    opacity: 0!important;
    left: -100rem!important;
}
.basic-points-mark {
    background-color: #03a9f4;
}

.achievement-points-mark {
    background-color: #ff7d7a;
}

.excellent-points-mark {
    background-color: var(--umu-color-primary, #ffab00);
}

.positive-points-mark {
    background-color: #23a565;
}

.special-points-mark {
    background-color: #673ab7;
}

.disabled-points-mark {
    background-color: var(--umu-color-text-tertiary, #999999);
}

:root {
    --skeleton-gradient-from-color: #efefef;
    --skeleton-gradient-to-color: #e9e9e9;
    --skeleton-border-radius: 4px;
    /* --skeleton-gradient-from-color: rgba(55, 23, 23, 0);
    --skeleton-gradient-to-color: rgba(55, 23, 23, 0.05); */
}

.umu-skeleton {
    background-color: var(--umu-color-bg-base, #fff); /* 设置骨架屏的背景颜色 */
    position: relative;
    box-sizing: border-box;
    padding: 0.1rem;
}

/* 骨架屏动画 */
@keyframes skeleton-loading {
    0% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0 50%;
    }
}

/* 骨架屏条纹动画样式 */
.umu-skeleton-stripes {
    background: linear-gradient(
        90deg,
        var(--skeleton-gradient-from-color) 25%,
        var(--skeleton-gradient-to-color) 37%,
        var(--skeleton-gradient-from-color) 63%
    );
    background-size: 400% 100%;
    animation-name: skeleton-loading;
    animation-duration: 1.4s;
    animation-timing-function: ease;
    animation-iteration-count: infinite;
}

/* 骨架屏内容占位样式 */
.umu-skeleton-item {
    height: 0.2rem; /* 设置骨架屏条纹的高度 */
    background-color: var(--umu-color-bg-layout, #f5f5f5);
    border-radius: var(--skeleton-border-radius);
    margin-bottom: 0.1rem;
}

@charset "utf-8";

/* font-size */

/* reset */

/* button */

/* login state */

/* 用户信息面板 */

/* footer */

/* popup */

/* update tip */

/* form element */

/* layout */

#content {
    width: 9.8rem;
    margin: 0 auto;
}

/* btn_add */

/* subNav */

/* password strength */

/* loading */

/* switch url */

/*@import url(./common/angular-ngdialog-default.css?__inline);*/

/*先暂时放common 大了之后在拆出来*/

/* skeleton */

body.no-scroll,
html.no-scroll {
    position: fixed !important;
    width: 100%;
}

body {
    /* 禁用网页回弹效果 */
    overscroll-behavior-y: none;
}

.umu-scroll::-webkit-scrollbar {
    height: 0.1rem;
    overflow: visible;
    width: 0.1rem;
}

.umu-scroll::-webkit-scrollbar-track,
.umu-scroll::-webkit-scrollbar-thumb,
.umu-scroll::-webkit-scrollbar-track-piece {
    border-width: 0 !important;
}

.umu-scroll::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.2);
    background-clip: padding-box;
    border: solid rgba(0, 0, 0, 0);
    border-width: 1px 1px 1px 6px;
    min-height: 0.28rem;
    padding: 1rem 0 0;
    box-shadow:
        inset 0.01rem 0.01rem 0 rgba(0, 0, 0, 0.1),
        inset 0 -0.01rem 0 rgba(0, 0, 0, 0.07);
}

.umu-scroll::-webkit-scrollbar-corner {
    background: rgba(0, 0, 0, 0);
}

.grecaptcha-badge {
    visibility: hidden;
}
/**/
#payment-confirm-dialog .dialog-body .payment-confirm-dialog .body {
    background-color: var(--umu-color-bg-base, #fff);
}

body.locale-fr .rc-picker-dropdown .rc-picker-panel .rc-picker-footer .rc-picker-footer-extra {
    width: auto;
    padding: 0 0.12rem;
}
.private-policy-check.ngdialog.ngdialog-theme-umu {
    z-index: 6000;
    /*大于连续登陆提示弹框5000*/
}
.private-policy-check.ngdialog.ngdialog-theme-umu .ngdialog-content {
    width: 4.32rem;
}
.private-policy-check .private-policy-dialog p {
    padding-bottom: 0.12rem;
    line-height: 0.2rem;
    font-size: 0.14rem;
}
.private-policy-check.ngdialog.ngdialog-theme-umu .ngdialog-content .umu-dialog-buttons .btn-primary {
    background: var(--umu-color-primary, #fab400);
    border-color: var(--umu-color-primary, #fab400);
}
.private-policy-check.ngdialog.ngdialog-theme-umu .umu-dialog-body {
    padding-bottom: 0.12rem;
}
.private-policy-dialog a {
    color: #1e6ee6;
    cursor: pointer;
}
.account-login-type-tabs-theme-stick {
    margin-bottom: 0.16rem;
}
.txt-uppercase {
    text-transform: uppercase;
}

.txt-lowercase {
    text-transform: lowercase;
}

body.locale-jp micro-app micro-app-body,
body.locale-jp micro-app micro-app-body pre,
body.locale-jp micro-app micro-app-body input,
body.locale-jp micro-app micro-app-body button,
body.locale-jp micro-app micro-app-body textarea {
    font-family: 'noto_sansregular', 'hiragino kaku gothic pro', 'MS Gothic', 'meiryo', 'Arial', 'Microsoft Yahei';
}

body.is-in-use .umu-user-name_medal,
body.is-in-use .user-level-info-holder,
body.is-in-use .user-medal-info-holder {
    display: none;
}

.ai-tools-dialog.ngdialog.ngdialog-theme-umu .ngdialog-close:before {
    color: var(--umu-color-text, #222);
}
.ai-tools-dialog.ngdialog.ngdialog-theme-umu .umu-dialog-title {
    padding: 0.24rem 0.24rem 0;
    font-size: 0.22rem;
    line-height: 0.28rem;
}
.ai-tools-dialog.ngdialog.ngdialog-theme-umu .umu-dialog-body {
    padding: 0.16rem 0.24rem 0.24rem;
}
.ai-tools-dialog.ngdialog.ngdialog-theme-umu .umu-design-comp-btn,
.ai-tools-dialog.ngdialog.ngdialog-theme-umu .btn-warning {
    border-radius: 0.08rem;
}
.ai-tools-dialog.ngdialog.ngdialog-theme-umu .umu-design-comp-btn-primary {
    background-color: #ffc610;
    border-color: #ffc610;
}
.ai-tools-dialog.ngdialog.ngdialog-theme-umu .umu-design-comp-btn-primary:hover {
    background: #f4b900;
    border-color: #f4b900;
}
.ai-tools-dialog.ngdialog.ngdialog-theme-umu .input-box .input-text {
    border-radius: 0.08rem;
}
.ai-tools-dialog.ngdialog.ngdialog-theme-umu .ngdialog-close:before {
    content: '';
    right: 0.12rem;
    top: 0.24rem;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAHRSURBVHgB7ZjhbcIwEIWd9E//ETZATNCOwAZsULoJ3aAbABN0hJYN2gXAnaCZAPoONVIUSDjbzyo/7pOiEKOc38Nn+7BzhmEYhmH8H3cukOl0uhqNRlVd11+OyASMx+O3qqq2iF1r3ytcACIet4V8PhwOC+/9xhEQ8WVZvsvH4/Hocc0Q22veVRtoi29gmGiLb9r+TDwi9tWRKJ0SiN2evVyWa/T/5CK5JF4oimKjES+o5wDS8hO5/43g805nc7T70DnRJx687Ha7pVMSNIlZJljiheBVKNUEU7wQbECINcEWL0QZEEJN5BAvRBsQtCZyiT/15QhA3wICV9122Sdw2+YSL1AMCH0mgKznVaeNIl5ISqE2fekE7jvPNPECzYAwYKKBKl5QlxIBfODyl77AnNg7MtQRGFhtTsSWHUPQDFwT38A2QUmhoXUeafN81mliFdsmeQSubVLsKrZLkgHtDpvTRLSB0PIgl4koA7G1TQ4TwQZSCzO2iSADrKqSaUJtgF0Ss0yo9wEElkpz0mlOqm1w8rDu2Sde8XtVmhhqAzinkY58q4lSmF0wUeN5pj1WCULSCAdce1xLR0b+TyDuD+4PLifaob212IZhGIZxk/wCkjtjpWU0ISQAAAAASUVORK5CYII=) no-repeat center center / 0.24rem;
}

#wx_login_container iframe {
    height: 4.2rem;
}

@charset "utf-8";

body.locale-de #index .curCourse .button_1,
body.locale-en #index .curCourse .button_1 {
    width: auto;
    padding: 0 0.5rem 0 0.3rem;
}

body.locale-de #index .userInfo .data li,
body.locale-en #index .userInfo .data li {
    vertical-align: top;
}

body.locale-de #index .userInfo .data .title,
body.locale-en #index .userInfo .data .title,
body.locale-de #manage .toolBox a,
body.locale-en #manage .toolBox a {
    line-height: 0.16rem;
    text-align: center;
}

body.locale-de #manage .course .addSession li:nth-child(5n),
body.locale-en #manage .course .addSession li:nth-child(5n) {
    margin-right: 0;
}

body.locale-de #manage .course .addSession a,
body.locale-en #manage .course .addSession a {
    width: 1.36rem;
}

body.locale-de #manage .sessionContainer .btnBox,
body.locale-en #manage .sessionContainer .btnBox,
body.locale-de #manage .sessionContainer .guide,
body.locale-en #manage .sessionContainer .guide {
    width: auto;
}

body.locale-de #manage .sessionContainer .btnBox a,
body.locale-en #manage .sessionContainer .btnBox a {
    width: 1.72rem;
}

body.locale-de #manage .sessionContainer .guide li,
body.locale-en #manage .sessionContainer .guide li {
    width: 1.48rem;
    height: 2rem;
}

body.locale-de #manage .toolBox li,
body.locale-en #manage .toolBox li,
body.locale-de #manage .question .operate a,
body.locale-en #manage .question .operate a {
    margin-left: 0.2rem;
}

body.locale-de #manage .session .sesTop .inputBox,
body.locale-en #manage .session .sesTop .inputBox {
    width: 3.3rem;
}

body.locale-de #userCenter .userInfo .optionList li,
body.locale-en #userCenter .userInfo .optionList li,
body.locale-de #register .userInfo .optionList li,
body.locale-en #register .userInfo .optionList li {
    width: auto;
    margin-right: 0.2rem;
}

/*#userCenter .phone label, #manage .newEvent .courseName label {
    line-height: 18px;
}*/

body.locale-de #userCenter .company_name label,
body.locale-en #userCenter .company_name label {
    line-height: 0.18rem;
}

body.locale-de #register .company_name label,
body.locale-en #register .company_name label {
    line-height: 0.18rem;
}

body.locale-de #manage .newEvent .num label,
body.locale-en #manage .newEvent .num label,
body.locale-de #manage .newEvent .num .inputBox,
body.locale-en #manage .newEvent .num .inputBox {
    width: 1.7rem;
}

body.locale-de .subNav,
body.locale-en .subNav {
    padding-left: 0.1rem;
}

body.locale-de #userCenter .name .inputBox,
body.locale-en #userCenter .name .inputBox {
    width: 0.8rem;
}

body.locale-de #register .name .inputBox,
body.locale-en #register .name .inputBox {
    width: 1.1rem;
}

body.locale-de #register .name .last,
body.locale-en #register .name .last {
    margin-left: 0.1rem;
}

body.locale-de #register .userInfo .optionList,
body.locale-en #register .userInfo .optionList {
    width: 7.1rem;
}

body.locale-de #userCenter .name .last,
body.locale-en #userCenter .name .last {
    margin-left: 0.1rem;
}

body.locale-de #manage .session .tabs a,
body.locale-en #manage .session .tabs a {
    width: auto;
    padding: 0 0.1rem;
}

body.locale-de .cooperateLayer,
body.locale-en .cooperateLayer {
    width: 5.1rem;
    margin-left: -0.2rem;
}

body.locale-de .cooperateLayer .title,
body.locale-en .cooperateLayer .title {
    width: 1.3rem;
    word-wrap: normal;
}

body.locale-de .cooperateLayer .url,
body.locale-en .cooperateLayer .url {
    margin-left: 0.2rem;
}

body.locale-de .cooperateLayer .btn_copy,
body.locale-en .cooperateLayer .btn_copy {
    width: 0.78rem;
}

body.locale-de .cooperateLayer .note,
body.locale-en .cooperateLayer .note {
    margin: 0.1rem 0 0 1.5rem;
    line-height: 0.2rem;
}

body.locale-de .setTemplate label,
body.locale-en .setTemplate label {
    /*line-height: 18px;*/
    width: 1.3rem;
}

body.locale-de #help .main,
body.locale-en #help .main {
    width: 7rem;
    font-size: 0.14rem;
    letter-spacing: 0.03em;
}

body.locale-de #help h2,
body.locale-en #help h2 {
    font-size: 0.24rem;
    margin-bottom: 0.25rem;
}

body.locale-de #help .section .item,
body.locale-en #help .section .item {
    margin-bottom: 0.2rem;
}

body.locale-de #help .item h3,
body.locale-en #help .item h3 {
    font-size: 0.18rem;
    font-weight: bold;
    margin-bottom: 0.1rem;
}

body.locale-de #help .item .num,
body.locale-en #help .item .num {
    font-family: calibri;
}

/* refactor @liudaoyu */
/*#upgrade .versionInfo {
    margin: 0;
}

#upgrade .versionInfo .item {
    font-size: 16px;
}

#upgrade .versionInfo .button {
    display: inline-block;
    width: auto;
    padding: 0 20px;
    vertical-align: top;
}

#upgrade .mod_info {
    padding: 50px 0 60px;
}

#upgrade .dataUpload {
    font-size: 16px;
    line-height: 24px;
}

#upgrade .dataUpload h2 {
    margin-bottom: 20px;
}

#upgrade .dataUpload table {
    width: 450px;
    margin: 20px auto;
}*/

body.locale-de .dataUpload table th,
body.locale-en .dataUpload table th,
body.locale-de .dataUpload table td,
body.locale-en .dataUpload table td {
    padding: 0.1rem 0.2rem;
    border: 1px solid var(--umu-color-fill-secondary, #eee);
}

body.locale-de .dataUpload table th,
body.locale-en .dataUpload table th {
    background: #f6f6f6;
}

body.locale-de .topSection .btn_join,
body.locale-en .topSection .btn_join {
    /*right: 140px;*/
    right: 0;
}

body.locale-de #manage .newEvent .note,
body.locale-en #manage .newEvent .note {
    width: auto;
    margin-right: 0;
}

body.locale-de #manage .newEvent .country .selectBox,
body.locale-en #manage .newEvent .country .selectBox {
    margin-right: 0;
}

body.locale-de #manage .newEvent .country .selectBox .selectList li:nth-child(15),
body.locale-en #manage .newEvent .country .selectBox .selectList li:nth-child(15) {
    border-bottom: 1px dashed #d3d3d3;
}

/* refactor @liudaoyu */
/*#upgrade .mod_upgrade .button_1 {
    width: 350px;
}*/

body.locale-de #home .inputWrap .inputTip,
body.locale-en #home .inputWrap .inputTip {
    width: 2.7rem;
}

body.locale-de #home .register .tip,
body.locale-en #home .register .tip {
    white-space: nowrap;
}

body.locale-de #home .register .tip a,
body.locale-en #home .register .tip a {
    font-size: 0.14rem;
}

body.locale-de #home .topSection .intro,
body.locale-en #home .topSection .intro,
body.locale-de #home .mod_guide p,
body.locale-en #home .mod_guide p,
body.locale-de #home .mod_feature p,
body.locale-en #home .mod_feature p,
body.locale-de #home .mod_partner p,
body.locale-en #home .mod_partner p,
body.locale-de #home .mod_demo .intro,
body.locale-en #home .mod_demo .intro,
body.locale-de #home .mod_register p,
body.locale-en #home .mod_register p {
    font-size: 0.2rem;
    line-height: 0.3rem;
}

body.locale-de #home .mod_partner .p2,
body.locale-en #home .mod_partner .p2 {
    margin-top: 0.2rem;
}

body.locale-de #home .topSection .intro,
body.locale-en #home .topSection .intro {
    margin-bottom: 0.2rem;
}

body.locale-de #home .mod_guide .feature li,
body.locale-en #home .mod_guide .feature li {
    line-height: 0.28rem;
}

body.locale-de #userCenter .area .selectBox,
body.locale-en #userCenter .area .selectBox {
    width: 1.2rem;
}

body.locale-de #userCenter .area .selectBox.countryWrapper,
body.locale-en #userCenter .area .selectBox.countryWrapper {
    margin-right: 0.1rem;
}

body.locale-de #register div.area .selectBox,
body.locale-en #register div.area .selectBox {
    width: 2.16rem;
}

body.locale-de #register div.area .selectBox.countryWrapper,
body.locale-en #register div.area .selectBox.countryWrapper {
    margin-right: 0.1rem;
}

body.locale-de #register div.userInfo .postcode,
body.locale-en #register div.userInfo .postcode {
    float: none;
}

body.locale-de #register div.userInfo .area,
body.locale-en #register div.userInfo .area {
    width: 8.1rem;
    margin-right: 0;
}

body.locale-de #register div.area .selectBox.cityWrapper,
body.locale-en #register div.area .selectBox.cityWrapper {
    margin-left: 0.1rem;
}

body.locale-de #manage .newEvent .country .selectBox.cityWrapper,
body.locale-en #manage .newEvent .country .selectBox.cityWrapper {
    margin-left: 0.1rem;
}

body.locale-de #userCenter .area .selectBox,
body.locale-en #userCenter .area .selectBox {
    width: 1.63rem;
}
body.locale-de #manage .newEvent .country .selectBox,
body.locale-en #manage .newEvent .country .selectBox {
    width: 2.16rem;
}

body.locale-de #manage .note .inputBox,
body.locale-en #manage .note .inputBox {
    width: 6.7rem;
}

body.locale-de #manage .newEvent .country,
body.locale-en #manage .newEvent .country {
    width: 8.1rem;
    margin-right: 0;
}

body.locale-de #manage .newEvent .contact,
body.locale-en #manage .newEvent .contact {
    margin-left: 0.5rem;
    margin-right: 0;
}

body.locale-de #register div.postcode .inputBox,
body.locale-en #register div.postcode .inputBox {
    width: 2.5rem;
}
body.locale-de #userCenter .postcode .inputBox,
body.locale-en #userCenter .postcode .inputBox {
    width: 2.3rem;
}

/* suggestion box---daoyu*/

body.locale-de #register .userInfo label,
body.locale-en #register .userInfo label {
    width: 1.2rem;
}

body.locale-de #manage .tplWrap,
body.locale-en #manage .tplWrap {
    width: 8rem;
}

body.locale-de #userCenter .content,
body.locale-en #userCenter .content {
    float: none;
    margin: 0 auto;
}

/*refactor @liudaoyu*/
/*#upgrade .versionInfo .info {
    margin-top: 10px;
}

#upgrade .mod_upgrade {
    margin-bottom: 50px;
}

#upgrade .guide .usePolicy {
    width: 980px;
    margin: 0 auto;
    font-size: 14px;
    line-height: 24px;
    color: var(--umu-color-text-tertiary, #999);
}*/

body.locale-de .selectNum .payment label,
body.locale-en .selectNum .payment label {
    width: 1.1rem;
    margin-right: 0.2rem;
}

body.locale-de .creditCard .err,
body.locale-en .creditCard .err {
    margin: 0.05rem 0 0 1.1rem;
    color: #f00;
}

/* bg */

/*已迁移*/
/*#home .topSection .bg {
    background: url(../images/en-us/bg_demo.png) no-repeat center bottom;
}*/

body.locale-de #invite .inviteWay .screenshot,
body.locale-en #invite .inviteWay .screenshot {
    display: block;
    width: 5rem;
    margin-top: 0.2rem;
}

/*book a demo */

body.locale-de .demo .btn-primary,
body.locale-en .demo .btn-primary {
    margin-top: 0.22rem;
}

body.locale-de .demo .bottom,
body.locale-en .demo .bottom {
    margin: 0rem;
}

body.locale-de .demo label,
body.locale-en .demo label {
    line-height: 0.18rem;
}

body.locale-de .popup .operate a,
body.locale-en .popup .operate a {
    margin-top: 0.24rem;
}

/* screen */

body.locale-de .screen .userGuide li,
body.locale-en .screen .userGuide li,
body.locale-de .screen .qrGuide li,
body.locale-en .screen .qrGuide li {
    font-size: 0.2rem;
}

body.locale-de .screen .step_2 .step,
body.locale-en .screen .step_2 .step,
body.locale-de .screen .step_3 .step,
body.locale-en .screen .step_3 .step {
    margin: 0 0.2rem 0 0;
}

@media (min-width: 1440px) and (min-height: 800px) {
    body.locale-de .screen .step_2 .step,
    body.locale-en .screen .step_2 .step,
    body.locale-en .screen .step_3 .step {
        margin-right: 0.48rem;
    }
}

body.locale-de .screen .count .num,
body.locale-en .screen .count .num {
    font-size: 0.24rem;
}

body.locale-de .screen .userGuide li,
body.locale-en .screen .userGuide li {
    line-height: normal;
}

body.locale-de .brandInfo .intro,
body.locale-en .brandInfo .intro,
body.locale-de .brandInfo .tip,
body.locale-en .brandInfo .tip {
    font-size: 0.22rem;
}

/* control center */

body.locale-de .optionList .data .bar,
body.locale-en .optionList .data .bar {
    margin-right: 2rem;
}

body.locale-de .data .count .num,
body.locale-en .data .count .num {
    max-width: 1rem;
}

body.locale-de .rangeSetup .label,
body.locale-en .rangeSetup .label {
    width: 0.5rem;
}

/* advance setting */

body.locale-de .setting .radList li,
body.locale-en .setting .radList li {
    margin-right: 0.26rem;
}

body.locale-de .qWrap .setting .setting_body .orderTipPanel,
body.locale-en .qWrap .setting .setting_body .orderTipPanel {
    width: 3.47rem;
}

body.locale-de .qWrap .setting_row,
body.locale-en .qWrap .setting_row {
    padding-left: 2rem;
}

body.locale-de .qWrap .setting_row_label,
body.locale-en .qWrap .setting_row_label {
    width: 2rem;
}

body.locale-de .qWrap .setting_row .radList li,
body.locale-en .qWrap .setting_row .radList li {
    width: 1.4rem;
}

body.locale-de .demo-guide div.demo-title h3,
body.locale-en .demo-guide div.demo-title h3 {
    font-size: 0.19rem;
}

body.locale-de .demo-guide div.demo-step-desc h3,
body.locale-en .demo-guide div.demo-step-desc h3 {
    font-size: 0.19rem;
}

body.locale-de .demo-guide div.demo-title .progress,
body.locale-en .demo-guide div.demo-title .progress {
    margin-top: 0.25rem;
}

/*workflow  兼容性*/

body.locale-de .demo-guide ul.demo-step-list,
body.locale-en .demo-guide ul.demo-step-list {
    padding: 0.2rem 0.29rem;
    width: 1.72rem;
}

body.locale-de .ngdialog-demo-tips h3.ngdialog-title,
body.locale-en .ngdialog-demo-tips h3.ngdialog-title {
    letter-spacing: 0;
}

body.locale-de .ngdialog.ngdialog-theme-umu div.ngdialog-body-content,
body.locale-en .ngdialog.ngdialog-theme-umu div.ngdialog-body-content {
    padding-bottom: 0.1rem;
}

body.locale-de .popup.feedback .header h2,
body.locale-en .popup.feedback .header h2 {
    font-size: 0.2rem;
}

body.locale-de #manage .sesCon .questionSection .tipIcon,
body.locale-en #manage .sesCon .questionSection .tipIcon {
    left: 3.14rem;
    top: 0.28rem;
}

body.locale-de #manage .sesCon .show.description .descTitle span,
body.locale-en #manage .sesCon .show.description .descTitle span {
    display: inline-block;
}

body.locale-de #manage .sesCon .show.description .descTitle span,
body.locale-en #manage .sesCon .show.description .descTitle span {
    padding-right: 0.02rem;
}

/*home微课section */

body.locale-de #manage .paragraphSection .paragraph .operate a,
body.locale-en #manage .paragraphSection .paragraph .operate a {
    margin-left: 0.15rem;
}

body.locale-de #manage .sessionContainer .guide p,
body.locale-en #manage .sessionContainer .guide p {
    text-align: center;
}

/*todo 考试的开关,考试环节开放后的,删除该段代码*/
body.locale-de #manage .sessionContainer ul.btnBox li:nth-of-type(5),
body.locale-en #manage .sessionContainer ul.btnBox li:nth-of-type(5) {
    margin-right: 0.2rem;
}

body.locale-de #manage .sessionContainer ul.guide li:nth-of-type(5),
body.locale-en #manage .sessionContainer ul.guide li:nth-of-type(5) {
    margin-right: 0.18rem;
}

@charset "utf-8";

/* bg */


/*注册*/
body.locale-tw .register .pwdStrength {
    width: 2.3rem;
}


/*group添加下面的引导*/
body.locale-tw #manage .sessionContainer .guide li {
    height: 2.24rem;
}

/*个人成就*/
body.locale-tw #index .userInfo .data li{
    margin: 0 0.11rem;
}

/*帮助*/
body.locale-tw #help .main {
    width: 7rem;
    font-size: 0.14rem;
    letter-spacing: 0.03em;
}

body.locale-tw #help h2 {
    font-size: 0.24rem;
    margin-bottom: 0.25rem;
}
body.locale-tw #help .section .item {
    margin-bottom: 0.2rem;
}
body.locale-tw #help .item h3 {
    font-size: 0.18rem;
    font-weight: bold;
    margin-bottom: 0.1rem;
}
body.locale-tw #help .item .num {
    font-family: calibri;
}
/*下载*/

/*home微课section */
body.locale-tw .mod_weike .weikeFeature .weikeIcon.icon3 {
    background-position: 0 -4.5rem;
}

@charset "utf-8";

/*日本字体设置*/

body.locale-jp,
body.locale-jp pre,
body.locale-jp input,
body.locale-jp .inputBox,
body.locale-jp textarea {
    /*font-family: "noto_sansregular", "hiragino kaku gothic pro", "MS Gothic", "meiryo", Meiryo, "Hiragino Kaku Gothic Pro W6","Hiragino Kaku Gothic Pro W3",  noto_sansregular, Arial, "Microsoft Yahei", "Hiragino Sans GB"!important;*/
    font-family: 'noto_sansregular', 'hiragino kaku gothic pro', 'MS Gothic', 'meiryo', sans-serif, noto_sansregular, Arial,
        'Microsoft Yahei', 'Hiragino Sans GB' !important;
}

/*日文字体的字符高度问题*/
body.locale-jp h1,
body.locale-jp h2,
body.locale-jp h3,
body.locale-jp h4,
body.locale-jp h5 {
    /* line-height:1.1;*/
}

body.locale-jp #header .nav li a {
    font-size: 0.15rem;
}

body.locale-jp #index .curCourse .button_1 {
    width: auto;
    padding: 0 0.5rem 0 0.3rem;
}

body.locale-jp #index .userInfo .data li {
    vertical-align: top;
}

body.locale-jp #index .userInfo .data .title,
body.locale-jp #manage .toolBox a {
    line-height: 0.16rem;
    text-align: center;
}

body.locale-jp #manage .course .addSession li:nth-child(5n) {
    margin-right: 0;
}

body.locale-jp #manage .course .addSession a {
    width: 1.36rem;
}

body.locale-jp #manage .sessionContainer .btnBox,
body.locale-jp #manage .sessionContainer .guide {
    width: auto;
}

body.locale-jp #manage .sessionContainer .btnBox a {
    width: 1.72rem;
}

body.locale-jp #manage .sessionContainer .guide li {
    width: 1.48rem;
    height: 2rem;
}

body.locale-jp #manage .toolBox li,
body.locale-jp #manage .question .operate a {
    margin-left: 0.2rem;
}

body.locale-jp #manage .session .sesTop .inputBox {
    width: 3.3rem;
}

body.locale-jp #userCenter .userInfo .optionList li,
body.locale-jp #register .userInfo .optionList li {
    width: auto;
    margin-right: 0.2rem;
}

body.locale-jp #userCenter .userInfo .optionList li.other,
#register .userInfo .optionList li.other {
    width: auto;
}

body.locale-jp .subNav {
    padding-left: 0.1rem;
}

body.locale-jp #register .name .last {
    margin-left: 0.1rem;
}

body.locale-jp #register .userInfo .optionList {
    width: 6.9rem;
}

body.locale-jp #userCenter .name .last {
    margin-left: 0.2rem;
}

body.locale-jp #manage .session .tabs a {
    width: auto;
    padding: 0 0.1rem;
}

body.locale-jp .cooperateLayer {
    width: 5.1rem;
    margin-left: -0.2rem;
}

body.locale-jp .cooperateLayer .title {
    width: 1.3rem;
    word-wrap: normal;
}

body.locale-jp .cooperateLayer .url {
    margin-left: 0.2rem;
}

body.locale-jp .cooperateLayer .btn_copy {
    width: 0.78rem;
}

body.locale-jp .cooperateLayer .note {
    margin: 0.1rem 0 0 1.5rem;
    line-height: 0.2rem;
}

body.locale-jp .setTemplate label {
    /*line-height: 18px;*/
    width: 1.3rem;
}

body.locale-jp #help .main {
    width: 7rem;
    font-size: 0.14rem;
    letter-spacing: 0.03em;
}

body.locale-jp #help h2 {
    font-size: 0.24rem;
    margin-bottom: 0.25rem;
}

body.locale-jp #help .section .item {
    margin-bottom: 0.2rem;
}

body.locale-jp #help .item h3 {
    font-size: 0.18rem;
    font-weight: bold;
    margin-bottom: 0.1rem;
}

body.locale-jp #help .item .num {
    font-family: calibri;
}

body.locale-jp .dataUpload table th,
body.locale-jp .dataUpload table td {
    padding: 0.1rem 0.2rem;
    border: 1px solid var(--umu-color-fill-secondary, #eee);
}

body.locale-jp .dataUpload table th {
    background: #f6f6f6;
}

body.locale-jp .topSection .btn_join {
    /*right: 140px;*/
    right: 0;
}

/*#invite .content {
    width: 730px;
}*/

/* refactor member 8-13@daoyu */
/*#upgrade .mod_upgrade .button_1 {
    width: 350px;
}*/

body.locale-jp #home .inputWrap .inputTip {
    width: 2.7rem;
}

body.locale-jp #home .register .tip {
    white-space: nowrap;
}

body.locale-jp #home .register .tip a {
    font-size: 0.14rem;
}

body.locale-jp #home .topSection .intro,
body.locale-jp #home .mod_guide p,
body.locale-jp #home .mod_feature p,
body.locale-jp #home .mod_partner p,
body.locale-jp #home .mod_demo .intro,
body.locale-jp #home .mod_register p {
    font-size: 0.2rem;
    line-height: 0.3rem;
}

body.locale-jp #home .mod_partner .p2 {
    margin-top: 0.2rem;
}

body.locale-jp #home .topSection .intro {
    margin-bottom: 0.2rem;
}

body.locale-jp #home .mod_guide .feature li {
    line-height: 0.28rem;
}

body.locale-jp #manage .tplWrap {
    width: 8rem;
}

body.locale-jp userCenter .content {
    float: none;
    margin: 0 auto;
}

/* refactor member 8-13@daoyu */
/*#upgrade .versionInfo .info {
    margin-top: 10px;
}

#upgrade .mod_upgrade {
    margin-bottom: 50px;
}

#upgrade .guide .usePolicy {
    width: 980px;
    margin: 0 auto;
    font-size: 14px;
    line-height: 24px;
    color: var(--umu-color-text-tertiary, #999);
}*/

body.locale-jp .selectNum .payment label {
    width: 1.1rem;
    margin-right: 0.2rem;
}

body.locale-jp .creditCard .err {
    margin: 0.05rem 0 0 1.1rem;
    color: #f00;
}

/* bg */

body.locale-jp #invite .inviteWay .screenshot {
    display: block;
    width: 5rem;
    margin-top: 0.2rem;
}

/*book a demo */

body.locale-jp .demo .btn-primary {
    margin-top: 0.22rem;
}

body.locale-jp .demo .bottom {
    margin: 0rem;
}

body.locale-jp .popup .operate a {
    margin-top: 0.22rem;
}

/* screen */

body.locale-jp .screen .step_2 .step,
body.locale-jp .screen .step_3 .step {
    margin: 0 0.2rem 0 0;
}

@media (min-width: 1440px) and (min-height: 800px) {
    body.locale-jp .screen .step_2 .step,
    body.locale-jp .screen .step_3 .step {
        margin-right: 0.48rem;
    }
}

body.locale-jp .screen .count .num {
    font-size: 0.24rem;
}

body.locale-jp .brandInfo .intro,
body.locale-jp .brandInfo .tip {
    /* font-size: 18px;*/
}

/* control center */

body.locale-jp .optionList .data .bar {
    margin-right: 2rem;
}

body.locale-jp .data .count .num {
    max-width: 1rem;
}

/* refactor member 8-13@daoyu */
/*日语版修复*/
/*#upgrade .guide .mod_feature .report .intro {
    margin: 90px 0 0 10px;
    width: 370px;
}

#upgrade .guide .mod_feature .photo .intro {
    margin: 110px 0 0 60px;
}

#upgrade .guide .mod_feature .game .intro {
    margin: 150px 0 0 0;
    width: 480px
}

#upgrade .guide .mod_feature .share .intro {
    margin: 110px 0 0 60px;
    width: 450px;
}

#upgrade .guide .mod_feature .num .intro {
    margin: 110px 0 0 60px;
}

#upgrade .guide .mod_feature .session .intro {
    margin: 100px 90px 0 0;
}*/

body.locale-jp #index .courseWrap .courseContainer .date .title {
    margin-left: -0.2rem;
}

body.locale-jp .mod_partner .partner {
    /* 找不到该文件 */
    /* background: url(../images/ja-jp/partner.png) no-repeat; */
}

body.locale-jp .demo .content .inputBox {
    width: 4.2rem;
}

body.locale-jp .demo .content label {
    width: 1.12rem;
}

body.locale-jp .demo .content .selectBox {
    width: 1.38rem;
}

body.locale-jp .demo .content .item:nth-child(3) {
    margin-left: 0.52rem;
}

body.locale-jp .demo .content .item:nth-child(2) label {
    line-height: 0.36rem;
}

body.locale-jp .demo .content .item.num label {
    width: 1.07rem;
    margin-right: 0.05rem;
}

body.locale-jp .sessionOver .topSec .tip {
    width: 3.6rem;
}

body.locale-jp .sessionOver .count_2 .item_2 {
    margin-left: 0.5rem;
}

body.locale-jp .sessionOver .brandInfo .intro {
    width: 5rem;
}

body.locale-jp .sessionOver .brandInfo .logo_pic {
    /* margin-top: 90px;*/
}

body.locale-jp .popup {
    /* width: 640px; */
}

body.locale-jp .mod_feature .picBox {
    margin-left: 0.1rem;
}

@media (min-width: 800px) {
    body.locale-jp .screen .userGuide li {
        line-height: 0.18rem;
    }
}

@media (min-width: 1024px) {
    body.locale-jp .screen .userGuide li {
        line-height: 0.2rem;
    }
}

body.locale-jp .userGuide em {
    max-width: 4.28rem;
}

/* refactor member 8-13@daoyu */
/*
#upgrade .versionInfo .button {
    width: 180px;
}

#upgrade .mod_info .intro p {
    text-align: left;
}*/

body.locale-jp .selectNum .operateBox .btn-optional {
    height: 0.5rem;
    line-height: 0.5rem;
}

body.locale-jp .selectNum .package .price p .sign {
    font-size: 0.12rem;
    top: 0;
}

body.locale-jp .rangeSetup .label {
    width: 0.5rem;
}

body.locale-jp .qWrap .setting_row {
    padding-left: 1.8rem;
}

body.locale-jp .qWrap .setting_row_label {
    width: 1.8rem;
}

body.locale-jp .qWrap .setting_row .radList li {
    width: 1.6rem;
}

/*tips特别处理*/
body.locale-jp .ngdialog.ngdialog-theme-umu.ngdialog-tips-guide div.ngdialog-overlay .focus-screen {
    position: absolute;
    width: 0.7rem;
    height: 0.7rem;
    border-radius: 50%;
    background: var(--umu-color-bg-base, #fff);
    -o-box-shadow: 0 0 10px #e7e7e7;
    -webkit-box-shadow: 0 0 10px #e7e7e7;
    -moz-box-shadow: 0 0 10px #e7e7e7;
    box-shadow: 0 0 0.1rem #e7e7e7;
}

body.locale-jp .demo-guide ul.demo-step-list .done {
    font-size: 0.12rem;
}

body.locale-jp .demo-guide ul.demo-step-list li {
    font-size: 0.12rem;
}

body.locale-jp .demo-guide ul.demo-step-list li.current {
    font-size: 0.12rem;
}

body.locale-jp .demo-guide div.demo-step-desc h3 {
    font-size: 0.18rem;
}

body.locale-jp .demo-guide div.demo-step-desc li p {
    font-size: 0.12rem;
    line-height: 1.15rem;
}

body.locale-jp .ngdialog.ngdialog-theme-umu div.ngdialog-body-content {
    padding-bottom: 0.1rem;
}

/*文案超宽兼容*/
body.locale-jp #manage div.newEvent label {
    width: 0.9rem;
}

body.locale-jp #manage div.courseName .inputBox {
    width: 6.6rem;
}

body.locale-jp #manage div.client .inputBox,
body.locale-jp #manage div.num .inputBox,
body.locale-jp #manage div.address .inputBox,
body.locale-jp #manage div.note .inputBox,
body.locale-jp #manage div.contact .inputBox {
    width: 2.5rem;
}

body.locale-jp #manage div.area .city {
    margin-left: 0.2rem;
}

body.locale-jp #manage div.date .selectBox {
    width: 1.25rem;
}

body.locale-jp #manage .newEvent div.timeSelectorWrap {
    width: 3.6rem;
    margin-left: 0.5rem;
}

body.locale-jp #manage div.newEvent .datePicker {
    width: 2.7rem;
}

body.locale-jp #manage div.newEvent .time .date {
    width: 0.9rem;
}

body.locale-jp .module.mod_video {
    display: none;
}

body.locale-jp .module.mod_guide > div.intro {
    display: block;
}

body.locale-jp #home .module.mod_guide > div.intro > p {
    font-size: 0.36rem;
    margin-bottom: 0.5rem;
}
body.locale-jp #manage .sesCon .show.description .descTitle span {
    display: block;
}
body.locale-jp #manage .sesCon .show.description .descTitle span {
    padding-right: 0.02rem;
}

body.locale-jp #manage .paragraphSection .paragraph .operate a {
    margin-left: 0.17rem;
}
body.locale-jp #manage .paragraphSection .paragraph .operate a:first-child {
    margin-left: 0.28rem;
}

/*home微课section */
body.locale-jp .mod_weike .weikeFeature .weikeIcon.icon3 {
    background-position: 0 -4.5rem;
}

/*todo 考试的开关,考试环节开放后的,删除该段代码*/
body.locale-jp #manage .sessionContainer ul.btnBox li:nth-of-type(5) {
    margin-right: 0.2rem;
}

body.locale-jp #manage .sessionContainer ul.guide li:nth-of-type(5) {
    margin-right: 0.18rem;
}

body {
  min-height: 100vh;
  box-sizing: border-box;
  background: linear-gradient(180deg, rgba(231, 240, 255, 0.7) 0%, rgba(255, 251, 237, 0.7) 100%), #FFF;
}

#footer {
  padding-top: 0.8rem;
  padding-bottom: 0;
}
#footer #footer .nav a {
  color: var(--AI-tools-text-1, #1C2029);
}
#footer .nav li {
  margin: 0 0.24rem;
}
#footer .page-footer-node-copyright-wrapper {
  margin-top: 0.08rem;
}

.account-login-container .page-header-wrap {
  margin-top: 0.02rem;
}
.account-login-container .authorization-page.is-login .common-login-form .or span {
  transform: translate(-50%, 0rem);
}
i.icon.icon-role-type{width: 1.3rem;height: 1.2rem;background: url(/twww/cn/images/role_type.c8f9b1f6..png) no-repeat;}
i.icon.icon-role-type.type-1{}
i.icon.icon-role-type.type-2{background-position: 0 -1.2rem;}
i.icon.icon-role-type.type-3{background-position: 0 -2.4rem;}


.authorization-page.is-login .account-page {
    position: relative;
}
.system-cn .authorization-page.is-login .account-page-wrap {
    padding-bottom: 0.97rem;
}
.authorization-page.is-login .account-page-wrap {
    padding-bottom: 2.12rem;
}

.authorization-page.is-login .account-page-wrap > div {
    width: 100%;
}

.account-page-tip {
    font-size: 0.14rem;
    line-height: 0.22rem;
    margin-top: -0.1rem;
}

body.locale-cn .account-page-tip {
    margin-top: 0.2rem;
}

.account-page-tip h3 {
    font-size: 0.16rem;
    font-weight: bold;
    text-align: center;
    margin-bottom: 0.1rem;
}

.account-page-tip .account-page-tip-desc {
    color: #757575;
    text-align: center;
}

.account-page-tip span {
    font-weight: bold;
}

.account-login-form .form-row {
    margin: 0.16rem 0;
}

.account-login-submit {
    margin: 0.24rem 0 0.16rem;
}

.account-login-helper {
    margin: 0.12rem 0 0.29rem;
    line-height: 1.5;
}

.account-login-helper .btn-text {
    color: var(--AI-tools-text-2, #4e5969);
}

.account-login-helper .account-login-options {
    float: right;
}

.account-login-helper .account-login-option {
    float: left;
    line-height: 1.5;
    padding-left: 0.1rem;
    margin-left: 0.1rem;
    border-left: 1px solid var(--umu-color-fill-secondary, #eee);
}

.account-login-helper .account-login-option:first-child {
    border-left: 0;
}

.account-login-footer {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    padding: 0.29rem 0 0.32rem;
    text-align: center;
    border-top: 1px solid var(--umu-color-fill-secondary, #eee);
    width: 100%;
    display: flex;
    gap: 16px;
    justify-content: center;
    align-items: center;
}

.account-login-footer .btn {
    display: inline-flex;
    height: 0.4rem;
    justify-content: center;
    align-items: center;
    gap: 12px;
    flex: 1 0 0;
    border-radius: 12px;
    border: 1px solid var(--Grey2, var(--umu-color-border, #e0e0e0));
    line-height: 0.2rem;
}
.account-login-footer .btn .icon {
    width: 0.2rem;
    height: 0.2rem;
}

body {
    background-color: var(--umu-color-bg-layout, #f5f5f5);
}
body:has(.authorization-page) {
    min-height: 100vh;
    background: linear-gradient(180deg, rgba(231, 240, 255, 0.7) 0%, rgba(255, 251, 237, 0.7) 100%), #fff;
}
#footer {
    background: 0;
}
.btn.btn-primary:hover {
    background-color: #f4b900;
    border-color: #f4b900;
    box-shadow: none;
}
.btn.btn-warning,
.btn.btn-primary {
    text-transform: none !important;
}

.authorization-page.show-flowers:before,
.authorization-page.show-flowers:after {
    content: '';
    position: fixed;
    top: 50%;
    height: 1.8rem;
    width: 1.16rem;
    transform: translateY(-50%);
}

.authorization-page.show-flowers:before {
    left: 0;
    background-image: url(/twww/cn/images/bg-left.d234b9d2..png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.authorization-page.show-flowers:after {
    right: 0;
    background-image: url(/twww/cn/images/bg-right.b3b5ace8..png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.account-top {
    margin-top: 0.3rem;
}

.account-page {
    min-height: 5rem;
    margin: 0.4rem auto 0;
}

.account-page-wrap {
    padding: 0.32rem;
    margin-top: 0.4rem;
}

.account-page-slogen {
    margin-bottom: 0.16rem;
    text-align: center;
}

.account-page-slogen .img {
    margin: auto;
    display: inline-block;
    text-align: center;
}
.account-page-slogen .img img {
    width: 1.41rem;
    height: 0.7rem;
}

.account-page-form {
    /* width: 390px; */
    margin: auto;
}

.account-page-form .form-row-label {
    color: var(--umu-color-text, #212121);
}

.account-page-submit .btn {
    display: block;
    font-size: 0.16rem;
    font-weight: 700;
}

.input-box.password-input {
    padding-right: 0.5rem;
}

.input-box.password-input .input-text {
    padding-right: 0.4rem;
}

i.icon.icon-header-sso {
    width: 0.3rem;
    height: 0.3rem;
    background: url(/twww/cn/images/sso.503070d9..png) no-repeat center;
    background-size: contain;
}

body {
  min-height: 100vh;
  box-sizing: border-box;
  background: linear-gradient(180deg, rgba(231, 240, 255, 0.7) 0%, rgba(255, 251, 237, 0.7) 100%), #FFF;
}

#footer {
  padding-top: 0.8rem;
  padding-bottom: 0;
}
#footer #footer .nav a {
  color: var(--AI-tools-text-1, #1C2029);
}
#footer .nav li {
  margin: 0 0.24rem;
}
#footer .page-footer-node-copyright-wrapper {
  margin-top: 0.08rem;
}

.account-page-wrap {
  position: relative;
  z-index: 1;
  margin: 0 auto;
  padding: 0.32rem;
  width: 5rem;
  box-sizing: border-box;
  background: var(--umu-color-bg-base, #fff);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  border-radius: 24px;
  box-shadow: 0rem 0.04rem 0.4rem 0rem rgba(210, 224, 235, 0.3);
}
.account-page-wrap .common-login-form {
  width: 100%;
}
.account-page-wrap .input-box {
  padding-right: 0;
}
.account-page-wrap .input-box .input-text {
  height: 0.44rem;
  padding: 0.08rem 0.12rem;
  box-sizing: border-box;
  border-radius: 12px;
  background: var(--White, #fff);
  border: 1px solid var(--AI-tools-2, #e5e6eb);
}
.account-page-wrap .input-box .input-text:focus {
  border: 1px solid var(--SubColor, #1e6ee6);
}
.account-page-wrap .input-box.password-input {
  padding-right: 0;
}
.account-page-wrap .input-box.password-input .input-text input {
  width: 100%;
  padding-right: 0.68rem;
  box-sizing: border-box;
}
.account-page-wrap .global-phone-number-input {
  margin-right: 0;
}
.account-page-wrap .global-phone-number-input .phone-number-input {
  height: 0.44rem;
}
.account-page-wrap .global-phone-number-input .code-selector {
  margin-bottom: -0.42rem;
}
.account-page-wrap .global-phone-number-input .input-text {
  border-radius: 12px;
}
.account-page-wrap .btn-in-form {
  border-radius: 12px;
  font-size: 0.14rem;
  font-weight: 600;
  height: 0.44rem;
  box-sizing: border-box;
  line-height: 0.18rem;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.account-page-wrap .btn-in-form .icon,
.account-page-wrap .btn-in-form svg {
  margin-right: 0.12rem;
}
.account-page-wrap .btn-in-form.btn-warning, .account-page-wrap .btn-in-form.btn-primary, .account-page-wrap .btn-in-form.ajax-button-wrapper {
  color: #ffffff;
  background: var(--umu-color-primary, #ffc610);
  border: 1px solid var(--umu-color-primary, #ffc610);
}
.account-page-wrap .btn-in-form.btn-warning:hover, .account-page-wrap .btn-in-form.btn-primary:hover, .account-page-wrap .btn-in-form.ajax-button-wrapper:hover {
  background: #f4b900;
  border-color: #f4b900;
}
.account-page-wrap .btn-in-form.btn-warning:active, .account-page-wrap .btn-in-form.btn-primary:active, .account-page-wrap .btn-in-form.ajax-button-wrapper:active {
  background: var(--umu-color-primary-active, #eaa900);
  border-color: #f4b900;
}
.astellas .account-create-header-switch {
    display: none;
}

.astellas .account-page-slogen .img {
    width: 1.96rem;
    height: 0.73rem;
    max-height: 0.73rem;
    /*astellas 的人希望 logo 中的字与 login 按钮对齐，而不是整个 logo 图片*/
    margin-left: -0.66rem;
    /* background-image: url('../../images/astellas/logo-astellas.png'); */
}

.astellas .account-page-slogen .img img {
    max-height: 0.73rem;
}

.astellas .account-page-submit .btn {
    background-color: #d7063b;
    border-color: #d7063b;
}

.astellas .account-login-option.to-register {
    display: none;
}

.astellas .account-login-type-change {
    display: none;
}

.astellas .change-login-type.to-phone {
    display: none;
}

.astellas .or {
    display: none;
}
.astellas .account-login-footer {
    display: none;
}

.astellas .authorization-page.show-flowers:before,
.astellas .authorization-page.show-flowers:after {
    display: none;
}

.ziprecruiter .account-page-submit .btn {
    background-color: #71af05;
    border-color: #71af05;
}

.ziprecruiter .account-create-header-switch {
    display: none;
}

.ziprecruiter .account-login-option.to-register {
    display: none;
}

.ziprecruiter .account-login-type-change {
    display: none;
}

.ziprecruiter .change-login-type.to-phone {
    display: none;
}

.ziprecruiter .or {
    display: none;
}
.ziprecruiter .account-login-footer {
    display: none;
}

.ziprecruiter .authorization-page.show-flowers:before,
.ziprecruiter .authorization-page.show-flowers:after {
    display: none;
}

.hytera-cn .page-header-logo .img {
    display: none;
}

.hytera-cn .account-create-header-switch {
    display: none;
}

.hytera-cn .account-page-slogen .img {
    height: 0.73rem;
    max-height: 0.73rem;
}

.hytera-cn .account-page-slogen .img img {
    max-height: 0.73rem;
}

.hytera-cn .account-login-option.to-register {
    display: none;
}

.hytera-cn .account-login-type-change {
    display: none;
}

.hytera-cn .change-login-type.to-phone {
    display: none;
}

.hytera-cn .or {
    display: none;
}
.hytera-cn .account-login-footer {
    display: none;
}

.hytera-cn .authorization-page.show-flowers:before,
.hytera-cn .authorization-page.show-flowers:after {
    display: none;
}

.hytera-en .page-header-logo .img{
    display: none;
}

.hytera-en .account-create-header-switch {
    display: none;
}

.hytera-en .account-page-slogen .img {
    height: 0.73rem;
    max-height: 0.73rem;
}

.hytera-en .account-page-slogen .img img{
    max-height: 0.73rem;
}

.hytera-en .account-login-option.to-register {
    display: none;
}

.hytera-en .account-login-type-change {
    display: none;
}

.hytera-en .change-login-type.to-phone{
    display: none;
}

.hytera-en .account-login-footer{
    display: none;
}

.hytera-en .authorization-page.show-flowers:before,.hytera-en .authorization-page.show-flowers:after{
    display: none;
}

.zhbx .page-header .page-header-logo {
  cursor: default;
}
.zhbx .page-header .page-header-logo .img {
  width: 2.84rem;
  background-size: auto 100%;
}
.zhbx .page-header .page-header-logo .custom-logo {
  height: 0.35rem;
  object-fit: contain;
}
.zhbx .page-header .switch-item.switch-register {
  display: none;
}
.zhbx .authorization-page.is-login {
  position: relative;
}
.zhbx .authorization-page.is-login .authorization-page-img {
  width: 100vw;
  min-width: 9.4rem;
  min-height: 6rem;
}
.zhbx .authorization-page.is-login .account-page {
  top: 50%;
  right: 1rem;
  margin: 0rem;
  min-height: auto;
  position: absolute;
  border-radius: 4px;
  transform: translate(0, -50%);
  box-shadow: 0 0.01rem 0.12rem rgba(0, 0, 0, 0.06), 0 0 0.4rem rgba(0, 0, 0, 0.06);
}
.zhbx .authorization-page.is-login .account-page .account-page-wrap {
  margin-top: 0rem;
  padding: 0.54rem 0.24rem;
}
.zhbx .authorization-page.is-login .account-page .account-page-wrap .common-login-form .account-login .account-page-slogen .img {
  width: 2.84rem;
  height: 0.35rem;
}
.zhbx .authorization-page.is-login .account-page .account-page-wrap .common-login-form .account-login .account-page-slogen .img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.zhbx .authorization-page.is-login .account-page .account-page-wrap .common-login-form .account-login .account-page-form .account-login-submit {
  margin-bottom: 0rem;
}
.zhbx .authorization-page.is-login .account-page .account-page-wrap .common-login-form .account-login .account-page-form .account-login-submit .btn-in-form {
  border: none;
  background-color: #3982c9;
}
.zhbx .authorization-page.is-login .account-page .account-page-wrap .common-login-form .account-login .account-page-form .account-login-helper .change-login-type,
.zhbx .authorization-page.is-login .account-page .account-page-wrap .common-login-form .account-login .account-page-form .account-login-helper .account-login-option.to-register {
  display: none;
}
.zhbx .authorization-page.is-login .account-page .account-page-wrap .common-login-form .or {
  display: none;
}
.zhbx .authorization-page.is-login .account-page .account-page-wrap .common-login-form .account-login-footer {
  display: none;
}
.zhbx .authorization-page.is-login::before {
  display: none;
}
.zhbx .authorization-page.is-login::after {
  display: none;
}
.zhbx #footer {
  padding: 0 1.2rem;
}
.zhbx #footer .nav {
  display: none;
}
.zhbx #footer .page-footer-node-copyright-wrapper {
  margin-top: 0.24rem;
}
.zhbx .btn_FB {
  display: none;
}
.schueco .page-header .page-header-logo {
  cursor: default;
}
.schueco .page-header .page-header-logo .img {
  width: 2.84rem;
  background-size: auto 100%;
}
.schueco .page-header .page-header-logo .custom-logo {
  height: 0.35rem;
  object-fit: contain;
}
.schueco .page-header .switch-item.switch-register {
  display: none;
}
.schueco .tip-content-container {
  top: 50%;
  left: 10%;
  width: 30%;
  min-width: 2.1rem;
  max-width: 4.2rem;
  margin: 0rem;
  min-height: auto;
  position: absolute;
  z-index: 1;
  transform: translate(0, -50%);
  color: #ffffff;
  line-height: 1.5;
}
.schueco .tip-content-container .tip_content_title_text {
  font-size: 0.3rem;
  font-weight: 600;
}
.schueco .tip-content-container .tip_content_text {
  font-size: 0.2rem;
}
.schueco .tip-content-container .tip_content_text p {
  margin-top: 0.3rem;
}
.schueco .tip-content-container .tip_content_text a {
  color: #78B928;
  text-decoration: underline;
}
.schueco .input-box .input-text:focus {
  border-color: #78B928;
}
.schueco .account-login-helper .btn-text {
  color: #78B928;
}
.schueco .account-page-slogen {
  margin: 0 auto 0.28rem;
  width: 3.9rem;
  text-align: left;
}
.schueco .account-page-slogen .welcome-content-wrapper {
  margin-top: 0.24rem;
  line-height: 1.5;
}
.schueco .account-page-slogen .welcome-content-wrapper .welcome-title {
  font-size: 0.36rem;
  font-weight: 500;
}
.schueco .account-page-slogen .welcome-content-wrapper .welcome-text {
  font-size: 0.24rem;
}
.schueco .authorization-page {
  min-width: 9.4rem;
}
.schueco .authorization-page.is-login {
  position: relative;
}
.schueco .authorization-page.is-login::after {
  content: "";
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  display: inline-block;
  transform: unset;
}
.schueco .authorization-page.is-login .authorization-page-img {
  height: calc(100vh - 1.4rem);
  width: 100vw;
  min-width: 9.4rem;
  min-height: 6rem;
  object-fit: cover;
}
.schueco .authorization-page.is-login .account-page {
  top: 50%;
  right: 1rem;
  margin: 0rem;
  min-height: auto;
  position: absolute;
  z-index: 1;
  border-radius: 4px;
  transform: translate(0, -50%);
  box-shadow: 0 0.01rem 0.12rem rgba(0, 0, 0, 0.06), 0 0 0.4rem rgba(0, 0, 0, 0.06);
}
.schueco .authorization-page.is-login .account-page .account-page-wrap {
  margin-top: 0rem;
  padding: 0.32rem 0.24rem;
}
.schueco .authorization-page.is-login .account-page .account-page-wrap .common-login-form .account-login .account-page-slogen .img {
  width: 2.84rem;
  height: 0.35rem;
}
.schueco .authorization-page.is-login .account-page .account-page-wrap .common-login-form .account-login .account-page-slogen .img img {
  width: auto;
  height: 100%;
  object-fit: contain;
}
.schueco .authorization-page.is-login .account-page .account-page-wrap .common-login-form .account-login .account-page-form .account-login-submit {
  margin-bottom: 0rem;
}
.schueco .authorization-page.is-login .account-page .account-page-wrap .common-login-form .account-login .account-page-form .account-login-submit .btn-in-form {
  border: none;
  background-color: #78B928;
}
.schueco .authorization-page.is-login .account-page .account-page-wrap .common-login-form .account-login .account-page-form .account-login-helper .change-login-type,
.schueco .authorization-page.is-login .account-page .account-page-wrap .common-login-form .account-login .account-page-form .account-login-helper .account-login-option.to-register {
  display: none;
}
.schueco .authorization-page.is-login .account-page .account-page-wrap .common-login-form .or {
  display: none;
}
.schueco .authorization-page.is-login .account-page .account-page-wrap .common-login-form .account-login-footer {
  display: none;
}
.schueco .authorization-page.is-login::before {
  display: none;
}
.schueco #footer {
  padding: 0 1.2rem;
}
.schueco #footer .nav {
  display: none;
}
.schueco #footer .page-footer-node-copyright-wrapper {
  margin-top: 0.24rem;
}
.schueco .btn_FB {
  display: none;
}