/*!style/commonComponents.css*/

.page-header-holder .header.noFixed {
    margin-bottom: 0;
}

/*react 动画*/

.listener-list-enter {
    opacity: 0.01;
}

.listener-list-enter.listener-list-enter-active {
    opacity: 1;
    transition: opacity .5s ease-in;
}

.listener-list-leave {
    opacity: 1;
}

.listener-list-leave.listener-list-leave-active {
    opacity: 0.01;
    transition: opacity .5s ease-in;
}

/*!style/commonComponents/modalDialog.css*/
/* dialog 通用结构 */
.dialog {
    position: relative;
}

.dialog .focus-helper {
    position: absolute;
    opacity: 0;
    right: 0;
    z-index: -999;
}

.dialog-mask {
    position: fixed;
    z-index: 9998;
    background: rgba(0, 0, 0, 0.5);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.dialog-main {
    position: fixed;
    z-index: 9999;
    background: var(--umu-color-bg-base, #fff);
    width: 2.4rem;
}

.dialog .btn-close {
    position: absolute;
    top: 0.08rem;
    right: 0.1rem;
    font-size: 0.26rem;
    font-weight: 400;
    color: #c0c0c0;
    width: 0.3rem;
    text-align: center;
}

.dialog .btn-close:before {
    border-radius: 3px;
    content: '\00D7';
}

/* */
.dialog-footer-options {
    overflow: hidden;
    border-top: 1px solid #ebebeb;
    margin-top: 0.2rem;
    display: table;
    width: 100%;
}

.dialog-option {
    display: table-cell;
}

.dialog-option:nth-child(2) {
    width: 50%;
}

.dialog-option .btn {
    display: block;
    height: 0.44rem;
    line-height: 0.44rem;
    text-align: center;
    color: #1e6ee6;
    font-size: 0.15rem;
}

.dialog-option:nth-child(n + 1) .btn {
    border-left: 1px solid #ebebeb;
}

.dialog-option .btn.disabled {
    color: var(--umu-color-text-tertiary, #999);
}

.modal-dialog .title {
    font-size: 0.17rem;
    color: #000000;
    text-align: center;
    line-height: 1.4;
    padding: 0.2rem 0.2rem 0;
}

.modal-dialog .info {
    font-size: 0.13rem;
    color: #545454;
    text-align: center;
    line-height: 1.4;
    padding: 0.1rem 0.2rem;
}

/*!style/commonComponents/button.css*/
/* btn */
.btn-giraffe {
    display: block;
    height: 0.43rem;
    line-height: 0.43rem;
    text-align: center;
    border-radius: 3px;
    font-size: 0.2rem;
    color: #fff;
    background: var(--umu-color-primary, #ffbd2b) url(/themes/cn/images/giraffe_new.png) no-repeat 100% 0;
    -webkit-background-size: 35px auto;
    background-size: 0.35rem auto;
}

.btn-giraffe.disabled {
    background-color: #cccccc;
    background-position: 100% -1.72rem;
    color: #FFF;
}

.btn-giraffe.optional {
    background-color: var(--umu-color-bg-base, #fff);
    background-position: 100% -1.29rem;
    color: #4d696d;
    border: 1px #ddd solid;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
/*!style/commonComponents/courseCard.css*/
/*封面在左的 group 卡片，带价格标签，带底部操作按钮 ltr=left to right*/

.ltr-course-card.umu-card {
    border-top: 1px solid var(--umu-color-border-secondary, #f5f5f5);
    cursor: pointer;
}

.ltr-course-card.umu-card {
    box-shadow: none;
    display: block;
}

.ltr-course-card.umu-card .umu-card-cover {
    width: 0.9rem;
    height: 0.56rem;
    margin: 0.15rem 0.1rem;
}

.ltr-course-card.umu-card .umu-card-cover.umu-img-default {
    background-color: var(--umu-color-fill-secondary, #eee);
    background-size: 65%;
    opacity: 0.8;
}

.ltr-course-card.umu-card .main-title{
    /*min-height: initial;*/
    min-height: 0.22rem;
    color: var(--umu-color-text, #222);
}

.ltr-course-card.umu-card .sub-title {
    color: #757575;
    line-height: 1.4;
}

.ltr-course-card.umu-card .goods-price {
    font-size: 0.1rem;
    line-height: 0.14rem;
    padding: 0.02rem 0.05rem;
    color: #fff;
    background-color: #faa801;
    position: absolute;
    left: 0.15rem;
    top: 0.47rem;
    z-index: 2;
}

.ltr-course-card.umu-card .goods-price.price-free {
    background-color: #23a565;
}

.ltr-course-card.umu-card .umu-card-title {
    margin-left: 1rem;
    min-height: 0.5rem;
    padding: 0.16rem 0.1rem;
}

.ltr-course-card.umu-card .card-action {
    text-align: right;
}

.ltr-course-card.umu-card .umu-btn.btn-link,.ltr-course-card.umu-card .umu-btn.btn-text {
    padding-top: 0.04rem;
    font-size: 0.16rem;
}
/*!style/commonComponents/form.css*/
/* form */
.form{}
.form-row{}
.form-row-label{}
.form-row-main{}


/* radio box */
/* check box */
/* == single option == */
.radio-box,
.check-box{}

.radio-box .input,
.check-box .input{display:inline-block;vertical-align:middle;width:0.18rem;height:0.18rem;border:1px solid #cccccc;background:#FFF;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow: hidden;}

.radio-box .input input,
.check-box .input input{opacity: 0;visibility: hidden;}

.radio-box .option-detail,
.check-box .option-detail{font-size: 0.18rem;color: var(--umu-color-text, #333);}

.radio-box .option-detail .letter-index,
.check-box .option-detail .letter-index {
    display: inline-block;
    margin-right: 0.1rem;
}

.radio-box .input{border-radius:50%;}
.check-box .input{border-radius:2px;}

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

/* == option list == */
.option-list .radio-box,
.option-list .check-box{display: block;margin-top:0.15rem;background:#f1f3f7;border-radius:3px;padding:0.1rem 0.15rem;line-height:0.2rem;overflow:hidden;zoom:1;cursor:pointer;}

.option-list .radio-box .input,
.option-list .check-box .input{width: 0.16rem;height: 0.16rem;border-color: #ffba1f;float: left;margin-top: 0.02rem;}

.option-list .radio-box .option-detail,
.option-list .check-box .option-detail{font-size: 0.16rem;margin-left: 0.3rem;}

.option-list .radio-box.checked,
.option-list .check-box.checked{background: #ffba1f}

.option-list .radio-box.checked .input,
.option-list .check-box.checked .input{background: 0;}

.option-list .radio-box.checked .option-detail,
.option-list .check-box.checked .option-detail{color: #FFF;}

/* input text */
/* textarea */
.textarea,
.input-text{}
.input-text input,
.textarea textarea{display:block;width:100%;border:1px solid #ccc;background:#fff;border-radius:3px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-size:0.18rem;font-family:Arial,"Microsoft Yahei";color:#333;resize:none;overflow:auto;}

.locale-jp .textarea textarea {
    font-family: "noto_sansregular", "hiragino kaku gothic pro", "MS Gothic", "meiryo", Arial,"Microsoft Yahei";
}
.input-text input{height: 0.42rem;padding: 0.06rem 0.13rem;line-height: 0.28rem;}
.textarea textarea{height: 1.1rem;padding: 0.09rem 0.13rem;line-height:0.24rem;}
.input-text input:focus,
.textarea textarea:focus{border-color:#98c1e2;-webkit-box-shadow:0 0 3px rgba(106,164,213,0.35);-moz-box-shadow:0 0 3px rgba(106,164,213,0.35);box-shadow:0 0 0.03rem rgba(106,164,213,0.35);}


/* select */
.select select{    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;display: block;width: 100%;height: 0.42rem;-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;border-radius: 3px;
    padding: 0.06rem 0.13rem;    border: 1px solid #ccc;
    background: var(--umu-color-bg-base, #fff);font-size: 0.16rem;}

/*!style/commonComponents/icon.css*/
/* icon组件 */
.icon {
    display: inline-block;
    background-repeat: no-repeat;

}

.icon-pre {
    background: url(/themes/cn/images/icon/arrow_left_yellow.png);
    position: absolute;
    left: 0.15rem;
    top: 0.16rem;
    width: 0.09rem;
    height: 0.18rem;
    cursor: pointer;
}

.icon-pre-white {
    background: url(/themes/cn/images/icon/arrow_left_white.png);
    position: absolute;
    left: 0.15rem;
    top: 0.16rem;
    width: 0.09rem;
    height: 0.18rem;
    cursor: pointer;
    background-size: cover;
}

.icon-share {
    background: url(/themes/cn/images/share-new.png);
    cursor: pointer;
    width: 0.2rem;
    height: 0.2rem;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
}

.icon.icon-share-blue {
    background: url(/themes/cn/images/icon/icon_share.png);
    cursor: pointer;
    width: 0.24rem;
    height: 0.24rem;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
}

.icon-arrow {
    background: url(/themes/cn/images/arrow.png);
}

.icon-alarm {
    background: url(/themes/cn/images/icon/alarm.png) no-repeat;
    background-size: 0.2rem auto;
    width: 0.2rem;
    height: 0.2rem;
}
.over-due .icon-alarm {
    background-position: 0 -0.2rem;
}

.icon-user-add {
    background: url(/images/icon/user-add.png) no-repeat;
    background-size: 0.17rem 0.12rem;
    width: 0.17rem;
    height: 0.12rem;
}

i.icon.icon-clocks {
    background: url(/themes/cn/images/icon/icon-clocks.png) no-repeat;
    background-size: cover;
    width: 0.15rem;
    height: 0.15rem;
}

/* 900% = 360px / 40px * 100% */
/* i.icon.icon-course-type{background: url(/images/icon-course-type.png);width: 40px;height: 40px;-webkit-background-size: 900% 300%;background-size: 900% 300%;}
i.icon.icon-course-type-1{background-position: 0 0;}
i.icon.icon-course-type-2{background-position: -100% 0;}
i.icon.icon-course-type-3{background-position: -200% 0;}
i.icon.icon-course-type-4{background-position: -300% 0;}
i.icon.icon-course-type-5{background-position: -400% 0;}
i.icon.icon-course-type-6{background-position: -500% 0;}
i.icon.icon-course-type-8{background-position: -600% 0;}
i.icon.icon-course-type-10{background-position: -700% 0;}
i.icon.icon-course-type-11{background-position: 0 -100%;}
i.icon.icon-course-type-7{background-position: -100% -100%;}
i.icon.icon-course-type-9{background-position: -200% -100%;}
i.icon.icon-course-type-12{background-position: -300% -100%;}
i.icon.icon-course-type-13{background-position: -200% -200%;}
i.icon.icon-course-type-14{background-position: -300% -200%;}
i.icon.icon-course-type-15{background-position: -400% -200%;}
i.icon.icon-course-type-16{background-position: -500% -200%;}
i.icon.icon-course-type-17{background-position: -700% -200%;}
i.icon.icon-course-type-18{background-position: -300% -100%;} */

i.icon.icon-course-type {width: 0.4rem;height: 0.4rem;font-size: 0.4rem;line-height: 1;}
i.icon.icon-course-type-1{color: #28b770;}
i.icon.icon-course-type-2{color: #febd2b;}
i.icon.icon-course-type-3{color: #e75a2d;}
i.icon.icon-course-type-4{color: #2197F3;}
i.icon.icon-course-type-5{color: #ff7d79;}
i.icon.icon-course-type-6{color: #0cbcd4;}
i.icon.icon-course-type-7{color: #2197F3;}
i.icon.icon-course-type-8{color: #f596aa;}
i.icon.icon-course-type-9{color: #3e51b5;}
i.icon.icon-course-type-10{color: #6739b8;}
i.icon.icon-course-type-11{color: #dd4e40;}
i.icon.icon-course-type-12{color: #febd2b;}
i.icon.icon-course-type-13{color: #03bcd4;}
i.icon.icon-course-type-14{color: #febd2b;}
i.icon.icon-course-type-15{color: #28b770;}
i.icon.icon-course-type-16{color: #febd2b;}
i.icon.icon-course-type-17{color: #2197F3;}
i.icon.icon-course-type-18{color: #febd2b;}
i.icon.icon-course-type-19{color: #2197f3;}
i.icon.icon-course-type-20{color: #1e6ee6;}
i.icon.icon-course-type-my-template{background-position: -400% -100%;}
i.icon.icon-course-type-enterprise-template{background-position: -500% -100%;}
i.icon.icon-course-type-umu-template{background-position: -600% -100%;}
i.icon.icon-course-type-activity{background-position: 0 -200%;}
i.icon.icon-course-type-weike{background-position: -100% -200%;}
i.icon.icon-course-type-learning-group{background-position: -600% -200%;}

.course-type-color.course-type-1{color: #23a565;}
.course-type-color.course-type-2{color: #ffa726;}
.course-type-color.course-type-3{color: #e75a2d;}
.course-type-color.course-type-4{color: #03a9f4;}
.course-type-color.course-type-5{color: #ff7d7a;}
.course-type-color.course-type-6{color: #00bcd4;}
.course-type-color.course-type-7{color: #2196f3;}
.course-type-color.course-type-8{color: #f596aa;}
.course-type-color.course-type-9{color: #3f51b5;}
.course-type-color.course-type-10{color: #673ab7;}
.course-type-color.course-type-11{color: #dd4e40;}
.course-type-color.course-type-12{color: #66bb6a;}
.course-type-color.course-type-13{color: #23a565;}
.course-type-color.course-type-14{color: #03a9f4;}
.course-type-color.course-type-15{color: #ffa726;}
.course-type-color.course-type-16{color: var(--umu-color-primary, #ffbd2b);}
.course-type-color.course-type-17{color: #2197F3;}
.course-type-color.course-type-18{color: #66bb6a;}
.course-type-color.course-type-19{color: #2197f3;}

.course-type-background.course-type-1{background: #23a565;}
.course-type-background.course-type-2{background: #ffa726;}
.course-type-background.course-type-3{background: #e75a2d;}
.course-type-background.course-type-4{background: #03a9f4;}
.course-type-background.course-type-5{background: #ff7d7a;}
.course-type-background.course-type-6{background: #00bcd4;}
.course-type-background.course-type-7{background: #2196f3;}
.course-type-background.course-type-8{background: #f596aa;}
.course-type-background.course-type-9{background: #3f51b5;}
.course-type-background.course-type-10{background: #673ab7;}
.course-type-background.course-type-11{background: #dd4e40;}
.course-type-background.course-type-12{background: #66bb6a;}
.course-type-background.course-type-13{background: #23a565;}
.course-type-background.course-type-14{background: #03a9f4;}
.course-type-background.course-type-15{background: #ffa726;}
.course-type-background.course-type-16{background: var(--umu-color-primary, #ffbd2b);}
.course-type-background.course-type-17{background: #2197F3;}
.course-type-background.course-type-18{background: #66bb6a;}
.course-type-background.course-type-19{background: #2197f3;}

.course-type-border.course-type-1{border-color: #23a565;}
.course-type-border.course-type-2{border-color: #ffa726;}
.course-type-border.course-type-3{border-color: #e75a2d;}
.course-type-border.course-type-4{border-color: #03a9f4;}
.course-type-border.course-type-5{border-color: #ff7d7a;}
.course-type-border.course-type-6{border-color: #00bcd4;}
.course-type-border.course-type-7{border-color: #2196f3;}
.course-type-border.course-type-8{border-color: #f596aa;}
.course-type-border.course-type-9{border-color: #3f51b5;}
.course-type-border.course-type-10{border-color: #673ab7;}
.course-type-border.course-type-11{border-color: #dd4e40;}
.course-type-border.course-type-12{border-color: #66bb6a;}
.course-type-border.course-type-13{border-color: #23a565;}
.course-type-border.course-type-14{border-color: #03a9f4;}
.course-type-border.course-type-15{border-color: #ffa726;}
.course-type-border.course-type-16{border-color: var(--umu-color-primary, #ffbd2b);}
.course-type-border.course-type-17{border-color: #2197F3;}
.course-type-border.course-type-18{border-color: #66bb6a;}
.course-type-border.course-type-19{border-color: #2197f3;}

i.icon.icon-clocks.icon-clock-normal {
    background-position: 0 0;
}

i.icon.icon-clocks.icon-clock-over-due {
    background-position: -0.18rem 0;
}

i.icon.icon-clocks.icon-clock-completion {
    background-position: -0.36rem 0;
}

/*
  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';
    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');
}
*/
@font-face {
  font-family: "iconfont";
  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');




}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 0.16rem;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none!important;  /* 防止影响重名的 icon */
}

/* ============================================ 以上部分除了时间戳，一般不用动 ===================================== */

.icon-session_draft:before {
  content: "\e63f";
}
.icon-course-type-9:before {
  content: "\e640";
}
.icon-course-type-6:before {
  content: "\e628";
}
.icon-course-type-3:before {
  content: "\e61d";
}
.icon-course-type-8:before {
  content: "\e61e";
}
.icon-course-type-13:before {
  content: "\e61f";
}
.icon-course-type-15:before {
  content: "\e620";
}
.icon-course-type-17:before {
  content: "\e621";
}
.icon-course-type-16:before {
  content: "\e622";
}
.icon-course-type-14:before {
  content: "\e623";
}
.icon-course-type-10:before {
  content: "\e624";
}
.icon-course-type-4:before {
  content: "\e625";
}
.icon-course-type-5:before {
  content: "\e626";
}
.icon-course-type-18:before {
  content: "\e627";
}
.icon-course-type-7:before {
  content: "\e629";
}
.icon-course-type-11:before {
  content: "\e62a";
}
.icon-stencil:before {
  content: "\e62b";
}
.icon-course-type-1:before {
  content: "\e62c";
}
.icon-course-type-2:before {
  content: "\e62d";
}
.icon-refresh:before {
  content: "\e617";
}
.icon-arrow-right:before {
  content: "\e601";
}
.icon-course-type-19:before {
  content: "\e676";
}
.icon-course-type-20:before {
  content: "\e688";
}
.icon-complete-circle:before {
  content: "\e606";
  border: 1px solid var(--umu-color-primary-border, #ffbd2b);
  border-radius: 50%;
  color: var(--umu-color-primary, #ffbd2b);
  padding: 0.01rem;
}
.icon-complete:before {
  content: "\e606";
}
.icon-course-type-22::before {
    content: '';
    display: inline-block;
    background: url(/themes/cn/_resource/style/commonComponents/icons/icon-session-prompt.svg) center/contain no-repeat !important;
    background-size: 100% 100% !important;
    width: 100%;
    height: 100%;
}
/* icon-info-view-map 统计信息，颜色 #999 字号 14 不可点击 */
i.icon.icon-info-view-map{background: url(/themes/cn/images/icon/icon-info-view-map.png) no-repeat;width: 0.14rem;height: 0.14rem;-webkit-background-size: 100px auto;background-size: 1rem auto;position: relative;top: 0.02rem;}
i.icon-info-view-map.likes{background: url(/themes/cn/images/icon/icon-like-grey.png) no-repeat;background-size: 100% 100%;height: 0.18rem!important;width: 0.18rem!important;}
i.icon-info-view-map.users{background: url(/themes/cn/images/icon/icon-user-grey.png) no-repeat;background-size: 100% 100%;}
i.icon-info-view-map.answers{background: url(/themes/cn/images/icon/icon-info-view-answers.png) no-repeat;background-size: 100% 100%;}
i.icon-info-view-map.questions{background: url(/themes/cn/images/icon/icon-info-view-question.png) no-repeat;background-size: 100% 100%;}
i.icon-info-view-map.pics{background: url(/themes/cn/images/icon/icon-info-view-pic.png) no-repeat;background-size: 100% 100%;}
i.icon-info-view-map.meeting-scheduled{background-position: 0 -0.2rem;}
i.icon-info-view-map.meeting-live{background-position: -0.2rem -0.2rem;}
/* icon-session-used */
i.icon.icon-session-used{background: url(/themes/cn/images/icon/icon-session-used.png) no-repeat;width: 0.6rem;height: 0.44rem;-webkit-background-size: 180px auto;background-size: 1.8rem auto;}
/* up */
i.icon.icon-up-map{background: url(/themes/cn/images/icon/icon-up-map.png) no-repeat;}
i.icon-up-map.size-16{width: 0.16rem;height: 0.16rem;}
i.icon-up-map.size-20{width: 0.2rem;height: 0.2rem;background-position: -0.2rem 0;}
i.icon-up-map.size-24{width: 0.24rem;height: 0.24rem;background-position: -0.5rem 0;}
i.icon-up-map.size-30{width: 0.3rem;height: 0.3rem;background-position: -0.8rem 0;}

/* privilege */
i.icon.icon-privilege-map{background:url(/themes/cn/images/icon/icon-privilege-map.png) no-repeat;width:0.5rem;height:0.5rem;-webkit-background-size:50px 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;}


/*!style/commonComponents/icons/iconfont.css*/
/*
  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';
    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');
}
*/
@font-face {
  font-family: "iconfont";
  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');




}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 0.16rem;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: none!important;  /* 防止影响重名的 icon */
}

/* ============================================ 以上部分除了时间戳，一般不用动 ===================================== */

.icon-session_draft:before {
  content: "\e63f";
}
.icon-course-type-9:before {
  content: "\e640";
}
.icon-course-type-6:before {
  content: "\e628";
}
.icon-course-type-3:before {
  content: "\e61d";
}
.icon-course-type-8:before {
  content: "\e61e";
}
.icon-course-type-13:before {
  content: "\e61f";
}
.icon-course-type-15:before {
  content: "\e620";
}
.icon-course-type-17:before {
  content: "\e621";
}
.icon-course-type-16:before {
  content: "\e622";
}
.icon-course-type-14:before {
  content: "\e623";
}
.icon-course-type-10:before {
  content: "\e624";
}
.icon-course-type-4:before {
  content: "\e625";
}
.icon-course-type-5:before {
  content: "\e626";
}
.icon-course-type-18:before {
  content: "\e627";
}
.icon-course-type-7:before {
  content: "\e629";
}
.icon-course-type-11:before {
  content: "\e62a";
}
.icon-stencil:before {
  content: "\e62b";
}
.icon-course-type-1:before {
  content: "\e62c";
}
.icon-course-type-2:before {
  content: "\e62d";
}
.icon-refresh:before {
  content: "\e617";
}
.icon-arrow-right:before {
  content: "\e601";
}
.icon-course-type-19:before {
  content: "\e676";
}
.icon-course-type-20:before {
  content: "\e688";
}
.icon-complete-circle:before {
  content: "\e606";
  border: 1px solid var(--umu-color-primary-border, #ffbd2b);
  border-radius: 50%;
  color: var(--umu-color-primary, #ffbd2b);
  padding: 0.01rem;
}
.icon-complete:before {
  content: "\e606";
}
.icon-course-type-22::before {
    content: '';
    display: inline-block;
    background: url(/themes/cn/_resource/style/commonComponents/icons/icon-session-prompt.svg) center/contain no-repeat !important;
    background-size: 100% 100% !important;
    width: 100%;
    height: 100%;
}
/*!style/commonComponents/icons/icon-info-view-map.css*/
/* icon-info-view-map 统计信息，颜色 #999 字号 14 不可点击 */
i.icon.icon-info-view-map{background: url(/themes/cn/images/icon/icon-info-view-map.png) no-repeat;width: 0.14rem;height: 0.14rem;-webkit-background-size: 100px auto;background-size: 1rem auto;position: relative;top: 0.02rem;}
i.icon-info-view-map.likes{background: url(/themes/cn/images/icon/icon-like-grey.png) no-repeat;background-size: 100% 100%;height: 0.18rem!important;width: 0.18rem!important;}
i.icon-info-view-map.users{background: url(/themes/cn/images/icon/icon-user-grey.png) no-repeat;background-size: 100% 100%;}
i.icon-info-view-map.answers{background: url(/themes/cn/images/icon/icon-info-view-answers.png) no-repeat;background-size: 100% 100%;}
i.icon-info-view-map.questions{background: url(/themes/cn/images/icon/icon-info-view-question.png) no-repeat;background-size: 100% 100%;}
i.icon-info-view-map.pics{background: url(/themes/cn/images/icon/icon-info-view-pic.png) no-repeat;background-size: 100% 100%;}
i.icon-info-view-map.meeting-scheduled{background-position: 0 -0.2rem;}
i.icon-info-view-map.meeting-live{background-position: -0.2rem -0.2rem;}
/*!style/commonComponents/icons/icon-session-used-map.css*/
/* icon-session-used */
i.icon.icon-session-used{background: url(/themes/cn/images/icon/icon-session-used.png) no-repeat;width: 0.6rem;height: 0.44rem;-webkit-background-size: 180px auto;background-size: 1.8rem auto;}
/*!style/commonComponents/icons/icon-up-map.css*/
/* up */
i.icon.icon-up-map{background: url(/themes/cn/images/icon/icon-up-map.png) no-repeat;}
i.icon-up-map.size-16{width: 0.16rem;height: 0.16rem;}
i.icon-up-map.size-20{width: 0.2rem;height: 0.2rem;background-position: -0.2rem 0;}
i.icon-up-map.size-24{width: 0.24rem;height: 0.24rem;background-position: -0.5rem 0;}
i.icon-up-map.size-30{width: 0.3rem;height: 0.3rem;background-position: -0.8rem 0;}

/*!style/commonComponents/icons/icon-privilege-map.css*/
/* privilege */
i.icon.icon-privilege-map{background:url(/themes/cn/images/icon/icon-privilege-map.png) no-repeat;width:0.5rem;height:0.5rem;-webkit-background-size:50px 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;}

/*!style/commonComponents/link.css*/
.common-link {
    cursor: pointer;
}

.common-link-disabled {
    cursor: default;
}
/*!style/commonComponents/listBlank.css*/
.list-blank {
}

.list-blank .info {
}

.list-blank .list-blank-text,
.list-blank .info-simple {
    padding: 1rem 0.1rem;
    text-align: center;
    font-size: 0.16rem;
    line-height: 1.5;
    color: #AAA;
}

.list-blank .info-simple .url {
    color: #64b5f6;
}

/*!style/commonComponents/loadMore.css*/

.loadMore .button {
    display: block;
    text-align: center;
    height: 0.48rem;
    line-height: 0.48rem;
    font-size: 0.16rem;
    color: var(--umu-color-text-secondary, #666);
}

.loadMore .button .icon {
    display: inline-block;
    vertical-align: middle;
    width: 0.2rem;
    height: 0.2rem;
    margin-left: 0.03rem;
    background: url(/themes/cn/images/toggle/toggle_expand_sub.png) no-repeat center;
    background-size: 0.14rem auto;
}

.loadMore .pull-hint{
    display: block;
    margin: 0 auto;
}

/*!style/commonComponents/navBar.css*/
.nav-bar {
    text-align: center;
    font-size: 0.2rem;
    height: 0.5rem;
    line-height: 0.5rem;
    background: var(--umu-color-bg-base, #fff);
    border-bottom: 1px solid var(--umu-color-border, #e0e0e0);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 0.4rem;
    padding-right: 0.4rem;
    position: relative;
    box-shadow: 0 0.01rem 0.03rem 0 rgba(0,0,0,0.10);
}
.nav-bar>a {
  display: inline-block;
  width: 0.4rem;
  position: absolute;
  /* top: 0; */
  left: 0;
  cursor: pointer;
  height: 0.5rem;
    z-index: 10;
}

.nav-bar .icon-previous {
    margin-bottom: 0.05rem;
}

/*!style/commonComponents/navBarWhite.css*/
.nav-bar-white>a {
    display: inline-block;
    width: 0.4rem;
    position: absolute;
    top: 0;
    left: 0;
    height: 0.5rem;
    z-index: 10;
}

 .nav-bar-white {
    position: absolute;
    top: 0;
    left: -0.01rem;
    width: 101%;
    border: none;
    padding: 0;
    background: transparent;
    display: table;
    text-align: center;
    font-size: 0.2rem;
    height: 0.5rem;
    line-height: 0.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;

}

.nav-bar-white .nav-bar-white-inner {
    display: table-cell;
    border: none;
    width: 100%;
    background: #000;
    z-index: -1;
    background: -webkit-gradient(linear, 0 2, 0 bottom, from(rgba(0, 0, 0, 0.6)), to(rgba(0, 0, 0, 0.05)));
    background: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%,rgba(0,0,0,0.05) 100%);
}

/*!style/commonComponents/pageQrcode.css*/
.page-qrcode-dialog .dialog-main{min-width:2.4rem;max-width:5rem;width:80%;}
.page-qrcode-dialog .dialog-header .title{font-size: 0.18rem;text-align: center;color: var(--umu-color-text, #333);padding: 0.3rem 0 0;}
.page-qrcode-dialog .dialog-body .qr{padding: 0.1rem 0.5rem 0.2rem;}
.page-qrcode-dialog .dialog-body .qr .img{width: 1.5rem;height: 1.5rem;margin: auto;}
/*!style/commonComponents/pandaCommon.css*/
/* 盼答系按钮 */
/*.btn-panda{display:inline-block;color:#fff;height:34px;font-size:14px;background-color:#4cb050;line-height:34px;text-align:left;padding:0 15px;border-radius:3px;border:1px solid #4cb050;min-width:145px;}
.btn-panda:before{content:'';display:inline-block;vertical-align:-7px;margin-right:10px;width:25px;height:25px;background:url(/images/panda/button-icon.png) no-repeat;background-size:50px auto;}
*/

/* -- 按钮样式定制 */
/*.btn-panda-learn{position:relative;}
.btn-panda-learn:before{background-position:-25px 0;}
.btn-panda-learn:after{content:'';position:absolute;top:0;right:0;height:36px;margin-top:-36px;margin-right:-1px;width:80px;background:url(/images/panda/panda-bamboo.png) no-repeat top right;background-size:80px auto;pointer-events:none;}
*/

/* -- 按钮样式定制 */
/*.btn-panda-bid{background-color:var(--umu-color-primary, #ffbd2a);border-color:var(--umu-color-primary, #ffbd2a);}
*/

/* 新按钮样式 - 也是页面里常用的无样式按钮，但按钮尺寸大小不一，暂时先不统一 */
.btn-panda-flat{display:inline-block;color:#fff;height:0.34rem;font-size:0.17rem;background:#4cb050;line-height:0.36rem;text-align:center;padding:0 0.15rem;border-radius:3px;border:1px solid #4cb050;}
.btn-panda-flat.optional{background:#cccccc;border-color:#cccccc;}
.btn-panda-flat.disabled{}

.btn-panda-flat.btn-panda-learn{background-color: #2296f5;border-color: #2296f5;min-width: 1.45rem;}
.btn-panda-flat.btn-panda-bid{min-width: 1.45rem;}

/* 浮层样式 */
.panda-dialog .dialog-main{min-width:2.4rem;max-width:5rem;width:80%;}
.panda-dialog .dialog-header:before{content:'';display:block;padding-top:0.7rem;margin-top:-0.7rem;background:url(/themes/cn/images/panda/panda-money.png) no-repeat center top;background-size:1rem auto;}
.panda-dialog .title{font-size:0.17rem;color:#000000;text-align:center;line-height:1.4;padding:0.2rem 0.1rem 0;}
.panda-dialog .title-desc{font-size:0.14rem;color:#777777;line-height:1.4;padding:0.2rem 0.2rem 0;}
.panda-dialog .info{padding:0.2rem 0.2rem 0;}
.panda-dialog .info .input-text input{font-size:0.16rem;}
.panda-dialog .options{padding:0.2rem;}
.panda-dialog .options .btns{text-align:right;}
.panda-dialog .options .btn{margin-left:0.1rem;}

/*引导到催稿的 qrcode*/
.page-qrcode-dialog.panda-qrcode-guide .dialog-header:before{content:'';display:block;padding-top:0.7rem;margin-top:-0.7rem;background:url(/themes/cn/images/panda/panda-smile.png) no-repeat center top;background-size:0.9rem auto;}

/* bid浮层 */
.panda-bid-amount-dialog .panda-bid-form{}
.panda-bid-amount-dialog .panda-bid-amount-list{}
.panda-bid-amount-dialog .options .btns{text-align:center;}
.panda-bid-amount-dialog .options .btn{width:1.2rem;}
.panda-bid-amount-dialog .options .input-check{color:#d50000;font-size:0.12rem;padding:0.05rem 0;text-align:center;}

/* 金额列表 */
.panda-amount-list{display:table;width:100%;table-layout:fixed;}
.panda-amount-list .amount{display:table-cell;text-align:center;}
.panda-amount-list .amount.customize{}
.panda-amount-list .amount-value{margin:0 0.03rem;height:0.3rem;line-height:0.32rem;border:1px solid #cccccc;border-radius:3px;color:#313131;}
.panda-amount-list .amount:first-child .amount-value{margin-left:0;}
.panda-amount-list .amount:last-child .amount-value{margin-right:0;}
.panda-amount-list .amount.active .amount-value{padding:0;border-color:#ff7d7a;color:#ff7d7a;border-width:1px;}

/* 提问金额列表 */
.panda-pay-amount-list{}
.panda-pay-amount-list .amount.customize{width:7em;}

/* bid浮层金额列表 */
.panda-amount-list.panda-bid-amount-list{display:block;margin-left:-0.06rem;width:auto;}
.panda-amount-list.panda-bid-amount-list .amount{float:left;display:inline-block;width:33%;margin-bottom:0.05rem;}
.panda-amount-list.panda-bid-amount-list .amount:nth-child(3n){width:34%;}
.panda-amount-list.panda-bid-amount-list .amount .amount-value{margin:0 0 0 0.06rem;}
.panda-amount-list.panda-bid-amount-list .amount.customize{}
.panda-amount-list.panda-bid-amount-list .amount.customize input{height:0.3rem;padding:0;text-align:center;border:0;line-height:0.3rem;}

/* */
.panda-card{background:#FFF;box-shadow:0.01rem 0.01rem 0.02rem rgba(0,0,0,.1);}
.panda-card-wrap{padding:0.1rem 0.2rem;}
.panda-card-wrap.has-operation{padding-bottom:0.61rem;}
.panda-card-header{}
.panda-card-body{padding-top:0.05rem;}
.panda-card-footer{padding:0.1rem 0.2rem;margin-top:-0.61rem;float:right;}
.panda-card-title .title{font-size:0.2rem;white-space:pre-line;}
.panda-user-info{display:table;padding:0.08rem 0 0.15rem 0;width:100%;table-layout:fixed;}
.panda-user-info .user-name{font-size:0.17rem;padding-left:0.08rem;display:table-cell;vertical-align:middle;padding-top:0.03rem;}
.panda-user-info .user-name .name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:0.32rem;line-height:0.32rem;}
.panda-user-info .user-name .panda-status{float:right;margin-left:0.1rem;font-size:0.1rem;color:#fff;padding:0 0.1rem;border-radius:2px;margin-top:0.03rem;background:#CCC;color:#FFF;line-height:0.22rem;}
.panda-user-info .imgAvat,
.panda-user-info .useDefault{display:table-cell;vertical-align:middle;width:0.35rem;height:0.35rem;}
.panda-card-info{font-size:0.14rem;}
.panda-card-info .panda-analyse{float:left;}
.panda-card-info .panda-analyse .analyse{float:left;color:#999;}
.panda-card-info .panda-end-time{float:right;color:#999999;}
.panda-card-operation{padding-bottom:0.05rem;}
.panda-card-operation .operation-button{text-align:right;}

/* */
.panda-card-operation .operation-button .wx-share{display:inline-block;color:#fff;height:0.34rem;font-size:0.17rem;background-color:#4cb050;line-height:0.36rem;text-align:left;padding:0 0.15rem;border-radius:3px;border:1px solid #4cb050;}
.panda-card-operation .operation-button .wx-share .wx-share-icon{position:static;width:auto;height:auto;top:auto;right:auto;}
.panda-card-operation .operation-button .wx-share .icon-share{display:none;}

/* */
.wx-share-overlay .panda-share-lay-info{text-align:center;font-size:0.17rem;left:0;right:0;padding:0 0.1rem;}
.wx-share-overlay .panda-share-lay-info .icon-panda-smile{display:inline-block;vertical-align:top;width:0.9rem;height:0.95rem;background:url(/themes/cn/images/panda/panda-smile.png) no-repeat left top;background-size:0.9rem auto;margin-bottom:0.1rem;}

/* */
/*!style/commonComponents/profileBanner.css*/

.profile-banner {
    width: 100%;
    padding-bottom: 54%;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: var(--umu-color-primary, #ffbd2a);
}

/*!style/commonComponents/slider.css*/


.image-gallery {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.image-gallery-content {
    position: relative;
}

.image-gallery-content .image-gallery-left-nav,
  .image-gallery-content .image-gallery-right-nav {
    color: #fff;
    cursor: pointer;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-size: 6em;
    line-height: 0;
    position: absolute;
    text-shadow: 0 2px 2px #222;
    top: 48%;
    transition: all .2s ease-out;
    z-index: 4;
}

.locale-jp .image-gallery-content .image-gallery-left-nav,
  .image-gallery-content .image-gallery-right-nav {
    font-family: "noto_sansregular", "hiragino kaku gothic pro", "MS Gothic", "meiryo", Arial, "Helvetica Neue", Helvetica, sans-serif;
}


@media (max-width: 768px) {
    .image-gallery-content .image-gallery-left-nav,
      .image-gallery-content .image-gallery-right-nav {
        font-size: 3.4em;
    }
}

@media (min-width: 768px) {
    .image-gallery-content .image-gallery-left-nav:hover,
      .image-gallery-content .image-gallery-right-nav:hover {
        color: #fff;
    }
}

.image-gallery-content .image-gallery-left-nav {
    left: 0;
}

.image-gallery-content .image-gallery-left-nav::before {
    content: '‹';
    padding: 0.5rem 0.15rem;
}

.image-gallery-content .image-gallery-right-nav {
    right: 0;
}

.image-gallery-content .image-gallery-right-nav::before {
    content: '›';
    padding: 0.5rem 0.15rem;
}

.image-gallery-slides {
    line-height: 0;
    overflow: hidden;
    position: relative;
    white-space: nowrap;
}

.image-gallery-slide {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.image-gallery-slide.center {
    position: relative;
}

.image-gallery-slide img {
    width: 100%;
}

.image-gallery-slide .image-gallery-description {
    background: rgba(0, 0, 0, 0.4);
    bottom: 0.7rem;
    color: #fff;
    left: 0;
    line-height: 1;
    padding: 0.1rem 0.2rem;
    position: absolute;
    transition: all .45s ease-out;
    white-space: normal;
}

@media (max-width: 768px) {
    .image-gallery-slide .image-gallery-description {
        bottom: 0.45rem;
        font-size: .8em;
        padding: 0.08rem 0.15rem;
    }
}

.image-gallery-bullets {
    bottom: 0.2rem;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 4;
}

.image-gallery-bullets .image-gallery-bullets-container {
    margin: 0;
    padding: 0;
}

.image-gallery-bullets .image-gallery-bullet {
    border: 1px solid #fff;
    border-radius: 50%;
    box-shadow: 0 0.01rem 0 #222;
    cursor: pointer;
    display: inline-block;
    margin: 0 0.05rem;
    padding: 0.05rem;
}

@media (max-width: 768px) {
    .image-gallery-bullets .image-gallery-bullet {
        margin: 0 0.03rem;
        padding: 0.03rem;
    }
}

.image-gallery-bullets .image-gallery-bullet.active {
    background: var(--umu-color-bg-base, #fff);
}

.image-gallery-thumbnails {
    background: var(--umu-color-bg-base, #fff);
    overflow: hidden;
    padding-top: 0.05rem;
}

.image-gallery-thumbnails .image-gallery-thumbnails-container {
    cursor: pointer;
    text-align: center;
    transition: all .45s ease-out;
    white-space: nowrap;
}

.image-gallery-thumbnail {
    display: inline-block;
    padding-right: 0.05rem;
}

.image-gallery-thumbnail img {
    border: 4px solid transparent;
    transition: border .3s ease-out;
    vertical-align: middle;
    width: 1rem;
}

@media (max-width: 768px) {
    .image-gallery-thumbnail img {
        border: 3px solid transparent;
        width: 0.75rem;
    }
}

.image-gallery-thumbnail.active img {
    border: 4px solid #337ab7;
}

@media (max-width: 768px) {
    .image-gallery-thumbnail.active img {
        border: 3px solid #337ab7;
    }
}

.image-gallery-index {
    background: rgba(0, 0, 0, 0.4);
    bottom: 0;
    color: #fff;
    line-height: 1;
    padding: 0.1rem 0.2rem;
    position: absolute;
    right: 0;
    z-index: 4;
}

/*!style/commonComponents/tabs.css*/
/**
 * 组件结构：
 *      ul.tabs > (li.tab > div.title) * N
 */

/**
 * 默认主题样式
 */
.tabs.theme-default {
    width: 100%;
    display: table;
    border-bottom: 1px solid var(--umu-color-border, #e0e0e0);
}

.tabs.theme-default .tab {
    display: table-cell;
    width: 1%;
    text-align: center;
    height: 0.5rem;
    line-height: 0.5rem;
    vertical-align: middle;
    color: #777;
}

.tabs.theme-default {
    background-color: var(--umu-color-bg-base, #fff);
    border: 1px solid #e8e8e8;
    border-width: 1px 0;
    position: relative;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    text-align: center;
    /*height: 100%;*/
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 0.15rem;
    box-shadow: 0rem 0.05rem 0.03rem -0.03rem #e8e8e8;
}

.tabs.theme-default .tab {
    display: table-cell;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 0.1rem;
    height: 100%;
    text-align: center;
    box-sizing: border-box;
    width: 1%;
}

.tabs.theme-default .tab .title {
    color: var(--umu-color-text, #222);
    display: inline-block;
    font-size: 0.16rem;
    line-height: 0.56rem;
    padding: 0 0.06rem;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    vertical-align: top;
    cursor: pointer;
}

.tabs.theme-default .tab .title .btn {
    color: #757575;
}

.tabs.theme-default .tab.active {
}

.tabs.theme-default .tab.active .title {
    border-bottom: 3px solid var(--umu-color-primary-border, #fab400);
    font-weight: 600;
}

.tabs.theme-default .tab.active .title .btn {
    color: #1E6EE6;
}

/* 特殊情况下，不显示tabs的顶边框 */
.nav-bar + .tabs.theme-default {
    border-top: 0;
}

@media screen and (max-width: 320px) {
    .tabs.theme-default .tab .title,
    .tabs.theme-default .tab.active .title {
        font-size: 0.14rem;
    }
}

/* 新样式 */
.tabs.theme-one-line {
}

.tabs.theme-one-line .tab {
    float: left;
}
.tabs.theme-one-line .tab .title {
    margin-top: 0.05rem;
}

.tabs.theme-one-line .tab .btn {
    display: block;
    font-size: 0.15rem;
    color: #757575;
    padding: 0rem 0.1rem;
    line-height: 0.4rem;
    height: 0.4rem;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.tabs.theme-one-line .tab.active .btn {
    margin-bottom: -0.01rem;
    color: #1E6EE6;
    border-bottom: 2px solid #1E6EE6;
}
/*!style/commonComponents/textLimitCheck.css*/
.auto-extend {
    position: relative;
}

.auto-extend textarea {
    position:  absolute;
    top: 0;
    left: 0;
    height: 100%;
}

.auto-extend pre {
    display:block;
    visibility:hidden;
}
/*!style/commonComponents/weikeBanner.css*/
.weike-load-banner.img {
    background: no-repeat center top;
    height: 0.67rem;
    background-size: cover;
    position: absolute;
    z-index: 9;
    top: 0;
    left: 0;
    width: 100%;
}

.weike-load-banner.img.default {
    background: var(--umu-color-primary, #ffbd2b);
    z-index: 8;
}

.weike-load-banner.img.default img {
    width: 0.6rem;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -0.15rem 0 0 -0.3rem;
}
/*!style/commonComponents/wxShare.css*/
.wx-share {
  -webkit-tap-highlight-color: transparent;
}
.wx-share-icon {
    width: 0.2rem;
    height: 0.2rem;
    position: absolute;
    top: 0.15rem;
    right: 0.2rem;
}
.wx-share-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .7);
    z-index: 999;
    /*display: none;*/
}
.wx-share-overlay .icon-arrow {
    position: absolute;
    width: 0.6rem;
    height: 0.55rem;
    background-size: cover;
    background-repeat: no-repeat;
    right: 0.35rem;
    top: 0.07rem;
    display: block;
}
.wx-share-overlay .share-info {
    font-size: 0.23rem;
    line-height: 1.5;
    color: #FFF;
    position: absolute;
    top: 0.8rem;
    right: 0.3rem;
    text-align: left;
    padding-left: 0.3rem;
}

/*!common/courseComponents/courseAppNav/courseAppNav.css*/
.course-app-nav {
    padding: 0.09rem 0.15rem;
    background: var(--umu-color-bg-base, #fff);
    text-align: center;
    border-bottom: 1px solid #dcdedd;
    box-shadow: 0 0.03rem 0.03rem -0.03rem #e8e8e8;
    width: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 1;
    font-size: 0.15rem;
}

.course-app-nav.configurable-header .umu-btn.btn-text {
    line-height: 0.25rem;
}

.course-app-nav.configurable-header .left-section {
    left: 0.16rem;
}

.course-app-nav.configurable-header .left-section .umu-btn.btn-text {
    color: #1c93f3;
}

.course-app-nav.configurable-header .left-section .umu-btn.btn-text i {
    height: 0.19rem;
    margin-right: 0.04rem;
}

.course-app-nav.configurable-header .right-section .umu-btn.btn-text {
    color: #1c93f3;
}

.course-app-nav.configurable-header .right-section .umu-btn.btn-text.disabled {
    color: var(--umu-color-text-tertiary, #999);
}

.course-app-nav.configurable-header .center-section {
    font-size: 0.17rem;
}


@media screen and (max-width:360px) {
    .locale-jp  .course-app-nav.configurable-header .center-section {
        margin-left: 25%!important;
    }
}

.course-app-nav.configurable-header .right-section {
    right: 0.16rem;
}
/*!common/courseComponents/courseBanner/courseBanner.css*/
.course-banner  {
    position: relative;
}

.course-banner .banner-background {
    position: absolute;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: var(--umu-color-primary, #ffbd2a);
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.course-banner .banner-holder img {
    width: 100%;
    vertical-align: middle;
}

/*!common/courseComponents/courseBasicInfo/courseBasicInfo.es6.css*/
.course-basic-info {
    width: 100%;
}

.course-basic-info .course-basic-info-wrap {
    padding: 0.12rem 0.15rem;
}


.course-basic-info .info {
    display: inline-block;
    font-size: 0.13rem;
    line-height: 0.18rem;
    margin-right: 0.1rem;
}

.course-basic-info .info:before {
    content: '';
    display: inline-block;
    height: 0.16rem;
    width: 0.16rem;
    background: url(/images/icon_session_count.png) no-repeat;
    background-size: cover;
    vertical-align: -0.03rem;
    margin-right: 0.03rem;
}

.course-basic-info h1 {
    margin-top: 0.05rem;
    font-size: 0.2rem;

    line-height: 0.26rem;
    padding-right: 0.5rem;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    line-clamp: 3;
    -webkit-line-clamp: 3;
    box-orient: vertical;
    -webkit-box-orient: vertical;
}


/* white */

.course-basic-info.white .basic-info-data {
    color: #ffffff;
}

.course-basic-info.white h1 {
    color: #FFFFFF;
    text-shadow: 0 0.5px 2px rgba(0,0,0,0.50);
}

.course-basic-info.white .info.session-count:before {
    background-image: url(/themes/cn/images/course/icon_session_count.png);
}

.course-basic-info.white .info.duration:before {
    background-image: url(/themes/cn/images/course/icon_time.png);
}

.course-basic-info.white .info.join-user-count:before {
    background-image: url(/themes/cn/images/course/icon_user.png);
}

.course-basic-info.white {
    width: 100%;
    background-image: linear-gradient(-180deg, rgba(0,0,0,0.00) 0%, rgba(0,0,0,0.50) 100%);
}

/* black */
.course-basic-info.black .basic-info-data {
    color: #757575;
}

.course-basic-info.black h1 {
    color: #000000;
}

.course-basic-info.black .info.session-count:before {
    background-image: url(/themes/cn/images/course/icon_session_count_gray.png);
}

.course-basic-info.black .info.duration:before {
    background-image: url(/themes/cn/images/course/icon_time_gray.png);
}

.course-basic-info.black .info.join-user-count:before {
    background-image: url(/themes/cn/images/course/icon_user_gray.png);
}
.course-static-info {
    padding-top: 0.04rem;
    font-size: 0.14rem;
    line-height: 0.2rem;
    color: var(--umu-color-text-secondary, #666);
    padding-bottom: 0.08rem;
}
.course-static-info .static-label {
    padding-right: 0.04rem;
}
/*!common/courseComponents/courseChapterDirectory/courseChapterDirectory.css*/
.sign-up-course-list {
    background-color: var(--umu-color-bg-base, #fff);
    padding-bottom: 1.2rem;
}

.sign-up-course-list .element-info {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    /* prettier-ignore */
    padding: 16PX 24PX;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    border-bottom: 1px solid var(--umu-color-fill-secondary, #eee);
}

.sign-up-course-list .element-info i.icon.icon-course-type {
    width: 0.26rem;
    height: 0.26rem;
    font-size: 0.26rem;
}

.sign-up-course-list .element-info .element-title {
    text-align: left;
    font-size: 0.16rem;
    line-height: 0.22rem;
    color: var(--umu-color-text, #222);
}

.sign-up-course-list .element-info .limit-line-2 {
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.limit-line-1 {
    text-overflow: ellipsis;
    word-break: break-all;
    white-space: nowrap;
    overflow: hidden;
}

.sign-up-course-list .chapter-zone {
    padding: 0.16rem 0.24rem;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-bottom: 1px solid var(--umu-color-fill-secondary, #eee);
}

.sign-up-course-list .chapter-zone .session-info {
    padding-left: 0rem;
    margin-left: 0.16rem;
}

.sign-up-course-list .chapter-zone .session-info:last-child {
    border-bottom: 0px;
    padding-bottom: 0rem;
}

.sign-up-course-list .chapter-info {
    border-bottom: 0px;
    padding: 0rem 0.08rem;
}

.sign-up-course-list .chapter-info .arrow-up {
    width: 0.2rem;
    height: 0.2rem;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    background: url(/themes/cn/images/course/icon-more.png) no-repeat;
    background-size: contain;
}

.sign-up-course-list .chapter-info .arrow-down {
    width: 0.2rem;
    height: 0.2rem;
    background: url(/themes/cn/images/course/icon-more.png) no-repeat;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    background-size: contain;
}

.sign-up-course-list .chapter-info .chapter-title {
    font-weight: 600;
    width: calc(100% - 0.2rem);
}

.sign-up-course-list .chapter-info .icon-more {
    margin-left: auto;
    cursor: pointer;
}

.sign-up-course-list .chapter-info .icon-more .show-icon {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.sign-up-course-list .session-info {}

.sign-up-course-list .session-info .session-trial-label {
    margin-left: auto;
    font-size: 0.14rem;
    line-height: 0.2rem;
    color: #1e6ee6;
    cursor: pointer;
    text-align: right;
    min-width: 0.8rem;
}

.sign-up-course-list .session-info .session-icon {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 0.7rem;
    margin-right: 0.16rem;
    max-height: 0.52rem;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.sign-up-course-list .session-info .session-icon .session-img {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 0.75rem;
    margin-right: 0.16rem;
    max-height: 0.52rem;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.sign-up-course-list .session-info .session-icon .icon-course-type {
    margin: auto;
}

.sign-up-course-list .session-info .session-icon .session-video {
    position: relative;
    border-radius: 2px;
}

.sign-up-course-list .session-info .session-icon .session-video .video-img {
    height: 0.52rem;
    background-size: cover;
}

.sign-up-course-list .session-info .session-icon .session-video .video-time {
    position: absolute;
    right: 0rem;
    bottom: 0rem;
    padding: 0rem 0.04rem;
    font-size: 0.14rem;
    line-height: 0.2rem;
    color: #ffffff;
    background: rgba(0, 0, 0, 0.6);
}

.sign-up-course-list .session-info .session-icon .session-type {
    font-size: 0.12rem;
    line-height: 0.14rem;
    color: var(--umu-color-text-secondary, #666);
    padding-top: 0.04rem;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    white-space: nowrap;
}

.sign-up-course-list .chapter-zone .chapter-session-list .session-info {
    padding-right: 0rem;
}
/*!common/courseComponents/courseDescription/courseDescription.css*/
.course-description {
    background: var(--umu-color-bg-base, #fff);
    overflow: hidden;
}

.course-description h3 {
    font-size: 0.17rem;
    line-height:0.24rem;
    margin: 0.12rem 0rem 0.08rem 0.16rem;
    color: #000000;
}


.course-description .course-content {
    padding: 0 0.16rem;
}

.course-description .course-content.simple-text {
    font-size: 0.16rem;
    color: var(--umu-color-text, #222);
    line-height: 0.22rem;
}

/*!common/courseComponents/courseDirectory/courseDirectory.css*/
.course-directory {
    overflow: hidden;
}

.course-directory .directory-desc {
    font-size: 0.14rem;
    color: var(--umu-color-text-secondary, #666);

    line-height:0.22rem;
    margin: 0.12rem;
}

.course-directory .directory-desc h3 {
    font-size: 0.16rem;
    color: var(--umu-color-text, #222);
}
.course-directory .course-warp {
    position: relative;
}

.course-directory .course-warp .mask-lock {
    position: absolute;
    top: 0;
    bottom: 0.01rem;
    left: 0;
    right: 0;
    background: rgba(255,255,255,0.7);
}

.course-directory .course-warp .mask-lock .icon-right-corner-lock {
    position: absolute;
    top: 0;
    right: 0;
}

/*!common/courseComponents/courseItem/courseItem.css*/
.course-item {
    background: var(--umu-color-bg-base, #fff);
    padding: 0.12rem 0.16rem 0.12rem 0;
    border-bottom: 1px solid var(--umu-color-fill-secondary, #eee);
    cursor: pointer;
}

.course-item .session-item-left {
    float: left;
    width: 0.98rem;
    min-height: 0.52rem;
    text-align: center;
    padding-left: 0.04rem;
}
.course-item .session-item-left i.icon.icon-session-used {width: 0.32rem; height: 0.32rem;-webkit-background-size: contain;background-size: contain;display: block;margin: 0.05rem auto}
.course-item .session-item-left i.icon.icon-course-type{width: 0.28rem;height: 0.28rem;display: block;margin: 0.05rem auto;font-size: 0.28rem;}

.course-item .session-item-left .session-used,
.course-item .session-item-left .session-type,
.course-item .session-item-left .session-banner {text-align: center;min-height: 0.52rem;font-size: 0.12rem;}

.course-item .session-item-right .meeting-scheduled {background-size: 1.1rem auto;}
.course-item .session-item-right .meeting-live {background-size: 1.1rem auto;}

.course-item .session-used .icon,
.course-item .session-type .icon {
    vertical-align: middle;
}

.course-item .session-item-left .session-banner {
    margin-top: 0.01rem;
    border: 1px solid var(--umu-color-border, #e0e0e0);
    position: relative;
    background: var(--umu-color-primary, #ffbd2b);
    height: 0.52rem;
    width: 0.7rem;
    display: inline-block;
}

.course-item .session-item-left .session-banner .img {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-size: cover;
    background-position: center;
}

.course-item .session-item-left .session-banner img {
    max-width: 60%;
    margin-top: 0.15rem;
}

.course-item .session-item-left .session-banner .time {
    position: absolute;
    bottom: 0.04rem;
    right: 0.05rem;
    background: rgba(0,0,0,0.50);
    padding: 0.02rem 0.06rem;
    font-size: 0.12rem;
    color: #FFFFFF;

    line-height: 0.12rem;

}

.course-item .session-item-right {
    width: auto;
    padding-top: 0.06rem;
    min-height: 0.51rem;
    overflow: hidden;
}


.course-item .session-item-right .session-title {
    font-size: 0.16rem;

    color: var(--umu-color-text, #222);

    line-height: 0.19rem;
}

.course-item .session-item-right .session-title.is-top .top-icon {
    height: 0.2rem;
    width: 0.2rem;
    float: left;
    position: relative;
    top: -0.01rem;
    background: url('/themes/cn/images/course/icon_top.png') no-repeat;
    background-size: cover;
    vertical-align: -0.02rem;
    margin-right: 0.04rem;
}

.course-item .session-item-right .desc {
    display: table-cell;
    padding-left: 0.05rem;
}

.course-item .session-item-right .is-top .desc {
    padding-left: 0;
}

.course-item .session-item-right .session-sundry {
    margin-top: 0.04rem;
    color: #757575;
    line-height: 0.14rem;
    font-size: 0.14rem;

}

.course-item .session-sundry .analyse,
.course-item .session-sundry .required {
    display: inline-block;
}

.course-item .session-sundry .required {
    margin-right: 0.1rem;
}

.course-item .session-sundry .analyse .info {
    display: inline-block;
    margin-right: 0.1rem;
}

.course-item .analyse .info .icon {
    margin-right: 0.02rem;
    vertical-align: -0.02rem;
    height: 0.2rem;
    width: 0.2rem;
}

.course-item .analyse .info .text.highlight {
    color: #D50000;
}

.course-item .session-sundry .required:before {
    content: '';
    display: inline-block;
    width: 0.13rem;
    height: 0.12rem;
    position: relative;
    top: -0.01rem;
    left: 0.02rem;
    margin-right: 0.05rem;
    background: url('/themes/cn/images/course/icon_elective.png') no-repeat;
    background-size: cover;
    margin-left: 0.02rem;
    vertical-align: -0.02rem;
}

.course-item .session-sundry .compulsory.required:before {
    width: 0.2rem;
    height: 0.2rem;
    left: 0;
    top: 0.02rem;
    margin-right: 0;
    background-image: url('/themes/cn/images/course/icon_compulsory.png');
}

.course-item .course-type-color.course-type-17 {color: #2196f3;}

.course-item .session-used .course-type-color {color: #34A754;}

/*!common/courseComponents/courseShareCard/courseShareCard.css*/
.course-share {
    position: absolute;
    /* z-index: 10; */
    /*要比header高*/
}

.course-share .btn-share {
    display: block;
    font-size: 0.12rem;
    color: #1E6EE6;
    line-height: 0.17rem;
}

.course-share.black .btn-share {
    display: block;
    font-size: 0.12rem;
    line-height: 0.17rem;
    color: #757575;

}

.course-share .btn-share:before {
    content: '';
    width: 0.21rem;
    height: 0.18rem;
    display: block;
    background: url(/themes/cn/images/course/icon_share2.png) no-repeat;
    background-size: cover;
    margin: 0 auto;
    margin-bottom: 0.03rem;
}

.course-share.black .btn-share:before {
    background: url(/themes/cn/images/course/icon_share_black.png) no-repeat;
    background-size: 100% 100%;
}

.course-share .course-share-card {
    width: 100%;
    min-height: 100%;
    background-color: var(--umu-color-bg-layout, #f5f5f5);
    width: 100%;
    min-height: 100%;
    z-index: 100;
}

.course-share .course-share-card .icon-course-home {
    background-image: url(/themes/cn/images/course/icon_back_blue.png);
}

/*!common/courseComponents/courseTeacherInfo/courseTeacherInfo.css*/
.course-teacher-info {
    background: var(--umu-color-bg-base, #fff);
    border-bottom: 1px solid var(--umu-color-border, #e0e0e0);
}

.course-teacher-info .teacher-intro {
    padding: 0.12rem 0.16rem;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.course-teacher-info .teacher-intro  .teacher-name-info {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.course-teacher-info .teacher-intro  .teacher-name-info .teacher-name .user-name-info .user-name-content  {
    max-width: 50vw;
}

.course-teacher-info .teacher-intro .common-link {
    margin-right: 0.12rem;
}

.course-teacher-info .teacher-intro .teacher-name {
    font-size: 0.17rem;
    color: var(--umu-color-text, #222);
    line-height: 0.24rem;
}


.course-teacher-info .teacher-intro .teacher-name.certificated:after {
    content: '';
    display: inline-block;
    height: 0.16rem;
    width: 0.16rem;
    background: url(/themes/cn/images/course/icon_teacher.png);
    background-size: cover;
    margin-left: 0.02rem;
    vertical-align: -0.02rem;
}

.course-teacher-info .teacher-intro .teacher-follow-info {
    font-size: 0.14rem;
    color: #757575;
    line-height: 0.17rem;
}

.course-teacher-info .teacher-intro .teacher-certification {
    font-size: 0.14rem;
    color: #757575;
    line-height: 0.17rem;
}

.course-teacher-info .teacher-intro .follow-btn-wrap {
    margin-top: 0.07rem;
    margin-left: auto;
}

.course-teacher-info .teacher-intro .btn-follow {
    font-size: 0.14rem;
    padding: 0.07rem;
    margin-top: 0.06rem;
    border-radius: 2px;
}

.course-teacher-info .teacher-intro .imgAvat {
    width: 0.4rem;
    height: 0.4rem;
}

.course-teacher-info .teacher-description {
    padding: 0 0.16rem;
    font-size: 0.16rem;
    color: var(--umu-color-text, #222);
    line-height: 0.22rem;
}

/*!common/courseComponents/rankItem/rankItem.css*/
.rank-item {
    display: block;
}

.rank-item .rank-item-left {
    padding: 0.12rem;
    padding-right: 0;
    float: left;
    width: 0.36rem;
    height: 0.4rem;
    line-height: 0.4rem;
    text-align: center;
    margin-right: 0.12rem;
    color: var(--umu-color-text, #222);
}

.rank-item .rank-item-right {
    position: relative;
    padding: 0.12rem;
    padding-left: 0;
    box-shadow: inset 0 0.01rem 0 0 var(--umu-color-fill-secondary, #eee);
    overflow: hidden;
    font-size: 0.17rem;
    color: var(--umu-color-text, #222);
    line-height: 0.4rem;
}

.rank-item .rank-item-right .name {
    margin-left: 0.5rem;
    margin-right: 0.6rem;
}
.rank-item .rank-item-right .avatar {
    height: 0.4rem;
    width: 0.4rem;
    display: block;
    margin-right: 0.12rem;
    position: absolute;
}

.course-page-rank .rank-item .rank-item-right .user-medal-info-holder {
    /* margin-bottom: 10px; */
}

.rank-item .rank-item-right .rank-item-points {
    float: right;
}

.rank-item .rank-item-points:after {
    content: '';
    height: 0.2rem;
    width: 0.2rem;
    display: inline-block;
    background: url(/themes/cn/images/course/icon_points.png);
    background-size: cover;
    margin-left: 0.04rem;
    vertical-align: -0.04rem;
}

.list-item:nth-child(1) .rank-item-left span,
.list-item:nth-child(2) .rank-item-left span,
.list-item:nth-child(3) .rank-item-left span {
    display: inline-block;
    height: 0.28rem;
    width: 0.3rem;
    background: url(/themes/cn/images/course/icon_first.png) no-repeat;
    background-size: cover;
    font-size: 0;
    vertical-align: middle;
}

.list-item:nth-child(2) .rank-item-left span {
    background-image: url(/themes/cn/images/course/icon_secend.png);
}

.list-item:nth-child(3) .rank-item-left span {
    background-image: url(/themes/cn/images/course/icon_third.png);
}

/*!common/courseComponents/rankList/rankList.css*/

/*!common/courseComponents/shareAndCollectionCard/shareAndCollectionCard.css*/
.course-share-and-collection {
    top: 0.16rem;
    right: 0.16rem;
    padding: 0.08rem 0.16rem;
    position: absolute;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 18px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.course-share-and-collection .btn-share {
    background: url(/themes/cn/images/course/share.png) no-repeat;
    background-size: contain;
    width: 0.2rem;
    height: 0.2rem;
    cursor: pointer;
}
.course-share-and-collection .btn-collection {
    background: url(/themes/cn/images/course/Collection.png) no-repeat;
    background-size: contain;
    width: 0.2rem;
    height: 0.2rem;
    cursor: pointer;
    margin-right: 0.08rem;
}
.course-share-and-collection .collection-active {
    background: url(/themes/cn/images/course/icon-collect-done.png) no-repeat;
    background-size: contain;
    width: 0.2rem;
    height: 0.2rem;
    cursor: pointer;
    margin-right: 0.08rem;
}
/*!common/components/account/commonLoginForm/commonLoginForm.css*/
.common-login-form .flat-tab .flat-tab-item {
    margin: 0 0.1rem;
}

.common-login-form .umu-form-body {
    margin-bottom: 0rem;
}

.common-login-form .umu-form-footer {
    padding: 0rem;
    margin-top: 0.4rem;
}

.common-login-form .umu-form-footer .btn-primary {
    background: var(--umu-color-primary, #fab400);
    border-radius: 4px;
    font-weight: 600;
    font-size: 0.16rem;
    line-height: 0.24rem;
    text-align: center;
    color: #ffffff;
    padding: 0.08rem 0rem;
    margin: 0rem;
}

.common-login-form .umu-form-footer .form-info {
    margin-top: 0.04rem;
}

.common-login-form .umu-form-footer .form-info .switch-phone {
    padding-left: 0.05rem;
}

.common-login-form .bottom-info .umu-btn.btn-link {
    color: #1e6ee6;
}

.common-login-form .umu-input {
    border-bottom: 1px solid var(--umu-color-border, #e0e0e0);
}

/*!common/components/account/ssoLoginForm/ssoLoginForm.css*/
.sso-login-form .toggle-tips-wrap {
    position: absolute;
    margin-right: 0.2rem;
    right: 0;
    top: 0.1rem;
}
.sso-login-form .enterprise-id-input {
    padding-right: 0.4rem;
}

.sso-login-form .umu-form .umu-form-tip.error {
    position: absolute;
    margin-top: 0.05rem;
}
.sso-login-form .confirm-dialog-content {
    margin: 0.2rem 0.3rem;
    line-height: 1.5;
}
.sso-login-form .other-login-text {
    margin-left: 0.05rem;
}
/*!common/components/appGuide/appGuide.css*/
.app-guide {
    padding: 0.15rem;
}

.app-guide .guide-actions {
    background: var(--umu-color-bg-base, #fff);
    padding: 0.05rem 0.1rem;
}

.app-guide.ecllipse-session-nav .guide-actions {
    margin-bottom: 0.5rem;
}

.app-guide.ecllipse-session-nav .guide-actions-placeholder {
    height: 1.2rem;
}

.app-guide .guide-actions .umu-btn {
    margin: 0.1rem 0;
    cursor: pointer;
}

.app-guide .guide-tip {
    font-size: 0.14rem;
    color: var(--umu-color-text, #333);
    margin-bottom: 0.15rem;
    line-height: 1.5;
}

.app-guide .guide-tip em {
    font-style: italic;
    font-weight: bold;
}


.locale-jp .app-guide .btn {
    font-size: 0.14rem;
}

.locale-en .app-guide .btn-open-show {
    font-size: 0.12rem;
}

.app-guide-desktop-wrap {
    padding: 0.4rem 0;
    position: relative;
}

.app-guide-desktop .qr-code {
    margin-bottom: 0.2rem;
}

.app-guide-desktop .qr-code .img {
    width: 1.35rem;
    height: 1.35rem;
    margin: auto;
    padding: 0.05rem;
    border: 1px solid #c0c0c0;
    position: relative;
}

.app-guide-desktop .qr-code img {
    position: relative;
    z-index: 1;
}

/* */
.app-guide-desktop .qr-code .img:before,
.app-guide-desktop .qr-code .img:after {
    content: '';
    position: absolute;
    background: var(--umu-color-bg-base, #fff);
}

.app-guide-desktop .qr-code .img:before {
    top: -0.01rem;
    bottom: -0.01rem;
    left: 0.25rem;
    right: 0.25rem;
}

.app-guide-desktop .qr-code .img:after {
    left: -0.01rem;
    right: -0.01rem;
    top: 0.25rem;
    bottom: 0.25rem;
}

.app-guide-desktop .tip {
    color: #616161;
    line-height: 1.5;
    font-size: 0.14rem;
    text-align: center;
}

.app-guide-desktop .tip .notice {
    color: #d50000;
    margin: 0.2rem;
}

.app-guide-desktop .tip .info {
    width: 2.4rem;
    margin: auto;
}

/* */
.app-guide-join {
}

.app-guide-join-wrap {
    background: var(--umu-color-bg-base, #fff);
    padding: 0.05rem 0.1rem;
}

.app-guide-join .btn {
    display: block;
    text-align: center;
    background: #1E6EE6;
    color: #FFF;
    font-size: 0.16rem;
    line-height: 0.4rem;
    border-radius: 3px;
    margin: 0.12rem 0;
}

.app-guide-join .btn.disabled {
    background: #cccccc;
    color: #FFF;
}

.app-guide-join-holder {
    height: 0.74rem;
}

/* */
.app-guide-join.ecllipse-session-nav .app-guide-join-wrap {
    margin-bottom: 0.5rem;
}

/*!common/components/audioPlayer/playSpeedMenu/playSpeedMenu.css*/
.play-tool-speed .menu-item.active .icon-select {
    background: url(/themes/cn/images/icon-select.png) no-repeat 0 0.01rem;
    background-size: 0.14rem 0.1rem;
}

.play-tool-speed {
    display: inline-block;
    position: relative;
    height: 100%;
    vertical-align: top;
    cursor: pointer;
}

.play-tool-speed {
    width: 0.4rem;
    text-align: right;
}

.play-tool-speed .selected-item {
    display: inline-block;
    height: 100%;
    width: 100%;
}

.play-tool-speed .play-speed-menu {
    position: absolute;
    top: 0.4rem;
    left: -0.4rem;
    width: 1.2rem;
    background: var(--umu-color-bg-base, #fff);
    -webkit-box-shadow: 0px 0px 4px #e8e8e8;
    box-shadow: 0.01rem 0.04rem 0.1rem #e8e8e8;
    text-align: left;
    z-index: 9;
}

.play-tool-speed .play-speed-menu .menu-list {
    padding: 0.05rem 0.1rem;
}

.play-tool-speed .play-speed-menu .menu-item {
    height: 0.34rem;
    line-height: 0.34rem;
    cursor: pointer;
}

.play-tool-speed .play-speed-menu .icon-select {
    display: inline-block;
    vertical-align: middle;
    height: 0.15rem;
    width: 0.15rem;
}

.play-tool-speed .play-speed-menu .menu-text {
    margin-left: 0.1rem;
    color: var(--umu-color-text, #333);
}

/*!common/components/baseNoteComposer/baseNoteComposer.css*/
body.prevent-scroll {
    position: fixed;
    overflow: hidden;
    visibility: hidden;
    width: 100%;
    height: 100%;
}

.note-composer {
    /*padding: 20px 20px 0 20px;*/
    padding: 0.2rem;
}

.note-composer .page-panel.note-panel-wrap .page-panel-content{
    position: relative;
}

.note-composer .note-composer-starter {
    text-align: center;
}

.note-composer .note-btn {
    /*width: 160px;*/
    padding: 0.05rem;
    margin: 0 auto;
    line-height: 0.24rem;
}

.note-composer .note-composer-tip {
    color: var(--umu-color-text-tertiary, #999);
    margin-top: 0.07rem;
    font-size: 0.11rem;
}

.pic-not-check-confirm .info {
    padding: 0.15rem 0.15rem 0 0.15rem;
}

.pic-not-check-confirm .title {
    padding: 0.15rem 0.15rem 0 0.15rem;
    text-align: center;
}
/*!common/components/carousel/carousel.css*/
.carousel-wrap {
    overflow: hidden;
    position: relative;
}


/*slides*/

.carousel-wrap .carousel-slides {
    position: relative;
    white-space: nowrap;
    left: 0;
    transition: left .5s ease, right .5s ease;
}

.carousel-wrap .carousel-item {
    display: inline-block;
    position: relative;
    width: 100%;
}

.carousel-wrap .carousel-item a ,.carousel-wrap .carousel-item .carousel-img{
    display: inline-block;
    color: #fff;
    width: 100%;
    vertical-align: middle;
}

.carousel-wrap .carousel-item a:avtive {
    color: #fff;
}

.carousel-wrap .carousel-title {
    width: 100%;
    position: absolute;
    bottom: 0rem;
    font-size: 0.16rem;
    padding: 0.15rem 0.15rem 0.25rem 0.15rem;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background:linear-gradient(180deg, rgba(0,0,0,0.01) 0%, rgba(0,0,0,1) 100%);
}

.carousel-wrap .carousel-title p {
    text-overflow: ellipsis;
    overflow: hidden;
}


/*slides end*/


/*indicator*/

.carousel-wrap .carousel-indicator {
    position: absolute;
    left: 0.15rem;
    right: 0.15rem;
    bottom: 0.08rem;
    font-size: 0;
}

.carousel-wrap .indicator-item {
    display: inline-block;
    width: 0.16rem;
    height: 0.03rem;
    background-color: var(--umu-color-bg-base, #fff);
    opacity: 0.5;
    margin: 0.02rem 0;
}

.carousel-wrap .indicator-item:last-child {
    margin-right: 0;
}

.carousel-wrap .indicator-item.active {
    opacity: 1;
}


/*indicator end*/
/*!common/components/choosePhotoDialog/choosePhotoDialog.css*/
.chooseImagePanel {
    position: fixed;
    z-index: 200;
    bottom: 0rem;
    left: 0rem;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.6);
    /* max-width: 980px; */
}

/*choose按钮*/
.chooseImagePanel .choose-image-panel-wrap {
    position: absolute;
    padding: 0.48rem 0.4rem 0.4rem 0.4rem;
    top: 50%;
    left: 50%;
    background: var(--umu-color-bg-base, #fff);
    border-radius: 2px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.choose-image-panel-wrap .btn-close {
    position: absolute;
    display: block;
    background: url(/themes/cn/images/icon/icon-close.png) no-repeat;
    background-size: cover;
    height: 0.12rem;
    width: 0.12rem;
    right: 0.16rem;
    top: 0.16rem;
	cursor: pointer;
}

.choose-image-panel-wrap .show-qrcode {
    width: 2.4rem;
    text-align: center;
}

.choose-image-panel-wrap .show-qrcode .title {
    font-size: 0.16rem;
}

.choose-image-panel-wrap .show-qrcode .desc {
    color: #757575;
    font-size: 0.14rem;
}

.choose-image-panel-wrap .show-qrcode .title,
.choose-image-panel-wrap .show-qrcode .desc {
    margin-bottom: 0.15rem;
    text-align: left;
    line-height: 0.18rem;
}

.choose-image-panel-wrap .show-qrcode .desc .wechat {
    display: inline-block;
    width: 0.18rem;
    height: 0.18rem;
    background: url(/themes/cn/images/icon/icon-wechat.png) no-repeat;
    background-size: 100%;
    margin: 0 0.05rem;
    vertical-align: -0.01rem;}

.choose-image-panel-wrap .show-qrcode img {
    width: 1.3rem;
    height: 1.3rem;
    margin: 0 auto;
}

.choose-image-panel-wrap .show-qrcode .session-title {
    margin-top: 0.15rem;
}

.chooseImagePanel .chooseTips {
    line-height: 0.22rem;
    color: #757575;
    font-size: 0.16rem;
    text-align: center;
    margin-bottom: 0.18rem;
}
.locale-jp .chooseImagePanel .chooseTips {
    font-size: 0.1rem;
}
.chooseImagePanel .chooseImageBtn {
    display: block;
    margin: 0 auto;
    height: 0.4rem;
    width: 2.4rem;
    border-radius: 2px;
    background-color: #1c93f3;
    color: #ffffff;
    font-size: 0.16rem;
    text-align: center;
    line-height: 0.4rem;
}

.chooseImagePanel .btn-album {
    margin-bottom: 0.16rem;
    border: 1px solid #1273c2;
}

.chooseImagePanel .btn-camera {
    border: 1px solid #1690f3;
    background: var(--umu-color-bg-base, #fff);
    color: #1273c2;
}

/*!common/components/configurableHeader/configurableHeader.css*/
.configurable-header {
    font-size: 0.16rem;
    position: relative;
    text-align: center
}

.configurable-header .umu-btn {
    padding: 0;
    font-size: 0.16rem;
}

.configurable-header .left-section {
    left: 0;
    position: absolute;
}

.configurable-header .right-section {
    right: 0;
    position: absolute;
}

.configurable-header .center-section {
    text-align: center;
    margin: 0 auto !important;
    display: inline-block;
    font-size: 0.18rem;
}
.configurable-header .center-section .umu-btn{
    font-size: 0.18rem;
}

.configurable-header .umu-btn.btn-text{
    color: var(--umu-color-text, #222);
}
/*!common/components/coursePointsBox/coursePointsBox.css*/
.course-points-box {
  position: relative;
}

.course-points-box .total-points {
  line-height: 1.5;
}

.course-points-box .points-bubble {
  height: 0.2rem;
  width: 0.4rem;
  color: #fff;
  background: #23A565;
  box-shadow: 0 0.02rem 0.04rem 0 rgba(0,0,0,0.20);
  border-radius: 20px;
  text-align: center;
  font-size: 0.12rem;
  line-height: 0.2rem;
  opacity: 0;
  margin-left: 0.2rem;
  position: absolute;
}

.course-points-box .points-num {
  display: inline-block;
  margin: 0 0 0 0.01rem;
  color: var(--umu-color-primary, #ffab00);
  
}

.animated {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
  }
  
.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.animate-add-points {

  -webkit-animation-name: fadeInUp;

  animation-name: fadeInUp
}

.animate-total-points {
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
  transform-origin: center bottom
}

@-webkit-keyframes fadeInUp {
    0%  {
      opacity: 1;
      -webkit-transform: translate3d(0, -45px, 0);
      transform: translate3d(0, -0.45rem, 0);
    }
    9% {
        opacity: 1;
        -webkit-transform: translate3d(0, -60px, 0);
        transform: translate3d(0, -0.6rem, 0);
      }

    10% {
        opacity: 1;
        -webkit-transform: translate3d(0, -60px, 0);
        transform: translate3d(0, -0.6rem, 0);
      }
  
    100% {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
     
    }
  }

@keyframes fadeInUp {
    0%  {
      opacity: 1;
      -webkit-transform: translate3d(0, -45px, 0);
      transform: translate3d(0, -0.45rem, 0);
    }
    9% {
        opacity: 1;
        -webkit-transform: translate3d(0, -60px, 0);
        transform: translate3d(0, -0.6rem, 0);
      }

    10% {
        opacity: 1;
        -webkit-transform: translate3d(0, -60px, 0);
        transform: translate3d(0, -0.6rem, 0);
      }
  
    100% {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
     
    }
  }

  @-webkit-keyframes bounce {
    0%,20%,53%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    40%,43% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-15px,0);
        transform: translate3d(0,-0.15rem,0)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-8px,0);
        transform: translate3d(0,-0.08rem,0)
    }

    90% {
        -webkit-transform: translate3d(0,-3px,0);
        transform: translate3d(0,-0.03rem,0)
    }
}

  @keyframes bounce {
    0%,20%,53%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    40%,43% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-15px,0);
        transform: translate3d(0,-0.15rem,0)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        -webkit-transform: translate3d(0,-8px,0);
        transform: translate3d(0,-0.08rem,0)
    }

    90% {
        -webkit-transform: translate3d(0,-3px,0);
        transform: translate3d(0,-0.03rem,0)
    }
}
/*!common/components/coursePointsBubble/coursePointsBubble.css*/

/*!common/components/dropDownListComponent/dropDownListComponent.css*/
.drop-down-list-component{
    -webkit-box-shadow: 0px 0px 4px #e8e8e8;
    box-shadow: 0.01rem 0.04rem 0.1rem #e8e8e8;
    min-width: 1.4rem;
}


.drop-down-list-component .item-selected {
    position: relative;
}

.drop-down-list-component .item-selected, 
.drop-down-list-component li.item {
    background: #1E6EE6;
    height: 0.4rem;
    color: #ffffff;
    font-size: 0.16rem;
    line-height: 0.4rem;
    padding: 0 0.36rem 0 0.12rem;  
    cursor: pointer;
    white-space: nowrap;
}  

.drop-down-list-component ul.list {
    border: 1px solid #1E6EE6;
}

.drop-down-list-component li.item {
    background: var(--umu-color-bg-base, #fff);
    border-bottom: 1px solid var(--umu-color-fill-secondary, #eee);
    color: #000000;
    white-space: nowrap;
}

.drop-down-list-component li.item:hover {
    color: #00a9f6;
}

.drop-down-list-component li.item:last-child {
    border-bottom: none;
}

.drop-down-list-component .item-selected::after {
    position: absolute;
    right: 0.12rem;
    content: '';
    border-top: 6px solid #ffffff;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    vertical-align: middle;
    margin-top: 0.16rem;
}

.drop-down-list-component .item-selected.unfold::after {
    border-bottom: 6px solid #ffffff;
    border-top: none;
}
/*!common/components/emailVerification/emailVerification.css*/
.umu-form.email-verification{
    text-align: center;
}
.email-verification .verify-code-input {
    border-bottom: 0;
    line-height: 0.24rem;
    font-size: 0.16rem;
    color: var(--umu-color-text, #222);
    border-bottom: 1px solid #bdbdbd;
    margin: 0 auto;
    display: inherit;
    padding-bottom: 0;
}

.email-verification .verify-code-input:focus{
    border-bottom: 1px solid #1E6EE6;
}
.email-verification .umu-form-row.verify-info {
    margin-top: unset;
}

.email-verification .umu-form-body .verify-code-row.umu-form-row {
    margin-top: unset;
}

.email-verification .umu-form-body .info-panel .title {
    margin-top: 0.12rem;
    margin-bottom: 0.12rem;
}

.email-verification .umu-form-body .info-panel {
    line-height: 0.19rem;
}

.email-verification .btn-uppercase {
    text-transform: uppercase;
}
/*!common/components/emailVerificationRegister/emailVerificationRegister.css*/
.umu-form.email-verification-register{
    text-align: center;
    margin-top: 0.5rem;
}
.email-verification-register .verify-code-input {
    border-bottom: 0;
    line-height: 0.24rem;
    text-align: center;
    font-size: 0.16rem;
    color: var(--umu-color-text, #222);
    border-bottom: 1px solid #bdbdbd;
    margin: 0 auto;
    display: inherit;
    padding-bottom: 0.08rem;
}

.email-verification-register .verify-code-input:focus{
    border-bottom: 1px solid #1E6EE6;
}
.email-verification-register .umu-form-row.verify-info {
    margin-top: 0.2rem;
}

.email-verification-register .umu-form-body .verify-code-row.umu-form-row {
    margin-top: unset;
}

.email-verification-register .umu-form-body .info-panel .title {
    margin-top: 0.12rem;
    margin-bottom: 0.12rem;
    color: var(--umu-color-primary, #fab400);
}

.email-verification-register .umu-form-body .info-panel {
    line-height: 0.19rem;
}


.email-verification-register .btn-uppercase {
    text-transform: uppercase;
}
/*!common/components/enrollmentBase/enrollmentBase.css*/
.enrollment-submit-payment .value {
    color: #F44336;
    margin-left: 0.03rem;
}

.enrollment-submit-button-disabled .btn{
    background-color: #ccc;
}

.enroll-account-info .enroll-account-status {
    font-weight: 400;
    font-size: 0.14rem;
    line-height: 0.21rem;
    color: var(--umu-color-text, #222);
    margin-top: 0.08rem;
    margin-bottom: 0.08rem;
}

.enrollment-result .enrollment-submit-button.cancel {
    margin-top: -0.34rem;
}

.enroll-account-info {
    margin-bottom: 0.16rem;
}

.enroll-account-info .enroll-time-info {
    font-size: 0.14rem;
    line-height: 0.21rem;
    color: var(--umu-color-text-secondary, #666);
    opacity: 0.6;
    margin-top: 0.04rem;
}
.enroll-account-status-count {
    padding-right: 0.2rem;
}
.enrollment-basic-btn a {
    color: #1e6ee6;
    text-transform: uppercase;
}

.cancel-disable-desc {
    font-size: 0.14rem;
    line-height: 0.21rem;
    text-align: center;
    color: var(--umu-color-text-secondary, #666);
    margin-top: -0.38rem;
    padding: 0 0.2rem;
}
/*!common/components/enrollmentCancelDialog/enrollmentCancelDialog.css*/
.enrollment-cancel-dialog-container {
    border-radius: 6px;
}

.enrollment-cancel-dialog-container .dialog-main {
    border-radius: 6px;
    width: 3.1rem;
}

.enrollment-cancel-dialog-content {
    padding: 0.2rem;
}

.enrollment-cancel-dialog-container .dialog-title {
    font-weight: 500;
    font-size: 0.18rem;
    line-height: 0.25rem;
    color: var(--umu-color-text, #222);
    margin-bottom: 0.12rem;
}

.enrollment-cancel-dialog-container .desc {
    font-size: 0.15rem;
    line-height: 0.23rem;
    color: var(--umu-color-text-secondary, #666);
    margin-bottom: 0.16rem;
}

.enrollment-cancel-dialog-container .desc-title {
    color: var(--umu-color-text, #222);
    font-size: 0.16rem;
    line-height: 0.24rem;
    margin-bottom: 0.08rem;
}

.enrollment-cancel-dialog-container textarea {
    width: 100%;
    border: 1px solid var(--umu-color-border, #e0e0e0);
    border-radius: 4px;
    background-color: white;
    padding: 0.08rem 0.1rem;
    font-size: 0.16rem;
    line-height: 0.24rem;
    resize: none;
    height: 1.2rem;
    color: var(--umu-color-text, #222);
}

.enrollment-cancel-dialog-container textarea::-webkit-input-placeholder {
    color: var(--umu-color-text-tertiary, #999);
}

.enrollment-cancel-dialog-container textarea::-moz-placeholder {
    color: var(--umu-color-text-tertiary, #999);
}

.enrollment-cancel-dialog-container textarea:-ms-input-placeholder {
    color: var(--umu-color-text-tertiary, #999);
}

.enrollment-cancel-dialog-container textarea::placeholder {
    color: var(--umu-color-text-tertiary, #999);
}

.enrollment-cancel-dialog-container .alert {
    color: #dd4e40;
}

.enrollment-cancel-dialog-container .count {
    color: var(--umu-color-text-tertiary, #999);
}

.enrollment-cancel-dialog-container .bottom-desc {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 0.06rem;
    font-size: 0.14rem;
    line-height: 0.21rem;
    margin-bottom: 0.13rem;
}

.enrollment-cancel-dialog-container .bottom-actions {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    font-size: 0.16rem;
    line-height: 0.25rem;
}

.enrollment-cancel-dialog-container .bottom-actions .close-action {
    padding: 0.05rem 0.06rem;
    color: var(--umu-color-text-secondary, #666);
    cursor: pointer;
}

.enrollment-cancel-dialog-container .bottom-actions .submit-action {
    padding: 0.05rem 0.06rem;
    color: #1e6fe6;
    cursor: pointer;
}

.enrollment-cancel-dialog-container .bottom-actions .submit-action.disabled {
    pointer-events: none;
}

/*!common/components/enrollmentResult/enrollResult.css*/
.enrollment-result-card {
    padding: 0.2rem 0.2rem 0 0.2rem;
}

.enrollment-result-card .result {
    font-size: 0.18rem;
    color: var(--umu-color-text, #222);
    line-height: 1.5;
    text-align: center;
    padding: 0.36rem 0 0;
}

.enrollment-result-card .result .icon {
    margin-right: 0.1rem;
}

.enrollment-result-card .group-title {
    font-size: 0.16rem;
    line-height: 0.24rem;
    color: var(--umu-color-text, #222);
    text-align: center;
}

.enrollment-result-card .enroll-status-text {
    font-weight: 700;
    font-size: 0.16rem;
    line-height: 0.24rem;
    text-align: center;
    color: var(--umu-color-text, #222);
    margin-bottom: 0.16rem;
    margin-top: 0.16rem;
}

.enrollment-result-card .enroll-status-img img {
    height: 100%;
}

.enrollment-result-card .enroll-status-img {
    height: 1.8rem;
    margin-bottom: 0.18rem;
}

.enrollment-result-card .result-desc {
    font-size: 0.15rem;
    color: var(--umu-color-text-tertiary, #999);
    line-height: 1.5;
    text-align: center;
    padding-top: 0.06rem;
}

.enrollment-result .enrollment-submit-button {
    padding: 0 0.2rem;
    margin: 0.2rem 0 0.5rem;
}

.enrollment-result .enrollment-submit-button .btn,
.download .btn {
    border-radius: 4px;
}

.payRedirectQr .img {
    margin: 0.1rem auto;
    width: 1.8rem;
    height: 1.8rem;
}

.payRedirectQrDesc {
    margin: 0.1rem 0;
}

/*!common/components/fileUploader/dragDrop/dragDrop.css*/
.drag-drop-file-area {
    display: none;
    position: fixed;
    z-index: 99999;
    background: rgba(255, 255, 255, .7);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.drag-drop-file-area .tip {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 0.24rem;
    color: var(--umu-color-text-secondary, #666);
    pointer-events: none;
}
/*!common/components/fileUploader/fileUploader.css*/

.file-uploader {
    position: relative;
}
.file-uploader .upload-button-wrap,
.file-uploader .upload-crop-button-wrap {
    position: relative;
    overflow: hidden;
}

.file-uploader .upload-prompt {
    position: absolute;
    z-index: 6;
    width: 2.46rem;
    top: 0.3rem;
    margin-top: 0.15rem;
    padding: 0.12rem 0.15rem;
    background: var(--umu-color-bg-base, #fff);
    border-radius: 2px;
    box-shadow: 0 0 0.4rem rgba(0, 0, 0, 0.06), 0 0.01rem 0.12rem rgba(9, 2, 4, 0.15);
    font-size: 0.14rem;
    line-height: 1.5;
    color: var(--umu-color-text, #222);
    text-align: left;
} 

.file-uploader .upload-prompt::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-width: 6px;
    border-style: solid;
    border-color: transparent transparent #fff;
    top: -0.12rem;
    left: 0.3rem;
}

.file-uploader.disabled .upload-btn {
    cursor: default;
}

.file-uploader input {
    opacity: 0;
    font-size: 1rem;
    position: absolute;
    z-index: 9;
    top: 0;
    right: 0;
    cursor: pointer;
    width: 100%;
    height: 100%;
}



.file-uploader .progress-spinner {
    height: 0.1rem;
    background-color: var(--umu-color-fill-secondary, #eee);
    box-shadow: inset 0.02rem 0.03rem 0.02rem #ddd;
    border-radius: 2px;
    margin: 0.1rem 0;
}

.file-uploader .progress-spinner .progress-bar {
    width: 0%;
    height: 0.1rem;
    background-color: #f5b324;
}
/*!common/components/flatTab/flatTab.css*/
.flat-tab {
    width: 100%;
    font-size: 0.16rem;
    color: #757575;
}

body.locale-fr .flat-tab .flat-tab-wrap  {
    max-width: 5rem;
}

.flat-tab .flat-tab-wrap {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    max-width: 3.75rem;
    margin: 0 auto;
}

.flat-tab .flat-tab-item {
    display: inline-block;
    padding: 0.05rem;
    cursor: pointer;
    margin: 0 0.3rem;
    border-bottom: 1px solid transparent;
}

.flat-tab .flat-tab-item.active {
    color: var(--umu-color-text, #222);
    border-bottom: 1px solid var(--umu-color-border, #e0e0e0);
}
/*!common/components/followBtn/followBtn.css*/
.follow-btn-wrap {
    text-align: left;
}

.follow-btn-wrap .follow-btn {
    font-size: 0.16rem;
    height: 0.3rem;
    padding: 0 0.06rem;
    line-height: 0.3rem;
}

.follow-btn-wrap .follow-btn.btn-secondary {
    color: #ccc;
    border-color: #ccc;
}

/*!common/components/fontSizeSwitchScreen/fontSizeSwitchScreen.css*/
.lang-switch-list {
    padding: 0 0.15rem;
    border-top: 10px solid var(--umu-color-fill-secondary, #eee);
}

.lang-switch-item {
    color: var(--umu-color-text, #212121);
    font-size: 0.17rem;
    line-height: 0.56rem;
    position: relative;
    border-top: 1px solid var(--umu-color-fill-secondary, #eee);
}

.lang-switch-item .is-checked {
    /* float: right; */
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.lang-switch-item .is-checked:after {
    content: '';
    display: inline-block;
    width: 0.1rem;
    height: 0.05rem;
    border: solid #007AFF;
    border-width: 0 0 3px 3px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin: 0.02rem auto;
}

/*!common/components/footer/footer.css*/
/* footer */
.footer{position: absolute;left: 0;right: 0;bottom: 0;}
.footerWrap{background:var(--umu-color-fill-secondary, #eee);padding:0.2rem 0 0.2rem;text-align:center;line-height: 1;min-height: 0.73rem;}
.footer .support{font-size:0.15rem;margin-bottom:0.05rem;color: var(--umu-color-text-tertiary, #999);height: 0.29rem;}
.footer .support .logo,
.footer .support span{vertical-align:middle;}
.footer .support .logo{width:0.57rem;margin-right:0.1rem;max-width: 100%;max-height: 100%;}
.footer .links{font-size: 0.15rem;color: var(--umu-color-text-secondary, #666);margin-bottom: 0.1rem;}
.footer .links span{vertical-align:middle;}
.footer .links em{position: relative;top: -0.01rem;color: var(--umu-color-text-tertiary, #999);}
.footer .links a{color: var(--umu-color-text-secondary, #666);margin: 0 0.08rem;}
.footer .copyright{
    font-size:0.12rem;
    color:#ccc;
    line-height: 1.2;
    padding: 0rem 0.15rem;
}
.footer span{
     white-space: nowrap;
    display: inline-block;
}
.footer .userPanel{font-size:0.11rem;color:#666;margin-bottom:0.05rem;}
.footer .userPanel a{color:var(--umu-color-primary, #ffbd2b);}

.footer-blank {margin: 0;padding: 0}
.footer-blank .footerWrap{background:transparent; min-height: 0.15rem;padding:0;}


/*!common/components/fullImgGallery/fullImgGallery.css*/
.full-img-gallery {
    z-index: 1001;
    color: #fff;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.full-img-gallery .full-img-gallery-controls {
    position: absolute;
    pointer-events: none;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    z-index: 100;
    padding: 0.1rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.full-img-gallery .full-img-gallery-controls .icon {
    pointer-events: auto;
    float: left;
    cursor: pointer;
}

.full-img-gallery .full-img-gallery-controls .icon-next {
    float: right;
}

.full-img-gallery .full-img-gallery-header {
    position: absolute;
    top: 0;
    width: 100%;
    padding: 0.1rem;
    z-index: 100;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.full-img-gallery .full-img-gallery-header .icon-back {
    float: left;
    cursor: pointer;
    width: 0.2rem;
    height: 0.2rem;
    background-size: contain;
}

.full-img-gallery .full-img-gallery-header .gallery-info {
    float: right;
}

.full-img-gallery .icon {
    width: 0.3rem;
    height: 0.3rem;
    display: inline-block;
    background-repeat: no-repeat;
}

.full-img-gallery .icon.icon-switch-slide {
    background-color: rgba(0, 0, 0, 0.3);
    background-image: url('/themes/cn/images/common/components/fullImgGallery/galler_arrow.png');
    background-position: center;
}

.full-img-gallery .icon.icon-next {
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1);
}

.full-img-gallery .icon.icon-back {
    background-image: url('/themes/cn/images/common/components/fullImgGallery/back.png');
}
/*!common/components/groupPageCard/groupPageCard.css*/
/* 信息区 */
.group-page-card {
    background: var(--umu-color-bg-base, #fff);
    padding-bottom: 0.1rem;
}

/*new*/
.group-page-card .share-banner {
    position: relative;
}

.group-page-card .share-banner .profile-banner {
    position: absolute;
    top: 0;
    left: 0;
}

/* */
.group-page-card .share-teacher-avat {
    position: relative;
    text-align: center;
}

.group-page-card .share-teacher-avat>a {
    display: inline-block;
}

.group-page-card .share-teacher-avat .imgAvat {
    width: 0.6rem;
    height: 0.6rem;
    margin: -0.3rem auto 0.05rem;
    border: 1px solid var(--umu-color-primary-border, #ffbd2b);
}

.group-page-card .share-teacher-avat .imgAvat img {
    -webkit-transform: scale(1.09);
    -moz-transform: scale(1.09);
    -ms-transform: scale(1.09);
    transform: scale(1.09);
}

.group-page-card .share-teacher-name {
    padding: 0 0.16rem;
}

.group-page-card .share-teacher-name .cnt {
    padding: 0.05rem 0;
    font-size: 0.16rem;
    color: #313131;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.group-page-card .share-teacher-name .cnt a {
    color: #000;
}

/* */
.group-page-card .share-group-title {
    font-size: 0.24rem;
    line-height: 0.3rem;
    color: #313131;
    padding: 0 0.2rem;
    text-align: center;
    margin-top: 0.4rem;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    -webkit-line-clamp: 2;
}
/*!common/components/header/header.css*/

/*!common/components/headerMask/headerMask.css*/
.header-mask {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 110;
    background: rgba(0, 0, 0, 0.6);
    display: none;
}

.body-position {
    position: relative;
}

.header-mask.header-mask-show {
    display: block;
}

.body-overflow {
    overflow: hidden;
}

/*!common/components/headerNoReact/headerNoReact.css*/

/*!common/components/iframe/iframe.css*/
.iframe-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    -webkit-overflow-scrolling: touch;
    overflow: hidden;
}

.iframe-wrapper iframe {
    position: relative;
}
/*!common/components/img/img.css*/
.img .img-wrapper {
    position: relative;
}
.img .img-wrapper img{
    position: relative;
    z-index: 1;
}

.img .img-default-bg {
    background: url(/themes/cn/images/subcomment-loading.gif) no-repeat;
    background-size: 0.16rem 0.16rem;
    background-position: 50%;
}

.img .img-status {
    position: absolute;
    height: 100%;
    width: 100%;
    text-align: center;
}


/*!common/components/imgGallery/imgGallery.css*/
.img-gallery {
    width: 100%;
    height: 100%;
    background: #000;
    white-space: nowrap;
    overflow: hidden;
}
.img-gallery .img-slides {
    position: relative;
    left: 0;
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    transition: left 0.5s ease, right 0.5s ease;
}
.img-gallery .img-slides .img-slide-item-wrap {
    position: relative;
    width: 100%;
    height: 100%;
}

.img-gallery .img-slides .img-slide-item {
    position: relative;
    display: inline-block;
}

.img-gallery .img-slides .img-slide {
    max-height: 100%;
    max-width: 100%;
    width: auto;
    height: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.img-gallery .img-slides .load-original {
    position: absolute;
    text-align: center;
    left: 0;
    right: 0;
    bottom: 0.2rem;
}

.img-gallery .img-slides .load-original .load-status {
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    font-size: 0.12rem;
    color: #FFF;
    padding: 0.05rem 0.1rem;
    border: 1px solid #FFF;
    border-radius: 2px
}

/*!common/components/imgUtil/imgPreview/imgPreview.css*/

/*!common/components/imgUtil/imgUpload/imgUpload.css*/
.img-upload .btn-upload {
    width: 0.78rem;
    height: 0.78rem;
    background-position: center;
}
/*!common/components/imgUtil/imgUploadList/imgUploadList.css*/

.img-list-wrap .img-list-info {
    margin: 0.1rem 0;
}

.img-list-wrap  .img-list-info .pic-count {
    float: left;
    color: #757575;
    line-height: 1.5;
}

.img-list-wrap .img-list-info .operate-list-btn {
    float: right;
}


.img-list-wrap .img-wrap {
    position: relative;
    width: 0.8rem;
    height: 0.8rem;
    float: left;
    margin-right: 0.1rem;
    margin-bottom: 0.1rem;
    
}

.img-list-wrap .img-wrap .btn-delete {
    position: absolute;
    top: 0.03rem;
    right: 0.03rem;
    cursor: pointer;
    background: var(--umu-color-bg-layout, #f5f5f5);
    border-radius: 50%;
    padding: 0.04rem;
    line-height: 0rem;
}

.img-list-wrap .img-wrap .btn-delete i.icon {
    background: url(/themes/cn/images/common/components/imgUtil/imgUploadList/del.png) no-repeat 0 0;
    display: inline-block;
    vertical-align: middle;
    width: 0.09rem;
    height: 0.09rem;

}

.img-list-wrap .img-wrap img {
    width: 100%;
    height: 100%;
}

.img-list-wrap .img-wrap.upload-btn-wrap {
    width: 0.78rem;
    height: 0.78rem;
    border: 1px solid #ccc;
    line-height: 0.78rem;
    text-align: center;
}

.img-list-wrap .img-wrap:nth-child(3n) {
    /* margin-right: 0; */
}
/*!common/components/imgUtil/uploadBtn/uploadBtn.css*/
.btn-upload {
    background: url(/themes/cn/images/common/components/imgUtil/uploadBtn/add-img.png) no-repeat 0 0;
    display: inline-block;
    vertical-align: middle;
    width: 0.21rem;
    height: 0.21rem;
}
/*!common/components/infoBrand/infoBrand.css*/
.infoBrand {
    text-align: center;
    line-height: 1.5;
}

.infoBrand .brandIntro {
    padding: 0.3rem 0.16rem;
    background: #f6f6f6;
}

.infoBrand .introTitle {
    font-size: 0.2rem;
    color: #000;
    padding-top: 0.05rem;
}

.infoBrand .introDesc {
    font-size: 0.16rem;
    color: var(--umu-color-text, #333);
    padding: 0.1rem 0 0.2rem;
}

.infoBrand .introOpts .opt {
    padding: 0.05rem 0 0.1rem 0;
}

.infoBrand .introOpts .opt .btn {
}

.infoBrand .introOpts .opt .btn_toReg {
}

.infoBrand .introOpts .opt .btn_toApp {
}

.infoBrand .brandFeature {
    padding: 0.3rem 0.16rem;
}

.infoBrand .brandFeature .featureTitle {
    font-size: 0.2rem;
    color: #000;
}

.infoBrand .brandFeature .features {
    padding-bottom: 0.2rem;
}

.infoBrand .brandFeature .feature {
    padding-top: 0.3rem;
}

.infoBrand .brandFeature .feature .img {
    text-align: center;
}

.infoBrand .brandFeature .feature .img img {
    width: 100%;
}

.infoBrand .brandFeature .feature .h4 {
    font-size: 0.16rem;
    color: var(--umu-color-text, #333);
}
/*!common/components/infoDetail/infoDetail.css*/
/* null session tip */
.infoDetail{padding: 0.3rem 0.16rem;text-align: center;}
.infoDetail .infoType{text-align: center;}
.infoDetail .infoType .icon{display: inline-block;vertical-align: middle;background: no-repeat center;-webkit-background-size: 100% 100%;background-size: 100% 100%;}
.infoDetail .infoType.success .icon{width: 1.13rem;height: 0.95rem;background-image: url(/themes/cn/images/quiz/submit-success.png);margin: 0rem 0 0.2rem;}

.infoDetail .infoType.closed .icon{width: 1.4rem;height: 1.5rem;background-image: url(/themes/cn/images/common/components/infoDetail/info_type_closed.png);margin: 0.5rem 0 0.2rem;}
.infoDetail .infoType.empty .icon{width: 1.4rem;height: 1.2rem;background-image: url(/themes/cn/images/common/components/infoDetail/info_type_empty.png);margin: 0.5rem 0 0.2rem;}
.infoDetail .infoType.coming .icon{width: 1.21rem;height: 1.21rem;background-image: url(/themes/cn/images/common/components/infoDetail/info_type_coming.png);margin: 0.5rem 0 0.2rem;}
.infoDetail .infoType.enroll .icon{width: 1.2rem;height: 1.2rem;background-image: url(/themes/cn/images/common/components/infoDetail/info_type_enroll.png);margin: 0.5rem 0 0.2rem;}
.infoDetail .infoType.error .icon{width: 1.3rem;height: 1.45rem;background-image: url(/themes/cn/images/common/components/infoDetail/info_type_error.png);margin: 0.5rem 0 0.2rem;}
.infoDetail .infoType.haliluya .icon{width: 1.7rem;height: 1.2rem;background-image: url(/themes/cn/images/common/components/infoDetail/info_type_haliluya.png);margin: 0.5rem 0 0.2rem;}
.infoDetail .infoType.wx .icon{width: 0.86rem;height: 0.86rem;background-image: url(/themes/cn/images/common/components/infoDetail/info_type_wx.png);margin: 0.5rem 0 0.2rem;}
.infoDetail .infoType.f .icon{width: 0.55rem;height: 0.55rem;background-image: url(/themes/cn/images/common/components/infoDetail/info_type_f.png);margin: 0.3rem 0;}
.infoDetail .infoType.i .icon{width: 0.55rem;height: 0.55rem;background-image: url(/themes/cn/images/common/components/infoDetail/info_type_i.png);margin: 0.3rem 0;}
.infoDetail .infoType.s .icon{width: 0.55rem;height: 0.55rem;background-image: url(/themes/cn/images/common/components/infoDetail/info_type_s.png);margin: 0.3rem 0;}
.infoDetail .infoType.cab .icon{width: 1.1rem;height: 0.92rem;background-image: url(/themes/cn/images/common/components/infoDetail/info_type_cab.png);margin: 0.3rem 0;}
.infoDetail .infoType.debat .icon{width: 1.42rem;height: 0.75rem;background-image: url(/themes/cn/images/common/components/infoDetail/info_type_debat.png);margin: 0.3rem 0;}
.infoDetail .infoType.form .icon{width: 1.15rem;height: 0.85rem;background-image: url(/themes/cn/images/common/components/infoDetail/info_type_form.png);margin: 0.3rem 0;}
.infoDetail .infoCnt{line-height: 1.5;font-size: 0.18rem;}
.infoDetail .infoBtn{margin-top: 0.4rem;}
.infoDetail .umu-btn{line-height: 1em;}
.infoDetail .infoMain{color: #000;font-size: 0.2rem;}
.infoDetail .infoDesc{color: var(--umu-color-text, #333);font-size: 0.16rem;}
.infoDetail .infoImportant{color: var(--umu-color-primary, #ffbd2b);}
.infoDetail .refreshOpt{margin: 0.05rem 0;padding-top: 0.4rem;}
.infoDetail .refreshOpt .btn{}
.infoDetail .resultUrlWrap {margin-top: 0.15rem;}

.infoDetail .info-detail-title{color: #000; font-size: 0.2rem;font-weight: 500;}
.infoDetail .info-detail-content{font-size: 0.15rem;color: var(--umu-color-text-secondary, #666); margin: 0.3rem 0;}

/* new style */
.infoDetail .info-title{color: #000;font-size: 0.2rem;font-weight: 500;}
.infoDetail .info-desc{color: #757575;font-size: 0.14rem;margin-top: 0.05rem;}
.infoDetail .info-desc span{font-weight: bold;}
.infoDetail .info-options{text-align:center;margin-top: 0.2rem;}
.infoDetail .info-option .umu-btn{line-height:0.38rem;display:inline-block;padding:0 0.25rem;margin: 0 0.1rem;height: 0.38rem;font-size: 0.14rem;}
/*!common/components/infoTab/InfoTab.css*/
.sign-up-info-tabs {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    position: -webkit-sticky;
    position: sticky;
    top: 0.45rem;
    z-index: 109;
    border-bottom: 1px solid var(--umu-color-fill-secondary, #eee);
    background-color: var(--umu-color-bg-base, #fff);
    overflow-x: auto;
    max-width: 100vw;
}
.sign-up-info-tabs.in-iframe {
    top: 0;
}
.sign-up-info-tabs-app {
    top: 0rem;
}
.sign-up-info-tabs .info-item-label {
    font-weight: 400;
    padding: 0.16rem 0;
    color: var(--umu-color-text, #222);
    font-size: 0.16rem;
    line-height: 0.2rem;
    cursor: pointer;
    margin-left: 0.24rem;
    margin-right: 0.08rem;
    white-space: nowrap;
}
.sign-up-info-tabs .info-item-active-label {
    font-weight: 600;
    padding-bottom: 0.13rem;
    border-bottom: 3px solid var(--umu-color-primary-border, #fab400);
}

/*!common/components/inputDialog/inputDialog.css*/
.input-dialog {
    text-align: left;
}

.input-dialog .dialog-main {
    min-width: 2.4rem;
    max-width: 5rem;
    width: 3rem;
}

.input-dialog .title {
    font-size: 0.17rem;
    color: #000000;
    text-align: center;
    line-height: 1.4;
    padding: 0.2rem 0.1rem 0;
}

.input-dialog .title-desc {
    font-size: 0.14rem;
    color: #777777;
    line-height: 1.4;
    padding: 0.2rem 0.2rem 0;
}

.input-dialog .info {
    padding: 0.2rem 0.2rem 0;
}

.input-dialog .info .input-text input {
    font-size: 0.16rem;
}

/*.input-dialog .options {
    padding: 20px;
}

.input-dialog .options .btns {
    text-align: right;
}

.input-dialog .options .btn {
    margin-left: 10px;
    color: #fff;
}*/

.input-dialog .amount-input .input-check {
    color: #d50000;
    font-size: 0.12rem;
    padding: 0.05rem 0;
}

/*!common/components/langSwitchScreen/langSwitchScreen.css*/
.lang-switch-list {
    padding: 0 0.15rem;
    border-top: 10px solid var(--umu-color-fill-secondary, #eee);
}

.lang-switch-item {
    color: var(--umu-color-text, #222);
    font-size: 0.17rem;
    line-height: 0.56rem;
    position: relative;
    border-top: 1px solid var(--umu-color-fill-secondary, #eee);
}

.lang-switch-item .is-checked {
    /* float: right; */
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -0.06rem;
}

.lang-switch-item .is-checked:after {
    content: '';
    display: inline-block;
    width: 0.1rem;
    height: 0.05rem;
    border: solid #007AFF;
    border-width: 0 0 3px 3px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin: 0.02rem auto;
}

/*!common/components/likedUsers/likedUsers.css*/
.weikeLikedUsers {
    margin: -0.04rem 0 0.04rem;
}

.likedUsers {
    height: 0.35rem;
    overflow: hidden;
}

.likedUsersWrap {
    max-height: 0.3rem;
}

.likedUsers .likedUser {
    position: relative;
    float: left;
    margin-left: 0.08rem;
    margin-bottom: 0.05rem;
}

.likedUsers .likedUser:first-child {
    margin-left: 0;
}

.likedUsers .likedUser .medal {
    position: absolute;
    top: 0;
    right: -0.1rem;
    z-index: 5;
    background-color: var(--umu-color-primary, #ffbd2a);
}

.likedUser {}

.likedUser .imgAvat {
    width: 0.3rem;
    height: 0.3rem;
    border-radius: 50%;
}

.weikeLikedUsers .weike-like-btn .weike-like-num {
    color: #a0a0a0;
    font-size: 0.2rem;
}

.weikeLikedUsers .weike-like-btn .weike-like-num span {
    font-size: 0.16rem;
    vertical-align: 0.02rem;
}

.weikeLikedUsers .weike-like-btn.active.liked .weike-like-num {
    /*color: var(--umu-color-primary, #ffbd2a);*/
}

.weike-like-btn .weike-info-like {
    width: 0.2rem;
    height: 0.2rem;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(/themes/cn/images/like-grey.png);
}

.weike-like-btn.active .weike-info-like,
.weike-like-btn.liked .weike-info-like {
    background-image: url(/themes/cn/images/like-yellow.png);
}

.weike-like-btn span {
    vertical-align: middle;
}

.avat.weike-like-operation {
    display: table;
    height: 0.3rem;
    margin-right: 0.1rem;
}

.avat.weike-like-operation .weike-like-btn {
    display: table-cell;
    vertical-align: middle;
}

.weikeLikedUsers.weike-main {
    margin: 0 0 0.15rem 0;
}
/*!common/components/listEmpty/listEmpty.css*/
.panda-empty {
    padding: 1.9rem 0.16rem;
    text-align: center;
}

.panda-empty img {
    width: 1.8rem;
    margin-bottom: 0.12rem;
}

.panda-empty .empty-title {
    line-height: 0.25rem;
    font-weight: 400;
    font-size: 0.17rem;
    color: var(--umu-color-text, #222);
}

.panda-empty p.desc {
    margin: 0.06rem auto 0.12rem;
    padding: 0;
    font-size: 0.15rem;
    line-height: 0.23rem;
    color: var(--umu-color-text-secondary, #666);
}

.panda-empty a.btn-primary {
    display: inline-block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    min-width: 3.28rem;
    background: var(--umu-color-primary, #fab400);
    border-radius: 4px;
    font-weight: 600;
    font-size: 0.16rem;
    line-height: 0.24rem;
    padding: 0.08rem;
    outline: none;
    color: #fff;
}
/*!common/components/loginChecker/loginChecker.css*/
.dialog.login-check-dialog {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 1000;
    margin-left: -1.2rem;
    margin-top: -0.9rem;
}


.login-check-dialog .btn_close {
    display: none;
}

/*!common/components/mailInput/mailInput.css*/
/* phone validate */
.mail-wrap{
    position: relative;
    text-align: left;
    font-size: 0.18rem;
}
.mail-wrap .domain-wrap{
    width: 100%;
    position: absolute;
    z-index: 2;
    background: var(--umu-color-bg-base, #fff);
    margin-bottom: 1rem;
}

.mail-wrap .domain-wrap li{
    list-style: none;
    border-bottom: 1px solid #bdbdbd;
    cursor: pointer;
    padding: 0.15rem 0rem;
    /*height: 49px;*/
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/*!common/components/MCheckbox/MCheckbox.css*/
.m-checkbox {
    display: inline-block;
    width: 0.18rem;
    height: 0.18rem;
    border: 2px solid #999;
    position: relative;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.m-checkbox input[type=checkbox] {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    padding: 0;
    margin: 0;
}

.m-checkbox i.icon.icon-checkbox {
    display: none;
    vertical-align: top;
}

.m-checkbox.checked {
    border: none;
}

.m-checkbox.checked i.icon.icon-checkbox {
    display: inline-block;
}
/*!common/components/mediaPlayer/index.css*/
.range-slider{width:100%;height:0.02rem;background:#d9d9d9;position:relative;cursor:pointer}.range-slider .progress-bar{height:0.02rem;display:inline-block;position:absolute;left:0;background:var(--umu-color-primary, #ffbd2b);pointer-events:none;padding-left:0.05rem;padding-right:0.05rem;-moz-box-sizing:border-box;box-sizing:border-box}.range-slider .progress-dragger{-ms-touch-action:none;touch-action:none;width:0.12rem;height:0.12rem;display:inline-block;position:absolute;top:-0.05rem;right:0;border-radius:50%;background:var(--umu-color-primary, #ffbd2b);pointer-events:auto}.audio-player{font-size:0.12rem;padding:0.16rem;display:table;table-layout:fixed;text-align:center;width:100%;-moz-box-sizing:border-box;box-sizing:border-box;background:#fff;border:1px solid #ededed;box-shadow:0 0.01rem 0.02rem 0 rgba(0,0,0,.06);border-radius:4px;color:#757575}.audio-player .player-section{display:table-cell;vertical-align:middle}.audio-player .player-section.player-time{width:0.75rem}.audio-player .player-section.player-progress{padding:0 0.1rem}.audio-player .player-section.player-toggle{width:0.25rem}.audio-player span.icon{display:inline-block;width:0.24rem;height:0.24rem;background-repeat:no-repeat;background-size:contain;cursor:pointer;margin-bottom:-0.01rem}.audio-player span.icon.icon-play{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjYxQjFDNEVGREE3MTExRTg4RjU1OTU2QjIxRURCRTVDIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjYxQjFDNEYwREE3MTExRTg4RjU1OTU2QjIxRURCRTVDIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NjFCMUM0RUREQTcxMTFFODhGNTU5NTZCMjFFREJFNUMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NjFCMUM0RUVEQTcxMTFFODhGNTU5NTZCMjFFREJFNUMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz76D4EzAAACf0lEQVR42tSaT2sTQRjGn2cSPdZD1YMHhV40NamHCr3ZJh9APegH8FIP1j8FL4ItPYj3ph9A9CpI691tEQqKtIcsaQQFBXMQ8ejBCpvXyUpqrLt1N3F3ZgaWbDLD7Pvs8/52/mQpIogqJMNPkasFvHw7jkBKELRRu/KKXOrAcOnFzYMEiFeZBDqPdeBnf1fgPaDusuavWS0Am+dPYve7r89GohtwFUrdZLXRNilAxbb4sfswPviwi8uQYEfWy7fDNDNU4h1YL3/UqXMqWS/cQlHN8kJj254U8sqS8l4Eurc6eGyR1Y1v5lMofZcF7dg85OuOeBMXzadQagfyhTwDByIhb4lXvpUl5Bk6kC3kGUCcL+Q5pNBBkFcuuZVCGUBuwIEYyIccyQ06MBzkBiBOADm4AjW6kARyC1IoAnJ07mjIW2kgt8iBdJBb6MBgkFvswD7Iwet6FbjlkAN/5MukPl5351X7q9wQsDeSy7K8qFxzVMCekPsiS8plAWPYeHbCYQFh1IdcFvCO040PvS9Fp0Inus/OB45CrOdKwhusNZ/0/+qIA9zWg9ls/0DmhgBCz0rVIqpn6uTTIKpJ0eLgn6PAOU77nwA/tpl9Asi2PvQs1F9N9kS1CVKyjsNHxpMGb5ED8ZDaLSABpPYKSAipfQJSQmoRxOGuwzJ4tPS/gs/RgcEhNSugCymxgJnSyqCQmhNArIGFuV/bIs3MLlO0HdIcIc4G0iEc4Be9/jye8K7/tW+T3+oyvniJIFWYR7U0ZSL4MIT4P7rPnYYEm/ps9N+QGtibSPyyh8gj3bzSV9PSlfesf9mj97pN2NibmIIKujx85kzzjQ3z117cPwUYAMOeX8+TikqjAAAAAElFTkSuQmCC")}.audio-player span.icon.icon-pause{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkY0NDJFMjgyREE3MTExRTg4RjU1OTU2QjIxRURCRTVDIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkY0NDJFMjgzREE3MTExRTg4RjU1OTU2QjIxRURCRTVDIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NjFCMUM0RjVEQTcxMTFFODhGNTU5NTZCMjFFREJFNUMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NjFCMUM0RjZEQTcxMTFFODhGNTU5NTZCMjFFREJFNUMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz44Tg4OAAAAlElEQVR42uzawQmAMAyF4VY92VWcwhEEpxQcwSlcpd609t6ChhxC4X+QS2lIv57jU0qu5QzFyTHdgv4916qYv+Vaft+ez/4b4FwneEBQfmAQzlM9tpbLuF8NMA8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAgyWjcX92VeAT9UTk/CucV8a2v27wCDAAdcBFfgZ9ZzQAAAABJRU5ErkJggg==")}.video-player{position:relative}.video-player .icon{width:0.4rem;height:0.4rem;display:inline-block;background-repeat:no-repeat;background-size:contain;z-index:1}.video-player .icon.icon-video-start-play{cursor:pointer;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-image:url("data:image/png;base64,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")}.video-player-popup{top:0;right:0;bottom:0;left:0;position:fixed;background:rgba(0,0,0,.5);z-index:9999}.video-player-popup video{max-width:10.77rem;max-height:6.06rem}.video-player-popup .popup-video-wrapper{position:relative;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.video-player-popup .icon.icon-video-close{width:0.24rem;height:0.24rem;display:inline-block;background-repeat:no-repeat;background-size:contain;cursor:pointer;position:absolute;top:-0.12rem;right:-0.12rem;background-image:url("data:image/png;base64,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")}
/*!common/components/microCourse/questionComment.css*/
/*==问题评论列表==*/
.questionComments {
}
.questionCommentList {
    padding: 0.1rem 0 1.2rem;
}
.questionComment {
    padding: 0.14rem 0 0;
    line-height: 1.5;
    padding-left: 0.16rem;
    padding-right: 0.16rem;
}
.questionCommentWrap {
    position: relative;
}
.questionComment .avat {
    position: absolute;
    top: 0rem;
    left: 0;
}
.questionComment .avat .img {
    width: 0.45rem;
    height: 0.45rem;
    border-radius: 50%;
}
.questionComment .commentTitle {
    padding-left: 0.56rem;
    margin-bottom: 0.13rem;
    height: 0.43rem;
    line-height: 0.2rem;
    display: table;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.questionComment.weikeComment .comment-header {
    display: table;
}
.questionComment.weikeComment .commentTitle {
    padding-left: 0.56rem;
    margin-bottom: 0.13rem;
    height: 0.45rem;
    line-height: 0.2rem;
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 0.3rem;
}

/*分享*/
.questionComment .icon-share {
    position: absolute;
    top: 0rem;
    right: 0;
    background: red;
}

/* */
.questionComment .commentTitle .time {
    display: table-cell;
    vertical-align: middle;
    font-size: 0.15rem;
    color: var(--umu-color-text-tertiary, #999);
    padding-left: 0.1rem;
    white-space: nowrap;
    height: 0.2rem;
    text-align: right;
}
.questionComment .commentTitle .userName {
    display: table-cell;
    vertical-align: middle;
    font-size: 0.17rem;
}
.questionComment .commentTitle .userName .nameWrap {
    display: inline-block;
    vertical-align: middle;
    height: 0.2rem;
    overflow: hidden;
    word-break: break-word; /*white-space:nowrap;text-overflow:ellipsis;*/
}
.questionComment .commentTitle .userName .nameWrap a {
    color: var(--umu-color-text, #333);
}
.questionComment .commentTitle .posterUser {
    font-size: 0.17rem;
    color: var(--umu-color-text, #333);
}
.questionComment .commentTitle .isTeacher {
    color: #ffa726;
}
.questionComment .commentTitle .replyTo {
    color: var(--umu-color-text-tertiary, #999);
}
.questionComment .belongTo {
    color: var(--umu-color-text-secondary, #666);
    height: 0.2rem;
    line-height: 0.2rem;
    margin-top: 0.04rem;
    margin-bottom: -0.02rem;
    height: 0.2rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.questionComment .belongTo a {
    color: #3399cc;
    margin: 0 0.05rem;
}
.questionComment .commentCnt {
    font-size: 0.17rem;
    color: var(--umu-color-text, #333);
    white-space: pre-line;
    line-height: 1.5;
    margin-top: 0.1rem;
    overflow: hidden;
    clear: both;
}
.questionComment .commentCnt strong {
    color: #e55b36;
}
.questionCommentList.weikeCommentList.subcomment-list .commentCnt {
    color: #555;
}

.questionComment .commentOpts {
    margin-top: 0.04rem;
    margin-bottom: 0.04rem;
}
.questionComment .toggleAppreciate {
    float: right;
}
.questionComment .toggleAppreciate .opt {
    display: inline-block;
    vertical-align: middle;
    margin-left: 0.2rem;
}
.questionComment .toggleAppreciate .opt .i {
    vertical-align: -0.09rem;
    margin: 0.05rem 0.06rem 0.05rem 0;
}

.questionComment .toggleAppreciate .opt .i.num{
    margin: 0.05rem 0.12rem 0.05rem 0;
}
.questionComment .toggleAppreciate .opt .btn {
    display: block;
    text-align: center;
    height: 0.36rem;
    line-height: 0.36rem;
    color: var(--umu-color-text-tertiary, #999);
    font-size: 0.16rem;
}
/*.questionComment .toggleAppreciate .opt.active.likeNumber .btn{color: #eb6363;}*/
.questionComment .toggleAppreciate .opt.active.dislikeNumber .btn {
    color: var(--umu-color-text-tertiary, #999);
}

/* */
.questionComment .commentActions {
}
.questionComment .commentActions .opt {
    display: inline-block;
    vertical-align: middle;
}
.questionComment .commentActions .opt .btn {
    display: inline-block;
    height: 0.36rem;
    line-height: 0.36rem;
    color: #64b5f6;
    padding: 0.1rem;
    margin: -0.1rem 0.3rem -0.1rem -0.1rem;
}
.questionComment .replyPoster {
    margin-bottom: 0.1rem;
    position: absolute;
    left: -999.99rem;
    top: -999.99rem;
}
.questionComment .replyPoster.active {
    position: static;
    left: 0;
}
.questionComment .replyPoster .replySubmit {
    float: right;
    margin-left: 0.2rem;
}
.questionComment .replyPoster .replySubmit .btn {
    display: block;
    height: 0.32rem;
    line-height: 0.32rem;
    background: var(--umu-color-primary, #ffbd2b);
    text-align: center;
    color: #fff;
    font-size: 0.16rem;
    padding: 0 0.2rem;
    border-radius: 3px;
}
.questionComment .replyPoster .replyData {
    overflow: hidden;
    border: 1px solid #cccccc;
    padding-right: 0.2rem;
    margin-bottom: 0.05rem;
}
.questionComment .replyPoster .replyData textarea {
    display: block;
    border: 0;
    outline: 0;
    padding: 0.1rem;
    height: 0.64rem;
    margin: 0;
    width: 100%;
    resize: none;
    font-size: 0.18rem;
    line-height: 1.3;
}
.questionComment .replyPoster .userNameSetter {
    margin: 0;
    overflow: hidden;
    /* 以下防止头像等级被裁切 */
    padding-bottom: 0.08rem;
    margin-bottom: -0.08rem;
}
.questionComment .replyPoster .userNameSetter.hasIdentity .userNameWrap {
    padding-left: 0.36rem;
}
.questionComment .replyPoster .userNameSetter .userName {
    height: 0.32rem;
    line-height: 0.32rem;
    padding: 0;
    font-size: 0.15rem;
}
.questionComment .replyPoster .userNameSetter .isAnonymous {
    height: 0.32rem;
    line-height: 0.32rem;
}
.questionComment .replyPoster .userNameSetter .isAnonymous .check-box .option-detail {
    font-size: 0.15rem;
}
.questionComment .replyPoster .userNameSetter.hasIdentity .userNameWrap .avat .img {
    width: 0.28rem;
    height: 0.28rem;
    margin-top: 0.02rem;
}
.questionComment .replyPoster .userNameSetter .userName input {
    padding-top: 0.01rem;
    padding-bottom: 0.01rem;
    height: 0.32rem;
    font-size: 0.15rem;
}

/* */
.questionCommentLoadMore {
}
.questionCommentLoadMore .btn {
    display: block;
    text-align: center;
    height: 0.48rem;
    line-height: 0.48rem;
    font-size: 0.18rem;
    color: var(--umu-color-text-secondary, #666);
}
.questionCommentLoadMore .btn .i {
    display: inline-block;
    vertical-align: middle;
    width: 0.2rem;
    height: 0.2rem;
    margin-left: 0.03rem;
    background: url(/themes/cn/images/toggle/toggle_expand_sub.png) no-repeat center;
    -webkit-background-size: 14px auto;
    background-size: 0.14rem auto;
}

/* */
.questionCommentList .questionComment {
    border-top: 1px solid var(--umu-color-border-secondary, #f5f5f5);
}
.questionCommentList .questionComment:first-child {
    border-top: 0;
}

/*评论子列表*/
.questionComment .toggle-subcomments {
    color: #888;
    text-decoration: none;
    margin-left: -0.15rem;
    cursor: pointer;
    display: inline-block;
    margin-top: 0.15rem;
}
.questionCommentList.weikeCommentList.subcomment-list {
    padding-left: 0.3rem;
    padding-bottom: 0;
    padding-top: 0rem;
    margin-right: -0.1rem;
    padding-right: 0.1rem;
    background-color: #fafafa;
    margin-left: 0.15rem;
    margin-bottom: 0.15rem;
}
.questionCommentList.weikeCommentList.subcomment-list .questionComment {
    padding: 0.14rem 0 0.02rem 0;
}
.questionCommentList.weikeCommentList.subcomment-list .questionComment.weikeComment .commentTitle {
    height: 0.35rem;
    padding-left: 0.46rem;
}
.questionCommentList.weikeCommentList.subcomment-list .questionComment .avat .img {
    width: 0.35rem;
    height: 0.35rem;
}
.questionComment .toggle-subcomments::after {
    content: "";
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: 0.05rem;
    vertical-align: middle;
    display: inline-block;
    width: 0.1rem;
    height: 0.06rem;
    margin-top: -0.02rem;
    background-image: url(/themes/cn/images/toggle/subcomment-toggle-down.png);
}
.questionComment .toggle-subcomments.subcomment-expand::after {
    background-image: url(/themes/cn/images/toggle/subcomment-toggle-up.png);
}
.questionComment .toggle-subcomments.subcomment-more::after,
.questionComment .toggle-subcomments.subcomment-loading::after {
    background-image: none;
}

/*todo loading circle*/
.questionComment .toggle-subcomments.subcomment-loading::before {
    content: "";
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: 0.05rem;
    vertical-align: middle;
    display: inline-block;
    width: 0.16rem;
    height: 0.16rem;
    margin-top: -0.02rem;
    margin-right: 0.02rem;
    background-image: url(/themes/cn/images/subcomment-loading.gif);
}
.questionComment.weikeComment .commentTitle .time {
    display: block;
    text-align: left;
    padding-left: 0;
}
.questionComment.weikeComment .commentTitle .userName {
    display: block;
}

/*评论列表*/
.questionCommentList .list-item {
    border-top: 1px solid var(--umu-color-border-secondary, #f5f5f5);
}
.questionCommentList.subcomment-list .list-item {
    border-top: 0;
}
.questionCommentList .list-item:first-child {
    border-top: 0;
}
.questionCommentList .weikeComment .userName .nameWrap {
    margin-right: 0.05rem;
}

.questionCommentList .weikeComment .userName .replyTo {
    margin-right: 0.05rem;
}
.questionCommentList .questionComment .replyPoster .replyData {
    padding-right: 0;
    border: 0;
}
.questionCommentList .questionComment .replyPoster .replyData .textarea {
    overflow: hidden;
    border: 1px solid #cccccc;
}
.questionCommentList .questionComment .replyPoster .replyData textarea {
    height: 0.84rem;
}

/*图文评论*/
.picture-comment-wrapper .picture-comment-img {
    display: block;
    margin: 0.15rem 0;
    max-width: 2.2rem;
    border: 1px solid var(--umu-color-fill-secondary, #eee);
}

/*富文本评论区域*/
.rich-comment-wrapper .rich-comment-content p {
    font-size: 0.17rem;
    line-height: 0.26rem;
    color: var(--umu-color-text, #222);
    min-height: 0.26rem;
}

.rich-comment-wrapper .rich-comment-content blockquote {
    border-left: 2px solid var(--umu-color-primary-border, #ffbd2b);
    color: #757575;
    font-size: 0.15rem;
    line-height: 0.22rem;
    padding-left: 0.16rem;
    margin: 0.1rem 0;
}

/* 为了最佳笔记里也能用，这里就不加前缀了 */
.picture-comment-img-holder {
    color: var(--umu-color-text-tertiary, #999);
    margin-left: 0.05rem;
}

.picture-comment-wrapper .toggle-comment-full {
    color: #888;
    font-size: 0.16rem;
    display: inline-block;
    margin-top: 0.1rem;
}

/*词云列表*/
.questionCommentTags {
    height: 0.52rem;
    overflow: hidden;
    margin: 0.1rem 0.16rem 0.1rem;
}
.questionCommentTagsWrap {
    margin-right: -0.08rem;
}
.questionCommentTag {
    display: inline-block;
    vertical-align: middle;
    margin: 0.1rem 0.05rem 0.1rem 0;
    height: 0.32rem;
    line-height: 0.32rem;
    color: #fff;
    padding: 0 0.09rem;
    font-size: 0.16rem;
    white-space: nowrap;
    border-radius: 1px;
    background: #e45c35;
    border-radius: 3px;
}
.questionCommentTag.c0 {
    color: #e55b36;
    background: rgba(229, 91, 54, 0.1);
}
.questionCommentTag.c1 {
    color: #0fabdf;
    background: rgba(15, 171, 223, 0.1);
}
.questionCommentTag.c2 {
    color: #7f53b6;
    background: rgba(127, 83, 182, 0.1);
}
.questionCommentTag.c3 {
    color: #05a78a;
    background: rgba(5, 167, 138, 0.1);
}
.questionCommentTag.c4 {
    color: #e8a910;
    background: rgba(232, 169, 16, 0.1);
}
.questionCommentTag.c5 {
    color: #e53685;
    background: rgba(229, 54, 133, 0.1);
}
.questionCommentTag.c6 {
    color: #168be8;
    background: rgba(22, 139, 232, 0.1);
}
.questionCommentTag.c7 {
    color: #bc4ca8;
    background: rgba(188, 76, 168, 0.1);
}
.questionCommentTag.c8 {
    color: #29bebf;
    background: rgba(41, 190, 191, 0.1);
}
.questionCommentTag.c9 {
    color: #4f6596;
    background: rgba(79, 101, 150, 0.1);
}

/* */
.tag-cloud-wrapper {
    background: var(--umu-color-bg-base, #fff);
    overflow: hidden;
}
.weikeBlock.weikeComments {
    margin-top: -0.03rem !important;
    padding-top: 0;
}

/*评论tab区*/
.questionCommentTabs {
    padding: 0 0.16rem;
    background: #fafafa;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}
.questionCommentTabs .tabTs {
}
.questionCommentTabs .tab,
.questionCommentTabs .tabT {
    float: left;
}

@media screen and (max-width: 340px) {
    .locale-jp .questionCommentTabs .tab,
    .locale-jp .questionCommentTabs .tabT:first-child {

    }
}

.questionCommentTabs .tab .btn,
.questionCommentTabs .tabT .btn {
    display: block;
    font-size: 0.17rem;
    color: #777;
    padding: 0rem 0.1rem;
    line-height: 0.5rem;
    height: 0.5rem;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


.locale-en .questionCommentTabs .tab .btn,
.locale-en .questionCommentTabs .tabT .btn {
    display: block;
    font-size: 0.16rem;
    color: #777;
    padding: 0rem 0.1rem;
    line-height: 0.5rem;
    height: 0.5rem;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


.questionCommentTabs .tab.active .btn,
.questionCommentTabs .tabT.active .btn {
    margin-bottom: -0.01rem;
    color: #64b5f6;
    border-bottom: 2px solid #64b5f6;
}
.questionCommentTabs .tabT_game {
    float: right;
    margin-top: 0.07rem;
}
.questionCommentTabs .tabT_game .btn {
    padding: 0.04rem 0.1rem;
    color: var(--umu-color-primary, #ffbd2b);
    border: 1px solid var(--umu-color-primary-border, #ffbd2b);
    border-radius: 999px;
    height: 0.36rem;
    line-height: 0.27rem;
}

.game-avaliable-entry {
    float: right;
    margin-top: 0.09rem;
    margin-right: 0.16rem;
}
.game-avaliable-entry .btn {
    display: block;
    font-size: 0.17rem;
    padding: 0.04rem 0.1rem;
    color: var(--umu-color-primary, #ffbd2b);
    border: 1px solid var(--umu-color-primary-border, #ffbd2b);
    border-radius: 999px;
    height: 0.24rem;
    line-height: 0.26rem;
}

/* 新消息提示 */
.newCommentTip {
	width: 100%;
	display: none;
}
.newCommentTip.active {
	display: block;
}

.newCommentTip .wrap {
    height: 0rem;
    line-height: 0.48rem;
    background: var(--umu-color-primary, #ffbd2b);
    box-shadow: 0 0 0.06rem 0 rgba(0, 0, 0, 0.12);
    color: #fff;
    font-size: 0.16rem;
    padding: 0 0.16rem;
}

.newCommentTip.active .wrap {
	height: 0.48rem;
}
/* animation */
.newCommentTip .wrap {
    transition: height 0.4s;
}

/* 空白评论区 */
.sessionNoComment {
    padding: 1rem 0;
    text-align: center;
    height: 0.36rem;
    line-height: 0.18rem;
    color: #aaa;
}

/* 显示用户评论及回复时的提示 */
.questionUserCommentTip {
    background: #fff6dc;
    padding: 0.08rem 0.16rem;
    display: none;
}
.questionUserCommentTip .cnt {
    font-size: 0.16rem;
    color: var(--umu-color-text, #333);
    line-height: 1.4;
}
.questionUserCommentTip .cnt a {
    color: #2983ce;
}

/*!common/components/microCourse/weikeComment.css*/
/*评论区*/
.weikeComments{}
.weikeComments .weike-title-wrapper{width:100%;}
.weikeComments .h4{height:0.54rem;line-height:0.54rem;background:#f5f5f5;border-bottom:1px solid #e55b36;font-size:0.18rem;color:#000;padding:0 0.16rem;margin-bottom:0.16rem;}
.weikeCommentPoster{padding:0.15rem 0.16rem 0;    /*background-color: #fafafa;*/}
.weikeCommentPoster .commentData .textarea{border:1px solid #e5e5e5;border-radius:3px;}
.weikeCommentPoster .commentData textarea{display:block;border:0;outline:0;padding:0.1rem;height:1.4rem;margin:0;width:100%;resize:none;font-size:0.16rem;line-height:1.3;border-radius:3px;-webkit-background-clip:padding-box;}
.weikeCommentPoster .submit{margin-top:0.08rem;}
.weikeCommentPoster .submit .btn{}
.weikeCommentPoster.isGuest{padding-bottom:0;}
.weikeCommentList{}

/*词云列表*/
.weikeCommentTags{}

/*评论tab区*/
.weikeCommentTabs{}
.weike-session-comment{padding:0;}
.tab-content{background:var(--umu-color-fill-secondary, #eee);}
.weike-tabwrapper.is-ranking{background:var(--umu-color-fill-secondary, #eee);}
.weikeBlock.weikeComments,
.weikeBlock.weike-details{margin-top:0.15rem;background:#fff;}
.weikeBlock.weikeRanking{margin-bottom:-0.15rem;}
.weikeBlock.weikeRanking .list-panel .list-no-data{padding:0.8rem 0;text-align:center;color:#999;}
.weikeTabs{background-color:var(--umu-color-fill-secondary, #eee);border-bottom:1px solid #e8e8e8;border-top:1px solid #e8e8e8;position:relative;z-index:1;}
.weikeTabs .tabs.theme-default{border:0;}
.weikeBlock.weikeComments .tag-cloud-wrapper{margin-top: -0.2rem;}


.locale-jp .weikeTabs .tabT a{font-size:0.14rem;}


/*提交笔记按钮*/
.opts.post-comment{padding:0.15rem 0 0.15rem 0;}
.opts.post-comment .weike-title-wrapper .weike-detail-wrapper,
.opts.post-comment .weike-title-wrapper .post-comment-tip-wrapper{text-align:center;vertical-align:middle;}
.opts.post-comment .weike-title-wrapper .post-comment-tip{color:#999;margin-top:0.07rem;font-size:0.11rem;}
.opts.post-comment .btn.yellow-btn{padding:0.03rem;border-radius:3px;background-color:var(--umu-color-primary, #ffbd2a);color:#fff;min-width:0.7rem;display:inline-block;text-align:center;border:1px solid var(--umu-color-primary-border, #ffbd2a);white-space:nowrap;}
.opts.post-comment .btn.yellow-btn{width:1.6rem;height:0.36rem;font-size:0.17rem;line-height:0.36rem;padding:0;padding-top:0.02rem;}
/*!common/components/microCourse/weikeReview.css*/
/*点评区*/

.weikeReview {
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.8);
    z-index: 130;
    position: fixed;
    overflow-y: auto;
    overflow-x: hidden;
}

.weikeReviewCard {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 0;
    text-align: center;
    font-size: 0.14rem;
    color: #FFF;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.weikeReviewCard .banner {
    text-align: center;
}

.weikeReviewCard .icon-review {
    width: 1.03rem;
    height: 0.77rem;
}

.weikeReview .ans {
    padding: 0.1rem 0.1rem 0rem;
    margin-bottom: 0.05rem;
    font-size: 0.18rem;
    line-height: 1.5;
}

.weikeReview .reviewLevels {
    line-height: 4.1;
    text-align: center;
    height: 0.6rem;
}

.weikeReview .reviewLabel {
    margin: 0.1rem 0;
    width: 80%;
    max-width: 4.8rem;
    margin: 0rem auto 0.1rem;
    height: 0.21rem;
}

.weikeReview .reviewLevel {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0.03rem;
}

.weikeReview .reviewOpts {
    margin: auto;
    width: 80%;
    max-width: 4.8rem;
    margin-top: 0.2rem;
}

.reviewCancelCounter {
    max-width: 4.8rem;
    width: 80%;
    margin: 0.3rem auto
}

.reviewResult,
.reviewCounterDown {
    font-size: 0.18rem;
}

.reviewExtend .textarea textarea {
    width: 80%;
    max-width: 4.8rem;
    margin: 0 auto;
}

.weikeReview .reviewOpts .btn {}

.weikeReview .reviewLevel.active .i {
    -webkit-animation: likebeat .2s linear 0s 1 normal;
    animation: likebeat .2s linear 0s 1 normal;
}

.weikeReview .weikeReviewCard.can-scroll {
    top: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    padding: 0.2rem 0;
}


.weike-review-close {
    position: absolute;
    top: 0.05rem;
    right: 0.1rem;
    font-size: 0.26rem;
    font-weight: 400;
    color: #AAA;
    width: 0.3rem;
    text-align: center;
    z-index: 130;
}

.weike-review-close:before {
    content: '\00D7';
}


.iWeike {
    /*NOTE: 因为评价浮层图片加载延时时感觉很明显，所以转成 base64 */
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAZAAAAJYCAMAAAB7MkC6AAABj1BMVEUAAADYy7r///+ZmZn////Pz8+wsLCZmZnz8/OZmZmZmZmZmZny8vL////k5OSZmZmZmZn////l5eX///////+ZmZmZmZmZmZn///+ZmZmZmZnl5eXl5eX/vSv///+ZmZmZmZn///+ZmZn/////////////////vSvl5eX////Ozs7Ozs7////////////////l5eXl5eXl5eX////l5eX/vSv///////+ZmZn/////////////oFL/fXr///////+ZmZn////09PT/fXrOzs6ZmZn/////fXr/fXrl5eXl5eXOzs7/vSvl5eXl5eXOzs7/vSvZ2dn/vSv/fXqZmZn///+ZmZn/fXrOzs6ZmZn/fXr/fXrl5eXOzs7/vSv/vSv/vSvOzs6ZmZnOzs7/fXr/nlT/fXrOzs7/vSvOzs7/vSv/vSv/vSvOzs7/fXr/fXrl5eXl5eXl5eXOzs7/fXr/fXr/vSv///+ZmZnl5eXOzs7/vStmZmb/fXqNjY16enqsrKzb29u+vr6Hh4dtbW01ZpboAAAAd3RSTlMAB/k/QAwE8RHk1SIa8iEtd5Lt1KkYqVu2f8KNVebJtpF2l3rjTiH28ujka1goguzh2KWef2rZwEgua0gf8oldTjs2NvjLl4jlzMSwe3RhRDk2KaGe39rY0YpcxPrw0cOniGxXQhMtw7KekVlFMLRrt62EeE53TDBSDpYAABOxSURBVHja7MGBAAAAAICg/akXqQIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGbPDloah6IwDH8NY3HjQnDRjYJMFSq2XXRlJ23RLJK1pQSSpW03YrupHFDOfx+NYVLbtLm5Rphhvmd1SbI6L7kJXCIiIiIiIiIiIiIiIiL6+9WiRaAajj2s8caharCIatjrYNRoiUx6t1hz25uItBqjA5CFKNDUwkXKXWgqiLDHdUtSjTZS7YakWteg0nzNDKK00UAzPnY6lowzQmLkSOYYZNEjjGaA6/+Z/sfKBWZR+L4q6pHq4E1HRFjE3kpVx/jgJdNPG3n4MFbVFXJdyIYhMJQNF6AygrRHNv3lUjevBchTn8imfl82Teogc5FqUMPnIp97oBaoRshxLVscR7bww24kC7DEuljfxFi3TAJt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') no-repeat;
    -webkit-background-size: 200px auto;
    background-size: 2rem auto;
    display: inline-block;
    vertical-align: middle;
}

.active .iWeike_star {
    background-position: -0.4rem -0.7rem;
}

.iWeike_star {
    background-position: 0 -0.7rem;
    width: 0.4rem;
    height: 0.4rem;
}

/*!common/components/miniProgramBar/miniProgramBar.css*/
.mini-app-bar {
    z-index: 150;
    position: fixed;
    top: 0;
    font-size: 0.17rem;
    line-height: 1.5;
    color: #fff;
    background: var(--umu-color-primary, #ffbd2b);
    width: 100%;
    height: 0.5rem;
    line-height: 0.5rem;
    text-align: center;
}

.mini-app-plachholder {
    height: 0.5rem;
    width: 100%;
}
/*!common/components/notePicShare/notePicShare.css*/
.note-pic-share {
    margin: 0.15rem;
}

.note-pic-share .page-loading {
     padding: 45% 0 0.3rem 0; 
}

.note-pic-share .note-pic-share-tip {
    font-size: 0.16rem;
    color: #757575;
    margin-bottom: 0.15rem;
}

.note-pic-share .pic-generating{
    color: var(--umu-color-text-tertiary, #999);
}

.note-pic-share .note-pic-share-frame {
    text-align: center;
}

.note-pic-share .note-pic-share-frame img {
    max-width: 100%;
    box-shadow: 0.01rem 0.04rem 0.1rem #e8e8e8;
}

.note-pic-share .note-pic-share-frame img.umu-img-default,
.note-pic-share .note-pic-share-frame img.umu-img-error {
    box-shadow: none;
    width: 1.5rem;
    margin-top: 45%;
}
/*!common/components/pagePanel/pagePanel.css*/
/* 本组件显示式隐藏页面的滚动条 */

.page-panel {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    /* 微课评价层为130，这里要在它上面，所以131 */
    z-index: 131;
    background: var(--umu-color-bg-base, #fff);
    overflow-y: auto;
    /* -webkit-overflow-scrolling: touch; */
    visibility: visible;
}

.page-panel .page-panel-content {
    background: var(--umu-color-bg-layout, #f5f5f5);
    /* position: relative; */
    min-height: 100%;
}

@media screen and (min-width: 1024px) {
    .page-panel-content {
        max-width: 6.98rem;
        margin: 0 auto;
        border-left: 1px solid #dcddde;
        border-right: 1px solid #dcddde;
    }
    .page-panel .page-panel-header {
        max-width: 6.98rem;
    }
}

.page-panel .page-panel-header {
    padding: 0.15rem;
    background: var(--umu-color-bg-base, #fff);
    text-align: center;
    border-bottom: 1px solid #dcdedd;
    box-shadow: 0rem 0.03rem 0.03rem -0.03rem #e8e8e8;
    position: fixed;
    width: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 1;
}

.page-panel .page-panel-body {
    padding-top: 0.58rem;
    -webkit-overflow-scroll:touch;
}

.page-panel .page-panel-header .header-action-center {
    display: inline-block;
    line-height: 0.49rem;
    margin: 0 auto;
}

.page-panel .configurable-header .left-section .umu-btn {
    padding-left: 0.15rem;
}

.page-panel .configurable-header .right-section .umu-btn {
    padding-right: 0.15rem;
}
/*!common/components/passwordConfirm/passwordConfirm.css*/

/*!common/components/passwordInput/passwordInput.css*/
/* phone validate */
.password-wrap {
    position: relative;
}
.password-wrap .umu-input {
    padding: 0.06rem 0.43rem 0.06rem 0;
}

.password-wrap .icon.icon-password-switch {
    width: 0.2rem;
    height: 0.2rem;
}

.password-wrap .toggle-visible-wrap {
    display: inline-block;
    position: absolute;
    right: 0rem;
    top: 0rem;
    padding: 0.1rem;
}

/*!common/components/pay/pay.css*/
.pay-qr-dialog {
}

.pay-qr-dialog .dialog-body {
    padding: 0.2rem;
}

.pay-qr-dialog .pay-qr-code-desc {
    font-size: 0.18rem;
    color: var(--umu-color-text, #222);
    line-height: 1.5;
    text-align: center;
}

.pay-qr-dialog .pay-qr-code {
    width: 2.38rem;
    height: 2.38rem;
    padding: 0.1rem;
    margin: 0.2rem auto;
    border: 1px solid  #c0c0c0;
    position: relative;
}

.pay-qr-dialog .pay-qr-code img {
    position: relative;
    z-index: 1;
}

.pay-qr-dialog .pay-qr-code:before,
.pay-qr-dialog .pay-qr-code:after {
    content: '';
    position: absolute;
    background: var(--umu-color-bg-base, #fff);
}

.pay-qr-dialog .pay-qr-code:before {
    top: -0.01rem;
    bottom: -0.01rem;
    left: 0.45rem;
    right: 0.45rem;
}

.pay-qr-dialog .pay-qr-code:after {
    left: -0.01rem;
    right: -0.01rem;
    top: 0.45rem;
    bottom: 0.45rem;
}

/* */
.pay-qr-dialog .pay-qr-code .re-try {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 11;
    background: rgba(255, 255, 255, .9);
    display: table;
    height: 100%;
    vertical-align: middle;
}

.pay-qr-dialog .pay-qr-code .re-try .opt {
    display: table-cell;
    padding: 0.2rem;
    vertical-align: middle;
    text-align: center;
    line-height: 1.5;
    font-size: 0.14rem;
    color: #616161;
}

/* pay */
.pay-channel-dialog {
    text-align: left;
}

.pay-channel-dialog .channel-header {
    min-height: 0.4rem;
    line-height: 0.24rem;
}

.pay-channel-dialog .channel-header .pay-title {
    padding: 0.3rem 0.4rem 0.05rem 0.2rem;
    font-size: 0.18rem;
    color: #000;
}

.pay-channel-dialog .channel-header .pay-desc {
    padding: 0 0.2rem;
    font-size: 0.16rem;
    color: #535353;
}

.pay-channel-dialog .channel-header .pay-desc em {
    color: #f44336;
}

.pay-channel-dialog .pay-channels {
    padding: 0rem 0 0.1rem;
}

.pay-channel-dialog .pay-channel {
    margin: 0.2rem;
    border: 1px solid #cccccc;
    border-radius: 2px;
    font-size: 0.18rem;
    color: var(--umu-color-text, #333);
    height: 0.42rem;
    line-height: 0.42rem;
    cursor: pointer;
}

.pay-channel-dialog .pay-channel:before {
    content: '';
    display: inline-block;
    vertical-align: -0.06rem;
    width: 0.35rem;
    height: 0.25rem;
    margin: 0 0.1rem;
    background: url(/themes/cn/images/icon/pay.png) no-repeat;
    -webkit-background-size: 100px auto;
    background-size: 1rem auto;
}
.pay-channel-dialog .pay-channel.paypal {
    background-color: #019BE1;
    border-radius: 2px;
    position: relative;
}
.pay-channel-dialog .pay-channel.paypal:before {
    width: 100%;
    height: 0.2rem;
    background: url(/themes/cn/images/icon/paypal-channel.png) no-repeat;
    background-position-x: 0.65rem;
    background-size: contain;
    vertical-align: -0.04rem;
    position: absolute;
    top: 0.1rem;
}

.pay-channel-dialog .pay-channel.wx_pb:before,
.pay-channel-dialog .pay-channel.wx_pb_qr:before {
    background-position: 0 0;
}

.pay-channel-dialog .pay-channel.alipay_wap:before {
    background-position: -0.35rem 0;
}


.pay-qr-couse-mini-app .dialog-main{
    padding:0.4rem 0.2rem;
    border-radius: 4px;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;

}
.pay-qr-couse-mini-app .dialog-body .pay-qr-code{
    padding:0 0.1rem;
    margin:0 auto 0.24rem;
    width:2rem;
    height:2rem;
}
.pay-qr-couse-mini-app .dialog-body .pay-qr-code-desc{
    padding:0 0.1rem;
    text-align: center;
    font-size: 0.16rem;
    font-style: normal;
    font-weight: 400;
    line-height: 0.24rem;
}
.pay-qr-couse-mini-app .dialog-body .pay-qr-code-desc .tip{
    margin-bottom:0.08rem;
}
.pay-qr-couse-mini-app .dialog-body .pay-qr-code-desc em{
    color:#ff860c;
}
.pay-qr-couse-mini-app .dialog-body button{
    font-size: 0.16rem;
    margin-top:0.4rem;
    font-weight: 500;
    line-height: 0.24rem;
    height: 0.4rem;
    padding: 0.04rem;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: none;
    color:#ffffff;

    border-radius: 4px;
    background: var(--umu-color-primary, #fab400);
    width:100%;
}

.pay-info .btn-primary {
    background-color: var(--umu-color-primary, #fab400);
    color: #FFF;
}
/*!common/components/phoneInput/phoneInput.css*/
/* phone validate */
.phone-input {
}

.phone-input .formRow {
    position: relative;
    margin: 0.16rem 0 0 0;
}
.phone-input .formRowLabel {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 0.17rem;
    color: #000;
    line-height: 0.42rem;
}
.phone-input .formRowMain {
}

.phone-input .countryCodeSelector {
    position: relative;
    width: 0.85rem;
    z-index: 9;
    text-align: left;
}
.phone-input .formRow.countryCodeSelect {
    margin-bottom: -0.57rem !important;
}

.phone-input .countryCodeSelector .current {
    height: 0.41rem;
    line-height: 0.41rem;
}

.phone-input .countryCodeSelector .current .countryCode {
    display: inline-block;
    vertical-align: middle;
    font-size: 0.17rem;
    color: var(--umu-color-text, #333);
    position: relative;
    height: 0.28rem;
    margin: 0.07rem 0;
    line-height: 0.26rem;
    border-right: 1px solid var(--umu-color-border, #e0e0e0);
    padding: 0 0.1rem;
    margin-right: -0.2rem;
}
.phone-input .countryCodeSelector .current .countryCode:before {
    content: '+';
}

.phone-input .countryCodeList {
    overflow-y: scroll;
    height: 2rem;
    background: var(--umu-color-bg-base, #fff);
    width: 100%;
    display: none;
    position: absolute;
    top: 0.4rem;
    left: 0;
    right: 0;
    border: 1px solid #ccc;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 0px;
    margin-bottom: -0.01rem;
    -webkit-overflow-scrolling: touch;
}
.phone-input .countryCodeOption {
    padding: 0.06rem 0.14rem 0.06rem 0.2rem;
    position: relative;
}
.phone-input .countryCodeOption.active {
    background: var(--umu-color-fill-secondary, #eee);
}

.phone-input .countryCodeOption .countryName {
    color: var(--umu-color-text, #333);
    margin-right: 0.05rem;
}
.phone-input .countryCodeOption .countryCodeData {
    color: #737373;
}

.phone-input .phoneNumber {
    position: relative;
    z-index: 8;
}
.phone-input .phoneNumber input {
    padding-left: 1.05rem;
    border: none;
    border-bottom: 1px solid var(--umu-color-border, #e0e0e0);
    border-radius: 0;
    padding-right: 0;
    height: 0.41rem;
}
.phone-input .phoneNumber input:focus {
    outline: none;
    box-shadow: none;
    border-bottom: 1px solid #1E6EE6;
}

.phone-input .validateCode .request {
    float: right;
    margin-left: 0.1rem;
}
.phone-input .validateCode .request .btn {
    display: block;
    height: 0.42rem;
    min-width: 1rem;
    line-height: 0.42rem;
    padding: 0 0.1rem;
    text-align: center;
    background: #e6e6e8;
    border-radius: 3px;
    font-size: 0.17rem;
    color: var(--umu-color-text-tertiary, #999);
}
.phone-input .validateCode .request .btn.active {
    background: #67b8de;
    border-color: #67b8de;
    color: #fff;
}
.phone-input .validateCode .request .btn.counting {
    background: #bbbdbf;
    border-color: #bbbdbf;
    color: #fff;
}
.phone-input .validateCode .data {
    overflow: hidden;
}

.phone-input .countryCodeSelector.active {
    width: auto;
}
.phone-input .countryCodeSelector.active .countryCodeList {
    display: block;
}

.countryCodeSelector.active .current:before {
    content: '';
    position: fixed;
    width: 100%;
    height: 1000%;
    left: 0;
    top: -300%;
}

.countryCodeSelector.active .current:before {
    content: '';
    position: fixed;
    width: 100%;
    height: 1000%;
    left: 0;
    top: -300%;
}

/*!common/components/phoneValidate/phone_validate.css*/
/* phone validate */
.phoneValidate{}

.phoneValidate .formRow{position:relative;padding-left:0.6rem;margin:0.16rem;}
.phoneValidate .formRowLabel{position:absolute;top:0;left:0;font-size:0.17rem;color:#000;line-height:0.42rem;}
.phoneValidate .formRowMain{}


.phoneValidate .countryCodeSelector{position:relative;width:1.1rem;z-index:9;text-align: left;}
.phoneValidate .formRow.countryCodeSelect{margin-bottom:-0.58rem!important;}

.phoneValidate .countryCodeSelector .flag{display:inline-block;vertical-align:middle;width:0.16rem;height:0.11rem;background:url(/themes/cn/images/country_flag.png) no-repeat;}

.phoneValidate .countryCodeSelector .current{height:0.42rem;line-height: 0.42rem;}
.phoneValidate .countryCodeSelector .current .flag{margin-left: 0.15rem;margin-right: 0.2rem;position: relative;vertical-align: 0;}
.phoneValidate .countryCodeSelector .current .flag:after{content:'';display: inline-block;vertical-align: middle;margin-left: 0.1rem;width: 0;height: 0;border: 3px solid transparent;border-top-color:#2a5caf;position: absolute;right: -0.14rem;top: 0.04rem;}
.phoneValidate .countryCodeSelector .current .countryCode{display: inline-block;vertical-align: middle;font-size: 0.17rem;color: var(--umu-color-text, #333);position: relative;height: 0.28rem;
    padding: 0.07rem 0;
    line-height: 0.26rem;}
.phoneValidate .countryCodeSelector .current .countryCode:before{content: '+';}

.phoneValidate .countryCodeList{overflow-y:scroll;height:2rem;background:#FFF;width:100%;display:none;position:absolute;bottom: 0.42rem;left: 0;right: 0;border: 1px solid #ccc;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border-radius: 3px;margin-bottom: -0.01rem;}
.phoneValidate .countryCodeOption{padding: 0.06rem 0.14rem 0.06rem 0.4rem;position: relative;}
.phoneValidate .countryCodeOption.active{background: var(--umu-color-fill-secondary, #eee);}
.phoneValidate .countryCodeOption .flag{position: absolute;left: 0.14rem;top: 0.08rem;}
.phoneValidate .countryCodeOption .countryName{color:#333;margin-right:0.05rem;}
.phoneValidate .countryCodeOption .countryCodeData{color: #737373;}


.phoneValidate .phoneNumber{position:relative;z-index:8;}
.phoneValidate .phoneNumber input{padding-left:1.1rem;}

.phoneValidate .validateCode .request{float:right;margin-left:0.1rem;}
.phoneValidate .validateCode .request .btn{display:block;height:0.42rem;min-width:1rem;line-height:0.42rem;padding:0 0.1rem;text-align:center;background:#e6e6e8;border-radius:3px;font-size:0.17rem;color:#999999;}
.phoneValidate .validateCode .request .btn.active{background:#67b8de;border-color:#67b8de;color:#FFF;}
.phoneValidate .validateCode .request .btn.counting{background:#bbbdbf;border-color:#bbbdbf;color:#FFF;}
.phoneValidate .validateCode .data{overflow:hidden;}

.phoneValidate .countryCodeSelector.active{width:auto;}
.phoneValidate .countryCodeSelector.active .countryCodeList{display:block;}

.countryCodeSelector.active .current:before{content:'';position:fixed;width:100%;height:1000%;left:0;top:-300%;}



.locale-en .phoneValidate .formRow{padding-left: 0;}
.locale-en .phoneValidate .formRowLabel{position: static;line-height: 0.24rem;text-align: left;}

.locale-en .phoneValidate .formRow.countryCodeSelect{margin-bottom: -0.82rem !important;    margin-top: 0.4rem!important;}


.locale-jp .phoneValidate .formRow{padding-left: 0;}
.locale-jp .phoneValidate .formRowLabel{position: static;line-height: 0.24rem;text-align: left;}
.locale-jp .phoneValidate .formRow.countryCodeSelect{margin-bottom: -0.82rem !important;    margin-top: 0.4rem!important;}



/*!common/components/phoneVerification/phoneVerification.css*/
.umu-form.phone-verification{
    text-align: center;
}
.phone-verification .verify-code-input {
    text-align: center;
    border-bottom: 0;
    line-height: 0.4rem;
    font-size: 0.23rem;
    color: var(--umu-color-text, #222);
    border-bottom: 1px solid #bdbdbd;
    width: 1.25rem;
    margin: 0 auto;
    display: inherit;
    padding-bottom: 0;
}

.phone-verification .verify-code-input:focus{
    border-bottom: 1px solid #1E6EE6;
}
.phone-verification .umu-form-row.verify-info {
    margin-top: 0.15rem;
}
/*!common/components/questionSection/question.css*/
section.question {
    display: block;
}

/*==separator 不能用伪元素==*/
.queWrap > .questionSeparator:first-child {
    margin-top: 0;
    padding-top: 0.16rem;
}
.questionSeparator {
    width: 100%;
    margin: 0.16rem 0;
    line-height: 0.2rem;
    display: table;
}
.questionSeparator .simditor {
    margin-bottom: -0.1rem;
}
.questionSeparator .separatorIcon {
    display: table-cell;
    vertical-align: top;
    width: 0.2rem;
    height: 0.2rem;
}
.questionSeparator .separatorIcon .icon {
    display: inline-block;
    vertical-align: top;
    width: 0.05rem;
    height: 0.15rem;
    margin-top: 0.02rem;
    background: var(--umu-color-primary, #ffb91f);
}
.questionSeparator .separatorContent {
    display: table-cell;
    vertical-align: middle;
    min-height: 0.2rem;
    /*padding-right: 20px;*/
    font-size: 0.16rem;
    color: #616161;
    white-space: pre-line;
}

/*==问题title==*/
.questionTitle {
    line-height: 0.24rem;
    padding: 0.12rem 0.3rem;
    position: relative;
    background: var(--umu-color-bg-layout, #f5f5f5);
    border-bottom-width: 1px;
    border-bottom-style: solid;
    font-size: 0.17rem;
}
.questionTitle .maskHelp,
.questionTitle .showMore {
    margin-bottom: -0.22rem;
    padding-bottom: 0.22rem;
}
.questionTitle .title {
    /* 兼容IE*/
    white-space: pre-line;
    /* https://app.asana.com/0/357313196454880/1201889751580568/f */
    white-space: break-spaces;
}
.questionTitle .num {
    color: #e55b36;
}
.questionTitle .btn {
    position: absolute;
    width: 0.3rem;
    top: 0.12rem;
    bottom: 0.12rem;
    opacity: 0.5;
}
.questionTitle .btn .i {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -0.1rem 0 0 -0.1rem;
}
.questionTitle .btn:active {
    opacity: 1;
}
.questionTitle .btn_prev {
    left: 0;
}
.questionTitle .btn_next {
    right: 0;
}

/* */
.questionTitle .question-title-image {
}
.questionTitle .question-title-image .img {
    display: inline-block;
    vertical-align: top;
    margin-top: 0.05rem;
    max-width: 100%;
}
.questionTitle .question-title-image .img img {
    max-width: 100%;
    width: auto;
    max-height: 6.2rem;
    height: auto;
}

.questionTitle .question-title-media {
    width: 100%;
    text-align: center;
    margin-top: 0.12rem;
}

.locale-jp .questionTitle .question-title-media .audio-player .player-section.player-time {
    width: 1.05rem;
}
.questionTitle .question-title-media .video-player {
    width: 100%;
    background: #000;
}
.questionTitle .question-title-media .video-player video {
    max-width: 100%;
}
.questionTitle .question-title-media .audio-player {
    line-height: normal;
}

.questionTitle.onlyone {
    padding: 0.12rem 0.16rem;
}
.questionTitle.onlyone .btn {
    display: none;
}
.questionTitle .titleTypeDesc {
    color: #aaa;
}

.discuss .questionTitle {
    font-size: 0.19rem;
}
.qa .questionTitle {
    font-size: 0.19rem;
}
.ask .questionTitle {
    font-size: 0.19rem;
}

/*顶部 session 结果区*/
.question-section-analyser {
    text-align: center;
    padding: 0.3rem 0.16rem 0.3rem 0.16rem;
}
.question-section-analyser .analyser-user-info {
    font-size: 0.16rem;
    margin-bottom: 0.15rem;
}
.question-section-analyser .user-avatar {
    width: 0.6rem;
    height: 0.6rem;
    margin: 0.1rem auto;
}
.question-section-analyser .analyser-statistic {
    font-size: 0.14rem;
    line-height: 0.24rem;
}
.question-section-analyser .enlarge-info {
    font-size: 0.18rem;
}

/* 用 nth-of-type 而不是 nth-child的原因是，为了在 question 之间添加点别的东西 */
section.question:nth-of-type(9n + 1) .questionTitle {
    border-bottom-color: var(--umu-color-primary, #ffb91f);
}
section.question:nth-of-type(9n + 2) .questionTitle {
    border-bottom-color: #42a5f5;
}
section.question:nth-of-type(9n + 3) .questionTitle {
    border-bottom-color: #ff7d7a;
}
section.question:nth-of-type(9n + 4) .questionTitle {
    border-bottom-color: #9fc937;
}
section.question:nth-of-type(9n + 5) .questionTitle {
    border-bottom-color: #9b65d0;
}
section.question:nth-of-type(9n + 6) .questionTitle {
    border-bottom-color: #ffa726;
}
section.question:nth-of-type(9n + 7) .questionTitle {
    border-bottom-color: #65b2e9;
}
section.question:nth-of-type(9n + 8) .questionTitle {
    border-bottom-color: #f596aa;
}
section.question:nth-of-type(9n + 9) .questionTitle {
    border-bottom-color: #3bb6b6;
}

section.question:nth-of-type(9n + 1) .questionTitle .num {
    color: var(--umu-color-primary, #ffb91f);
}
section.question:nth-of-type(9n + 2) .questionTitle .num {
    color: #42a5f5;
}
section.question:nth-of-type(9n + 3) .questionTitle .num {
    color: #ff7d7a;
}
section.question:nth-of-type(9n + 4) .questionTitle .num {
    color: #9fc937;
}
section.question:nth-of-type(9n + 5) .questionTitle .num {
    color: #9b65d0;
}
section.question:nth-of-type(9n + 6) .questionTitle .num {
    color: #ffa726;
}
section.question:nth-of-type(9n + 7) .questionTitle .num {
    color: #65b2e9;
}
section.question:nth-of-type(9n + 8) .questionTitle .num {
    color: #f596aa;
}
section.question:nth-of-type(9n + 9) .questionTitle .num {
    color: #3bb6b6;
}

/*==问题 radio, checkbox==*/
.question .questionOptions {
    margin: 0.16rem;
}

.question .questionOption {
}

section.question:nth-of-type(9n + 1) .questionOption.checkBox .input,
section.question:nth-of-type(9n + 1) .questionOption.radioBox .input {
    border-color: var(--umu-color-primary, #ffb91f);
}
section.question:nth-of-type(9n + 2) .questionOption.checkBox .input,
section.question:nth-of-type(9n + 2) .questionOption.radioBox .input {
    border-color: #42a5f5;
}
section.question:nth-of-type(9n + 3) .questionOption.checkBox .input,
section.question:nth-of-type(9n + 3) .questionOption.radioBox .input {
    border-color: #ff7d7a;
}
section.question:nth-of-type(9n + 4) .questionOption.checkBox .input,
section.question:nth-of-type(9n + 4) .questionOption.radioBox .input {
    border-color: #9fc937;
}
section.question:nth-of-type(9n + 5) .questionOption.checkBox .input,
section.question:nth-of-type(9n + 5) .questionOption.radioBox .input {
    border-color: #9b65d0;
}
section.question:nth-of-type(9n + 6) .questionOption.checkBox .input,
section.question:nth-of-type(9n + 6) .questionOption.radioBox .input {
    border-color: #ffa726;
}
section.question:nth-of-type(9n + 7) .questionOption.checkBox .input,
section.question:nth-of-type(9n + 7) .questionOption.radioBox .input {
    border-color: #65b2e9;
}
section.question:nth-of-type(9n + 8) .questionOption.checkBox .input,
section.question:nth-of-type(9n + 8) .questionOption.radioBox .input {
    border-color: #f596aa;
}
section.question:nth-of-type(9n + 9) .questionOption.checkBox .input,
section.question:nth-of-type(9n + 9) .questionOption.radioBox .input {
    border-color: #3bb6b6;
}

section.question:nth-of-type(9n + 1) .questionOption.checked,
section.question:nth-of-type(9n + 1) .questionOption.selected {
    background: var(--umu-color-primary, #ffb91f);
}
section.question:nth-of-type(9n + 2) .questionOption.checked,
section.question:nth-of-type(9n + 2) .questionOption.selected {
    background: #42a5f5;
}
section.question:nth-of-type(9n + 3) .questionOption.checked,
section.question:nth-of-type(9n + 3) .questionOption.selected {
    background: #ff7d7a;
}
section.question:nth-of-type(9n + 4) .questionOption.checked,
section.question:nth-of-type(9n + 4) .questionOption.selected {
    background: #9fc937;
}
section.question:nth-of-type(9n + 5) .questionOption.checked,
section.question:nth-of-type(9n + 5) .questionOption.selected {
    background: #9b65d0;
}
section.question:nth-of-type(9n + 6) .questionOption.checked,
section.question:nth-of-type(9n + 6) .questionOption.selected {
    background: #ffa726;
}
section.question:nth-of-type(9n + 7) .questionOption.checked,
section.question:nth-of-type(9n + 7) .questionOption.selected {
    background: #65b2e9;
}
section.question:nth-of-type(9n + 8) .questionOption.checked,
section.question:nth-of-type(9n + 8) .questionOption.selected {
    background: #f596aa;
}
section.question:nth-of-type(9n + 9) .questionOption.checked,
section.question:nth-of-type(9n + 9) .questionOption.selected {
    background: #3bb6b6;
}

/*==问题 textarea==*/
.question .questionContent {
    margin: 0.16rem;
}
.question .questionContent.paragraph-section-body {
    margin: 0.16rem 0.16rem 0.16rem 0;
}
.question .questionContent textarea {
    font-size: 0.17rem;
}
.question .questionContent .extra-answer-textarea {
    margin-top: 0.1rem;
}
.question .questionContent .extra-answer-textarea .textarea {
    background-color: var(--umu-color-bg-base, #fff);
}
.question .questionContent .checked .extra-answer-textarea textarea {
    border-radius: 0;
}

.discuss .question .questionContent textarea {
    font-size: 0.18rem;
}
.qa .question .questionContent textarea {
    font-size: 0.18rem;
}
.ask .question .questionContent textarea {
    font-size: 0.18rem;
}

/* 评论提交区按钮 */
.questionSubmit {
    padding: 0 0.16rem;
}
.questionSubmit .btn {
    margin: 0.18rem 0;
}

/* 单独发言页用按钮 */
.question .operate {
    padding: 0 0.16rem;
}
.question .operate .btn {
    margin: 0.12rem 0;
}
.question .operate .btn_cancel {
    color: var(--umu-color-text-tertiary, #999);
    background-color: #efefef;
    background-position: 100% -1.29rem;
}

.question-section-submit {
    padding: 0 0.16rem;
}
.question-section-submit .btn {
    margin: 0.18rem 0;
}

/* 用户昵称输入区 */
.userNameSetter {
    margin: 0 0.15rem 0.15rem;
}
.userNameSetter .isAnonymous {
    float: right;
    cursor: pointer;
    height: 0.42rem;
    line-height: 0.42rem;
    text-align: right;
    font-size: 0.18rem;
    color: var(--umu-color-text-tertiary, #999);
    position: relative;
    z-index: 9;
}
.userNameSetter .isAnonymous.checkBox .input {
    vertical-align: -0.03rem;
}
.userNameSetter .isAnonymous .check-box .input {
    vertical-align: -0.03rem;
}
.userNameSetter .userNameWrap {
    margin-right: 1.1rem;
    position: relative;
}

.locale-en .userNameSetter .userNameWrap {
    margin-right: 1.4rem;
}

.locale-jp .userNameSetter .userNameWrap {
    margin-right: 0.7rem;
}

.userNameSetter .avat {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}
.userNameSetter .avat .img {
    width: 0.42rem;
    height: 0.42rem;
}
.userNameSetter .userName input {
    height: 0.42rem;
    padding: 0.06rem 0.13rem;
    color: var(--umu-color-text, #333);
    font-size: 0.18rem;
}
.userNameSetter .userName {
    height: 0.42rem;
}
.userNameSetter .userName.fake {
    display: none;
    line-height: 0.3rem;
    height: 0.3rem;
    padding: 0.06rem 0;
    color: var(--umu-color-text, #333);
    font-size: 0.18rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.userNameSetter.lite .userNameWrap {
    padding: 0;
    margin: 0;
}
.userNameSetter.lite .isAnonymous,
.userNameSetter.lite .avat {
    display: none;
}
.userNameSetter.hasIdentity .userNameWrap {
    padding-left: 0.48rem;
}
.userNameSetter.hasIdentity .avat {
    display: block;
}
.userNameSetter.hasIdentity .userName {
    display: none;
}
.userNameSetter.hasIdentity .userName.fake {
    display: block;
}

.textarea .textarea-content {
    display: block;
    width: 100%;
    border: 1px solid #ccc;
    background: var(--umu-color-bg-base, #fff);
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 0.18rem;
    color: var(--umu-color-text, #333);
    height: 100%;
    line-height: 0.24rem;
    min-height: 1.1rem;
}
.question-section .question-title-content .answer-status {
    margin-right: 0.05rem;
}
.question-section .question-title-content .answer-status.excellent {
    color: #23a565;
}
.question-section .question-title-content .answer-status.good {
    color: #febd2b;
}
.question-section .question-title-content .answer-status.failure {
    color: #e75a2d;
}

/*!common/components/questionSection/questionSectionComponents/questionSectionImg/questionSectionImg.css*/
.question-body .img {
    margin: 0.05rem 0rem;
    text-align: left;
}

.question-body .img img {
    max-width: 100%;
    max-height: 6.2rem;
    width: auto;
    height: auto;
}

/*!common/components/questionSection/questionSectionComponents/questionSectionInput/questionSectionInput.css*/
.input-question-result .right-answer {
    line-height: 1.5;
    margin-top: 0.1rem;
}

.textarea .input-textarea-value {
    padding: 0.07rem 0.12rem;
}

.input-question-result.is-wrong .show-result.textarea .textarea-content,
.input-question-result.is-right .show-result.textarea .textarea-content {
    padding-right: 0.4rem;
}
/*!common/components/questionSection/survyNumber.css*/
input[type="range"] {
    width: 100%;
}

.questionRange{
    margin: 0.16rem 0.14rem;
}
.question-range{
    margin: 0.16rem 0.14rem;
}
.numberWrap {
    border-radius: 4px;
    background: #f1f3f7;
    padding: 0.05rem 0.5rem 0.05rem 0;
    position: relative;
}

.numberWrap .rangeContainer {
    height: 0.09rem;
    padding: 0rem;
    padding: 0.15rem 0.22rem;
    position: relative;
}

.numberWrap .range .btn {
    height: 0.3rem;
    width: 0.3rem;
    border: none;
    margin-top: -0.11rem;
    background-image: none;
    background-color: var(--umu-color-bg-base, #fff);
    text-align: center;
    line-height: 0.32rem;  /* 由于阴影引起了视觉不垂直居中的问题，通过行高下移2px */
    cursor: pointer;
    transform: translate3d(0.15rem, 0rem, 0rem);
    -webkit-transform: translate3d(15px, 0px, 0px);
    -o-transform: translate3d(15px, 0px, 0px);
    -ms-transform: translate3d(15px, 0px, 0px);
    -moz-transform: translate3d(15px, 0px, 0px);

    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    -o-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0.02rem 0.05rem rgba(0, 0, 0, 0.3);

    overflow: hidden;
}

.numberWrap .range .btn:after {
    content: '';
    display: block;
    height: 0.3rem;
    background: url(/themes/cn/images/icon/icon-x.png) no-repeat center;
    -webkit-background-size: 8px 8px;
    background-size: 0.08rem 0.08rem;
}

.numberWrap.active .range .btn:after {
    display: none;
}

.numberWrap .disable-range-mask {
    width: 100%;
    height: 0.76rem;
    position: absolute;
    z-index: 3;
}

.numberWrap .rangeValue {
    position: absolute;
    top: 0.11rem;
    right: 0.16rem;
    width: 0.25rem;
    height: 0.25rem;
    line-height: 0.25rem;
    text-align: center;
    border: 1px solid #cccccc;
    border-radius: 2px;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.numberWrap .range .bar {
    margin: 0rem;
    background: #c1c1c1;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}

.numberWrap .range .fill {
    background: #0fabdf;
}

.numberWrap .minValue {
    position: absolute;
    top: 0.12rem;
    left: 0.1rem;
}

.numberWrap .maxValue {
    position: absolute;
    right: 0.1rem;
    top: 0.12rem;
}

.numberWrap .descContainer {
    padding: 0 0.05rem 0.03rem;
}

.numberWrap .minDesc,
.numberWrap .maxDesc {
    display: inline-block;
    font-size: 0.14rem;
    width: 45%;
    padding: 0 0.05rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 1.5;
}

.numberWrap .maxDesc {
    float: right;
    text-align: right;
}

.numberWrap .maxDesc:after {
    clear: both;
}

section.question:nth-of-type(9n+1) .numberWrap .fill{background-color:var(--umu-color-primary, #ffb91f);}
section.question:nth-of-type(9n+2) .numberWrap .fill{background-color:#42a5f5;}
section.question:nth-of-type(9n+3) .numberWrap .fill{background-color:#ff7d7a;}
section.question:nth-of-type(9n+4) .numberWrap .fill{background-color:#9fc937;}
section.question:nth-of-type(9n+5) .numberWrap .fill{background-color:#9b65d0;}
section.question:nth-of-type(9n+6) .numberWrap .fill{background-color:#ffa726;}
section.question:nth-of-type(9n+7) .numberWrap .fill{background-color:#65b2e9;}
section.question:nth-of-type(9n+8) .numberWrap .fill{background-color:#f596aa;}
section.question:nth-of-type(9n+9) .numberWrap .fill{background-color:#3bb6b6;}


/*!common/components/quickRegisterDialog/quickRegisterDialog.css*/
.quick-register-dialog {
    text-align: left;
}

.quick-register-dialog .custom-dialog-footer {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: 0.64rem;
    font-size: 0.16rem;
    color: #1E6EE6;
    padding-right: 0.2rem;
    padding-left: 0.2rem;
    gap: 24px;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.quick-register-dialog .custom-dialog-footer .back-confirm {
    margin-top: -0.2rem;
}

.quick-register-dialog .dialog-footer-options {
    border-top: unset;
    margin-top: 0.12rem;
}

.quick-register-dialog .custom-dialog-footer .btn{
    /* 鼠标 hover 时显示 */
    cursor: pointer;
    text-transform: uppercase;
}

.quick-register-dialog .mail-input-wrap {
    margin-top: 0.16rem;
}

.quick-register-dialog .dialog-main {
    border-radius: 6px;
}

.quick-register-dialog .phone-input .countryCodeList {
    height: 1.2rem;
}

.quick-register-dialog .umu-form.form-sign {
    margin: 0.1rem 0;
}

.quick-register-dialog .umu-form.phone-verification .umu-form-row {
    margin-top: 0.15rem;
}

/* */
.quick-register-dialog .dialog-title {
    padding: 0.15rem;
    font-size: 0.18rem;
    color: var(--umu-color-text, #222);
}

/* */
.quick-register-dialog-main {
    padding: 0 0.15rem;
    font-size: 0.14rem;
}

/* */
.quick-register-dialog-main .configurable-header {
    height: 0.36rem;
}

.quick-register-dialog-main .header-logo img {
    height: 0.36rem;
}

.quick-register-dialog-main .btn-next-step {
    display: block;
    font-size: 0.15rem;
    color: #FFF;
    background: #1E6EE6;
    padding: 0.1rem 0.15rem;
}

/* */
.quick-login-tip {
    margin-top: 0.1rem;
}

.quick-login-tip p {
    line-height: 1.5;
    font-size: 0.14rem;
    color: #646464;
}

/* */
.quick-register-dialog-main .passwd-info {
    text-align: center;
    margin-bottom: 0.4rem;
}

.quick-register-dialog-main .passwd-info .title {
    color: #ff9800;
    font-size: 0.23rem;
    margin-top: 0.15rem;
    margin-bottom: 0.1rem;
    line-height: 0.26rem;
}

.quick-register-dialog-main .passwd-info .desc {
    font-size: 0.14rem;
    color: #757575;
    line-height: 1.5;
}

.quick-register-dialog .email-verify-title {
    font-weight: 500;
}
/*!common/components/quiz/resultItemInfo/resultItemInfo.css*/


.quiz-result-item-info {
    text-align:  center;
    font-size: 0.14rem;
    color: #000000;
    line-height: 0.21rem;
    width: 2.8rem;
    margin: 0.15rem auto;
}
.quiz-result-item-info .result-item-inner-wrap {
    text-align: center;
    position: relative;
}

.quiz-result-item-info .item-text-inner-wrap  {
    position: absolute;
    display: inline-block;
    left: 0;
    top: 0;
    background: var(--umu-color-bg-base, #fff);
    padding: 0 0.1rem 0 0;
}

.quiz-result-item-info .item-value {
    position: absolute;
    right: 0;
    top: 0;
    background: var(--umu-color-bg-base, #fff);
    padding: 0 0 0 0.1rem;
    width: 0.65rem;
    text-align: left;
}


.locale-jp .quiz-result-item-info .item-value {
    width: 0.8rem;
}



.locale-en .quiz-result-item-info .item-value {
    width: 0.8rem;
}


.quiz-result-item-info i.icon {
    height: 0.16rem;
    width: 0.16rem;
    margin-right: 0.1rem;
    vertical-align: text-top;
}

.quiz-result-item-info span {
    display: inline-block;
}

.quiz-result-item-info .item-division {
    border-bottom: 1px dashed #A4A4A4;
    height: 0.01rem;
    margin: 0 0.1rem 0.04rem 0.1rem;
}
.quiz-result-item-info .item-division {
    width: 90%;
}


.quiz-result-item-info .item-text {
    display: inline-block;

    /* 文本两端对齐 */
   /*  text-align: justify;
    text-align-last:justify;
    text-justify: distribute;
    width: 70px; */
}

/* .quiz-result-item-info .item-text:after {
    content: "";
    display: inline-block;
    width: 100%;
} */

/*!common/components/radioGroup/index.css*/
.radio-group .radio-item {
    display: inline-block;
    height: 0.2rem;
    background: url(/themes/cn/images/radio-nomal.svg) no-repeat;
    background-size: 0.2rem 0.2rem;
    background-position: left center;
    text-indent: 28px;
    line-height: 0.2rem;
    margin-right: 0.3rem;
}

.radio-group .radio-item.active {
    background-image: url(/themes/cn/images/radio-selected.svg);
}

/*!common/components/registGuideTip/registGuideTip.css*/
.regist-guide-tip {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0.16rem;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: fixed;
    z-index: 1;
    width: 100%;
    left: 50%;
    background: var(--umu-color-bg-base, #fff);
    bottom: 0.51rem;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: var(--umu-color-bg-base, #fff);
}
.regist-guide-tip .desc {
    color: #2D2E30;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 0.14rem;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: left;
}

.regist-guide-tip .desc img {
    width: 0.32rem;
    height: 0.32rem;
    margin-right: 0.08rem;
    border-radius: 8px;
}

.regist-guide-tip .btn-regist {
    border: 0 none;
    color: #fff;
    line-height: 0.32rem;
    background-color: #FF860C;
    padding: 0 0.14rem;
    border-radius: 18px;
    cursor: pointer;
    outline-style: none;
    word-break: keep-all;
}

@media screen and (min-width: 1024px) {
    .regist-guide-tip {
        max-width: 6.98rem;
    }
}
/*!common/components/reward/reward.css*/
.reward-content{
    line-height: 0.17rem;
}

.reward-money {
    color: #c30000;
}


/*dialog*/

.dialog.reward-panel {
    z-index: 9997;
    text-align: center;
}

.dialog.reward-panel .dialog-main {
    color: #757575;
    width: 100%;
    top: auto!important;
    bottom: 0!important;
}

.dialog.reward-panel .dialog-title {
    padding: 0.05rem 0rem;
    text-align: left;
    background-color: #fafafa;
    border-top: 1px solid #dadada;
}

.dialog.reward-panel .dialog-title .go-reward-list{
    float: right;
}

.dialog.reward-panel .dialog-title .icon-forward {
    margin-left: 0.1rem;
}

.dialog.reward-panel .dialog-body {
    padding: 0.25rem;
}

.dialog.reward-panel .dialog-body .reward-quantity {
    cursor: pointer;
    max-width: 2.25rem;
    margin: 0 auto;
    border: 1px solid #ff7d7a;
    border-radius: 3px;
    padding: 0.15rem 0.15rem 0.12rem 0.15rem;
    font-size: 0.22rem;
}

.dialog.reward-panel .dialog-body .reward-tip {
    font-size: 0.15rem;
    margin-top: 0.15rem;
}

.dialog.reward-panel .dialog-body .reward-quantity-wrap {
    margin: 0.1rem 0.35rem 0.35rem 0.35rem;
}


/*success dialog*/
.reward-success-dialog {
    text-align: center;
}

.reward-success-dialog .dialog-body, .reward-success-dialog .dialog-footer {
    background-color: var(--umu-color-bg-base, #fff);
}
.reward-success-dialog.dialog .btn-close{
    top: 0.09rem;
    right: 0.02rem;
}

.reward-success-dialog .dialog-main:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    z-index: -1;
    top: -0.5rem;
    left: -0.5rem;
    padding: 0.5rem;
    background-image: url(/themes/cn/images/common/components/reward/reward_success_flowers.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.reward-success-dialog .dialog-header .reward-crown {
    width: 0.4rem;
    position: relative;
    top: -0.14rem;
}

.reward-success-dialog .reward-success-wrap {
    margin-top: -0.25rem;
    padding-top: 0.23rem;
    padding-bottom: 0.36rem;
    margin-bottom: -0.21rem;
    background-image: url(/themes/cn/images/common/components/reward/reward_shine_bg.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.reward-success-dialog .reward-success-wrap .reward-success-qty {
    font-size: 0.41rem;
}

.reward-success-dialog .imgAvat {
    width: 0.55rem;
    height: 0.55rem;
    margin: 0.2rem auto;
    border: 1px solid var(--umu-color-primary-border, #ffbd2b);
}

.reward-success-dialog .btn.umu-btn.btn-text {
    padding: 0;
    color: #757575;
}


/*success dialog end*/

.reward-to-wx .page-qrcode-dialog .dialog-header .title{
    font-size: 0.16rem;
}

.reward-to-wx .page-qrcode-dialog .qr-sub-title{
    font-size: 0.16rem;
    color: #757575;
    margin-top: 0.1rem;
    text-align: center;
}
/*!common/components/searchInput/searchInput.css*/

.hidden-body {
    overflow: hidden;
}

.user-bar .search-input {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: stretch;
    -moz-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.search-input {
    background: var(--umu-color-bg-base, #fff);
    overflow: hidden;
    padding: 0.08rem;
    margin-right: 0.46rem;
    /* transition: all 0.5s ease-out; */
}

.search-input-type .search-input
{
    padding: 0.08rem 0rem 0.08rem 0.08rem;
}

.search-input .search-input-box {
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative;
    padding: 0rem 0.37rem 0rem 0.22rem;
    background: #eaebed;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 0.14rem;
    font-family: Arial, "Microsoft Yahei";
    color: var(--umu-color-text-tertiary, #999);
    resize: none;
    overflow: hidden;
    margin-right: 0.15rem;
    transition: all 0.5s ease-out;
}


.locale-jp .search-input .search-input-box {
    margin-right: 0.06rem;
}


.search-input .search-input-box .icon-search {
    position: absolute;
    left: 0.07rem;
    top: 0.08rem;
}

.search-input .search-input-box .search-input-keyword {
    width: 100%;
    border: none;
    background: #eaebed;
    font-size: 0.14rem;
    line-height: 1.5;
    color: var(--umu-color-text, #222);
    padding: 0.04rem 0rem 0.04rem 0.07rem;
    margin: 0rem;
}

.search-input .search-input-box input.search-input-keyword::-ms-clear {
    display: none;
}

.search-input .search-btn-wrap {
    text-align: center;
}

.search-input .search-btn
{
    cursor: pointer;
    padding: 0.03rem 0;
    white-space: nowrap;
    font-size: 0.15rem;
    line-height: 1.5;
    display: inline-block;
}

.search-input .search-input-clear-btn {
    position: absolute;
    right: 0.07rem;
    top: 0.07rem;
    background: #ccc;
    border-radius: 50%;
    display: inline-block;
    width: 0.16rem;
    height: 0.16rem;
    text-align: center;
}

.search-input .search-input-clear-btn .icon.icon-close {
    width: 0.08rem;
    height: 0.08rem;
}

.search-input .search-result-mask {
    position: fixed;
    z-index: 10;
    width: 100%;
    height: 100%;
    top: 0.4rem;
    left: 0;
    background: var(--umu-color-bg-base, #fff);
}

.search-input-type .header-category-icon {
    display: none;
}
.search-input-type .toggle-menu-btn {
    display: none;
}


/* IE10 IE11 */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .search-input .search-input-box .search-input-keyword {
        padding: 0.08rem 0rem 0.08rem 0.07rem;
    }

    .search-input .search-input-box .icon-search {
        top: 0.1rem;
    }
 }

@media screen and (min-width:0\0) and (min-resolution: .001dpcm) {
    .search-input .search-input-box .search-input-keyword {
        padding: 0.08rem 0rem 0.08rem 0.07rem;
    }

    .search-input .search-input-box .icon-search {
        top: 0.1rem;
    }

    .user-bar .search-input {
        display: table;
        width: 80%;
    }

    .search-input .search-input-box {
        display: table-cell;

    }

    .search-input .search-btn-wrap {
        width: 0.5rem;
    }

    .search-input-type .header-category-icon {
        display: block;
    }

    .search-input-type .toggle-menu-btn {
        display: block;
    }
}
/*!common/components/selectInput/selectInput.css*/
.umu-select {
    position: relative;
    height: 0.41rem;
}

.umu-select .select-label, .umu-select select {
    width: 100%;
    border: none;
    border-bottom: 1px solid #bdbdbd;
    border-radius: 0;
    font-size: 0.18rem;
    line-height: 0.28rem;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0.06rem 0;
}

.umu-select select {
    opacity: 0.5;
    z-index: 1;
    position: absolute;
    opacity: 0;
    line-height: 0.28rem;
    height: 0.4rem;
}

.umu-select .select-label {
    position: absolute;
    height: 0.4rem;
}

/*.umu-input:focus, .umu-select select:focus {*/
.umu-select select:focus {
    outline: none;
    box-shadow: none;
    border-bottom: 1px solid #1E6EE6;
}

.umu-select {
    position: relative;
}

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

.umu-select::after {
    content: '';
    width: 0.16rem;
    height: 0.16rem;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    top: 0.2rem;
    right: 0rem;
    background-image: url('/themes/cn/images/icon/icon-expand-down.png');
}
/*!common/components/sessionDescription/sessionDescription.css*/
/*description*/
.sessionDescription {
	padding: 0.08rem 0.15rem;
	border-bottom: 1px solid #dcddde;
	line-height: 1.2;
	color: #000;
	font-size: 0.16rem;
}

.sessionDescription .session-desc {
    white-space: pre-line;
}
/*!common/components/sessionSibligns/sessionSibligns.css*/
/* session siblings */

.sessionSiblings {
    display: table;
    table-layout: fixed;
    width: 100%;
    background: var(--umu-color-bg-base, #fff);
    border-top: 1px solid #EBEBEB;
    /* margin-top: 30px; */
    height: 0.5rem;
}

.sibling-placeholder {
    height: 0.5rem;
    width: 100%;
}

/* iphone x */
@media only screen
    and (device-width : 375px)
    and (device-height : 812px)
    and (-webkit-device-pixel-ratio : 3) {
        .sibling-placeholder {
            padding-bottom: constant(safe-area-inset-bottom);
            padding-bottom: env(safe-area-inset-bottom);
        }

        .sessionSiblings {
            border-bottom: none;
        }
    }

.sessionSiblings .sessionSibling {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.sessionSiblings .sessionSibling .btn-sibling-trial {
    position: relative;
}
.sessionSiblings .sessionSibling .trial-label {
    position: absolute;
    top: -0.44rem;
    left: 50%;
    display: block;
    padding: 0 0.05rem;
    font-size: 0.12rem;
    font-weight: 600;
    line-height: 0.16rem;
    color: #fff;
    text-align: center;
    background: var(--umu-color-primary, #fab400);
    border-radius: 10px;
}
.sessionSiblings .sessionSibling .trial-label::after {
    position: absolute;
    top: 0.15rem;
    left: 0.09rem;
    z-index: 200;
    content: '';
    border-color: transparent var(--umu-color-primary, #fab400) var(--umu-color-primary, #fab400) transparent;
    border-style: dashed solid solid dashed;
    border-width: 3px 5px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.sessionSiblings .sessionSibling.my-points {
    vertical-align: middle;
    padding: 0 0 0 0.1rem;
}

.sessionSiblings .sessionSibling .btn.btn-sibling {
    display: block;
    /* height: 43px; */
    /*line-height: 48px;*/
    border: 0;
    border-right: 0;
    font-size: 0.1rem;
    color: #2D2E30;
}

.sessionSiblings .sessionSibling .btn.btn-sibling:before {
    content: '';
    width: 0.2rem;
    height: 0.2rem;
    display: block;
    background-size: contain;
    margin: 0.06rem auto 0.03rem auto;
    background-repeat: no-repeat;
}

.sessionSiblings .sessionSibling.disabled {
    color: #cdcdcd;
    cursor: default;
}


.sessionSiblings .sessionSibling.next .btn.btn-sibling:before {
    background-image: url(/themes/cn/images/common/components/sessionSibligns/icon/icon-next.png);
}

.sessionSiblings .sessionSibling.prev .btn.btn-sibling:before {
    background-image: url(/themes/cn/images/common/components/sessionSibligns/icon/icon-prev.png);
}

.sessionSiblings .sessionSibling.next.disabled .btn.btn-sibling:before,
.sessionSiblings .sessionSibling.prev.disabled .btn.btn-sibling:before {
    opacity: 0.5;
}

.sessionSiblings .sessionSibling.reward .btn.btn-reward:before {
    background-image: url(/themes/cn/images/common/components/sessionSibligns/icon/icon-reward.png);
}

.sessionSiblings .sessionSibling.index .btn.btn-sibling:before {
    background-image: url(/themes/cn/images/common/components/sessionSibligns/icon/icon-index.png);
}
.sessionSiblings .sessionSibling.index:not(:first-child) .btn.btn-sibling {
    border-left: 1px solid #EBEBEB;
}

.sessionSiblings .sessionSibling.my-points .icon.icon-course-points {
    background-image: url(/themes/cn/images/common/components/sessionSibligns/icon/icon-points.png);
}

.sessionSiblings .sessionSibling.my-points .course-points-box .points-num {
    color: #2D2E30;
    font-size: 0.12rem;
    margin-left: 0.03rem;
}

.no_common_info_brand:after {
    content: '';
    display: block;
    height: 0.5rem;
}

/* .no_common_info_brand .sessionSiblings {position: absolute;bottom: 113px;} */

.umu-webview .no_common_info_brand .sessionSiblings {
    bottom: 0rem;
}




@media screen and (max-width:500px) {
    .locale-jp  .sessionSiblings .sessionSibling .btn.btn-sibling {
        font-size: 0.12rem;
        line-height: 0.9;
    }
    .locale-jp  .sessionSiblings .sessionSibling .btn.btn-sibling:before {
        margin-top: 0;
        margin-bottom: 0;
    }
}

@media screen and (max-width:550px) {
    /* .no_common_info_brand .sessionSiblings {position: absolute;bottom: 128px;} */
}
/*!common/components/shareCard/shareCard.css*/
.share-card-container {
    padding: 0 0.24rem;
}

.share-card-container p {
    font-size: 0.16rem;
    color: #000000;
    line-height: 0.19rem;
    padding: 0.16rem 0;
}

.share-card-container .image-wrap {
    background: var(--umu-color-bg-base, #fff);
    box-shadow: 0 0.01rem 0.02rem 0 rgba(0,0,0,0.06);
    border-radius: 2px;
}

.share-card-container .image-wrap img {
    display: block;
    max-width: 100%;
}

/*!common/components/siteLoginForm/siteLoginForm.css*/
.site-login-form {
    position: relative;
    padding-bottom: 0.7rem;
    margin-top: 0.2rem;
}

.site-login-form .pswd-forget {
    float: right;
    padding-right: 0;
}
.site-login-form .switch-phone {
    padding-left: 0;
}

.site-login-form .bottom-info {
    text-align: center;
    visibility: hidden;
}

.site-login-form .bottom-info.show-bottom-info {
    visibility: visible;
}

.site-login-form .umu-form-footer {
    padding-top: 0.15rem;
}

.site-login-form .umu-form {
    padding-bottom: 0.4rem;
}
.site-login-form .flat-tab .flat-tab-item {
    margin: 0;
}
/*!common/components/slidesPlayer/slidesPlayer.css*/
/**react 版本的微课幻灯片**/

.weike-slides {
    position: relative;
    overflow: hidden;
}

.weike-slides .slides-list {
    height: 100%;
    position: relative;
    white-space: nowrap;
    left: 0;
    transition: left .5s ease, right .5s ease;
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
}

.weike-slides .weike-slide {
    display: inline-block;
    width: 100%;
    height: 100%;
    vertical-align: middle;
}

.weike-slides .weike-slide .weike-image {
    position: relative;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    max-height: 100%;
}

.weike-slides .weike-slide img {
    /*margin: initial;*/
}

.weike-slides .weike-slide img {
    /*margin: initial;*/
}


/*loading*/

.weike-slides .pswp__preloader.pswp__preloader--active {
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    left: 50%;
    margin-left: -0.22rem;
    margin-top: -0.22rem;
}


/*以下动画拿自 photoswipe.css，因为不是每个页面都会引入 photoswipe,而本插件需要完全独立用于各种地方，所以单独存一份*/

.pswp__preloader {
    width: 0.44rem;
    left: 50%;
    margin-left: -0.22rem;
    opacity: 0;
    transition: opacity .25s ease-out;
    will-change: opacity;
    direction: ltr
}

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

.pswp__preloader__icn {
    width: 0.2rem;
    height: 0.2rem;
    margin: 0.12rem
}

.pswp__preloader--active .pswp__preloader__icn {
    background: url("./preloader.gif") no-repeat
}

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

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

.pswp--css_animation .pswp__preloader__icn {
    background: 0 0;
    opacity: .75;
    width: 0.14rem;
    height: 0.14rem;
    position: absolute;
    left: 0.15rem;
    top: 0.15rem;
    margin: 0
}

.pswp--css_animation .pswp__preloader__cut {
    position: relative;
    width: 0.07rem;
    height: 0.14rem;
    overflow: hidden
}

.pswp--css_animation .pswp__preloader__donut {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 0.14rem;
    height: 0.14rem;
    border: 2px solid #FFF;
    border-radius: 50%;
    border-left-color: transparent;
    border-bottom-color: transparent;
    position: absolute;
    top: 0;
    left: 0;
    background: 0 0;
    margin: 0
}

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

@-webkit-keyframes clockwise {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes clockwise {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

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

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


/*loading end*/


/**react 版本的微课幻灯片结束**/
/*!common/components/submissionTimeTips/submissionTimeTips.css*/
.submission-time-tips-warper {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 0.32rem;
    padding-left: 0.14rem;
    font-size: 0.13rem;
    /* font-weight: 500; */
    color: #fff;
    line-height: 0.32rem;
    background: var(--umu-color-primary, #fab400);
}
.submission-time-tips-warper .submission-time-clock-icon {
    width: 0.16rem;
    height: 0.16rem;
    margin-right: 0.05rem;
}
.submission-time-tips-warper img {
    display: block;
    width: 0.16rem;
    height: 0.16rem;
}
/*!common/components/tags/tags.css*/
.tag-list {
    padding: 0.03rem 0 0.1rem;
}

.tag-list .tag-item {
    float: left;
    background: var(--umu-color-bg-layout, #f5f5f5);
    height: 0.25rem;
    line-height: 0.25rem;
    padding: 0 0.11rem;
    margin-right: 0.1rem;
    margin-top: 0.1rem;
    color: #757575;
    font-size: 0.14rem;
}

/*!common/components/teacherInfo/teacherInfo.css*/
.teacher-info {
    padding: 0rem 0.16rem;
    margin: 0 -0.16rem;
    line-height: 1.5;
}

.teacher-info-wrap {
    position: relative;
    padding-left: 0.64rem;
    min-height: 0.48rem;
}

.teacher-info .info.total-like {
    color: var(--umu-color-text-tertiary, #999);
    font-size: 0.14rem;
    display: inline-block;
}

.teacher-info .teacher-avat {
    position: absolute;
    top: 0.02rem;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.teacher-info .teacher-avat .img {
    width: 0.45rem;
    height: 0.45rem;
    border-radius: 50%;
    border: 1px solid var(--umu-color-primary-border, #ffbd2b);
}

.teacher-info .teacher-avat .img img {
    -webkit-transform: scale(1.09);
    -ms-transform: scale(1.09);
    transform: scale(1.09);
}

.teacher-info .teacher-name {
    font-size: 0.17rem;
    color: #000;
    overflow: hidden;
    margin-right: 0.15rem;
    display: -webkit-box !important;
}

.teacher-info .title-wrapper {
    width: 100%;
    display: block;
    margin-bottom: 0;
}

.teacher-info .title-wrapper tbody{
    width: 100%;
    display: block;
}

.teacher-info .title-wrapper td {
    vertical-align: middle;
}

.teacher-info .teacher-name a {
    width: 100%;
    display: block;
    color: #000;
}

.teacher-info .title-wrapper tr {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.teacher-info .title-wrapper .info-name {
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-width: calc(100% - 0.75rem);
}

.teacher-info .title-wrapper .detail-wrapper {
    display: inline-block;
    text-align: right;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.teacher-info .teacher-follow {
    display: inline-block;
}

.teacher-info .btn.yellow-btn.follwed {
    border: 1px solid var(--umu-color-primary-border, #ffbd2a);
    background: var(--umu-color-bg-base, #fff);
    color: var(--umu-color-primary, #ffbd2a);
}

.teacher-info .btn.yellow-btn {
    padding: 0.03rem;
    border-radius: 3px;
    background-color: var(--umu-color-primary, #ffbd2a);
    color: #fff;
    min-width: 0.7rem;
    display: inline-block;
    text-align: center;
    border: 1px solid var(--umu-color-primary-border, #ffbd2a);
}

.teacher-info-wrap .btn.yellow-btn {
    width: 0.7rem;
    height: 0.3rem;
    line-height: 0.3rem;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    font-size: 0.17rem;
}


.locale-jp .teacher-info-wrap .btn.yellow-btn {
    width: 1rem;
}

/*!common/components/tiedShareOptions/tiedShareOptions.css*/
.tied-share-options {
    position: relative;
    z-index: 9999;
}

.tied-share-options .options-mask {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.7);
}

.tied-share-options .options-main {
    position: absolute;
    z-index: 2;
    left: 0;
    bottom: 0;
    width: 100%;
    /* height: 300px; */
    background: var(--umu-color-bg-base, #fff);
    color: #000;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s;
}

.tied-share-options .options-main.active {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

/*  */
.tied-share-options .option-list .option-list-row {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}
.tied-share-options .option-list .option-item {
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    padding: 0.2rem;
    cursor: pointer;
}
.tied-share-options .option-list .option-item .label {
    font-size: 0.12rem;
    margin-top: 0.12rem;
}
.tied-share-options .option-list .option-item .share-icon {
    display: inline-block;
    vertical-align: middle;
    width: 0.42rem;
    height: 0.42rem;
    background: no-repeat center;
    background-size: cover;
}
.tied-share-options .option-list .option-item .share-icon.share-icon-card {
    background-image: url('/themes/cn/images/common/components/tiedShareOptions/card.png');
}
.tied-share-options .option-list .option-item .share-icon.share-icon-class {
    background-image: url('/themes/cn/images/common/components/tiedShareOptions/class.png');
}

/*!common/components/toggleLine/toggleLine.css*/

/*toggle line*/
/* */
.toggleLine{-webkit-tap-highlight-color:rgba(0,0,0,0);}
.toggleLine .maskHelp{}
.toggleLine .maskHelp .before{}
.toggleLine .maskHelp .after{display: inline-block;vertical-align: middle;width: 0.2rem;height: 0.2rem;background:url(/themes/cn/images/toggle/toggle_expand_sub.png) no-repeat center;-webkit-background-size:14px auto;background-size:0.14rem auto;}

/* */
.toggleLine .showMore{}
.toggleLine .showMore .before{}
.toggleLine .showMore .after{display: inline-block;vertical-align: middle;width: 0.2rem;height: 0.2rem;background:url(/themes/cn/images/toggle/toggle_collapse_sub.png) no-repeat center;-webkit-background-size:14px auto;background-size:0.14rem auto;}

/* */
.toggleLine .showMore,
.toggleLine.single .showMore,
.toggleLine.single .maskHelp{display:none;}

/* */
.toggleLine.active .maskHelp{display:none;}
.toggleLine.active .showMore{display: initial;}


/* */
.toggleLine:not(.theme2),
.toggleLine.theme1,
.toggleLine.theme2 .toggleLineWrap{overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp: 2;word-break: break-word;}
.toggleLine.theme2{-webkit-line-clamp: initial;}  /* 为了保险:not()不生效 */

/* */
.toggleLine.theme1 .maskHelp .before{height:0.48rem;width:0rem;float:right;}
.toggleLine.theme1 .maskHelp .after{margin-left:0.2rem;float:right;clear:right;margin-bottom:-0.23rem;}
.toggleLine.theme1 .showMore .before{display:inline-block;vertical-align:middle;width:100%;height:1em;margin-right:-100%;background:#FFF;}
.toggleLine.theme1.active{display: block;}
.toggleLine.theme1.active .showMore .before{display:none;}
.toggleLine.theme1.active .showMore .after{float:right;}

/* */
.toggleLine.theme2 .maskHelp,
.toggleLine.theme2.active .showMore{display:block;text-align: center;}
.toggleLine.theme2.active .toggleLineWrap{display:block;}
.toggleLine.theme2.active .maskHelp{display:none;}

/*!common/components/topBarPinEntry/topBarPinEntry.css*/

.top-bar-pin-entry {
    background: var(--umu-color-bg-base, #fff);
    overflow: hidden;
    padding: 0.08rem;
    margin-right: 0.26rem;
}

.top-bar-pin-entry .top-bar-pin-entry-box {
    display: block;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative;
    padding: 0rem 0.37rem 0rem 0.22rem;
    background: #eaebed;
    border-radius: 3px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 0.14rem;
    color: var(--umu-color-text-tertiary, #999);
    overflow: hidden;
    margin-right: 0.15rem;
}

.top-bar-pin-entry .top-bar-pin-entry-box .icon-search {
    position: absolute;
    left: 0.07rem;
    top: 0.08rem;
}

.top-bar-pin-entry .top-bar-pin-entry-box .top-bar-pin-entry-keyword {
    background: #eaebed;
    font-size: 0.14rem;
    line-height: 1.5;
    color: #8A8B8C;
    padding: 0.04rem 0rem 0.04rem 0.07rem;
    margin: 0rem;
}

/*!common/components/UMUBg/UMUBg.css*/
.umu-bg {
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 1.03rem;
    background-position: center;
}
/*!common/components/userBar/userBar.css*/
.user-bar {
    position: relative;
    width: 100%;
    background: var(--umu-color-bg-base, #fff);
    z-index: 111;

}

@media screen and (min-width: 1024px) {
    .user-bar {
        width: 7rem;
        left: 50%;
        margin-left: -3.5rem;
    }
}

.user-bar.user-bar-fixed {
    position: fixed;
    top: 0;
}

.user-bar .user-bar-nav {
    /*height: 45px;
    float: left;
    width: 100%;*/

}

.user-bar .toggle-line-wrap {
    margin-right: 0.4rem;
    font-size: 0.16rem;
}

.user-bar .logo-wrap .icon.icon-back-blue{
    vertical-align: -0.02rem;
}

.user-bar .logo-wrap {
    float: left;

    height: 0.3rem;
    /*padding: 8px 6px 0 15px;*/
    padding: 0.06rem 0.06rem 0 0;
    line-height: 0.3rem;
}

.user-bar .logo-wrap > img {
    /*width: 64px;*/
    width: auto;
    max-width: 1.2rem;
    max-height: 0.3rem;
    vertical-align: middle;
}

.user-bar .toggle-btn {
    /*float: right;*/

    position: absolute;
    right: 0.15rem;
    top: 0;
    cursor: pointer;

}

.user-bar .toggle-btn.has-new-msg .imgAvat:before {
    content:'';
    position: absolute;
    width: 0.08rem;
    height: 0.08rem;
    margin-left: 0.22rem;
    border-radius: 50%;
    background: #dd2c00;
}

.user-bar .close-btn-icon {
    margin: 0.15rem 0.1rem 0 0.15rem;
    display: inline-block;
    height: 0.14rem;
    width: 0.14rem;
}

.user-bar .un-login {
    line-height: 0.45rem;
    color: #757575;
}
.locale-jp .user-bar .un-login {
    font-size: 0.14rem;
}
.user-bar .close-btn .un-login{
    display: none;
}

.user-bar .close-btn .close-btn-icon {
    background: url('/themes/cn/images/common/components/userBar/close.png');
    background-size: cover;
}

.user-bar .toggle-menu-btn .close-btn-icon {
    display: none;
    background: url('/themes/cn/images/common/components/userBar/menu.png');
    background-size: cover;
}

.user-bar .toggle-btn.toggle-menu-btn.login-avatar {
    width: 0.3rem;
    height: 0.3rem;
    padding: 0.08rem 0.23rem 0 0.08rem;
    right: 0;
    background: none;
}

.user-bar .toggle-btn.toggle-menu-btn.login-avatar:after {
    content: '';
    width: 0.14rem;
    height: 0.14rem;
    display: block;
    position: relative;
    top: -0.2rem;
    right: -0.32rem;
    background: url(/themes/cn/images/common/components/userBar/load-more.png) center no-repeat;
    background-size: cover;

}

.user-bar .toggle-btn.toggle-menu-btn.login-avatar .user-avatar-info {
    width: 100%;
    height: 100%;
}


.user-bar .toggle-btn.toggle-menu-btn.login-avatar .close-btn-icon,
.user-bar .toggle-btn.toggle-menu-btn.login-avatar .un-login {
    display: none;
}

.user-bar .toggle-btn.close-btn.login-avatar .user-avatar-info {
    display: none;
}

.user-bar .header-toggle-menu.header {
    border-bottom: none;
}

.user-bar .header.hide-in-app .toggle-menu-btn {
    display: none;
}

.user-bar .header.hide-in-app .header-category-icon{
    padding: 0.14rem 0;
}

.user-bar .hide-logo {
    display: none;
}

.user-bar .menu-wrap {
    position: absolute;
    left: 0;
    right: 0;
}

.doc .user-bar .header.noFixed {
    margin-left: 0rem;
}

.user-bar .page-header-holder {
    border-left: 1px solid #dcddde;
    border-right: 1px solid #dcddde;
}

.user-bar .header-category-icon {
    padding: 0.16rem 0.46rem 0 0;
    cursor: pointer;
    margin-left: -0.46rem;
}

.user-bar .user-bar-container {
    /* position: relative; */
    z-index: 10;
}



/* --- */
.user-bar .user-bar-nav .header {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.user-bar .header-content {
    -webkit-flex: 1;
    -moz-box-flex:1;
    -ms-flex:1;
    flex:1
}


@media screen and (min-width:0\0) and (min-resolution: .001dpcm) {
    .user-bar .header-category-icon {
        position: absolute;
        top: 0;
        right: 0.2rem;
    }
}

/* */
.user-digging-header {
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    line-height: 0.45rem;
}
.user-digging-header .umu-btn {
    color: var(--umu-color-text, #222);
}

.user-digging-menu {
    background: var(--umu-color-bg-base, #fff);
    z-index: 10;
    border: 1px solid #dedede;
    border-top: 0;
}
/*!common/components/userBarMenu/userBarMenu.css*/

.user-bar-menu {

    width: 100%;
    overflow: hidden;
    overflow-y: auto;
    background: var(--umu-color-bg-base, #fff);
    z-index: 10;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #dedede;
    border-top: none;

}

.user-bar-menu .user-bar-menu-inner-wrap {
    padding-left: 0.16rem;
    padding-top: 0;
    padding-bottom: 0.2rem;
}

.user-bar-menu .user-bar-menu-list {

}

.user-bar-menu .user-bar-menu-item {
    color: var(--umu-color-text, #212121);
    font-size: 0.17rem;
    line-height: 0.44rem;
    display: inline-block;
    width: 100%;
}

.user-bar-menu .user-bar-menu-item .item-value {
    float: right;
    height: 0.44rem;
    font-size: 0.14rem;
    margin-right: 0.2rem;
}

.user-bar-menu .user-bar-menu-item .item-value .icon.icon-forward {
    width: 0.06rem;
    height: 0.13rem;
    margin-left: 0.03rem;
}

.user-bar-menu .user-bar-menu-tel .telphone-number {
    line-height: 0.24rem;
    display: inline-block;
    margin-top: 0.1rem;
}

.user-bar-menu .user-bar-menu-mail,
.user-bar-menu .user-bar-menu-tel {
    margin-left: 0.3rem;
    position: relative;
}

.user-bar-menu .user-bar-menu-tel:before {
    position: absolute;
    content: '';
    display: inline-block;
    background: url(/themes/cn/images/common/components/userBarMenu/tel.png) no-repeat;
    background-size: cover;
    width: 0.18rem;
    height: 0.18rem;
    top: 0.12rem;
    left: -0.3rem;
}


.user-bar-menu .user-bar-menu-mail:before {
    position: absolute;
    content: '';
    display: inline-block;
    background: url(/themes/cn/images/common/components/userBarMenu/mail.png) no-repeat;
    background-size: cover;
    width: 0.23rem;
    height: 0.18rem;
    top: 0.12rem;
    left: -0.3rem;
}

.user-bar-menu .user-bar-menu-msgcenter .item-count {
    float: right;
    margin-right: 0.2rem;
    margin-top: 0.12rem;
}

.user-bar-menu .user-bar-menu-langswitch .item-value {
    line-height: 0.44rem;
}

.user-bar-menu .user-bar-menu-split {
    margin-top: 0.1rem;
    margin-bottom: 0.1rem;
    width: 100%;
    display: block;
    border-bottom: 1px solid var(--umu-color-fill-secondary, #eee);
}

.user-bar-menu .user-bar-avatar {
    cursor: pointer;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0.16rem 0.16rem 0.16rem 0;
}

.user-bar-menu .user-avatar {
    width: 0.6rem;
    height: 0.6rem;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.user-bar-menu .user-avatar .user-avatar-info {
    width: 100%;
    height: 100%;
}

.user-bar-menu .show-name {
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 0.12rem;
    overflow: hidden;
}

.user-bar-menu .show-name .user-name-display {
    margin-bottom: 0.02rem;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.user-bar-menu .show-name .user-name-display .user-title {
    border-radius: 4px;
    height: 0.21rem;
    background-color: #fab400 !important;
    font-size: 0.13rem;
    color: #fff;
    font-weight: 400;
    line-height: 0.21rem;
    padding: 0 0.06rem;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.user-bar-menu .show-name .user-name-display .name {
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    font-size: 0.18rem;
    line-height: 0.25rem;
    color: var(--umu-color-text, #222);
    font-weight: 500;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-right: 0.04rem;
}

.user-bar-menu .show-name .user-name-display .user-medal {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.user-bar-menu .show-name .user-name-display .user-medal .user-medal-img {
    width: 0.2rem;
    height: 0.2rem;
    object-fit: cover;
    margin-right: 0.04rem;
}

.user-bar-menu .show-name .user-name-display .user-enterprise-title {
    border-radius: 4px;
    height: 0.21rem;
    line-height: 0.21rem;
    padding: 0 0.06rem;
    background: var(--umu-color-bg-layout, #f5f5f5);
    color: var(--umu-color-text-secondary, #666);
    font-size: 0.13rem;
    font-weight: 400;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.user-bar-menu .show-name .user-name-display .user-enterprise-title-pro {
    background: var(--umu-color-primary, #fab400);
    color: #fff;
}

.user-bar-menu .show-name .user-name-display .no-register {
    /* margin-top: 14px; */
}

.locale-jp .user-bar-menu .show-name .user-name-display {
    /* margin-right: 96px; */
}

.user-bar-menu .acc-info-wrap {
    padding-right: 0.15rem;
    color: #757575;
    font-size: 0.16rem;
}

.user-bar-menu .acc-info-wrap .enterprise-name {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.user-bar-menu .acc-info-wrap .acc-info {
    margin-bottom: 0.02rem;
}

.user-bar-menu .acc-info-wrap .no-register {
    display: none;
}

.user-bar-menu .acc-info {
    line-height: 1.5;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 100%;
    display: inline-block;
}

.user-bar-menu .acc-info.is-enterprise-acc{
    max-width: 100%;
}

.user-bar-menu .system-info {
    display: inline-block;
    max-width: 47%;
}

.user-bar-menu .profile-link {
    font-size: 0.15rem;
    line-height: 0.23rem;
    color: var(--umu-color-text-secondary, #666);
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 0.12rem;
}

.user-bar-menu .profile-link .icon.icon-forward {
    width: 0.14rem;
    height: 0.14rem;
    margin-left: 0.08rem;
}


/* 子菜单 */

.user-bar-menu .user-bar-menu-sub-list .action-item .umu-modal-btn {
    padding-left: 0.3rem;
    color: var(--umu-color-text-tertiary, #999);
    text-align: left;
}

.user-bar-menu .user-bar-menu-sub-list .action-item.active .umu-modal-btn {
    color: #1E6EE6;
    background: none;
}

/*!common/components/userLevelBadge/userLevelBadge.css*/
.user-level-badge {
    background: #3FAA34;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
    border-radius: 1px;
}

.user-level-badge .user-level {
    font-size: 0.12rem;
    color: #fff;
    line-height: 0.14rem;
    padding: 0.01rem 0.04rem;
    text-align: center;
    white-space: nowrap;
}

/* */
.user-level-badge.size-M {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

/*!common/components/userMedalIcon/userMedalIcon.css*/
.user-medal-icon {
}

.user-medal-icon .user-medal {
    width: 0.2rem;
    height: 0.2rem;
}

.user-medal-icon .user-medal img {
    display: block;
}
/*!common/components/userNameInfo/userNameInfo.css*/
.user-name-info{
    display: inline;
}

.user-name-info .user-name-content {
}

.user-name-info .user-medal-info-holder {
    display: inline-block;
    vertical-align: -0.03rem;
    margin-left: 0.05rem;
}

/* */
.user-name-info .user-medal-info-holder.width-30 {
    vertical-align: -0.06rem;
}


/* */
.user-name-info.transcate {
    display: inline-block;
    vertical-align: middle;
    max-width: 80%;
    max-width: calc(100% - 0.25rem);
    padding-right: 0.25rem;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.user-name-info.transcate .user-medal-info-holder {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
/*!common/components/viewMore/viewMore.css*/
.view-more-content {
    position: relative;
    overflow: hidden;
    background: var(--umu-color-bg-base, #fff);
    box-shadow: 0 0.01rem 0.02rem 0 rgba(0,0,0,0.06);
    padding-bottom: 0.16rem;
}
.view-more-content .content-body {
    font-size: 0.15rem;
    color: #757575;
}

.view-more-content .btn-view-more {
    position: absolute;
    z-index: 10;
    bottom: 0;
    width: 100%;
    height: 0.6rem;
    background-image: linear-gradient(-180deg, rgba(255,255,255,0.50) 1%, #FFFFFF 50%);
    font-size: 0.13rem;
    color: #757575;
    line-height: 0.8rem;
    text-align: center;
    cursor: pointer;
    left: 0;
}

.view-more-content .btn-view-more:after,
.view-more-content .btn-pack-up:after {
    content: ' ';
    width: 0.07rem;
    height: 0.07rem;
    border-left: 1px solid #757575;
    border-bottom: 1px solid #757575;
    -webkit-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    transform:rotate(-45deg);
    display: inline-block;
    margin-left: 0.08rem;
    vertical-align: 0.02rem;
}


.view-more-content .btn-pack-up {
    width: 100%;
    background: var(--umu-color-bg-base, #fff);
    height: 0.24rem;
    font-size: 0.13rem;
    color: #757575;
    line-height: 0.24rem;
    text-align: center;
    cursor: pointer;
    margin-top: 0.06rem;
}

.view-more-content .btn-pack-up:after {
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    vertical-align: -0.02rem;
}

.view-more-content .btn-pack-up {
    display: none;
}

.view-more-content.view-all .btn-view-more {
    display: none;
}

.view-more-content.view-all {
    max-height: initial !important;
    height: auto !important;
    overflow: visible;
}

.view-more-content.view-all .btn-pack-up{
    display: block;
}

/*!common/components/wechatAndAppBrand/wechatAndAppBrand.css*/
.wechat-and-app-brand {
    margin-top: 0.2rem;
}

.wechat-and-app-brand .brand-card {
    padding: 0.5rem 0.2rem;
}

.wechat-and-app-brand .brand-card .app-brand-img img{
   width: 100%;
   height: auto;
}

.wechat-and-app-brand .brand-title {
    font-size: 0.14rem;
    line-height: 0.21rem;
    color: var(--umu-color-text, #222);
    margin-bottom: 0.2rem;
    text-align: center;
}

/* */
.wechat-and-app-brand .wechat-brand .qrcode-img {
    width: 1.85rem;
    height: 1.85rem;
    padding: 0.1rem;
    margin: auto;
    border: 1px solid  #c0c0c0;
    position: relative;
}

.wechat-and-app-brand .wechat-brand .qrcode-img img {
    position: relative;
    z-index: 1;
}

/* */
.wechat-and-app-brand .wechat-brand .qrcode-img:before,
.wechat-and-app-brand .wechat-brand .qrcode-img:after {
    content: '';
    position: absolute;
    background: var(--umu-color-bg-base, #fff);
}

.wechat-and-app-brand .wechat-brand .qrcode-img:before {
    top: -0.01rem;
    bottom: -0.01rem;
    left: 0.45rem;
    right: 0.45rem;
}

.wechat-and-app-brand .wechat-brand .qrcode-img:after {
    left: -0.01rem;
    right: -0.01rem;
    top: 0.45rem;
    bottom: 0.45rem;
}

/* */
.wechat-and-app-brand .wechat-brand .tips {
    text-align: center;
    padding-top: 0.2rem;
    font-size: 0.16rem;
    color: #616161;
    line-height: 1.5;
}

/* */
.locale-jp  .wechat-and-app-brand .app-brand .download .btn {

    font-size: 0.16rem;

}

.app-brand-img {
    height: 1.03rem;
    text-align: center;
    margin-bottom: 0.2rem;
}

.brand-card.app-brand .app-brand-img {
    height: auto;
}

.app-brand-img img {
    height: 100%;
}

/*!common/components/wechatServiceAccount/wechatServiceAccount.css*/

.commonWechatServiceAccount {
    margin: 0 0.21rem;
    padding: 0.28rem 0.8rem;
    border-top: 1px solid #e8e8e8;
}

.commonWechatServiceAccount .qrcode {
    display: block;
    width: 1.2rem;
    height: 1.2rem;
    margin: 0 auto;
}
.commonWechatServiceAccount .tips {
    text-align: center;
}
.commonWechatServiceAccount .desc {
    font-size: 0.16rem;
    font-weight: 400;
    margin-top: 0.1rem;
    color: #2D2E30;
}

.enrollment .commonWechatServiceAccount {
    padding-top: 0.25rem;
}

/* 左右结构的新版 */
.commonWechatServiceAccount.horizon {
    text-align: center;
    padding: 0.35rem 0 0.3rem 0;
}

.commonWechatServiceAccount.horizon img {
    width: 0.65rem;
    height: 0.65rem;
    display: inline-block;
    margin-right: 0.15rem;
    vertical-align: top;
}

.commonWechatServiceAccount.horizon .tips {
    display: inline-block;
}

/*!common/components/weikeNoteComposer-delete/weikeNoteComposer.css*/
.weike-note-composer {}

.weike-note-composer .text-note {
    padding: 0.1rem;
    margin-bottom: 0.1rem;
    background: var(--umu-color-bg-base, #fff);
    border-bottom: 1px solid var(--umu-color-fill-secondary, #eee);
}

.weike-note-composer .pic-note-content-panel .page-panel-content {
    background: var(--umu-color-bg-base, #fff);
}

.weike-note-composer .pic-note-item {
    display: table;
    table-layout: fixed;
    width: 100%;
    padding: 0.15rem 0;
    background: var(--umu-color-bg-base, #fff);
    margin-bottom: 0.1rem;
    border-top: 1px solid var(--umu-color-fill-secondary, #eee);
    border-bottom: 1px solid var(--umu-color-fill-secondary, #eee);
}

.weike-note-composer .pic-note-item:last-child {
    margin-bottom: 0;
}

.weike-note-composer .pic-note-item .pic-note-section {
    display: table-cell;
    vertical-align: top;
}

.weike-note-composer .pic-note-item .select-section {
    width: 0.5rem;
    text-align: center;
    padding-top: 0.2rem;
}

.weike-note-composer .pic-note-item .pic-section {
    width: 1rem;
}

.weike-note-composer .pic-note-item .content-section, .weike-note-composer .pic-note-item .pic-note-list-placeholder {
    padding-right: 0.15rem;
    color: #888;
}

.weike-note-composer .pic-note-item.pic-note-selected .content-section {
    padding-right: 0.15rem;
    color: var(--umu-color-text, #333);
}

.weike-note-composer .pic-note-empty {
    color: #888;
}

.weike-note-composer .pic-note-thumbnail {
    width: 0.9rem;
    height: 0.68rem;
    background: #000;
    text-align: center;
    white-space: nowrap;
    border-bottom: 1px solid var(--umu-color-fill-secondary, #eee);
}

.weike-note-composer .pic-note-content-input-wrap .configurable-header {
    position: absolute;
    top: 0;
    background: var(--umu-color-bg-base, #fff);
    width: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.weike-note-composer .pic-note-content-input-wrap .pic-note-thumbnail {
    width: 100%;
    height: 2.7rem;
}

.weike-note-composer .pic-note-content-input-wrap .pic-note-content-input {
    padding: 0.1rem;
}

.weike-note-composer .pic-note-thumbnail:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.weike-note-composer .pic-note-thumbnail img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
}

.weike-note-composer .toggleLine .after {
    display: none;
}

.weike-note-composer .toggleLine .toggleLineWrap {
    white-space: pre-line;
}

.weike-note-composer .toggleLine .maskHelp, .weike-note-composer .toggleLine.theme2.active .showMore {
    text-align: right
}

.weike-note-composer .toggleLine .maskHelp .label, .weike-note-composer .toggleLine .showMore .label {
    color: #888;
    font-size: 0.16rem;
    cursor: pointer;
}
/*!common-new/components/errorBoundary/errorBoundary.css*/
.err-tip {
    text-align: center;
    margin: 0 auto;
    padding: 50% 0;
}
/*!common/services/userAchievementService/components/customPopup/index.css*/
.achievement-custom-popup-dialog.user-achievement-dialog .dialog-main {
    width: 3rem;
    height: 4.56rem;
    background-color: rgba(240, 240, 240, 0);
}
.popup-custom-dialog {
    width: 100%;
    height: auto;
    
}
.popup-custom-dialog .content-img {
    position: relative;
}
.popup-custom-dialog .content-img .info-img {
    width: 3rem;
    height: 4rem;
    border-radius: 4px;
    box-shadow: 0rem 0.01rem 0.03rem rgba(33, 33, 33, 0.598804);
}
.popup-custom-dialog .content-img .info-img.info-img-cursor {
    cursor: pointer;
}
.popup-custom-dialog .content-img .close-dialog {
    width: 3rem;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 0.24rem;
    
}
.popup-custom-dialog .content-img .close-dialog .icon-close-img {
    cursor: pointer;
    margin: auto;
    width: 0.32rem;
}

.popup-custom-dialog .content-img .dialog-info {
    position: absolute;
    top: 0.24rem;
    width: 3rem;
}
/*!common/services/userAchievementService/components/dailyLogin/dailyLogin.css*/
/* */
.achievement-daily-login-dialog.user-achievement-dialog .dialog-main {
    width: 3rem;
    background-color: var(--umu-color-bg-base, #fff);
    border-radius: 6px;
}

.achievement-daily-login-dialog .daily-login-header {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 1.43rem;
    background: url(/themes/cn/images/common/services/userAchievementService/bg-daily-login-0826.png) no-repeat;
    background-size: 100% 100%;
}

.achievement-daily-login-dialog .daily-login-header.com {
    background: url(/themes/cn/images/common/services/userAchievementService/bg-daily-login-0826-com.png) no-repeat;
    background-size: 100% 100%;
}

.achievement-daily-login-dialog .daily-close {
    position: absolute;
    background: url(/themes/cn/images/common/services/userAchievementService/close.png) center no-repeat;
    background-size: cover;
    cursor: pointer;
    z-index: 1;
    top: 0.11rem;
    right: 0.12rem;
    width: 0.14rem;
    height: 0.14rem;
}

/* */
.daily-login-dialog .daily-login-card {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 3rem;
    padding: 0.2rem 0.24rem;
}

.daily-login-dialog .daily-login-card .info {
    overflow: hidden;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    -webkit-align-items: baseline;
    -moz-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    color: var(--umu-color-text, #222);
    font-size: 0.14rem;
    margin-bottom: 0.2rem;
}

.daily-login-dialog .daily-login-card .info .days {
    padding-right: 0.04rem;
    font-weight: bold;
    color: #FF860C;
    font-size: 0.44rem;
    line-height: 0.44rem;
}

.daily-login-dialog .daily-login-card .title {
    width: 100%;
    text-align: center;
    padding: 0;
    font-weight: 500;
    color: var(--umu-color-text, #222);
    font-size: 0.18rem;
    margin-bottom: 0.1rem;
}

.daily-login-dialog .daily-login-card .desc {
    width: 100%;
    text-align: center;
    font-size: 0.17rem;
    color: var(--umu-color-text, #222);
    margin-bottom: 0.11rem;
}

.daily-login-dialog .daily-login-card .points {
    color: var(--umu-color-text-secondary, #666);
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 0.14rem;
    line-height: 0.2rem;
}

.daily-login-dialog .daily-login-card .points .up-img {
    margin: 0 0.04rem;
    width: 0.25rem;
    height: 0.17rem;
}

.daily-login-dialog .daily-login-card .points .up-num {
    font-size: 0.14rem;
    color: #fab400;
}


.daily-login-dialog .daily-login-card .actions {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    margin-top: 0.2rem;
    text-align: right;
}

.daily-login-dialog .daily-login-card .actions .umu-btn {
    display: inline-block;
    height: 0.36rem;
    line-height: 0.36rem;
    padding: 0 0.12rem;
}

.daily-login-dialog .daily-login-card .actions .umu-btn.btn-primary {
    font-size: 0.16rem;
    height: 0.36rem;
    line-height: 0.36rem;
    /*margin-left: 16px;*/
}

.daily-login-dialog .daily-login-card .actions .umu-btn.preview {
    font-size: 0.16rem;
    color: #1E6EE6;
    text-align: center;
    line-height: 0.36rem;
    padding: 0 0.04rem 0 0;;
}

/*!common/services/userAchievementService/components/inviteCUserDialog/index.css*/
.show-invite-c-user-dialog .dialog-main{
    border-radius: 4px;
}
.show-invite-c-user-dialog .show-invite-c-user-dialog-wrap{
    position: relative;
    padding: 0.2rem;
}
.show-invite-c-user-dialog .show-invite-c-user-dialog-wrap .title {
    padding: 0;
    margin-bottom: 0.12rem;
    font-size: 0.16rem;
    line-height: 0.24rem;
    font-weight: 500;
    text-align: left;
}
.show-invite-c-user-dialog .show-invite-c-user-dialog-wrap .icon-close {
    position: absolute;
    top: 0.22rem;
    right: 0.2rem;
    cursor: pointer;
}
.show-invite-c-user-dialog .show-invite-c-user-dialog-wrap .show-invite-c-user-dialog-content{
    margin-bottom: 0.12rem;
    max-height: 3rem;
    overflow-y: auto;
}
.show-invite-c-user-dialog .show-invite-c-user-dialog-wrap .show-invite-c-user-dialog-content p{
    line-height: 0.2rem;
    margin-bottom: 0.08rem;
}
.show-invite-c-user-dialog .show-invite-c-user-dialog-wrap .operation{
    text-align: right;
}
.show-invite-c-user-dialog .show-invite-c-user-dialog-wrap .operation .cancel{
    color: #A2A2A2;
    cursor: pointer;
}
.show-invite-c-user-dialog .show-invite-c-user-dialog-wrap .operation .confirm {
    color: #2C70FD;
    margin-left: 0.36rem;
    cursor: pointer;
}
/*!common/services/userAchievementService/components/levelPrivilegeOffline/index.css*/
.level-privilege-offline {
    padding: 0.2rem;
}
.level-privilege-offline .title {
    padding: 0;
    margin-bottom: 0.12rem;
    font-size: 0.16rem;
    line-height: 0.24rem;
    font-weight: 500;
    text-align: left;
}
.level-privilege-offline .desc {
    margin-top: 0.04rem;
    font-size: 0.15rem;
    line-height: 0.22rem;
}
.level-privilege-offline .desc span {
    color: #DD4E40;
}
.level-privilege-offline .operation {
    margin-top: 0.24rem;
    text-align: right;
    font-size: 0.16rem;
}
.level-privilege-offline .operation .btn {
    margin-left: 0.32rem;
    padding: 0;
}
.level-privilege-offline .operation button {
    border: 0 none;
    background: transparent;
    outline: none;
    font-size: 0.16rem;
}

.level-privilege-offline.ngdialog.ngdialog-theme-umu .ngdialog-content {
    margin-left: 0;
    -webkit-transform: translate(-50%, -50%)!important;
    -ms-transform: translate(-50%, -50%)!important;
    transform: translate(-50%, -50%)!important;
}

/*!common/services/userAchievementService/components/officialPopup/index.css*/
.user-achievement-dialog.achievement-official-popup-dialog .dialog-main {
    width: 3.2rem;
    box-shadow: unset;
    background-color: rgba(240, 240, 240, 0);
}
.user-achievement-dialog.achievement-official-popup-dialog .official-dialog-info.official-dialog-info-mobile .heard-info {
    font-weight: 600;
    font-size: 0.18rem;
    line-height: 0.25rem;
}
.user-achievement-dialog.achievement-official-popup-dialog .official-dialog-info.official-dialog-info-mobile .official-dialog-body {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 1.2rem;
    padding: 0.1rem 0.2rem;
}
.user-achievement-dialog.achievement-official-popup-dialog .official-dialog-info.official-dialog-info-mobile .img-info {
    width: 100%;
    margin-top: 0.12rem;
}
.user-achievement-dialog.achievement-official-popup-dialog .official-dialog-info.official-dialog-info-mobile .content-info {
    width: 100%;
    margin-top: 0.12rem;
    word-break: break-all;
    max-height: 1.6rem;
    overflow-y: auto;
    font-size: 0.16rem;
    line-height: 0.24rem;
}
.user-achievement-dialog.achievement-official-popup-dialog .official-dialog-info.official-dialog-info-mobile .footer-info {
    margin-top: 0.24rem;
    text-align: right;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
}
.user-achievement-dialog.achievement-official-popup-dialog .official-dialog-info.official-dialog-info-mobile .footer-info-no-content {
    margin-top: auto;
}
.user-achievement-dialog.achievement-official-popup-dialog .official-dialog-info.official-dialog-info-mobile .official-dialog-title {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 0.16rem;
    line-height: 0.24rem;
    padding: 0.1rem 0.2rem;
    border-bottom: 1px solid var(--umu-color-fill-secondary, #eee);

}
.user-achievement-dialog.achievement-official-popup-dialog .official-dialog-info.official-dialog-info-mobile .official-dialog-title .official-dialog-title-icon {
    width: 0.24rem;
    height: 0.24rem;
    cursor: pointer;
}
.user-achievement-dialog.achievement-official-popup-dialog .official-dialog-info.official-dialog-info-mobile {
    width: 100%;
    border-radius: 4px;
    background-color: var(--umu-color-bg-base, #fff);
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    color: var(--umu-color-text, #222);
    margin: auto;
}
.announcement-btn {
    cursor: pointer;
    font-size: 0.14rem;
    font-style: normal;
    line-height: 0.2rem;
    padding: 0.06rem 0.12rem;
    border-radius: 4px;
}
.text.announcement-btn {
    color: #1e6ee6;
}
.primary.announcement-btn {
    color: #ffffff;
    font-weight: 600;
    background-color: var(--umu-color-primary, #fab400);
}
.announcement-close {
    cursor: pointer;
}

/*!common/services/userAchievementService/components/userLevel/userLevel.css*/
.achievement-user-level-dialog.user-achievement-dialog .dialog-main {
    text-align: center;
    width: 2.68rem;
}

.locale-jp  .achievement-user-level-dialog.user-achievement-dialog .dialog-main {
    width: 2.98rem;
}


/* */
.upgrade-lv {
    border-radius: 4px;
    padding: 0.5rem 0.2rem 0.32rem;
}

.upgrade-lv .lv {
    font-size: 0.64rem;
    line-height: 0.9rem;
    color: #3FAA34;
}
.locale-jp .upgrade-lv .lv {
    font-size: 0.48rem;
}

.upgrade-lv .title {
    font-size: 0.19rem;
    line-height: 0.26rem;
    padding: 0;
}

.upgrade-lv .privilege {
    padding-top: 0.25rem;
    line-height: 1.5;
    min-height: 0.5rem;
}

.upgrade-lv .privilege .privilege-label {
    font-size: 0.14rem;
    color: #757575;
}

.upgrade-lv .privilege .privilege-type {
    font-size: 0.16rem;
}

.upgrade-lv .encourage {
    text-align: left;
    font-size: 0.14rem;
    line-height: 0.18rem;
    padding-top: 0.13rem;
    color: #757575;
    min-height: 0.72rem;
}

/* */
.upgrade-lv-999.upgrade-lv {
    background: #292929;
}


.locale-jp  .upgrade-lv-999.upgrade-lv .lv {
    font-size: 0.4rem;
}



.locale-en .upgrade-lv-999.upgrade-lv .lv {
    font-size: 0.4rem;
}

.upgrade-lv-999 .title {
    color: #fff;
}

.upgrade-lv-999 .privilege {
}

.upgrade-lv-999 .privilege .privilege-label {
    color: #FFF;
    opacity: .7;
}

.upgrade-lv-999 .privilege .privilege-type {
    color: #fff;
}

.upgrade-lv-999 .encourage {
    color: #fff;
    opacity: .7;
}

/* */
.user-level-dialog-wrap {
    position: relative;
    z-index: 2;
}

.user-level-dialog .upgrade-lv:before,
.user-level-dialog .upgrade-lv:after {
    content: '';
    position: absolute;
    z-index: 1;
    width: 100%;
    background: no-repeat;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

.user-level-dialog .upgrade-lv:before {
    top: 0;
    right: 0;
    height: 40%;
    background-position: 0 0;
}

.user-level-dialog .upgrade-lv:after {
    bottom: 0;
    left: 0;
    height: 60%;
    background-position: 0 100%;
}

.user-level-dialog .upgrade-lv-range-1:before,
.user-level-dialog .upgrade-lv-range-1:after {
    background-image: url('/themes/cn/images/common/services/userAchievementService/lv-range-1.png');
}

.user-level-dialog .upgrade-lv-range-11:before,
.user-level-dialog .upgrade-lv-range-11:after {
    background-image: url('/themes/cn/images/common/services/userAchievementService/lv-range-11.png');
}

.user-level-dialog .upgrade-lv-range-21:before,
.user-level-dialog .upgrade-lv-range-21:after {
    background-image: url('/themes/cn/images/common/services/userAchievementService/lv-range-21.png');
}

/*!common/services/userAchievementService/components/userMedal/userMedal.css*/
/* */
.achievement-user-medal-dialog.user-achievement-dialog .dialog-main {
    width: 3.1rem;
}

/* */
.user-medal-dialog {
}

.user-medal-dialog .user-medal-preview {
    width: 1.3rem;
    margin: auto;
    padding-top: 0.2rem;
}

/* */
.user-medal-dialog .user-medal-card {
    padding: 0.2rem 0.25rem;
    text-align: center;
}

.user-medal-dialog .user-medal-card .title {
    font-size: 0.22rem;
    color: #000;
    margin-top: -0.3rem;
    margin-bottom: 0.05rem;
}
.user-medal-dialog .user-medal-card .user-medal-remark {
    font-size: 0.16rem;
    line-height: 0.24rem;
    color: #757575;
    text-align: center;
    margin-bottom: 0.05rem;
}
.user-medal-dialog .user-medal-card .desc {
    font-size: 0.14rem;
    color: var(--umu-color-text, #222);
    text-align: center;
    margin-top: 0.1rem;
}

.user-medal-dialog .user-medal-card .points {
    font-size: 0.14rem;
    color: #000000;
    margin-top: 0.1rem;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.user-medal-dialog .user-medal-card .points .highlight {
    margin-left: 0.04rem;
    color: var(--umu-color-primary, #ffbd2b);
}
.user-medal-dialog .user-medal-card .points .user-medal-icons {
    width: 0.24rem;
    height: 0.24rem;
    display: block;
    margin-right: 0.04rem;
}
.user-medal-dialog .user-medal-card .actions {
    margin-top: 0.2rem;
}

.user-medal-dialog .user-medal-card .action {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0.05rem;
}

.user-medal-dialog .user-medal-card .action .umu-btn {
    line-height: 1;
    min-width: 1.1rem;
    font-size: 0.16rem;
}


.locale-jp .user-medal-dialog .user-medal-card .action .umu-btn {
    font-size: 0.14rem;
    padding: 0.12rem 0.1rem;
    min-width: 1rem;
}

/*!common/services/userAchievementService/userAchievementService.css*/
.user-achievement-dialog .dialog-main {
    line-height: 1.5;
    border-radius: 4px;
}

.user-achievement-dialog .dialog-main .close {
    color: var(--umu-color-text-tertiary, #999);
    font-size: 0.22rem;
    height: 0.3rem;
    line-height: 0.3rem;
    position: absolute;
    z-index: 9;
    right: 0;
    top: 0;
    width: 0.3rem;
    text-align: center;
    padding: 0.05rem;
    cursor: pointer;
}

.user-achievement-dialog .dialog-main .close:before {
    content: '\00D7';
}

.user-achievement-dialog .dialog-main .close:hover {
    color: var(--umu-color-text-secondary, #666);
}

/*!page/resultDisplay/components/loginedUserInfo/loginedUserInfo.css*/
.logined-user-info{position: relative;padding-left: 0.5rem;display: inline-block;vertical-align: middle;margin: 0.22rem 0;min-height: 0.4rem;}
.logined-user-info .user-avatar{position: absolute;top: 0;left: 0;}
.logined-user-info .user-avatar-info{width: 0.4rem;height: 0.4rem;}
.logined-user-info .user-info{text-align: left;max-width: 2.4rem;}
.logined-user-info .user-info .name{font-size: 0.18rem;color: var(--umu-color-text, #222);line-height: 1.5;padding-top: 0.03rem;margin-top: -0.04rem;}
.logined-user-info .user-info .account{font-size: 0.14rem;color: var(--umu-color-text-tertiary, #999);}

/* */

.new-info-detail .infoDetail {width: 2.5rem;margin: auto;}
.new-info-detail .infoDetail .info-desc{text-align: left;color: var(--umu-color-text-secondary, #666);margin-top: 0;}
.new-info-detail .infoDetail .info-options{margin-top: 0.32rem;}
.new-info-detail .infoDetail .info-desc span{color: #000;}
.new-info-detail .info-option .umu-btn{font-size: 0.17rem;height: 0.38rem;line-height: 0.38rem;display: block;margin: 0rem;padding: 0 0.25rem;}
/*!page/resultDisplay/components/submitCustomButton/submitCustomButton.css*/


/*!page/resultDisplay/page/accessDenied/accessDenied.css*/
.access-denied .btn-go-home {
    font-size: 0.15rem;
    cursor: pointer;
}
/*!page/resultDisplay/page/enterpriseAccessDenied/enterpriseAccessDenied.css*/
.tip-desc {
    font-size: 0.14rem;
}

/*!page/resultDisplay/page/enterpriseNeedLogin/enterpriseNeedLogin.css*/
.tip-desc {
    font-size: 0.14rem;
}
/*!page/resultDisplay/page/notifySigninSuccess/notifySigninSuccess.css*/
.signin-notify-result-display .infoDetail {
    padding: 0.38rem 0.55rem;
}

.signin-notify-result-display .infoDetail .info-detail-signin-count {
    font-size: 0.15rem;
    margin-top: 0.07rem;
}

.signin-notify-result-display .infoDetail {
    background: var(--umu-color-bg-base, #fff);
}

.signin-notify-doc {
    background: var(--umu-color-bg-layout, #f5f5f5);
}

.course-info-card {
    background: var(--umu-color-bg-base, #fff);
    border-bottom: 1px solid var(--umu-color-fill-secondary, #eee);
    margin: 0 0.1rem;
}

.course-info-card-body {
    padding: 0.1rem;
}

.course-info-card .card-content {
    display: block;
    padding-left: 1rem;
    position: relative;
    min-height: 0.6rem;
}

.course-info-card .weike-banner {
    position: absolute;
    top: 0;
    left: 0;
    margin-top: 0.03rem;
    overflow: hidden;
    width: 0.9rem;
    height: 0.56rem;
}

.course-info-card .weike-banner .weike-load-banner.img {
    height: 0.56rem;
}

.course-info-card .course-title {
    font-size: 0.17rem;
    color: var(--umu-color-text, #222);
    line-height: 1.2;
    text-align: left;
    padding-top: 0.03rem;
}

.course-info-card .teacher-name {
    font-size: 0.14rem;
    color: #757575;
    margin-top: 0.03rem;
    text-align: left;
}

.separator-wrap {
    padding: 0.3rem 0.1rem;
    background: var(--umu-color-bg-layout, #f5f5f5);
    text-align: center
}

.separator-line {
    border-bottom: 1px solid var(--umu-color-border, #e0e0e0);
    margin-bottom: -0.1rem;
}

.separator-text {
    color: #747474;
    background: var(--umu-color-bg-layout, #f5f5f5);
    display: inline-block;
    padding: 0 0.1rem;
}

/*!page/resultDisplay/page/submitLotterySuccess/submitLotterySuccess.css*/
.lottery-result-display .infoDetail{
    padding: 0.88rem 0.55rem 0.28rem;
}
/*!page/resultDisplay/page/submitQuizSuccess/components/flowers/flower.css*/
.flowers-wrap {
    position: relative;
}

.flowers-wrap .flowers-cavas-wrap {
    position: absolute;
    top: 0;
    z-index: 100;

}

/*!page/resultDisplay/page/submitQuizSuccess/components/questionCollectionTip/questionCollectionTip.css*/
.question-collection-tip-dialog .dialog-main {
    width: 3.15rem;
    border-radius: 2px;
}

.question-collection-tip {
    padding: 0.2rem, 0.25rem;
    text-align: center;
}

.question-collection-tip .close {
    color: var(--umu-color-text-tertiary, #999);
    font-size: 0.22rem;
    height: 0.3rem;
    line-height: 0.3rem;
    position: absolute;
    z-index: 9;
    right: 0;
    top: 0;
    width: 0.3rem;
    text-align: center;
    padding: 0.05rem;
    cursor: pointer;
}

.question-collection-tip .close:before {
    content: '\00D7';
}

.question-collection-tip .close:hover {
    color: var(--umu-color-text-secondary, #666);
}

.question-collection-tip .tip-card {
    padding: 0.24rem 0.2rem;
    text-align: center;
}

.question-collection-tip .tip-card .tip-title {
    font-size: 0.2rem;
    line-height: 0.28rem;
    color: var(--umu-color-text, #222);
}

.question-collection-tip .tip-card .tip-desc {
    font-size: 0.16rem;
    line-height: 0.225rem;
    color: var(--umu-color-text, #222);
    text-align: left;
    margin-top: 0.2rem;
}

.question-collection-tip .tip-card .tip-question-title {
    font-size: 0.16rem;
    line-height: 0.225rem;
    color: var(--umu-color-text, #222);
    font-weight: 500;
    text-align: left;
    margin-top: 0.16rem;
    margin-bottom: 0.04rem;
}

.question-collection-tip .tip-card .tip-question-option {
    position: relative;
    text-align: left;
    line-height: 0.2rem;
    margin-top: 0.08rem;
    margin-left: 0.18rem;
}

.question-collection-tip .tip-card .tip-question-option-pre {
    position: absolute;
    font-size: 0.38rem;
    color: #1E6EE6;
}

.question-collection-tip .tip-card .tip-question-option-pre:before {
    content: '•';
}

.question-collection-tip .tip-card .tip-question-option-content {
    font-size: 0.14rem;
    color: var(--umu-color-text, #222);
    margin-left: 0.2rem;
}

.question-collection-tip .tip-card .umu-btn {
    margin-top: 0.315rem;
    font-size: 0.16rem;
    width: 100%;
}

/*!page/resultDisplay/page/submitQuizSuccess/components/quizResultState/quizResultState.css*/
.quiz-result-state {
    padding-top: 0.05rem;
}
.quiz-result-state .quiz-result-item-info .item-text {
    width: auto;
}
/*!page/resultDisplay/page/submitQuizSuccess/components/rankItem/rankItem.css*/
.quiz-rank-item.rank-item .rank-item-left {
    padding: 0.15rem;
    padding-right: 0;
    /* float: left; */
    width: 0.36rem;
    height: 0.4rem;
    line-height: 0.4rem;
    text-align: center;
    margin-right: 0.12rem;
}
.quiz-rank-item {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.rank-item .rank-item-right {
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative;
    padding: 0.15rem;
    padding-left: 0;
    overflow: hidden;
    font-size: 0.17rem;
    color: var(--umu-color-text, #222);
    line-height: 0.4rem;
    box-shadow: none;
}

.rank-item .rank-item-right .avatar {
    height: 0.4rem;
    width: 0.4rem;
    display: block;
    margin-right: 0.12rem;
    position: absolute;
}

.rank-item .rank-item-right .rank-item-score {
    float: right;
    font-size: 0.16rem;
    color: #000000;
}

.rank-item .rank-item-right .user-name-info {
    position: absolute;
    left: 0.5rem;
    font-size: 0.16rem;
    color: #000000;
    width: 100%;
}

.rank-item .rank-item-right .user-name-info .user-name-content {
    display: inline-block;
    vertical-align: top;
    text-align: left;
    max-width: 70%;
    max-width: calc(100% - 1.6rem);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.rank-item .rank-item-right .user-medal-info-holder {
    /* margin-bottom: 0; */
}

.list-item:nth-child(1) .rank-item-left span,
.list-item:nth-child(2) .rank-item-left span,
.list-item:nth-child(3) .rank-item-left span {
    display: inline-block;
    height: 0.28rem;
    width: 0.3rem;
    background: url(/themes/cn/images/page/rankItem/icon_first.png) no-repeat;
    background-size: cover;
    font-size: 0;
    vertical-align: middle;
}

.list-item:nth-child(2) .rank-item-left span {
    background-image: url(/themes/cn/images/page/rankItem/icon_secend.png);
}

.list-item:nth-child(3) .rank-item-left span {
    background-image: url(/themes/cn/images/page/rankItem/icon_third.png);
}

.rank-item .name-time-rwap {
    position: absolute;
    line-height: 1.3;
    width: 100%;
}

.rank-item .user-name {
    position: absolute;
    left: 0.5rem;
    top: 0;
    font-size: 0.16rem;
    color: #000000;
}

.rank-item .rank-item-time {
    position: absolute;
    left: 0.5rem;
    top: 0.25rem;
    font-size: 0.14rem;
    color: #757575;
}

/*!page/resultDisplay/page/submitQuizSuccess/components/rankList/rankList.css*/
.result-rank-list .list-footer {
    padding: 0.15rem 6%;
}

.result-rank-list .list-header {
    position: relative;
    margin: 0 0.15rem;
}

.result-rank-list .list-header .title {
    display: inline-block;
    font-size: 0.19rem;
    color: var(--umu-color-text, #222);
    line-height: 0.52rem;
}

.result-rank-list .list-header .share {
    display: block;
    font-size: 0.16rem;
    line-height: 0.52rem;
    float: right;
}

.result-rank-list .my-rank-wrap {
    background: #FFFAEC;
}

/*!page/resultDisplay/page/submitQuizSuccess/components/scoreCard/scoreCard.css*/
/* common */
.score-card {

}
.score-card .ribbon {
    font-size: 0.16rem;
    color: #FFFFFF;
    text-align: center;
    line-height: 0.37rem;
    margin: 0 auto;
    margin-top: -0.5rem;
    z-index: 10;
}

.score-card .red-ribbon {
    background: url(/themes/cn/images/page/scoreCard/red-ribbon.png) no-repeat;
    background-size: contain;
    width: 2.09rem;
    height: 0.47rem;
    margin: 0 auto;
}

.score-card .score-medal {
    margin: 0 auto;
}

.score-card .score-num {
    width: 100%;
    text-align: center;
    font-size: 0.36rem;
}

.score-card .score-label {
    font-size: 0.18rem;
}

.score-card .score-num.font-30 .score-integer {
    font-size: 0.3rem;
    display: inline-block;
}

.score-card .score-num.font-24 .score-integer {
    font-size: 0.24rem;
    display: inline-block;
}

.score-card .score-num.font-24 .score-decimal {
    font-size: 0.19rem;
    display: inline-block;
}

.score-card .score-num.font-20 .score-integer {
    font-size: 0.2rem;
    display: inline-block;
}

.score-card .score-num.font-20 .score-decimal {
    font-size: 0.15rem;
    display: inline-block;
}

.score-card .score-card-type {
    padding-top: 0.3rem;
    padding-bottom: 0.2rem;
}

/* pass-quiz */
.score-card .pass-quiz {
    position: relative;
}
.score-card .pass-quiz .score-medal {
    background: url(/themes/cn/images/page/scoreCard/good-score.png) no-repeat;
    background-size: contain;
    width: 1.78rem;
    height: 1.66rem;
    margin: 0 auto;
}

.score-card .pass-quiz .score-num {
    color: #9D8129;
    line-height: 1.6rem;
}

/* fail-quiz */
.score-card .fail-quiz .score-num {
    color: #FBBD05;
    line-height: 0.5rem;
}

.score-card .fail-quiz .fail-text {
    text-align: center;
    margin: 0.05rem 0 0.2rem 0;
    font-size: 0.18rem;
    color: var(--umu-color-text, #222);
    line-height: 0.25rem;
}

.score-card .score-card-type.fail-quiz {
    padding-bottom: 0;
}

.score-card .fail-quiz .fail-img {
    background: url(/themes/cn/images/page/scoreCard/fail-score.png) no-repeat;
    width: 1.2rem;
    height: 0.8rem;
    margin: 0 auto;
    background-size: contain;
}

/* average-quiz */
.score-card .average-quiz .score-medal {
    background: url(/themes/cn/images/page/scoreCard/average-score.png) no-repeat;
    background-size: contain;
    width: 1.78rem;
    height: 1.66rem;
    margin: 0 auto;
}

.score-card .average-quiz .score-num {
    color: #5B2121;
    line-height: 1.6rem;
}

/* excellent-quiz */
.score-card .excellent-quiz .score-medal {
    background: url(/themes/cn/images/page/scoreCard/good-score.png) no-repeat;
    background-size: contain;
    width: 1.78rem;
    height: 1.66rem;
    margin: 0 auto;
}

.score-card .excellent-quiz .score-num {
    color: #9D8129;
    line-height: 1.6rem;
}


/* no-score-quiz */
.score-card .no-score-quiz .score-medal {
    background: url(/themes/cn/images/page/scoreCard/no-score.png) no-repeat;
    background-size: contain;
    width: 1.78rem;
    height: 1.66rem;
    margin: 0 auto;
}

.score-card .no-score-quiz .no-score-title {
    color: #9D8129;
    line-height: 1.65rem;
    margin: 0 auto;
    width: 100%;
    text-align: center;
    font-size: 0.25rem;
}

.score-card .no-score {
    text-align: center;
    background: #FFFAEC;
    font-size: 0.16rem;
    color: #404040;
    line-height: 0.2rem;
    padding: 0.1rem 0rem;
    margin: 0 5% 0.05rem 5%;
}


@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    50% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}


@keyframes pulse {
    0% {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    50% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}
.animated {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse
}

.objective-score-card {
    margin-top: 0.2rem;
    text-align: center;
}
.objective-score-card .avatar {
    width: 0.5rem;
    margin: 0 auto 0.16rem;
}
.objective-score-card .pass {
    display: inline-block;
    margin-top: 0.1rem;
    padding: 0.05rem;
    font-size: 0.16rem;
    color: #fff;
    background-color: #ffb549;
}
.objective-score-card .objective-score {
    margin: 0.15rem;
}
/*!page/resultDisplay/page/submitQuizSuccess/components/scoreFooter/scoreFooter.css*/
.quiz-result-info {
    margin: 0.05rem 5% 0.2rem 5%;
    padding-top: 0.05rem;
}

.quiz-result-info .custom-text {
    font-size: 0.16rem;
    color: #404040;
    line-height: 0.22rem;
    text-align: center;
}

.quiz-result-collection-info {
    margin: 0.24rem auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    text-align: center;
    padding: 0 0.32rem;
}

.quiz-result-collection-info .collection-text {
    height: 0.22rem;
    margin-left: -0.1rem;
    vertical-align: middle;
    font-size: 0.16rem;
    color: #757575;
    line-height: 0.22rem;
    text-align: center;
}

.quiz-result-collection-info .collection-icon {
    display: inline-block;
    vertical-align: middle;
    margin-left: 0.04rem;
    margin-bottom: 0.02rem;
    width: 0.17rem;
    height: 0.22rem;
    background-image: url(/themes/cn/images/page/scoreFooter/icon-tip.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position-y: center;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}

.result-btn-wrap {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0.05rem 5% 0.2rem 5%;
}

.result-btn-wrap .result-btn:first-child {
    margin-right: 0.1rem;
}

.result-btn-wrap .result-btn {
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}


/*!page/resultDisplay/page/submitQuizSuccess/submitQuizSuccess.css*/

.iE{background: url(/themes/cn/images/icon/quiz-result.png) no-repeat;-webkit-background-size: 17px auto;-moz-background-size: 17px auto;background-size: 0.17rem auto;width: 0.17rem;height: 0.25rem;display: inline-block;vertical-align: -0.06rem;margin-right: 0.1rem;}
.iE_1{background-position: 0 0.05rem;}
.iE_2{background-position: 0 -0.14rem;}
.iE_3{background-position: 0 -0.36rem;}
.iE_4{background-position: 0 -0.56rem;}
.iE_5{background-position: 0 -0.76rem;}

.exam-result-info {
    text-align: center;
}
.examResultInfoWrap{
    font-size:0.17rem;
    text-align: left;
    display: inline-block;
    vertical-align: middle;
    line-height: 0.34rem;
}
.exam-result-info .exam-score {
    margin-bottom: 0.6rem;
}
.exam-result-info.has-pass-mark .exam-score {
    margin-bottom: 0.3rem;
}
.exam-result-info .exam-result-mark {
    font-size: 0.2rem;
}
.exam-result-info.has-pass-mark .exam-result-mark {
    font-size: 0.17rem;
}

.exam-result-info .exam-result-mark span {
    color: var(--umu-color-primary, #ffbd2a);
    font-size: 0.34rem;
}

.exam-result-info.has-pass-mark .exam-result-mark span {
    color: var(--umu-color-primary, #ffbd2a);
    font-size: 0.25rem;
}

.exam-result-info .examResultUrl {
    margin-top: 0.2rem;
}

.no_common_info_brand .exam-result-info .examResultUrl {
    margin-bottom: 0.5rem;
}

.quiz-result-display .infoDetail {
    padding-left: 0;
    padding-right: 0;
}

.quiz-result-display .infoDetail .result-url-wrap,
.quiz-result-display .infoDetail .custom-url-wrap {
    margin: 0.22rem 15%;
}

.infoDetail .infoType.quizSuccess .icon,
.infoDetail .infoType.quizSubmit .icon {
    width: 1.82rem;
    height: 1.23rem;
    background-image: url(/themes/cn/images/quiz/submit-success.png);
    background-repeat: no-repeat;
    margin: 0 0 0.2rem;
}

.infoDetail .infoType.quizFail .icon {
    width: 1.22rem;
    height: 1.03rem;
    background-image: url(/themes/cn/images/quiz/quiz-fail.png);
    background-repeat: no-repeat;
    margin: 0.05rem 0 0.2rem;
}

.quiz-result-display .infoCnt .infoMain {
    font-size: 0.24rem;
}


.quiz-result-display .custom-text {
    /* margin: 5px 10% 15px 10%; */
}

.quiz-count-limit {
    text-align: center;
    margin-top: 0.15rem;
}

.quiz-count-limit .redo-quiz {
    font-size: 0.16rem;
    color: #2196f3;
    line-height: 1.5;
    cursor: pointer;
}

.quiz-count-limit .dialog-content
{
    font-size: 0.13rem;
    color: #545454;
    text-align: left;
    line-height: 1.4;
    padding: 0.1rem 0.15rem;
}

.quiz-result-display .btn_giraffe {
    background-position: 100% -2.16rem;
}


.locale-jp .result-url-wrap .btn_giraffe {
    font-size: 0.16rem;
}



/* new */
.quiz-result-doc {
    /* background-color: var(--umu-color-bg-layout, #f5f5f5); */
}

.quiz-result-doc .result-score {
    background: var(--umu-color-bg-base, #fff);
}

.quiz-result-doc .result-rank::before {
    content: '';
    display: block;
    height: 0.1rem;
    background: var(--umu-color-bg-layout, #f5f5f5);
    box-shadow: inset 0 0.01rem 0.04rem 0 rgba(0,0,0,0.06);
}


.quiz-result-doc .result-rank {
    background: var(--umu-color-bg-base, #fff);
}

.quiz-result-doc .commonWechatServiceAccount {
    padding: 0.55rem 0;
    background: var(--umu-color-bg-base, #fff);
}
.doc.submitquiz-success .lang-switch-item .is-checked {
    margin-top: -0.28rem;
}

/*!page/resultDisplay/page/submitSigninSuccess/submitSigninSuccess.css*/
.signin-result-display .infoDetail{
    padding: 0.38rem 0.55rem 0;
}

.signin-result-display .infoDetail .info-detail-signin-count {
    font-size: 0.15rem;
    margin-top: 0.07rem;
}
/*!page/resultDisplay/page/submitSurveySuccess/submitSurveySuccess.css*/
.survey-result-display .infoDetail{
    padding: 0.24rem 0.55rem;
}