.knowledge-page-contaienr{
  height:100%;
  padding-top:14.667vw;
}
.knowledge-graph-container{
  height:100%;
  padding-bottom:4.533vw;
  position:relative;
  width:100%;
}
.knowledge-graph-container .iframe-class{
  border:none;
  height:100%;
  left:0;
  position:absolute;
  top:0;
  width:100%;
}
.knowledge-graph-container .loading-container{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  height:100%;
  width:100%;
  -webkit-box-pack:center;
  -webkit-justify-content:center;
      -ms-flex-pack:center;
          justify-content:center;
  -webkit-box-align:center;
  -webkit-align-items:center;
      -ms-flex-align:center;
          align-items:center;
}
.ipub-rich-name{
  color:var(--rich-name-text-color, #1a2233);
  display:-webkit-box;
  font-size:var(--rich-name-font-size, 4.267vw);
  font-weight:var(--rich-name-font-weight, bold);
  line-height:var(--rich-name-line-height, 6.4vw);
  overflow:hidden;
  text-overflow:ellipsis;
  word-break:break-all;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:var(--rich-name-line-clamp, 2);
}
.ipub-rich-name .name-item > *,.ipub-rich-name > *{
  display:inline;
}
.ipub-rich-name .name-item-margin{
  margin-left:var(--rich-name-margin-left, 1.067vw);
}

/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */

html{
  line-height:1.15;
  -ms-text-size-adjust:100%;
  -webkit-text-size-adjust:100%;
}

body{
  margin:0;
}

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

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

figcaption,figure,main{
  display:block;
}

figure{
  margin:1em 40px;
}

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

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

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

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

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

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

dfn{
  font-style:italic;
}

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

small{
  font-size:80%;
}

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

sub{
  bottom:-.25em;
}

sup{
  top:-.5em;
}

audio,video{
  display:inline-block;
}

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

img{
  border-style:none;
}

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

button,input,optgroup,select,textarea{
  font-family:sans-serif;
  font-size:100%;
  line-height:1.15;
  margin:0;
}

button,input{
  overflow:visible;
}

button,select{
  text-transform:none;
}

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

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

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

fieldset{
  padding:.35em .75em .625em;
}

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

progress{
  display:inline-block;
  vertical-align:baseline;
}

textarea{
  overflow:auto;
}

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

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

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

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

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

details,menu{
  display:block;
}

summary{
  display:list-item;
}

canvas{
  display:inline-block;
}

[hidden],template{
  display:none;
}

/*!
 * Viewer.js v1.11.7
 * https://fengyuanchen.github.io/viewerjs
 *
 * Copyright 2015-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2024-11-24T04:32:14.526Z
 */.viewer-close:before,.viewer-flip-horizontal:before,.viewer-flip-vertical:before,.viewer-fullscreen-exit:before,.viewer-fullscreen:before,.viewer-next:before,.viewer-one-to-one:before,.viewer-play:before,.viewer-prev:before,.viewer-reset:before,.viewer-rotate-left:before,.viewer-rotate-right:before,.viewer-zoom-in:before,.viewer-zoom-out:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 560 40'%3E%3Cpath fill='%23fff' d='M49.6 17.9h20.2v3.9H49.6zm123.1 2 10.9-11 2.7 2.8-8.2 8.2 8.2 8.2-2.7 2.7zm94 0-10.8-11-2.7 2.8 8.1 8.2-8.1 8.2 2.7 2.7zM212 9.3l20.1 10.6L212 30.5zm161.5 4.6-7.2 6 7.2 5.9v-4h12.4v4l7.3-5.9-7.3-6v4h-12.4zm40.2 12.3 5.9 7.2 5.9-7.2h-4V13.6h4l-5.9-7.3-5.9 7.3h4v12.6zm35.9-16.5h6.3v2h-4.3V16h-2zm14 0h6.2V16h-2v-4.3h-4.2zm6.2 14V30h-6.2v-2h4.2v-4.3zm-14 6.3h-6.2v-6.3h2v4.4h4.3v2Zm-438 .1v-8.3H9.6v-3.9h8.2V9.7h3.9v8.2h8.1v3.9h-8.1v8.3zM93.6 9.7h-5.8v3.9h2V30h3.8zm16.1 0h-5.8v3.9h1.9V30h3.9zm-11.9 4.1h3.9v3.9h-3.9zm0 8.2h3.9v3.9h-3.9zm244.6-11.7 7.2 5.9-7.2 6v-3.6c-5.4-.4-7.8.8-8.7 2.8-.8 1.7-1.8 4.9 2.8 8.2-6.3-2-7.5-6.9-6-11.3 1.6-4.4 8-5 11.9-4.9zm147.2 13.4h6.3V30h-2v-4.3h-4.3zm14 6.3v-6.3h6.2v2h-4.3V30zm6.2-14h-6.2V9.7h1.9V14h4.3zm-13.9 0h-6.3v-2h4.3V9.7h2zm33.3 12.5 8.6-8.6-8.6-8.7 1.9-1.9 8.6 8.7 8.6-8.7 1.9 1.9-8.6 8.7 8.6 8.6-1.9 2-8.6-8.7-8.6 8.7zM297 10.3l-7.1 5.9 7.2 6v-3.6c5.3-.4 7.7.8 8.7 2.8.8 1.7 1.7 4.9-2.9 8.2 6.3-2 7.5-6.9 6-11.3-1.6-4.4-7.9-5-11.8-4.9v-3.1Zm-157.3-.6c2.3 0 4.4.7 6 2l2.5-3 1.9 9.2h-9.3l2.6-3.1a6.2 6.2 0 0 0-9.9 5.1c0 3.4 2.8 6.3 6.2 6.3 2.8 0 5.1-1.9 6-4.4h4c-1 4.7-5 8.3-10 8.3a10 10 0 0 1-10-10.2 10 10 0 0 1 10-10.2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:280px;color:transparent;display:block;font-size:0;height:20px;line-height:0;width:20px}.viewer-zoom-in:before{background-position:0 0;content:"Zoom In"}.viewer-zoom-out:before{background-position:-20px 0;content:"Zoom Out"}.viewer-one-to-one:before{background-position:-40px 0;content:"One to One"}.viewer-reset:before{background-position:-60px 0;content:"Reset"}.viewer-prev:before{background-position:-80px 0;content:"Previous"}.viewer-play:before{background-position:-100px 0;content:"Play"}.viewer-next:before{background-position:-120px 0;content:"Next"}.viewer-rotate-left:before{background-position:-140px 0;content:"Rotate Left"}.viewer-rotate-right:before{background-position:-160px 0;content:"Rotate Right"}.viewer-flip-horizontal:before{background-position:-180px 0;content:"Flip Horizontal"}.viewer-flip-vertical:before{background-position:-200px 0;content:"Flip Vertical"}.viewer-fullscreen:before{background-position:-220px 0;content:"Enter Full Screen"}.viewer-fullscreen-exit:before{background-position:-240px 0;content:"Exit Full Screen"}.viewer-close:before{background-position:-260px 0;content:"Close"}.viewer-container{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;bottom:0;direction:ltr;font-size:0;left:0;line-height:0;overflow:hidden;position:absolute;right:0;top:0;-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.viewer-container ::-moz-selection,.viewer-container::-moz-selection{background-color:transparent}.viewer-container ::selection,.viewer-container::selection{background-color:transparent}.viewer-container:focus{outline:0}.viewer-container img{display:block;height:auto;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;width:100%}.viewer-canvas{bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0}.viewer-canvas>img{height:auto;margin:15px auto;max-width:90%!important;width:auto}.viewer-footer{bottom:0;left:0;overflow:hidden;position:absolute;right:0;text-align:center}.viewer-navbar{background-color:rgba(0,0,0,.5);overflow:hidden}.viewer-list{box-sizing:content-box;height:50px;margin:0;overflow:hidden;padding:1px 0}.viewer-list>li{color:transparent;cursor:pointer;float:left;font-size:0;height:50px;line-height:0;opacity:.5;overflow:hidden;transition:opacity .15s;width:30px}.viewer-list>li:focus,.viewer-list>li:hover{opacity:.75}.viewer-list>li:focus{outline:0}.viewer-list>li+li{margin-left:1px}.viewer-list>.viewer-loading{position:relative}.viewer-list>.viewer-loading:after{border-width:2px;height:20px;margin-left:-10px;margin-top:-10px;width:20px}.viewer-list>.viewer-active,.viewer-list>.viewer-active:focus,.viewer-list>.viewer-active:hover{opacity:1}.viewer-player{background-color:#000;bottom:0;cursor:none;display:none;right:0;z-index:1}.viewer-player,.viewer-player>img{left:0;position:absolute;top:0}.viewer-toolbar>ul{display:inline-block;margin:0 auto 5px;overflow:hidden;padding:6px 3px}.viewer-toolbar>ul>li{background-color:rgba(0,0,0,.5);border-radius:50%;cursor:pointer;float:left;height:24px;overflow:hidden;transition:background-color .15s;width:24px}.viewer-toolbar>ul>li:focus,.viewer-toolbar>ul>li:hover{background-color:rgba(0,0,0,.8)}.viewer-toolbar>ul>li:focus{box-shadow:0 0 3px #fff;outline:0;position:relative;z-index:1}.viewer-toolbar>ul>li:before{margin:2px}.viewer-toolbar>ul>li+li{margin-left:1px}.viewer-toolbar>ul>.viewer-small{height:18px;margin-bottom:3px;margin-top:3px;width:18px}.viewer-toolbar>ul>.viewer-small:before{margin:-1px}.viewer-toolbar>ul>.viewer-large{height:30px;margin-bottom:-3px;margin-top:-3px;width:30px}.viewer-toolbar>ul>.viewer-large:before{margin:5px}.viewer-tooltip{background-color:rgba(0,0,0,.8);border-radius:10px;color:#fff;display:none;font-size:12px;height:20px;left:50%;line-height:20px;margin-left:-25px;margin-top:-10px;position:absolute;text-align:center;top:50%;width:50px}.viewer-title{color:#ccc;display:inline-block;font-size:12px;line-height:1.2;margin:5px 5%;max-width:90%;min-height:14px;opacity:.8;overflow:hidden;text-overflow:ellipsis;transition:opacity .15s;white-space:nowrap}.viewer-title:hover{opacity:1}.viewer-button{-webkit-app-region:no-drag;background-color:rgba(0,0,0,.5);border-radius:50%;cursor:pointer;height:80px;overflow:hidden;position:absolute;right:-40px;top:-40px;transition:background-color .15s;width:80px}.viewer-button:focus,.viewer-button:hover{background-color:rgba(0,0,0,.8)}.viewer-button:focus{box-shadow:0 0 3px #fff;outline:0}.viewer-button:before{bottom:15px;left:15px;position:absolute}.viewer-fixed{position:fixed}.viewer-open{overflow:hidden}.viewer-show{display:block}.viewer-hide{display:none}.viewer-backdrop{background-color:rgba(0,0,0,.5)}.viewer-invisible{visibility:hidden}.viewer-move{cursor:move;cursor:grab}.viewer-fade{opacity:0}.viewer-in{opacity:1}.viewer-transition{transition:all .3s}@keyframes viewer-spinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.viewer-loading:after{animation:viewer-spinner 1s linear infinite;border:4px solid hsla(0,0%,100%,.1);border-left-color:hsla(0,0%,100%,.5);border-radius:50%;content:"";display:inline-block;height:40px;left:50%;margin-left:-20px;margin-top:-20px;position:absolute;top:50%;width:40px;z-index:1}@media (max-width:767px){.viewer-hide-xs-down{display:none}}@media (max-width:991px){.viewer-hide-sm-down{display:none}}@media (max-width:1199px){.viewer-hide-md-down{display:none}}
.course-unit .unit-top{
  background:rgba(0,0,0,.16);
  border-radius:2.667vw 2.667vw 0 0;
  height:20.997vh;
  overflow:hidden;
  position:relative;
  width:100%;
}
.course-unit .unit-top .title-bg{
  background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), to(#404040));
  background-image:-webkit-linear-gradient(top, rgba(0,0,0,0), #404040);
  background-image:linear-gradient(180deg, rgba(0,0,0,0), #404040);
  bottom:0;
  height:6.562vh;
  opacity:.3;
}
.course-unit .unit-top .title,.course-unit .unit-top .title-bg{
  -webkit-box-sizing:border-box;
          box-sizing:border-box;
  position:absolute;
  width:89.333vw;
}
.course-unit .unit-top .title{
  bottom:2.667vw;
  color:#fff;
  display:-webkit-box;
  font-size:5.333vw;
  -webkit-line-clamp:2;
  margin:0;
  overflow:hidden;
  overflow-wrap:break-word;
  padding:0 5.333vw;
  text-overflow:ellipsis;
  -webkit-box-orient:vertical;
}
.course-unit .unit-top .title p{
  display:inline;
  margin:0;
}
.course-unit .unit-top .coverImg{
  height:100%;
  width:100%;
}
.course-unit .section-wrap{
  -webkit-box-sizing:border-box;
          box-sizing:border-box;
  height:43.307vh;
  padding:1.969vh 5.333vw 2.625vh;
}
.course-unit .section-wrap .section{
  color:#262626;
  font-size:4.267vw;
  font-weight:600;
  line-height:2.97vh;
  padding:1.765vh 0;
  position:relative;
}
.course-unit .section-wrap .section p{
  margin-bottom:0;
}
.course-unit .section-wrap .section .storyline{
  height:5.333vw;
  margin-right:3.2vw;
  position:absolute;
  right:9.6vw;
  top:50%;
  -webkit-transform:translateY(-50%);
      -ms-transform:translateY(-50%);
          transform:translateY(-50%);
  width:5.333vw;
}
.course-unit .section-wrap .section .storyline .lamp-icon{
  font-size:5.333vw;
}
.course-unit .section-wrap .current-section{
  color:var(--u-primary-color);
  position:relative;
}
.course-unit .section-wrap .sec-curr-img{
  height:3.333vw;
  margin-top:-1.6vw;
  position:absolute;
  right:-5.333vw;
  top:50%;
  -webkit-transform:rotate(180deg);
      -ms-transform:rotate(180deg);
          transform:rotate(180deg);
  width:2.4vw;
}
.course-unit .section-wrap .sec-curr-img .current-icon{
  font-size:2.4vw;
}
.course-unit .section-wrap .group{
  color:#595959;
  line-height:2.231vh;
  position:relative;
}
.course-unit .section-wrap .group .unit-cart-section-label-wrap p{
  max-width:86%;
}
.course-unit .section-wrap .group .taskName{
  display:inline-block;
  width:90%;
}
.course-unit .section-wrap .group .taskName p{
  display:inline;
  margin:0;
}
.course-unit .section-wrap .group .complete{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  height:5.333vw;
  position:absolute;
  right:0;
  top:50%;
  -webkit-transform:translateY(-50%);
      -ms-transform:translateY(-50%);
          transform:translateY(-50%);
}
.course-unit .section-wrap .group .complete .complete-text{
  color:#3264fa;
  font-size:3.2vw;
  font-style:normal;
  font-weight:400;
  height:5.333vw;
  line-height:5.333vw;
  text-align:right;
}
.course-unit .section-wrap .group .lockImg{
  height:5.333vw;
  margin-top:-2.667vw;
  position:absolute;
  right:5.6vw;
  top:50%;
  width:5.333vw;
}
.course-unit .section-wrap .group .lockImg .lock-icon{
  font-size:5.333vw;
}
.course-unit .section-wrap .group .required{
  color:#ff9e00;
  float:left;
  font-size:5.333vw;
  line-height:100%;
  margin-right:1.067vw;
  margin-top:.308vh;
}
.course-unit .section-wrap .vlp-node{
  display:none;
}
.course-unit .register-modal{
  background:rgba(0,0,0,.3);
  bottom:0;
  left:0;
  position:absolute;
  right:0;
  top:0;
}
.course-unit .register-modal .register-btn{
  background:#fff;
  border:none;
  border-radius:13.333vw;
  bottom:19.685vh;
  color:var(--u-primary-color);
  font-size:4.267vw;
  height:5.512vh;
  left:50%;
  line-height:5.512vh;
  margin-left:-16vw;
  padding:0;
  position:absolute;
  width:32vw;
}
.course-unit .unit-nx-lable{
  padding:0 .533vw;
}
.course-unit .nx-node,.course-unit .unit-nx-lable{
  border:1px solid #ff8000;
  border-radius:.267vw;
  color:#ff8000;
  font-family:PingFangSC, PingFang SC;
  font-size:3.2vw;
  font-weight:400;
}
.course-unit .nx-node{
  padding:.267vw .533vw;
}
.h5-register-input-container{
  margin-bottom:1.333vw;
  margin-top:1.333vw;
  width:100%;
}
.h5-register-input-container .h5-regitster-input-body{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -webkit-align-items:center;
      -ms-flex-align:center;
          align-items:center;
}
.h5-register-input-container .h5-regitster-input-body input{
  text-align:center;
}
.h5-register-input-container .h5-scan-icon-warp{
  padding:.267vw;
}
.h5-register-input-container .h5-scan-icon{
  color:var(--u-primary-color);
  font-size:5.333vw;
}
.h5-register-input-container .input-style{
  margin-right:1.333vw;
}
.h5-register-input-container .register-error-tip{
  color:#ff6859;
  font-size:1.6vw;
  margin-bottom:0;
  margin-top:.667vw;
}
.h5-register-input-container .register-help-tip{
  color:#262626;
  font-size:1.6vw;
  margin-bottom:0;
  margin-top:1.333vw;
}
.h5-register-modal-container{
  position:relative;
}
.h5-register-modal-container .help-text{
  color:var(--u-primary-color);
}
.h5-register-modal-container .adm-modal-footer{
  border-top:1px solid #e4eeff;
}
.h5-register-modal-container .adm-modal-header .adm-auto-center{
  display:block;
  width:100%;
}
.h5-register-modal-container .header-close-wrap{
  padding:1.333vw;
  text-align:right;
}
.h5-register-modal-container .register-modal-custom-header{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -webkit-justify-content:space-between;
      -ms-flex-pack:justify;
          justify-content:space-between;
  width:100%;
  -webkit-box-align:center;
  -webkit-align-items:center;
      -ms-flex-align:center;
          align-items:center;
}
.h5-register-modal-container .register-modal-custom-header p{
  margin-bottom:0;
}
.h5-register-modal-container .register-modal-custom-header .register-modal-close-icon{
  font-size:4.667vw;
}
.register-page-layout-out{
  height:100%;
  width:100%;
}
.register-page-layout-out .register-page-body{
  height:100%;
  margin:0 6.667vw;
  position:relative;
}
.register-page-layout-out .register-page-body .register-page-body-title{
  font-size:2.4vw;
  font-weight:bold;
  padding-bottom:2.667vw;
  padding-top:2.667vw;
}
.register-page-layout-out .register-page-body .register-page-body-name{
  background-color:#f5f5f5;
  border-radius:.8vw;
  font-size:2.133vw;
  padding-bottom:1.333vw;
  padding-left:2.133vw;
  padding-top:1.333vw;
}
.register-page-layout-out .register-page-body .register-page-body-input-tip{
  font-size:2.4vw;
  font-weight:bold;
  margin-top:8vw;
  text-align:center;
  width:100%;
}
.register-page-layout-out .register-page-body .register-page-body-input-area{
  padding:0 5.333vw;
}
.register-page-layout-out .register-page-body .register-page-body-input-area .register-page-body-input-area-layout{
  border-bottom:1px solid #ccd0d6;
  margin-top:4vw;
  padding-left:8vw;
}
.register-page-layout-out .register-page-body .register-page-body-input-area .register-page-body-input-area-tip{
  padding-bottom:8vw;
}
.register-page-layout-out .register-page-body .register-page-body-input-area .register-page-body-input-area-tip .register-page-body-error{
  color:#ff6859;
  font-size:1.6vw;
  margin-top:.667vw;
  text-align:center;
}
.register-page-layout-out .register-page-body .register-page-body-input-area .register-page-body-input-area-tip .register-page-body-input-area-help{
  color:#2187e0;
  font-size:2.133vw;
  margin-bottom:0;
  padding-top:.667vw;
  text-align:center;
}
.register-page-layout-out .register-page-body .register-page-body-input-area .register-page-body-input-area-error-tip{
  color:#666;
  font-size:1.6vw;
}
.register-page-layout-out .register-page-body .register-page-body-input-area .register-page-body-input-area-error-tip li{
  padding-bottom:1.333vw;
}
.register-page-layout-out .register-page-body .register-page-body-button-container{
  border-radius:3.333vw;
  bottom:18.667vw;
  height:6.667vw;
  position:absolute;
  width:100%;
}
.register-help-layout-out{
  height:100%;
  width:100%;
}
.register-help-layout-out .register-help-body{
  overflow-y:scroll;
  padding-top:1.333vw;
  text-align:center;
}
.register-ensure-modal .adm-modal-body{
  border-radius:4vw;
  overflow:visible;
}
.register-ensure-modal .adm-space-block{
  display:none !important;
}
.register-ensure-modal .adm-modal-body:not(.adm-modal-with-image){
  padding-top:0;
}
.register-ensure-modal .adm-modal-content{
  overflow:visible;
  padding:0;
}
.register-ensure-modal .register-ensure-modal-content{
  height:62.667vw;
  position:relative;
  width:74.933vw;
}
.register-ensure-modal .register-ensure-modal-header-container{
  height:19.467vw;
  left:50%;
  margin-left:-16.933vw;
  position:absolute;
  top:-9.333vw;
  width:33.867vw;
  z-index:1000;
}
.register-ensure-modal .register-ensure-modal-header-container .register-ensure-modal-header-img{
  width:100%;
}
.register-ensure-modal .register-ensure-modal-bg-container .register-ensure-modal-bg-image{
  left:0;
  position:absolute;
  top:0;
  width:100%;
  z-index:998;
}
.register-ensure-modal .register-ensure-modal-body{
  height:100%;
  position:absolute;
  width:100%;
  z-index:999;
}
.register-ensure-modal .register-ensure-modal-body .register-ensure-modal-body-title{
  color:#1a2233;
  font-family:PingFangSC, PingFang SC;
  font-size:4.8vw;
  font-weight:500;
  padding-top:12.267vw;
  text-align:center;
}
.register-ensure-modal .register-ensure-modal-body .register-ensure-modal-body-content-container{
  padding-top:8.267vw;
}
.register-ensure-modal .register-ensure-modal-body .register-ensure-modal-body-content-container .register-ensure-modal-body-content{
  color:#1a2233;
  font-family:PingFangSC, PingFang SC;
  font-size:3.733vw;
  font-weight:400;
  text-align:center;
}
.register-ensure-modal .register-ensure-modal-button-container{
  margin-top:7.733vw;
  text-align:center;
  width:100%;
}
.register-ensure-modal .register-ensure-modal-button-container .register-ensure-modal-button{
  border-radius:5.333vw;
  height:10.667vw;
  width:28.8vw;
}
.register-ensure-modal .register-ensure-modal-button-container .register-modal-button-gap{
  margin-left:4.267vw;
}
.resource-item-wrapper{
  background:#fff;
  border-radius:2.133vw;
  -webkit-box-shadow:0 1.067vw 4.267vw 0 rgba(17,28,68,.05);
          box-shadow:0 1.067vw 4.267vw 0 rgba(17,28,68,.05);
  height:42.667vw;
  margin:4.267vw auto;
  padding:4.267vw;
  width:91.467vw;
}
.resource-item-wrapper:first-child{
  margin-top:0;
}
.resource-item-wrapper:last-child{
  margin-bottom:0;
}
.resource-item-wrapper .title-wrapper{
  border-bottom:.267vw solid #e1e6f0;
  height:8.8vw;
}
.resource-item-wrapper .title-wrapper,.resource-item-wrapper .title-wrapper .ext{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -webkit-align-items:center;
      -ms-flex-align:center;
          align-items:center;
}
.resource-item-wrapper .title-wrapper .ext{
  border-radius:.533vw;
  height:4.267vw;
  width:8.533vw;
  -webkit-box-pack:center;
  -webkit-justify-content:center;
      -ms-flex-pack:center;
  font-size:2.667vw;
          justify-content:center;
  line-height:4.8vw;
  text-align:center;
}
.resource-item-wrapper .title-wrapper .ext.pc{
  border:1px solid #097fff;
  border-radius:.533vw;
  color:#097fff;
  height:4.267vw;
  margin-left:1.067vw;
  width:6.933vw;
}
.resource-item-wrapper .title-wrapper .ext.pdf{
  border:1px solid #ff6859;
  color:#ff6859;
}
.resource-item-wrapper .title-wrapper .ext.doc{
  border:1px solid #097fff;
  color:#097fff;
}
.resource-item-wrapper .title-wrapper .ext.docx{
  border:1px solid #09c1ff;
  color:#09c1ff;
}
.resource-item-wrapper .title-wrapper .ext.ppt{
  border:1px solid #097fff;
  color:#097fff;
}
.resource-item-wrapper .title-wrapper .ext.pptx{
  border:1px solid #ff7919;
  color:#ff7919;
}
.resource-item-wrapper .title-wrapper .ext.xls{
  border:1px solid #278c55;
  color:#278c55;
}
.resource-item-wrapper .title-wrapper .ext.xlsx{
  border:1px solid #45a631;
  color:#45a631;
}
.resource-item-wrapper .title-wrapper .ext.mp3{
  border:1px solid #097fff;
  color:#097fff;
}
.resource-item-wrapper .title-wrapper .ext.mkv,.resource-item-wrapper .title-wrapper .ext.mp4,.resource-item-wrapper .title-wrapper .ext.wav{
  border:1px solid #ff8000;
  color:#ff8000;
}
.resource-item-wrapper .title-wrapper .ext.jpeg,.resource-item-wrapper .title-wrapper .ext.jpg{
  border:1px solid #0ac77c;
  color:#0ac77c;
}
.resource-item-wrapper .title-wrapper .ext.png{
  border:1px solid #00daad;
  color:#00daad;
}
.resource-item-wrapper .title-wrapper .ext.zip{
  border:1px solid #8b4199;
  color:#8b4199;
}
.resource-item-wrapper .title-wrapper .ext.rar{
  border:1px solid #994172;
  color:#994172;
}
.resource-item-wrapper .title-wrapper .name{
  color:#1a2233;
  display:block;
  font-size:4.267vw;
  font-weight:500;
  -webkit-line-clamp:1;
  line-height:6.4vw;
  margin-left:1.6vw;
  text-align:left;
  width:72.8vw;
  -webkit-box-orient:vertical;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.resource-item-wrapper .info-wrapper{
  background:#f5f7fa;
  border-radius:1.6vw;
  height:22.4vw;
  margin-top:2.933vw;
  padding:4.267vw 3.2vw 3.733vw;
  width:82.933vw;
}
.resource-item-wrapper .info-wrapper .info-item{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -webkit-align-items:center;
      -ms-flex-align:center;
          align-items:center;
  margin-bottom:3.733vw;
}
.resource-item-wrapper .info-wrapper .info-item:last-child{
  margin-bottom:0;
}
.resource-item-wrapper .info-wrapper .TeacherIcon{
  background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBzdHJva2U9IiMxQTIyMzMiIGQ9Im0xMCAxLjUuNSAzLjVjMCAuNjktLjI4IDEuMzE1LS43MzIgMS43NjhBMi41IDIuNSAwIDAgMSA4IDcuNWMtLjY5IDAtMS4zMTUtLjI4LTEuNzY4LS43MzJBMi41IDIuNSAwIDAgMSA1LjUgNVY0YzAtLjY5LjI4LTEuMzE1LjczMi0xLjc2OEEyLjUgMi41IDAgMCAxIDggMS41ek0xMS4wMyA5LjVjLjc1MSAwIDEuNDQ2LjI3MyAxLjk4MS43MzJhMy4wNCAzLjA0IDAgMCAxIDEuMDI4IDEuODQ1IDIuMSAyLjEgMCAwIDEtLjM4IDEuNTYyYy0uMzEuNDI1LS43OC43MzQtMS4zMzcuODNsLTguMjg2LjAzMWMtLjU4IDAtMS4xMDUtLjIzNS0xLjQ4NS0uNjE1YTIuMSAyLjEgMCAwIDEtLjYxNS0xLjQ1MWMuMTMzLS44OTguNTAyLTEuNjI1IDEuMDI5LTIuMTMyQTIuODYgMi44NiAwIDAgMSA0Ljk2OSA5LjVaIi8+PHBhdGggZmlsbD0iIzFBMjIzMyIgZD0iTTcuNSAxMGgxbC4yMzUgMS44NzdhLjIuMiAwIDAgMS0uMDg4LjE5Mkw4IDEyLjVsLS42NDctLjQzMWEuMi4yIDAgMCAxLS4wODgtLjE5MnoiLz48L2c+PC9zdmc+) no-repeat;
  background-size:cover;
  height:3.333vw;
  width:3.333vw;
}
.resource-item-wrapper .info-wrapper .TimeIcon{
  background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iIzFBMjIzMyIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNOCAxQzQuMTM4IDEgMSA0LjEzOCAxIDhzMy4xMzggNyA3IDcgNy0zLjEzNyA3LTctMy4xMzctNy03LTdtMCAxM2MtMy4zMTIgMC02LTIuNjg3LTYtNiAwLTMuMzEyIDIuNjg4LTYgNi02IDMuMzEzIDAgNiAyLjY4OCA2IDYgMCAzLjMxMy0yLjY4NyA2LTYgNm0uNzUtNi4wMDYgMi4zMDYgMS4zMzJhLjUuNSAwIDAgMSAuMTgyLjY4LjUxLjUxIDAgMCAxLS42ODYuMTlMNy43NTcgOC42NDJhLjUuNSAwIDAgMS0uMjU3LS40MzdWNC41YS41LjUgMCAwIDEgMSAwdjMuMDYxYS41LjUgMCAwIDAgLjI1LjQzMyIvPjwvc3ZnPg==) no-repeat;
  background-size:cover;
  height:3.333vw;
  width:3.333vw;
}
.resource-item-wrapper .info-wrapper .icon img{
  height:4.267vw;
  width:4.267vw;
}
.resource-item-wrapper .info-wrapper .desc{
  color:#575c66;
  display:-webkit-box;
  font-size:3.2vw;
  font-weight:400;
  -webkit-line-clamp:1;
  line-height:5.333vw;
  margin-left:2.133vw;
  width:73.333vw;
  -webkit-box-orient:vertical;
  overflow:hidden;
  text-overflow:ellipsis;
}
.resource-item-wrapper .info-wrapper .desc .created-time,.resource-item-wrapper .info-wrapper .desc .teacher{
  color:#1a2233;
}
.custom-modal-container .adm-center-popup-wrap{
  min-width:unset;
  width:74.667vw;
}
.answer-result-modal{
  border-radius:6.4vw !important;
  overflow:visible !important;
  padding-top:0 !important;
}
.answer-result-modal .adm-modal-header{
  padding:0 !important;
}
.answer-result-modal .adm-modal-header .adm-auto-center{
  display:block !important;
}
.answer-result-modal .adm-modal-footer{
  display:-webkit-box !important;
  display:-webkit-flex !important;
  display:-ms-flexbox !important;
  display:flex !important;
  -webkit-box-orient:horizontal !important;
  -webkit-box-direction:normal !important;
  -webkit-flex-direction:row !important;
      -ms-flex-direction:row !important;
          flex-direction:row !important;
  gap:0 !important;
  padding:0 2.95vh 2.95vh !important;
}
.answer-result-modal .adm-modal-footer,.answer-result-modal .adm-modal-footer span{
  -webkit-box-pack:center;
  -webkit-justify-content:center;
      -ms-flex-pack:center;
          justify-content:center;
  -webkit-box-align:center;
  -webkit-align-items:center;
      -ms-flex-align:center;
          align-items:center;
}
.answer-result-modal .adm-modal-footer span{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  height:100% !important;
}
.answer-result-modal .adm-modal-content{
  padding:0 5.6vw 6.4vw !important;
}
.answer-result-modal .adm-modal-content .content{
  background:rgba(197,235,255,.2);
  border-radius:4.267vw;
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  padding:6.4vw 4.267vw;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -webkit-flex-direction:column;
      -ms-flex-direction:column;
          flex-direction:column;
  gap:2.133vw;
}
.answer-result-modal .adm-modal-content .content .item{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -webkit-align-items:center;
      -ms-flex-align:center;
          align-items:center;
  color:#575c66;
  font-size:4.267vw;
  font-style:normal;
  font-weight:400;
  line-height:6.4vw;
  text-align:left;
}
.answer-result-modal .adm-modal-content .content .item .icon{
  background:#fabe0a;
  border-radius:50%;
  height:1.6vw;
  margin-right:2.133vw;
  width:1.6vw;
}
.answer-result-modal .adm-modal-content .content .text{
  color:#575c66;
  font-size:4.267vw;
  font-style:normal;
  font-weight:600;
  line-height:6.4vw;
  margin-left:3.733vw;
  text-align:left;
}
.answer-result-modal .answer-result-modal-header-box{
  height:6.52vh;
  position:relative;
  width:100%;
}
.answer-result-modal .answer-result-modal-header-box .answer-result-modal-header{
  background-repeat:no-repeat;
  background-size:100% 100%;
  height:19.7vh;
  position:absolute;
  top:-26.133vw;
  width:100%;
  z-index:9;
}
html[data-webp-type="nosupport"] .answer-result-modal .answer-result-modal-header-box .answer-result-modal-header{
  background-image:url(//ucontent.cdn.unipus.cn/course/exploration/images/com-modal-heard.png?imageMogr2/quality/80/strip);
}
html[data-webp-type="support"] .answer-result-modal .answer-result-modal-header-box .answer-result-modal-header{
  background-image:url(//ucontent.cdn.unipus.cn/course/exploration/images/com-modal-heard.png?imageMogr2/format/webp/quality/80/strip);
}
.answer-result-modal .answer-result-modal-header-box::after,.answer-result-modal .answer-result-modal-header-box::before{
  background-repeat:no-repeat;
  background-size:100% 100%;
  content:"";
  height:3.94vh;
  position:absolute;
  z-index:999;
}
.answer-result-modal .answer-result-modal-header-box::before{
  background-repeat:no-repeat;
  left:-3.467vw;
  top:37.333vw;
  width:7.733vw;
}
html[data-webp-type="nosupport"] .answer-result-modal .answer-result-modal-header-box::before{
  background-image:url(//ucontent.cdn.unipus.cn/course/exploration/images/com-modal-left-logo.png?imageMogr2/quality/80/strip);
}
html[data-webp-type="support"] .answer-result-modal .answer-result-modal-header-box::before{
  background-image:url(//ucontent.cdn.unipus.cn/course/exploration/images/com-modal-left-logo.png?imageMogr2/format/webp/quality/80/strip);
}
.answer-result-modal .answer-result-modal-header-box::after{
  background-repeat:no-repeat;
  right:-3.333vw;
  top:2.667vw;
  width:6.8vw;
}
html[data-webp-type="nosupport"] .answer-result-modal .answer-result-modal-header-box::after{
  background-image:url(//ucontent.cdn.unipus.cn/course/exploration/images/com-modal-right-logo.png?imageMogr2/quality/80/strip);
}
html[data-webp-type="support"] .answer-result-modal .answer-result-modal-header-box::after{
  background-image:url(//ucontent.cdn.unipus.cn/course/exploration/images/com-modal-right-logo.png?imageMogr2/format/webp/quality/80/strip);
}
.answer-result-modal .answer-result-modal-footer-btn{
  border-radius:6.4vw;
  font-size:4.267vw;
  line-height:4.926vh;
  padding:0 12.8vw;
}
@media only screen and (orientation:landscape){
  .custom-modal-container .adm-center-popup-wrap{
    max-width:86vh;
    min-width:50vh;
    width:auto;
  }
  .answer-result-modal{
    border-radius:4vh !important;
  }
  .answer-result-modal .adm-modal-content{
    padding:0 5vh 5vh !important;
  }
  .answer-result-modal .adm-modal-content .content{
    border-radius:4vh;
    gap:2vh;
    padding:5vh 4vh;
  }
  .answer-result-modal .adm-modal-content .content .item{
    font-size:3.4vh;
    line-height:5vh;
  }
  .answer-result-modal .adm-modal-content .content .item .icon{
    height:1.4vh;
    margin-right:2vh;
    width:1.4vh;
  }
  .answer-result-modal .adm-modal-content .content .text{
    font-size:3.4vh;
    line-height:5vh;
    margin-left:3.4vh;
  }
  .answer-result-modal .answer-result-modal-header-box{
    height:6vh;
  }
  .answer-result-modal .answer-result-modal-header-box .answer-result-modal-header{
    height:20vh;
    top:-18vh;
  }
  .answer-result-modal .answer-result-modal-header-box::before{
    height:6vh;
    left:-3vh;
    top:26vh;
    width:6vh;
  }
  .answer-result-modal .answer-result-modal-header-box::after{
    height:6vh;
    right:-3vh;
    top:2vh;
    width:5.5vh;
  }
  .answer-result-modal .answer-result-modal-footer-btn{
    border-radius:5vh;
    font-size:3.4vh;
    line-height:7vh;
    padding:0 10vh;
  }
}
.question-common-abs-loading{
  text-align:center;
}
.question-common-abs-loading .tips{
  font-size:2.133vw;
  line-height:4vw;
}
.custom-loading-theme-container{
  display:"flex";
  height:"100%";
  position:"fixed";
  width:"100%";
  z-index:"10000";
  -webkit-box-align:"center";
  -webkit-align-items:"center";
      -ms-flex-align:"center";
          align-items:"center";
  -webkit-box-pack:"center";
  -webkit-justify-content:"center";
      -ms-flex-pack:"center";
  background:"rgba(255,255,255,0.9)";
          justify-content:"center";
}
.storyline-mask{
  height:100vh !important;
  position:relative;
  width:100vw !important;
  z-index:1005;
}
.storyline-mask .adm-mask-content{
  bottom:0 !important;
  left:0 !important;
  max-height:104.667vw !important;
  position:absolute !important;
  right:0 !important;
  width:100% !important;
}
.storyline-mask .adm-mask-content .background{
  left:0;
  position:absolute;
  right:0;
  top:0;
  z-index:1005 !important;
}
.storyline-mask .adm-mask-content .background .img{
  height:100%;
  width:100%;
}
.storyline-mask .adm-mask-content .people{
  height:37.2vw;
  left:2.933vw;
  position:absolute;
  right:2.933vw;
  top:-25.6vw;
  width:94.133vw;
  z-index:1004 !important;
}
.storyline-mask .adm-mask-content .people .img{
  height:100%;
  width:100%;
}
.storyline-mask .adm-mask-content .container{
  height:auto;
  margin-top:18.933vw;
  max-height:76.667vw;
  min-height:14.933vw;
  overflow:hidden;
  position:relative;
  width:100%;
  z-index:1006;
}
.storyline-mask .adm-mask-content .container .title{
  color:#262626;
  font-size:4.8vw;
  font-style:normal;
  font-weight:bold;
  height:7.467vw;
  line-height:7.467vw;
  padding:0 5.333vw;
  text-align:center;
}
.storyline-mask .adm-mask-content .container .content{
  color:#262626;
  font-size:4.267vw;
  line-height:7.467vw;
  margin-top:3.2vw;
  max-height:44.8vw;
  overflow-y:auto;
  padding:0 5.333vw;
}
.storyline-mask .adm-mask-content .container .btns{
  background:#fff;
  height:20.267vw;
  padding:4.267vw;
  width:100%;
}
.storyline-mask .adm-mask-content .container .btns .btn{
  background:#3264fa;
  border-radius:5.867vw;
  color:#fff;
  font-size:4.8vw;
  font-weight:500;
  height:11.733vw;
  line-height:11.733vw;
  text-align:center;
  width:100%;
}
.course-menu{
  background:#f3f7fa;
  height:100%;
}
.course-menu .course-menu-top{
  background-image:-webkit-gradient(linear, left top, right top, from(var(--u-menu-primary-color2)), to(var(--u-primary-color)));
  background-image:-webkit-linear-gradient(left, var(--u-menu-primary-color2), var(--u-primary-color));
  background-image:linear-gradient(to right, var(--u-menu-primary-color2), var(--u-primary-color));
  -webkit-box-sizing:border-box;
          box-sizing:border-box;
  color:#fff;
  height:20.079vh;
  padding-top:1.115vh;
}
.course-menu .course-menu-top .course-menu-top-bg{
  background-position:center -5.5vh;
  background-repeat:no-repeat;
  background-size:100%;
  height:100%;
}
html[data-webp-type="nosupport"] .course-menu .course-menu-top .course-menu-top-bg{
  background-image:url(//ucontent.cdn.unipus.cn/course/exploration/images/huxian-10.png?imageMogr2/quality/80/strip);
}
html[data-webp-type="support"] .course-menu .course-menu-top .course-menu-top-bg{
  background-image:url(//ucontent.cdn.unipus.cn/course/exploration/images/huxian-10.png?imageMogr2/format/webp/quality/80/strip);
}
.course-menu .course-menu-top .course-back{
  height:3.079vh;
  left:4vw;
  line-height:3.281vh;
  position:absolute;
  width:5.333vw;
}
.course-menu .course-menu-top .course-back .back-icon{
  font-size:5.333vw;
}
.course-menu .course-menu-top .course-name{
  font-size:4.8vw;
  line-height:3.281vh;
  overflow:hidden;
  padding:0 9.333vw;
  text-align:center;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.course-menu .course-menu-top .unitInfo{
  margin:3.281vh 5.333vw 0;
}
.course-menu .course-menu-top .unitInfo .unitSection{
  font-size:3.733vw;
  line-height:2.265vh;
}
.course-menu .course-menu-top .unitInfo .studyInfo{
  font-size:3.733vw;
  line-height:2.265vh;
  margin-top:.267vw;
}
.course-menu .course-menu-top .unitInfo .moreButtons{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  margin-top:1.969vh;
  -webkit-box-align:center;
  -webkit-align-items:center;
      -ms-flex-align:center;
          align-items:center;
}
.course-menu .course-menu-top .unitInfo .buttons{
  height:3.937vh;
  overflow-x:auto;
  overflow-y:hidden;
  white-space:nowrap;
}
.course-menu .course-menu-top .unitInfo .buttons::-webkit-scrollbar{
  display:none;
}
.course-menu .course-menu-top .unitInfo .buttons .btn-wrap,.course-menu .course-menu-top .unitInfo .buttons .btn-wrap-uai{
  display:inline-block;
  height:3.937vh;
  line-height:3.937vh;
  vertical-align:top;
}
.course-menu .course-menu-top .unitInfo .buttons .btn-wrap .unit-btn,.course-menu .course-menu-top .unitInfo .buttons .btn-wrap .unit-btn-uai,.course-menu .course-menu-top .unitInfo .buttons .btn-wrap-uai .unit-btn,.course-menu .course-menu-top .unitInfo .buttons .btn-wrap-uai .unit-btn-uai{
  display:-webkit-inline-box;
  display:-webkit-inline-flex;
  display:-ms-inline-flexbox;
  display:inline-flex;
  position:relative;
  -webkit-box-pack:center;
  -webkit-justify-content:center;
      -ms-flex-pack:center;
  background:hsla(0,0%,100%,.16);
  border:1px solid #fff;
  border-radius:4vw;
  -webkit-box-sizing:border-box;
          box-sizing:border-box;
  font-size:3.733vw;
  height:3.937vh;
          justify-content:center;
  line-height:3.937vh;
  margin-right:2.133vw;
  text-align:center;
}
.course-menu .course-menu-top .unitInfo .buttons .btn-wrap .unit-btn .unit-btn-icon,.course-menu .course-menu-top .unitInfo .buttons .btn-wrap .unit-btn-uai .unit-btn-icon,.course-menu .course-menu-top .unitInfo .buttons .btn-wrap-uai .unit-btn .unit-btn-icon,.course-menu .course-menu-top .unitInfo .buttons .btn-wrap-uai .unit-btn-uai .unit-btn-icon{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -webkit-align-items:center;
      -ms-flex-align:center;
          align-items:center;
  margin-right:.8vw;
  padding-top:.533vw;
  width:4.8vw;
}
.course-menu .course-menu-top .unitInfo .buttons .btn-wrap .unit-btn .unit-btn-icon .svg-icon,.course-menu .course-menu-top .unitInfo .buttons .btn-wrap .unit-btn-uai .unit-btn-icon .svg-icon,.course-menu .course-menu-top .unitInfo .buttons .btn-wrap-uai .unit-btn .unit-btn-icon .svg-icon,.course-menu .course-menu-top .unitInfo .buttons .btn-wrap-uai .unit-btn-uai .unit-btn-icon .svg-icon{
  font-size:4.8vw;
}
.course-menu .course-menu-top .unitInfo .buttons .btn-wrap .unit-btn,.course-menu .course-menu-top .unitInfo .buttons .btn-wrap-uai .unit-btn{
  width:26.667vw;
}
.course-menu .course-menu-top .unitInfo .buttons .btn-wrap .unit-btn-uai,.course-menu .course-menu-top .unitInfo .buttons .btn-wrap-uai .unit-btn-uai{
  padding:0 3.2vw;
}
.course-menu .course-menu-top .unitInfo .unit-btn-more{
  -webkit-box-shadow:-.8vw 0 .8vw -.533vw var(--u-menu-btn-shadow);
          box-shadow:-.8vw 0 .8vw -.533vw var(--u-menu-btn-shadow);
  display:inline-block;
  font-size:3.733vw;
  height:3.937vh;
  line-height:3.937vh;
  padding-left:2.133vw;
  white-space:nowrap;
}
.course-menu .course-menu-top .unitInfo .unit-btn-more .more-icon{
  display:inline-block;
  height:1.7vh;
  width:4vw;
}
.course-menu .course-menu-top .unitInfo .unit-btn-more .more-icon .down-icon{
  font-size:4vw;
}
.course-menu .unitCard-wrapper{
  margin-top:3.281vh;
}
.course-menu .unitCard-wrapper .unitCard{
  background:#fff;
  border-radius:2.667vw;
  -webkit-box-shadow:0 .667vw 2vw 0 hsla(0,0%,70%,.18);
          box-shadow:0 .667vw 2vw 0 hsla(0,0%,70%,.18);
  height:64.304vh;
  overflow:auto;
  position:relative;
  width:100%;
}
.course-menu .unitCard-wrapper .default-wrap{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -webkit-flex-direction:column;
      -ms-flex-direction:column;
          flex-direction:column;
  -webkit-box-align:center;
  -webkit-align-items:center;
      -ms-flex-align:center;
          align-items:center;
}
.course-menu .unitCard-wrapper .default-wrap .default-img{
  height:15.61vh;
  margin-top:14.5vh;
  width:57.333vw;
}
.course-menu .unitCard-wrapper .default-wrap .default-img-uai{
  margin-top:13.5vh;
  width:42.667vw;
}
.course-menu .unitCard-wrapper .default-wrap .default-title{
  color:#262626;
  font-size:4.267vw;
  font-weight:500;
  margin-top:3.87vh;
}
.course-menu .unitCard-wrapper .default-wrap .default-title-uai{
  color:#262626;
  font-size:4.267vw;
  font-weight:500;
  margin-top:1vh;
}
.course-menu .unitCard-wrapper .default-wrap .default-con{
  color:#6d7380;
  font-size:3.733vw;
  margin-top:2.58vh;
}
.course-menu .unitCard-wrapper .default-wrap .default-btn{
  border:1px solid var(--u-menu-primary-color2);
  border-radius:4.8vw;
  color:var(--u-menu-primary-color2);
  font-size:3.733vw;
  font-weight:500;
  height:4.65vh;
  line-height:4.65vh;
  margin-top:3.1vh;
  text-align:center;
  width:37.333vw;
}
.course-menu .continue{
  background:#ff9e00;
  border-radius:4.667vw 0 0 4.667vw;
  bottom:5.774vh;
  color:#fff;
  font-size:3.2vw;
  height:4.593vh;
  line-height:4.593vh;
  position:absolute;
  right:0;
  z-index:11;
}
.course-menu .continue .unfolded{
  height:4.593vh;
  line-height:4.593vh;
  padding-left:3.733vw;
  width:21.867vw;
}
.course-menu .continue .folded{
  height:100%;
  width:8.533vw;
}
.course-menu .continue .arrow{
  height:4.593vh;
  line-height:4.593vh;
  position:absolute;
  right:1.867vw;
  -webkit-transform:rotate(180deg);
      -ms-transform:rotate(180deg);
          transform:rotate(180deg);
  width:3.2vw;
}
.course-menu .continue .arrow .arrow-icon{
  font-size:3.2vw;
}
.course-menu .continue .folded-arrow{
  -webkit-transform:rotate(0deg);
      -ms-transform:rotate(0deg);
          transform:rotate(0deg);
}
.svg-box1 svg{
  height:4vw;
  width:4vw;
}
.unipus-exp-root .course-menu-top{
  height:16.079vh;
}
.unit-modal{
  border-radius:2.667vw 2.667vw 0 0;
  overflow:hidden;
}
.unit-modal .modal-con{
  color:#262626;
  padding:2.58vh 4vw 0;
}
.unit-modal .modal-title{
  font-size:4.267vw;
  font-weight:500;
  text-align:center;
}
.unit-modal .buttons,.unit-modal .buttons-uai{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-wrap:wrap;
      -ms-flex-wrap:wrap;
          flex-wrap:wrap;
}
.unit-modal .buttons .unit-btn,.unit-modal .buttons-uai .btn-wrap-uai .unit-btn-uai,.unit-modal .buttons-uai .btn-wrap-uai-dia .unit-btn-uai{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  position:relative;
  -webkit-box-pack:center;
  -webkit-justify-content:center;
      -ms-flex-pack:center;
  background:#f3f7fa;
  border-radius:4vw;
  -webkit-box-sizing:border-box;
          box-sizing:border-box;
  font-size:3.733vw;
  height:3.937vh;
          justify-content:center;
  line-height:3.937vh;
  margin-top:2.58vh;
  text-align:center;
}
.unit-modal .buttons .unit-btn .unit-btn-icon,.unit-modal .buttons-uai .btn-wrap-uai .unit-btn-uai .unit-btn-icon,.unit-modal .buttons-uai .btn-wrap-uai-dia .unit-btn-uai .unit-btn-icon{
  color:#262626;
  height:3.937vh;
  line-height:3.937vh;
  margin-right:.8vw;
  width:4.8vw;
}
.unit-modal .buttons .unit-btn .unit-btn-icon span.anticon,.unit-modal .buttons .unit-btn .unit-btn-icon span.anticon svg,.unit-modal .buttons-uai .btn-wrap-uai .unit-btn-uai .unit-btn-icon span.anticon,.unit-modal .buttons-uai .btn-wrap-uai .unit-btn-uai .unit-btn-icon span.anticon svg,.unit-modal .buttons-uai .btn-wrap-uai-dia .unit-btn-uai .unit-btn-icon span.anticon,.unit-modal .buttons-uai .btn-wrap-uai-dia .unit-btn-uai .unit-btn-icon span.anticon svg{
  height:100%;
  width:100%;
}
.unit-modal .buttons{
  padding:1.29vh 0 3.87vh;
}
.unit-modal .buttons .btn-wrap{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  width:33.3%;
  -webkit-box-pack:center;
  -webkit-justify-content:center;
      -ms-flex-pack:center;
          justify-content:center;
}
.unit-modal .buttons .unit-btn{
  vertical-align:top;
  width:26.667vw;
}
.unit-modal .buttons .btn-wrap:nth-child(3n + 1){
  -webkit-box-pack:start;
  -webkit-justify-content:flex-start;
      -ms-flex-pack:start;
          justify-content:flex-start;
}
.unit-modal .buttons .btn-wrap:nth-child(3n){
  -webkit-box-pack:end;
  -webkit-justify-content:flex-end;
      -ms-flex-pack:end;
          justify-content:flex-end;
}
.unit-modal .buttons .rptbtn{
  height:4.645vh;
  line-height:4.645vh;
  margin-left:auto;
  margin-right:auto;
  width:82.933vw;
}
.unit-modal .buttons .curColor{
  background:var(--u-menu-more-btn);
  color:var(--u-primary-color);
}
.unit-modal .buttons-uai{
  -webkit-box-pack:start;
  -webkit-justify-content:flex-start;
      -ms-flex-pack:start;
          justify-content:flex-start;
  padding:1.29vh 0 3.87vh;
}
.unit-modal .buttons-uai .btn-wrap-uai,.unit-modal .buttons-uai .btn-wrap-uai-dia{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -webkit-justify-content:center;
      -ms-flex-pack:center;
          justify-content:center;
}
.unit-modal .buttons-uai .btn-wrap-uai{
  width:50%;
}
.unit-modal .buttons-uai .btn-wrap-uai .unit-btn-uai{
  width:41.333vw;
}
.unit-modal .buttons-uai .btn-wrap-uai-dia{
  width:33.3%;
}
.unit-modal .buttons-uai .btn-wrap-uai-dia .unit-btn-uai{
  width:26.667vw;
}
.unit-modal .buttons-uai .btn-wrap:nth-child(3n + 1),.unit-modal .buttons-uai .btn-wrap:nth-child(3n){
  -webkit-box-pack:center;
  -webkit-justify-content:center;
      -ms-flex-pack:center;
          justify-content:center;
}
.unit-modal .buttons-uai .curColor{
  background:var(--u-menu-more-btn);
  color:var(--u-primary-color);
}
.unit-modal .modal-bottom{
  -webkit-box-shadow:inset 0 1px 0 0 #d9d9d9;
          box-shadow:inset 0 1px 0 0 #d9d9d9;
  padding:1.9vh 4vw;
}
.unit-modal .modal-bottom .modal-btn{
  background:var(--u-primary-color);
  border-radius:5.333vw;
  color:#fff;
  font-size:4.267vw;
  height:5.5vh;
  line-height:5.5vh;
  text-align:center;
}
.register-info-modal{
  height:28.58vh;
  width:74.667vw;
}
.register-info-modal .am-modal-content{
  border:.667vw solid #ffe28c;
  border-radius:3.2vw;
  overflow:unset;
  padding-top:0;
}
.register-info-modal .am-modal-body{
  padding:0 !important;
}
.register-info-modal .register-modal-wrap{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  height:17.42vh;
  margin-top:8.39vh;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -webkit-flex-direction:column;
      -ms-flex-direction:column;
          flex-direction:column;
  -webkit-box-pack:justify;
  -webkit-justify-content:space-between;
      -ms-flex-pack:justify;
          justify-content:space-between;
  -webkit-box-align:center;
  -webkit-align-items:center;
      -ms-flex-align:center;
          align-items:center;
}
.register-info-modal .register-modal-wrap .gold-bar{
  background:-webkit-gradient(linear, left top, left bottom, from(#ffe0ac), color-stop(49%, rgba(255,192,88,.27)), to(rgba(255,159,0,0)));
  background:-webkit-linear-gradient(top, #ffe0ac, rgba(255,192,88,.27) 49%, rgba(255,159,0,0));
  background:linear-gradient(180deg, #ffe0ac, rgba(255,192,88,.27) 49%, rgba(255,159,0,0));
  height:21.467vw;
  left:0;
  opacity:.5;
  position:absolute;
  top:0;
  width:100%;
}
.register-info-modal .register-modal-wrap .register-bell{
  height:13.55vh;
  left:50%;
  position:absolute;
  top:-4.84vh;
  -webkit-transform:translate(-50%);
      -ms-transform:translate(-50%);
          transform:translate(-50%);
  width:26.667vw;
}
.register-info-modal .register-modal-wrap .register-modal-info{
  color:#262626;
  font-size:4.267vw;
  font-weight:500;
}
.register-info-modal .register-modal-wrap .register-modal-con{
  color:#6d7380;
  font-size:3.733vw;
  margin:0 7.467vw;
  text-align:center;
}
.register-info-modal .register-modal-wrap .register-modal-btn{
  background:var(--u-primary-color);
  border-radius:4.8vw;
  color:#fff;
  font-size:3.733vw;
  height:4.645vh;
  line-height:4.645vh;
  text-align:center;
  width:37.333vw;
}
.abs-course-menu{
  height:100%;
}
.course-menu-default-container{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -webkit-justify-content:center;
      -ms-flex-pack:center;
          justify-content:center;
  -webkit-box-align:center;
  -webkit-align-items:center;
      -ms-flex-align:center;
          align-items:center;
  height:40vw;
}
.menu-modal-bg{
  background:#000;
  height:100%;
  position:fixed;
  width:100%;
  z-index:10000;
}
.custom-modal-test{
  color:#575c66;
  font-size:4.267vw;
  font-weight:400;
  line-height:6.4vw;
  text-align:left;
}
.section-group{
  background:#fff;
}
.section-modal{
  font-size:4vw;
  line-height:6.667vw;
}
.required-icon{
  font-size:4.267vw;
}
.course-section{
  height:76.509vh;
  position:relative;
  width:100%;
}
.course-section .title{
  background:var(--u-primary-color);
  border-radius:3.2vw 3.2vw 0 0;
  color:#fff;
  font-size:5.333vw;
  font-weight:bold;
  height:8.74vh;
  left:0;
  line-height:6.52vh;
  margin-bottom:0;
  overflow:hidden;
  padding:0 1.333vw;
  position:absolute;
  text-align:center;
  text-overflow:ellipsis;
  top:0;
  white-space:nowrap;
  width:100%;
}
.course-section .title p{
  display:inline;
  margin-bottom:0;
}
.course-section .course-section-content{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  height:70.407vh;
  left:0;
  position:absolute;
  top:6.52vh;
  width:100%;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  border-radius:4.267vw 4.267vw 0 0;
  -webkit-flex-direction:column;
      -ms-flex-direction:column;
          flex-direction:column;
}
.course-section .node1s-wrap{
  -webkit-box-flex:1;
  background:#fff;
  border-radius:0 0 2.133vw 2.133vw;
  -webkit-box-shadow:0 .667vw 2vw 0 hsla(0,0%,70%,.18);
          box-shadow:0 .667vw 2vw 0 hsla(0,0%,70%,.18);
  color:#262626;
  -webkit-flex:1 1 auto;
      -ms-flex:1 1 auto;
          flex:1 1 auto;
  height:70.407vh;
  overflow:auto;
  padding-bottom:4.926vh;
}
.course-section .node1s-wrap .node1{
  border-bottom:1px solid #e5e5e5;
}
.course-section .node1s-wrap .node1 .node1-title{
  -webkit-box-shadow:0 .667vw 2vw 0 hsla(0,0%,70%,.18);
          box-shadow:0 .667vw 2vw 0 hsla(0,0%,70%,.18);
  font-size:4.267vw;
  font-weight:600;
  line-height:2.493vh;
  padding:2.362vh 8vw 2.362vh 4vw;
  position:relative;
}
.course-section .node1s-wrap .node1 .node1-title p{
  display:inline;
  margin:0;
}
.course-section .node1s-wrap .node1 .node1-title .unfold-icon{
  top:50%;
  -webkit-transform:rotate(-45deg);
      -ms-transform:rotate(-45deg);
          transform:rotate(-45deg);
}
.course-section .node1s-wrap .node1 .node1-title .fold-icon,.course-section .node1s-wrap .node1 .node1-title .unfold-icon{
  border-left:2.4vw solid transparent;
  border-top:2.4vw solid #bfbfbf;
  height:0;
  position:absolute;
  right:7.067vw;
  width:0;
}
.course-section .node1s-wrap .node1 .node1-title .fold-icon{
  bottom:50%;
  -webkit-transform:rotate(135deg);
      -ms-transform:rotate(135deg);
          transform:rotate(135deg);
}
.course-section .node1s-wrap .node1 .node1-title-noshadow{
  -webkit-box-shadow:none;
          box-shadow:none;
}
.course-section .node1s-wrap .node1 .node1-big-pdl{
  padding-left:10.133vw;
}
.course-section .node1s-wrap .node1 .required{
  float:left;
  height:5.333vw;
  margin-right:.533vw;
  width:5.333vw;
}
.course-section .node1s-wrap .node1 .node2s-wrap{
  padding-bottom:.824vh;
  padding-top:.656vh;
}
.course-section .node1s-wrap .node1 .node2s-wrap .node2 .node2-title{
  font-size:4vw;
  line-height:2.362vh;
  padding:1.837vh 4vw 1.837vh 10.133vw;
  position:relative;
}
.course-section .node1s-wrap .node1 .node2s-wrap .node2 .node2-title p{
  margin-bottom:0;
}
.course-section .node1s-wrap .node1 .complete-progress{
  background:var(--u-primary-color);
  border-radius:2vw;
  height:4vw;
  left:2.667vw;
  position:absolute;
  top:50%;
  -webkit-transform:translateY(-50%);
      -ms-transform:translateY(-50%);
          transform:translateY(-50%);
  width:4vw;
}
.course-section .node1s-wrap .node1 .complete-progress .complete-icon{
  font-size:4vw;
}
.course-section .node1s-wrap .node1 .uncomplete-progress{
  border-radius:2vw;
  height:4vw;
  left:2.667vw;
  position:absolute;
  top:50%;
  -webkit-transform:translateY(-50%);
      -ms-transform:translateY(-50%);
          transform:translateY(-50%);
  width:4vw;
}
.course-section .node1s-wrap .node1 .uncomplete-progress .circle-icon{
  font-size:4vw;
}
.course-section .node1s-wrap .node1 .storyline{
  height:5.333vw;
  position:absolute;
  right:17.067vw;
  top:50%;
  -webkit-transform:translateY(-50%);
      -ms-transform:translateY(-50%);
          transform:translateY(-50%);
  width:5.333vw;
}
.course-section .node1s-wrap .node1 .storyline .lamp-icon{
  font-size:5.333vw;
}
.course-section .node1s-wrap .node1 .uncomplete-progress-icon{
  background:#fff;
  border:.8vw solid var(--u-primary-color);
  border-radius:50%;
  height:3.2vw;
  left:4.533vw;
  position:absolute;
  top:50%;
  -webkit-transform:translateY(-50%);
      -ms-transform:translateY(-50%);
          transform:translateY(-50%);
  width:3.2vw;
}
.course-section .node1s-wrap .node1 .group{
  color:#595959;
  font-size:3.733vw;
  line-height:2.231vh;
  padding:1.837vh 21.333vw 1.837vh 10.133vw;
  position:relative;
}
.course-section .node1s-wrap .node1 .group .taskName{
  display:inline-block;
  width:88%;
}
.course-section .node1s-wrap .node1 .group .taskName p{
  display:inline;
  margin:0;
}
.course-section .node1s-wrap .node1 .group .complete{
  color:var(--u-primary-color);
  font-weight:400;
  width:12.267vw;
}
.course-section .node1s-wrap .node1 .group .complete,.course-section .node1s-wrap .node1 .group .progress{
  font-size:3.2vw;
  height:5.333vw;
  line-height:5.333vw;
  position:absolute;
  right:5.6vw;
  text-align:right;
  top:50%;
  -webkit-transform:translateY(-50%);
      -ms-transform:translateY(-50%);
          transform:translateY(-50%);
}
.course-section .node1s-wrap .node1 .group .progress{
  color:#0ac77c;
  font-weight:500;
  width:9.6vw;
}
.course-section .node1s-wrap .node1 .group .lockImg{
  height:5.333vw;
  margin-top:-2.667vw;
  position:absolute;
  right:5.6vw;
  top:50%;
  width:5.333vw;
}
.course-section .node1s-wrap .node1 .group .lockImg .lock-icon{
  font-size:5.333vw;
}
.course-section .node1s-wrap .node1 .current-group{
  color:var(--u-primary-color);
}
.course-section .node1s-wrap .node1 .group-curr-img{
  height:3.333vw;
  position:absolute;
  right:0;
  top:50%;
  -webkit-transform:translateY(-50%) rotate(180deg);
      -ms-transform:translateY(-50%) rotate(180deg);
          transform:translateY(-50%) rotate(180deg);
  width:2.4vw;
}
.course-section .node1s-wrap .node1 .group-curr-img .current-icon{
  font-size:2.4vw;
}
.course-section .node1s-wrap .node1:last-child{
  border-bottom:none;
}
.course-section .node1s-wrap .section-bottom{
  height:4.926vh;
}
.course-section .storyline-info{
  -webkit-box-flex:1;
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex:1 1 auto;
      -ms-flex:1 1 auto;
          flex:1 1 auto;
  height:17.067vw;
  width:100%;
  -webkit-box-align:center;
  -webkit-align-items:center;
      -ms-flex-align:center;
          align-items:center;
  -webkit-backdrop-filter:blur(3.667vw);
          backdrop-filter:blur(3.667vw);
  background:hsla(0,0%,100%,.6);
  border-radius:4.267vw 4.267vw 0 0;
  -webkit-box-shadow:inset 0 .533vw 1.067vw 0 hsla(0,0%,100%,.7),inset 0 .267vw 0 0 hsla(0,0%,100%,.5);
          box-shadow:inset 0 .533vw 1.067vw 0 hsla(0,0%,100%,.7),inset 0 .267vw 0 0 hsla(0,0%,100%,.5);
  padding:0 3.2vw;
}
.course-section .storyline-info .storyline-info-icon{
  -webkit-box-flex:0;
  -webkit-flex:0 0 auto;
      -ms-flex:0 0 auto;
          flex:0 0 auto;
  height:5.333vw;
  margin-right:2.133vw;
  width:5.333vw;
}
.course-section .storyline-info .storyline-info-icon .lamp-icon{
  font-size:5.333vw;
}
.course-section .storyline-info .storyline-info-text{
  width:17.067vw;
  -webkit-box-flex:0;
  color:#262626;
  -webkit-flex:0 0 auto;
      -ms-flex:0 0 auto;
          flex:0 0 auto;
  font-size:4.8vw;
  font-style:normal;
  font-weight:600;
  height:7.467vw;
  line-height:7.467vw;
  margin-right:3.2vw;
  text-align:left;
}
.course-section .storyline-info .storyline-info-avatar{
  -webkit-box-flex:1;
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex:1 1 auto;
      -ms-flex:1 1 auto;
          flex:1 1 auto;
  -webkit-box-pack:end;
  -webkit-justify-content:flex-end;
      -ms-flex-pack:end;
  border-radius:50%;
  gap:2.133vw;
          justify-content:flex-end;
  width:49.067vw;
}
.course-section .storyline-info .storyline-info-avatar .avatar{
  height:10.667vw;
  width:10.667vw;
}
.course-unit-menu{
  background:-webkit-linear-gradient(121deg, #f5f9ff, #f0f1ff);
  background:linear-gradient(329deg, #f5f9ff, #f0f1ff);
  height:100%;
}
.course-unit-menu .region-bg-1{
  background:#f3f8ff;
  -webkit-filter:blur(6.667vw);
          filter:blur(6.667vw);
  height:57.333vw;
  position:absolute;
  right:0;
  top:0;
  width:51.733vw;
  z-index:995;
}
.course-unit-menu .region-bg-2{
  background:-webkit-radial-gradient(87% 66%, 0 85%, rgb(199 247 4.81132075%) 0, #96ebff 100%);
  background:radial-gradient(0 85% at 87% 66%, rgb(199 247 4.81132075%) 0, #96ebff 100%);
  -webkit-filter:blur(10.667vw);
          filter:blur(10.667vw);
  height:73.867vw;
  left:0;
  opacity:.13;
  position:absolute;
  top:43.467vw;
  width:43.467vw;
}
.course-unit-menu .region-bg-3{
  background:#f0fff4;
  -webkit-filter:blur(6.667vw);
          filter:blur(6.667vw);
  height:73.867vw;
  opacity:.5;
  position:absolute;
  right:0;
  top:82.4vw;
  width:37.6vw;
}
.course-unit-menu .unit-section-top{
  background-repeat:no-repeat;
  background-size:100%;
  -webkit-box-sizing:border-box;
          box-sizing:border-box;
  color:#000;
  height:18.904vh;
  padding:1.181vh 4vw 0;
  position:relative;
  z-index:1001;
}
html[data-webp-type="nosupport"] .course-unit-menu .unit-section-top{
  background-image:url(//ucontent.cdn.unipus.cn/course/exploration/images/huxian-50.png?imageMogr2/quality/80/strip);
}
html[data-webp-type="support"] .course-unit-menu .unit-section-top{
  background-image:url(//ucontent.cdn.unipus.cn/course/exploration/images/huxian-50.png?imageMogr2/format/webp/quality/80/strip);
}
.course-unit-menu .unit-section-top .sectionn-nav{
  height:3.281vh;
  line-height:3.281vh;
  text-align:center;
}
.course-unit-menu .unit-section-top .sectionn-nav .unit-back{
  float:left;
  height:3.281vh;
  line-height:3.281vh;
  width:5.333vw;
}
.course-unit-menu .unit-section-top .sectionn-nav .unit-back .back-icon{
  font-size:5.333vw;
}
.course-unit-menu .unit-section-top .sectionn-nav .unit-title{
  color:#262626;
  display:inline-block;
  font-size:4.8vw;
  height:3.281vh;
  line-height:3.281vh;
  overflow:hidden;
  text-align:center;
  text-overflow:ellipsis;
  white-space:nowrap;
  width:77.333vw;
}
.course-unit-menu .unit-section-top .sectionn-nav .unit-title p{
  margin-bottom:0;
}
.course-unit-menu .unit-section-top .sectionn-nav .unit-report{
  float:right;
  height:3.281vh;
  line-height:3.281vh;
  width:6.667vw;
}
.course-unit-menu .unit-section-top .sectionn-nav .unit-report img{
  height:2.756vh;
  width:100%;
}
.course-unit-menu .unit-section-top .section-info{
  margin:3.281vh 1.333vw 0;
}
.course-unit-menu .unit-section-top .section-info .total-section{
  color:#bcbcbc;
  font-size:3.733vw;
  line-height:2.887vh;
}
.course-unit-menu .unit-section-top .section-info .section-progress{
  float:right;
}
.course-unit-menu .unit-section-top .section-info .section-progress .current-section{
  color:rgba(0,0,0,.85);
  font-size:3.733vw;
  line-height:2.887vh;
}
.course-unit-menu .unit-section-top .section-info .section-progress .section-denominator{
  color:#bcbcbc;
  font-size:3.733vw;
  line-height:2.887vh;
}
.course-unit-menu .section-swiper{
  margin-top:-7.081vh;
  position:relative;
  z-index:1002;
}
.abs-course-unit-menu{
  height:100%;
}
.error-result .sub-title{
  color:#888;
  font-size:1.867vw;
  margin-left:2vw;
  padding:4vw 0 2.4vw;
}
.loading-page{
  background-color:#fff;
  height:100vh;
  position:relative;
  width:100vw;
}
.loading-page .loading-page-content{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  left:50%;
  position:absolute;
  top:50%;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -webkit-flex-direction:column;
      -ms-flex-direction:column;
          flex-direction:column;
  -webkit-box-align:center;
  -webkit-align-items:center;
      -ms-flex-align:center;
          align-items:center;
  -webkit-box-pack:center;
  -webkit-justify-content:center;
      -ms-flex-pack:center;
  color:#575c66;
  font-size:3.733vw;
  height:13.333vw;
          justify-content:center;
  line-height:5.867vw;
  margin-left:-26vw;
  margin-top:-14.667vw;
  width:52vw;
}
.loading-page .main-loading-icon{
  height:auto;
  width:30.267vw;
}
.question-common-abs-loading{
  left:50%;
  position:absolute;
  top:50%;
  -webkit-transform:translate(-50%, -50%);
      -ms-transform:translate(-50%, -50%);
          transform:translate(-50%, -50%);
}
.entry-task-video-container{
  background:#fff;
  background:#000;
  height:100%;
  left:0;
  position:fixed;
  top:0;
  -webkit-transform:translateZ(1px);
          transform:translateZ(1px);
  z-index:100000000000;
}
.entry-task-video-container,.entry-task-video-container .video-container{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  width:100%;
  -webkit-box-align:center;
  -webkit-align-items:center;
      -ms-flex-align:center;
          align-items:center;
}
.entry-task-video-container .video-container{
  -webkit-box-pack:center;
  -webkit-justify-content:center;
      -ms-flex-pack:center;
          justify-content:center;
}
.entry-task-video-container .close-icon-container{
  cursor:pointer;
  height:13.333vw;
  left:4vw;
  position:fixed;
  top:2.667vw;
  width:13.333vw;
  z-index:10001;
}
.player-preview-loading{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -webkit-justify-content:center;
      -ms-flex-pack:center;
          justify-content:center;
  -webkit-box-align:center;
  -webkit-align-items:center;
      -ms-flex-align:center;
          align-items:center;
  background-color:#fff;
  height:56vw;
  position:relative;
  width:100%;
}
.player-preview-loading .playerLoading-dot{
  color:var(--u-primary-color);
  font-size:4.267vw;
  left:50%;
  margin-left:-2.133vw;
  margin-top:-2.133vw;
  position:absolute;
  top:50%;
}
.question-video-player{
  background:#fff;
  border-radius:1.067vw;
  height:100%;
  overflow:hidden;
  position:relative;
  width:100%;
}
.question-video-player .video-js{
  background-color:#fff;
}
.question-video-player .video-js .vjs-text-track-cue div{
  background-color:rgba(0,0,0,.7) !important;
  display:inline-block !important;
  font-size:2.667vw !important;
  line-height:3.733vw !important;
}
.question-video-player .video-js .vjs-tech{
  pointer-events:none;
}
.question-video-player .video-js .vjs-poster{
  background-color:#fff;
}
.question-video-player .video-js .vjs-poster::after{
  background-color:rgba(0,0,0,.5);
  bottom:0;
  content:" ";
  display:block;
  left:0;
  position:absolute;
  right:0;
  top:0;
}
.question-video-player .video-js .vjs-text-track-display{
  display:none;
}
.question-video-player .video-js .vjs-text-track-display .vjs-text-track-cue > div{
  color:#fff;
  font-size:4.267vw;
  letter-spacing:0;
  line-height:6.4vw;
  text-shadow:0 .267vw .533vw rgba(0,0,0,.8);
}
.question-video-player .video-js .vjs-control-bar{
  opacity:0 !important;
}
.question-video-player .video-js.vjs-fullscreen:not(.vjs-ios-native-fs) .vjs-text-track-display{
  bottom:auto;
  height:56.25vw;
  top:50%;
  -webkit-transform:translateY(-50%);
      -ms-transform:translateY(-50%);
          transform:translateY(-50%);
}
.question-video-player .vjs-error .vjs-error-display:before{
  content:"";
}
.question-video-player .full-screen-back{
  -webkit-box-pack:center;
  -webkit-justify-content:center;
      -ms-flex-pack:center;
  background:rgba(0,0,0,.2);
  border-radius:50%;
  color:#fff;
  font-size:2.933vw;
  height:4vw;
          justify-content:center;
  left:2.133vw;
  top:1.333vw;
  width:4vw;
}
.question-video-player .controls,.question-video-player .full-screen-back{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -webkit-align-items:center;
      -ms-flex-align:center;
          align-items:center;
  position:absolute;
  z-index:9;
}
.question-video-player .controls{
  background-image:-webkit-gradient(linear, left top, left bottom, from(hsla(0,0%,100%,0)), color-stop(48%, rgba(0,0,0,.24)), to(rgba(0,0,0,.6)));
  background-image:-webkit-linear-gradient(top, hsla(0,0%,100%,0), rgba(0,0,0,.24) 48%, rgba(0,0,0,.6));
  background-image:linear-gradient(180deg, hsla(0,0%,100%,0), rgba(0,0,0,.24) 48%, rgba(0,0,0,.6));
  bottom:0;
  font-size:5.333vw;
  height:8vw;
  left:0;
  padding-right:3.2vw;
  width:100%;
}
.question-video-player .controls *{
  -ms-touch-action:pan-y;
      touch-action:pan-y;
}
.question-video-player .controls .sliderWrap{
  height:2.133vw;
  margin-left:2.667vw;
  margin-top:2.133vw;
  -webkit-box-flex:1;
  -webkit-flex-grow:1;
      -ms-flex-positive:1;
          flex-grow:1;
}
.question-video-player .controls .sliderWrap .am-slider-with-marks{
  margin-top:-.267vw;
}
.question-video-player .controls .sliderWrap .am-slider-rail{
  background-color:hsla(0,0%,93%,.4);
  height:.533vw;
}
.question-video-player .controls .sliderWrap .am-slider-track{
  background-color:var(--u-primary-color);
  height:.533vw;
}
.question-video-player .controls .sliderWrap .am-slider-handle{
  background-color:var(--u-primary-color);
  border:none;
  height:1.333vw;
  margin-left:-.8vw;
  margin-top:-.4vw;
  width:1.333vw;
}
.question-video-player .controls .sliderWrap .am-slider-handle:before{
  background-color:rgba(0,185,159,.3);
  border-radius:50%;
  content:"";
  display:block;
  height:2.133vw;
  left:-.4vw;
  position:absolute;
  top:-.4vw;
  width:2.133vw;
}
.question-video-player .controls .sliderWrap .am-slider-step .am-slider-dot{
  background-color:#fff;
  border:none;
  border-radius:0;
  bottom:0;
  height:.533vw;
  top:0;
  width:.8vw;
}
.question-video-player .controls .controlItem{
  color:#fff;
  display:inline-block;
  margin-left:2.133vw;
  -webkit-user-select:none;
     -moz-user-select:none;
      -ms-user-select:none;
          user-select:none;
}
.question-video-player .controls .controlItem__rate{
  text-align:center;
  width:6.933vw;
}
.question-video-player .controls .text{
  font-size:2.667vw;
}
.question-video-player .controls .videoBtn{
  height:5.333vw;
  line-height:5.333vw;
  width:5.333vw;
}
.question-video-player .controls .videoBtn.videoBtn__full-screen{
  font-size:4.267vw;
  height:4.267vw;
  width:4.267vw;
}
.question-video-player .controls .subtitle{
  font-size:5.333vw;
  text-align:center;
}
.question-video-player .controls .subtitle.active{
  color:var(--u-primary-color);
}
.question-video-player.track-show .video-js .vjs-text-track-display{
  display:block;
}
.question-video-player .back-wrap{
  display:none;
}
.question-video-player .player-subtitile-list .adm-popover-menu-list{
  min-width:4vw;
  padding:1.333vw;
}
.question-video-player .player-subtitile-list .adm-popover-menu-list .adm-popover-menu-item{
  padding-left:0;
}
.question-video-player .player-subtitile-list .adm-popover-menu-list .adm-popover-menu-item .adm-popover-menu-item-icon{
  font-size:3.2vw;
}
.question-video-player .video-play-speed-popover .video-back-rate-container .video-back-rate-item{
  color:#8e8e8e;
  font-size:3.2vw;
  line-height:1.5715;
  text-align:center;
}
.question-video-player .video-play-speed-popover .video-back-rate-container .video-back-rate-item-active{
  color:var(--u-primary-color);
}
.question-video-player .video-js.vjs-9-16{
  background-color:#000;
  height:100vh;
  padding-top:0;
  width:100vw;
}
.question-video-player .video-js.vjs-9-16 .vjs-tech{
  height:100%;
  left:0;
  object-fit:contain;
  position:absolute;
  top:0;
  width:100%;
}
.question-video-player .video-js.vjs-9-16 .vjs-poster{
  background-size:contain;
}
@media only screen and (orientation:landscape){
  .question-video-player{
    border-radius:0;
  }
  .question-video-player .video-js{
    border-radius:0;
    padding-top:100vh;
  }
  .question-video-player .video-js .vjs-poster{
    border-radius:0;
  }
  .question-video-player .video-js .controls{
    font-size:2.667vw;
    height:10.667vw;
  }
  .question-video-player .video-js .controls .controlItem .videoBtn,.question-video-player .video-js .controls .controlItem.videoBtn{
    font-size:2.667vw;
    margin-top:.667vw;
  }
  .question-video-player .video-js .controls .controlItem.text{
    font-size:1.333vw;
  }
  .question-video-player .back-wrap{
    background:rgba(0,0,0,.6);
    border-radius:2.667vw;
    border-radius:2vw;
    display:block;
    height:4vw;
    left:5.333vw;
    padding-top:.4vw;
    position:absolute;
    text-align:center;
    top:4vw;
    width:4vw;
  }
  .question-video-player .back-wrap .back-button{
    color:#fff;
    font-size:3.2vw;
  }
}
.wrapper{
  -webkit-box-sizing:border-box;
          box-sizing:border-box;
  height:100%;
  width:100%;
}
.nextSection{
  bottom:12.133vw;
  position:fixed;
  right:0;
  z-index:9999;
}
.vr-component-container{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  height:100%;
  width:100%;
  -webkit-box-align:center;
  -webkit-align-items:center;
      -ms-flex-align:center;
          align-items:center;
  -webkit-box-pack:center;
  -webkit-justify-content:center;
      -ms-flex-pack:center;
          justify-content:center;
}

@font-face{
  font-family:"swiper-icons";
  font-style:normal;
  font-weight:400;
  src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
}
:root{
  --swiper-theme-color:#007aff;
}
.swiper-container{
  list-style:none;
  margin-left:auto;
  margin-right:auto;
  overflow:hidden;
  padding:0;
  position:relative;
  z-index:1;
}
.swiper-container-vertical > .swiper-wrapper{
  flex-direction:column;
}
.swiper-wrapper{
  box-sizing:content-box;
  display:flex;
  height:100%;
  position:relative;
  transition-property:transform;
  width:100%;
  z-index:1;
}
.swiper-container-android .swiper-slide,.swiper-wrapper{
  transform:translateZ(0);
}
.swiper-container-multirow > .swiper-wrapper{
  flex-wrap:wrap;
}
.swiper-container-multirow-column > .swiper-wrapper{
  flex-direction:column;
  flex-wrap:wrap;
}
.swiper-container-free-mode > .swiper-wrapper{
  margin:0 auto;
  transition-timing-function:ease-out;
}
.swiper-container-pointer-events{
  touch-action:pan-y;
}
.swiper-container-pointer-events.swiper-container-vertical{
  touch-action:pan-x;
}
.swiper-slide{
  flex-shrink:0;
  height:100%;
  position:relative;
  transition-property:transform;
  width:100%;
}
.swiper-slide-invisible-blank{
  visibility:hidden;
}
.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{
  height:auto;
}
.swiper-container-autoheight .swiper-wrapper{
  align-items:flex-start;
  transition-property:transform, height;
}
.swiper-container-3d{
  perspective:1200px;
}
.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{
  transform-style:preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{
  height:100%;
  left:0;
  pointer-events:none;
  position:absolute;
  top:0;
  width:100%;
  z-index:10;
}
.swiper-container-3d .swiper-slide-shadow-left{
  background-image:linear-gradient(270deg, rgba(0,0,0,.5), rgba(0,0,0,0));
}
.swiper-container-3d .swiper-slide-shadow-right{
  background-image:linear-gradient(90deg, rgba(0,0,0,.5), rgba(0,0,0,0));
}
.swiper-container-3d .swiper-slide-shadow-top{
  background-image:linear-gradient(0deg, rgba(0,0,0,.5), rgba(0,0,0,0));
}
.swiper-container-3d .swiper-slide-shadow-bottom{
  background-image:linear-gradient(180deg, rgba(0,0,0,.5), rgba(0,0,0,0));
}
.swiper-container-css-mode > .swiper-wrapper{
  overflow:auto;
  scrollbar-width:none;
  -ms-overflow-style:none;
}
.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar{
  display:none;
}
.swiper-container-css-mode > .swiper-wrapper > .swiper-slide{
  scroll-snap-align:start start;
}
.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper{
  scroll-snap-type:x mandatory;
}
.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper{
  scroll-snap-type:y mandatory;
}
:root{
  --swiper-navigation-size:44px;
}
.swiper-button-next,.swiper-button-prev{
  align-items:center;
  color:var(--swiper-navigation-color, var(--swiper-theme-color));
  cursor:pointer;
  display:flex;
  height:var(--swiper-navigation-size);
  justify-content:center;
  margin-top:calc(0px - var(--swiper-navigation-size)/2);
  position:absolute;
  top:50%;
  width:calc(var(--swiper-navigation-size)/44*27);
  z-index:10;
}
.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{
  cursor:auto;
  opacity:.35;
  pointer-events:none;
}
.swiper-button-next:after,.swiper-button-prev:after{
  font-family:swiper-icons;
  font-size:var(--swiper-navigation-size);
  font-variant:normal;
  letter-spacing:0;
  line-height:1;
  text-transform:none !important;
  text-transform:none;
}
.swiper-button-prev,.swiper-container-rtl .swiper-button-next{
  left:10px;
  right:auto;
}
.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{
  content:"prev";
}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev{
  left:auto;
  right:10px;
}
.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{
  content:"next";
}
.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white{
  --swiper-navigation-color:#fff;
}
.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black{
  --swiper-navigation-color:#000;
}
.swiper-button-lock{
  display:none;
}
.swiper-container-horizontal > .swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{
  bottom:10px;
  left:0;
  width:100%;
}
.swiper-pagination-bullet-active{
  background:var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-container-vertical > .swiper-pagination-bullets{
  right:10px;
  top:50%;
  transform:translate3d(0, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet{
  display:block;
  margin:6px 0;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic{
  top:50%;
  transform:translateY(-50%);
  width:8px;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{
  display:inline-block;
  transition:transform .2s,top .2s;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{
  margin:0 4px;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic{
  left:50%;
  transform:translateX(-50%);
  white-space:nowrap;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{
  transition:transform .2s,left .2s;
}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet{
  transition:transform .2s,right .2s;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
  background:var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-container-horizontal > .swiper-pagination-progressbar,.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{
  height:4px;
  left:0;
  top:0;
  width:100%;
}
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical > .swiper-pagination-progressbar{
  height:100%;
  left:0;
  top:0;
  width:4px;
}
.swiper-scrollbar{
  background:rgba(0,0,0,.1);
  border-radius:10px;
  position:relative;
  -ms-touch-action:none;
}
.swiper-container-horizontal > .swiper-scrollbar{
  bottom:3px;
  height:5px;
  left:1%;
  position:absolute;
  width:98%;
  z-index:50;
}
.swiper-container-vertical > .swiper-scrollbar{
  height:98%;
  position:absolute;
  right:3px;
  top:1%;
  width:5px;
  z-index:50;
}
.swiper-scrollbar-drag{
  background:rgba(0,0,0,.5);
  border-radius:10px;
  height:100%;
  left:0;
  position:relative;
  top:0;
  width:100%;
}
.swiper-scrollbar-cursor-drag{
  cursor:move;
}
.swiper-scrollbar-lock{
  display:none;
}
.swiper-zoom-container{
  align-items:center;
  display:flex;
  height:100%;
  justify-content:center;
  text-align:center;
  width:100%;
}
.swiper-zoom-container > canvas,.swiper-zoom-container > img,.swiper-zoom-container > svg{
  max-height:100%;
  max-width:100%;
  object-fit:contain;
}
.swiper-slide-zoomed{
  cursor:move;
}
.swiper-lazy-preloader{
  animation:swiper-preloader-spin 1s linear infinite;
  border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius:50%;
  border-top:4px solid transparent;
  box-sizing:border-box;
  height:42px;
  left:50%;
  margin-left:-21px;
  margin-top:-21px;
  position:absolute;
  top:50%;
  transform-origin:50%;
  width:42px;
  z-index:10;
}
.swiper-lazy-preloader-white{
  --swiper-preloader-color:#fff;
}
.swiper-lazy-preloader-black{
  --swiper-preloader-color:#000;
}
@keyframes swiper-preloader-spin{
  100%{
    transform:rotate(1turn);
  }
}
.swiper-container .swiper-notification{
  left:0;
  opacity:0;
  pointer-events:none;
  position:absolute;
  top:0;
  z-index:-1000;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide{
  transition-timing-function:ease-out;
}
.swiper-container-fade .swiper-slide{
  pointer-events:none;
  transition-property:opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide{
  pointer-events:none;
}
.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{
  pointer-events:auto;
}
.swiper-container-cube{
  overflow:visible;
}
.swiper-container-cube .swiper-slide{
  -webkit-backface-visibility:hidden;
          backface-visibility:hidden;
  height:100%;
  pointer-events:none;
  transform-origin:0 0;
  visibility:hidden;
  width:100%;
  z-index:1;
}
.swiper-container-cube .swiper-slide .swiper-slide{
  pointer-events:none;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide{
  transform-origin:100% 0;
}
.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{
  pointer-events:auto;
}
.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next + .swiper-slide,.swiper-container-cube .swiper-slide-prev{
  pointer-events:auto;
  visibility:visible;
}
.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{
  -webkit-backface-visibility:hidden;
          backface-visibility:hidden;
  z-index:0;
}
.swiper-container-cube .swiper-cube-shadow{
  bottom:0;
  height:100%;
  left:0;
  opacity:.6;
  position:absolute;
  width:100%;
  z-index:0;
}
.swiper-container-cube .swiper-cube-shadow:before{
  background:#000;
  bottom:0;
  content:"";
  filter:blur(50px);
  left:0;
  position:absolute;
  right:0;
  top:0;
}
.swiper-container-flip{
  overflow:visible;
}
.swiper-container-flip .swiper-slide{
  -webkit-backface-visibility:hidden;
          backface-visibility:hidden;
  pointer-events:none;
  z-index:1;
}
.swiper-container-flip .swiper-slide .swiper-slide{
  pointer-events:none;
}
.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{
  pointer-events:auto;
}
.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{
  -webkit-backface-visibility:hidden;
          backface-visibility:hidden;
  z-index:0;
}

.swiper-pagination{position:absolute;text-align:center;transform:translateZ(0);transition:opacity .3s;z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{font-size:0;overflow:hidden}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{position:relative;transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{background:#000;border-radius:50%;display:inline-block;height:8px;opacity:.2;width:8px}button.swiper-pagination-bullet{-webkit-appearance:none;appearance:none;border:none;box-shadow:none;margin:0;padding:0}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{background:var(--swiper-pagination-color,var(--swiper-theme-color));opacity:1}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{display:block;margin:6px 0}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:transform .2s,top .2s}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,left .2s}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));height:100%;left:0;position:absolute;top:0;transform:scale(0);transform-origin:left top;width:100%}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{height:4px;left:0;top:0;width:100%}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{height:100%;left:0;top:0;width:4px}.swiper-pagination-white{--swiper-pagination-color:#fff}.swiper-pagination-black{--swiper-pagination-color:#000}.swiper-pagination-lock{display:none}
.html-root:root{
  --u-question-choice-option-selected-bg:#424b6b;
}
body,html{
  height:100%;
  width:100%;
}
body{
  background-color:#fff;
  font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
  font-size:4.267vw;
  line-height:1.5;
}
#root{
  height:100%;
}
:root{
  --themeColor-brand-v1:var(--u-primary-color);
  --u-menu-primary-color2:#44d4b7;
}
*,*::after,*::before{
  -webkit-box-sizing:border-box;
          box-sizing:border-box;
}
p{
  margin-bottom:1em;
  margin-top:0;
}
.am-modal-body{
  text-align:left;
}
.am-modal-body,.am-modal-button-group-h .am-modal-button,.am-toast{
  font-size:4.267vw;
}
.am-toast{
  z-index:9999999;
}
.am-toast.am-toast-mask{
  margin-top:-26.667vw;
}
.am-modal-button-group-v .am-modal-button{
  font-size:4.267vw;
}
.am-modal-button-group-h .am-modal-button .question-common-abs-question-container{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  height:100%;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -webkit-flex-direction:column;
      -ms-flex-direction:column;
          flex-direction:column;
}
.am-modal-button-group-h .am-modal-button .question-common-abs-question-container .content{
  -webkit-box-flex:1;
  -webkit-flex-grow:1;
      -ms-flex-positive:1;
          flex-grow:1;
  height:0;
  overflow:hidden;
}
.question-common-abs-question-container{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  height:100%;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -webkit-flex-direction:column;
      -ms-flex-direction:column;
          flex-direction:column;
}
.question-common-abs-question-container .content{
  -webkit-box-flex:1;
  -webkit-flex-grow:1;
      -ms-flex-positive:1;
          flex-grow:1;
  min-height:0;
  overflow:hidden;
  position:relative;
}
.question-common-abs-question-container .content .mobile-spread-content{
  bottom:0;
  left:0;
  position:absolute;
  right:0;
  top:0;
}
#course-page{
  display:block;
  z-index:100;
}
#course-page .question-common-course-page{
  -webkit-box-sizing:border-box;
          box-sizing:border-box;
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-justify-content:space-around;
  padding:1.333vw 8vw 4.667vw;
      -ms-flex-pack:distribute;
          justify-content:space-around;
  -webkit-box-align:center;
  -webkit-align-items:center;
      -ms-flex-align:center;
          align-items:center;
}
#course-page .question-common-course-page .btn{
  border:1px solid var(--u-primary-color);
  border-radius:13.333vw;
  color:var(--u-primary-color);
  margin-right:6.667vw;
  text-align:center;
}
#course-page .question-common-course-page .btn,#course-page .question-common-course-page .btn:last-child{
  -webkit-box-flex:1;
  -webkit-flex-grow:1;
      -ms-flex-positive:1;
          flex-grow:1;
  font-size:4.267vw;
  height:12vw;
  letter-spacing:0;
  line-height:12vw;
}
#course-page .question-common-course-page .btn:last-child{
  background:var(--u-primary-color);
  border:none;
  border-radius:13.333vw;
  color:#fff;
  margin-right:0;
}
#landscape-flag{
  display:none;
  height:0;
}
#skill-wrap{
  bottom:0;
  display:none;
  left:0;
  position:absolute;
  right:0;
  top:0;
  -webkit-box-align:center;
  -webkit-align-items:center;
      -ms-flex-align:center;
          align-items:center;
  background:rgba(0,0,0,.8);
}
#safe-area{
  height:env(safe-area-inset-bottom);
  -webkit-box-flex:0;
  -webkit-flex:none;
      -ms-flex:none;
          flex:none;
}
.question-nav{
  display:block;
  min-height:7.733vw;
  padding:2.667vw 4vw;
}
.question-nav .header-title{
  color:#262626;
  margin-left:-1.6vw;
}
.question-nav.hide{
  position:absolute;
  visibility:hidden;
}
.question-common-question-container{
  background:#fff;
}
.question-wrap{
  height:100%;
}
.layout-container-mobile .layout-reply-container-mobile .slider,.m-question-vocabulary .progressBar,.question-audio,.question-exit-ticket-mobile .icons,.question-exit-ticket-mobile .number,.question-video-player{
  -webkit-user-select:none;
     -moz-user-select:none;
      -ms-user-select:none;
          user-select:none;
}
.course-menu .swiper-pagination,.course-unit-menu .swiper-pagination{
  bottom:-5.4vh !important;
}
.course-menu .swiper-container,.course-unit-menu .swiper-container{
  overflow:unset !important;
}
.course-menu .swiper-pagination-bullet,.course-unit-menu .swiper-pagination-bullet{
  background:#d9d9d9;
  display:inline-block;
  height:1.067vw;
  margin:.667vw;
  opacity:1;
  width:1.067vw;
}
.course-menu .swiper-pagination-bullet-active,.course-unit-menu .swiper-pagination-bullet-active{
  background:var(--u-primary-color);
  border-radius:.467vw;
  display:inline-block;
  height:.933vw;
  margin:.667vw;
  width:4.533vw;
}
.course-menu .unitCard-wrapper .unitCard{
  height:61.8vh;
}
.course-unit .unit-top{
  height:20.2vh;
}
.course-unit .section-wrap{
  height:41.6vh;
}
.course-menu .continue{
  bottom:3.549vh;
}
@media only screen and (orientation:landscape){
  .am-modal-alert-content,.am-modal-footer .am-modal-button,.am-toast{
    font-size:2.133vw;
  }
  #question-nav{
    display:none;
  }
  #course-page{
    display:none !important;
  }
  #course-page .question-common-course-page{
    padding:.667vw 40vw 3.333vw;
  }
  #course-page .question-common-course-page .btn{
    margin-right:3.333vw;
  }
  #course-page .question-common-course-page .btn,#course-page .question-common-course-page .btn:last-child{
    border-radius:4vw;
    font-size:2.133vw;
    height:4vw;
    line-height:4vw;
  }
  #landscape-flag{
    display:block;
  }
}
.diginal-modal-warp .adm-center-popup-wrap{
  max-width:84vw;
}
.diginal-body-wrap{
  background:-webkit-gradient(linear, left top, left bottom, from(#fffbf4), color-stop(99%, #ffefd5), to(#ffecd9));
  background:-webkit-linear-gradient(top, #fffbf4, #ffefd5 99%, #ffecd9);
  background:linear-gradient(180deg, #fffbf4, #ffefd5 99%, #ffecd9);
  border-radius:4.267vw !important;
  height:54.933vw;
  overflow:visible !important;
  padding-top:0 !important;
  position:relative;
  width:84vw !important;
}
.diginal-body-wrap .diginal-title-image-container{
  left:0;
  position:absolute;
  top:-42.667vw;
  z-index:100;
}
.diginal-body-wrap .diginal-title-image-container .diginal-title-image{
  width:100%;
}
.diginal-body-wrap .diginal-content-container-wrap{
  background:-webkit-gradient(linear, left top, left bottom, from(#fffbf4), color-stop(99%, #ffefd5), to(#ffecd9));
  background:-webkit-linear-gradient(top, #fffbf4, #ffefd5 99%, #ffecd9);
  background:linear-gradient(180deg, #fffbf4, #ffefd5 99%, #ffecd9);
  border-radius:4vw;
  height:100%;
  left:0;
  position:absolute;
  top:0;
  width:100%;
  z-index:101;
}
.diginal-body-wrap .diginal-content-container-wrap .diginal-content{
  color:#1a2233;
  font-family:PingFangSC-Medium, PingFang SC;
  font-size:4.267vw;
  font-weight:700;
  margin-top:8.267vw;
  text-align:center;
}
.diginal-body-wrap .diginal-content-container-wrap .diginal-content .diginal-content-conainer{
  padding-left:5.6vw;
  padding-right:5.6vw;
}
.diginal-body-wrap .diginal-dialog-checkbox-container{
  bottom:4.267vw;
  color:#858c99;
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  font-family:PingFangSC-Regular, PingFang SC;
  font-size:3.733vw;
  font-weight:400;
  position:absolute;
  width:100%;
  z-index:101;
  -webkit-box-align:center;
  -webkit-align-items:center;
      -ms-flex-align:center;
          align-items:center;
  text-align:center;
  -webkit-box-pack:center;
  -webkit-justify-content:center;
      -ms-flex-pack:center;
          justify-content:center;
  left:0;
  --icon-size:3.733vw;
}
.diginal-body-wrap .diginal-dialog-checkbox-container .diginal-checkbox-label{
  margin-left:1.333vw;
}
.diginal-body-wrap .diginal-dialog-checkbox-container .am-checkbox-inner{
  border-radius:0 !important;
}
.diginal-body-wrap .diginal-dialog-checkbox-container .am-checkbox{
  margin-right:.8vw;
}
.diginal-body-wrap .diginal-dialog-checkbox-container .am-checkbox-wrapper{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -webkit-align-items:center;
      -ms-flex-align:center;
          align-items:center;
  -webkit-box-pack:center;
  -webkit-justify-content:center;
      -ms-flex-pack:center;
          justify-content:center;
}
.diginal-body-wrap .diginal-dialog-checkbox-container .adm-checkbox-icon{
  border-radius:.533vw;
  height:3.733vw;
  width:3.733vw;
}
.diginal-body-wrap .diginal-dialog-checkbox-container .adm-checkbox.adm-checkbox-checked .adm-checkbox-icon{
  border-color:transparent !important;
}
.diginal-body-wrap .adm-modal-footer{
  bottom:12vw;
  left:50%;
  margin-left:-20vw;
  padding:0;
  position:absolute !important;
  width:40vw;
  z-index:102;
}
.diginal-body-wrap .adm-modal-footer .adm-button{
  border-radius:26.667vw !important;
  height:10.667vw !important;
  line-height:10.667vw !important;
  padding:0 !important;
}
.layoutBody-container-mobile .role-play-wrapper .role-reply .role-play-quiz .record-done{
  color:var(--u-primary-color);
  height:6.667vw;
  margin-top:-3.333vw;
  position:absolute;
  right:-6.667vw;
  top:50%;
  white-space:nowrap;
}
.layoutBody-container-mobile .role-play-wrapper .role-play-contact-list-wrapper .role-play-quiz .record-done{
  color:var(--u-primary-color);
  position:absolute;
  right:5.333vw;
  white-space:nowrap;
  width:6.667vw;
}
.question-common-vocabulary-base-m .practice .practice-score-done{
  color:var(--u-primary-color);
  font-size:4.8vw;
  white-space:nowrap;
}
.unipus-cloud-root .unipus-cloud .course-guid-container,.unipus-cloud-root .unipus-cloud .course-mark-list,.unipus-cloud-root .unipus-cloud .course-mistake .nav-wrapper,.unipus-cloud-root .unipus-cloud .course-rerpot-list,.unipus-cloud-root .unipus-cloud .course-resouce-list,.unipus-cloud-root .unipus-cloud .course-unit-menu,.unipus-cloud-root .unipus-cloud .mobile-spread-content .summary,.unipus-cloud-root .unipus-cloud .register-page-layout-out{
  padding-top:11.733vw;
}
.unipus-cloud-root .unipus-cloud .course-mistake .nav-wrapper{
  background:#fff;
}
.unipus-cloud-root .unipus-cloud .question-nav{
  padding-top:14.4vw;
}
.unipus-cloud-root .unipus-cloud .mobile-nav-container{
  height:6.4vw;
}
.unipus-cloud-root .unipus-cloud .question-common-abs-question-container .content{
  overflow:unset;
}
.unipus-cloud-root .unipus-cloud .question-common-abs-question-container .layout-reply-container-mobile{
  -webkit-box-shadow:unset;
          box-shadow:unset;
}
.unipus-cloud-root .unipus-cloud .register-help-body{
  height:calc(100% - 11.867vw) !important;
}
.unipus-cloud-root .course-menu .course-menu-top{
  -webkit-box-sizing:content-box;
          box-sizing:content-box;
  height:18.079vh;
  padding-top:14.667vw;
}
.unipus-cloud-root .course-unit-menu .unit-section-top{
  padding-top:0;
}
.unipus-cloud-root .course-unit-menu .unit-section-top .sectionn-nav{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  height:12vw;
  -webkit-box-align:center;
  -webkit-align-items:center;
      -ms-flex-align:center;
          align-items:center;
}
.unipus-cloud-root .course-unit-menu .unit-section-top .section-info{
  margin-top:2vh;
}
.unipus-cloud-root .course-unit-menu .section-swiper{
  margin-top:-8vh;
}
.unipus-cloud-root .course-section{
  height:73.6vh;
}
.unipus-cloud-root .course-section .course-section-content,.unipus-cloud-root .course-section .course-section-content .node1s-wrap,.unipus-cloud-root .course-section .node1s-wrap{
  height:67.407vh;
}
.unipus-cloud-root .word-tips-navibar{
  -webkit-box-sizing:content-box;
          box-sizing:content-box;
  padding-top:11.733vw;
}
.unipus-cloud-root .question-video-player .full-screen-back{
  margin-top:11.733vw;
}
.unipus-cloud-root .modal-record-wrap .modal-record .am-modal-content{
  padding-top:11.733vw;
}
.unipus-cloud-root .modal-record-wrap .modal-record .am-modal-content .am-modal-close{
  top:13.333vw;
}
.unipus-cloud-root .viewer-container .viewer-button{
  height:10.667vw;
  right:4.267vw;
  top:11.733vw;
  width:10.667vw;
}
.unipus-cloud-root .viewer-container .viewer-button:before{
  left:50%;
  top:50%;
  -webkit-transform:translate(-50%, -50%);
      -ms-transform:translate(-50%, -50%);
          transform:translate(-50%, -50%);
}
.unipus-cloud-root .viewer-container .viewer-close{
  height:6.4vw;
  width:6.4vw;
}
.unipus-cloud-root .entry-task-video-container .close-icon-container{
  margin-top:11.733vw;
}
.am-toast > span{
  max-width:62%;
}
.am-modal-mask,.am-modal-wrap{
  z-index:10000;
}
.modal-skill .am-modal-content{
  background:transparent;
}
.modal-skill .am-modal-content .am-modal-body{
  padding:0;
}
.am-modal-button-group-v .am-modal-button{
  color:var(--u-primary-color);
}
.table-header{
  color:#000;
  font-weight:700;
  text-align:center;
}
.unipus-table{
  border-collapse:collapse;
  font-size:3.733vw;
  max-width:calc(100% - .533vw);
  table-layout:fixed;
  width:calc(100% - .533vw);
  -webkit-text-size-adjust:none;
  color:#222;
  line-height:5.333vw;
  margin-bottom:2.667vw;
}
.unipus-table .layoutheader{
  line-height:0;
  visibility:hidden;
}
.unipus-table .layoutheader td{
  border:none;
  display:none;
  font-size:0;
  height:0;
  padding:0;
}
.unipus-table td{
  border:none;
  word-wrap:break-word;
  display:block;
}
.unipus-table td[data-tdvalign="top"]{
  vertical-align:top;
}
.unipus-table td[data-tdvalign="middle"]{
  vertical-align:middle;
}
.unipus-table td[data-tdvalign="bottom"]{
  vertical-align:bottom;
}
.unipus-table.table-bordered{
  background-color:#fff;
}
.unipus-table.table-bordered tbody td{
  border:1px solid #8e8e8e;
}
.unipus-table.table-stripe tbody tr:nth-child(even){
  background-color:#eee;
}
.unipus-table.table-stripe tbody.row1AsHeader tr:nth-child(even){
  background-color:#fff;
}
.unipus-table.table-stripe tbody.row1AsHeader tr:nth-child(odd){
  background-color:#eee;
}
.unipus-table.unipus_t1 .row1AsHeader .r-header,.unipus-table.unipus_t2 .row1AsHeader .r-header,.unipus-table.unipus_t2_4_4 .row1AsHeader .r-header,.unipus-table.unipus_t3 .row1AsHeader .r-header,.unipus-table.unipus_t3_7 .row1AsHeader .r-header,.unipus-table.unipus_t4 .row1AsHeader .r-header{
  color:#222;
  font-weight:700;
}
.unipus-table.unipus_t1 .row1AsHeader tr:first-child,.unipus-table.unipus_t2 .row1AsHeader tr:first-child,.unipus-table.unipus_t2_4_4 .row1AsHeader tr:first-child,.unipus-table.unipus_t3 .row1AsHeader tr:first-child,.unipus-table.unipus_t3_7 .row1AsHeader tr:first-child,.unipus-table.unipus_t4 .row1AsHeader tr:first-child{
  display:none;
}
.unipus-table.unipus_t1.table-bordered td,.unipus-table.unipus_t2.table-bordered td,.unipus-table.unipus_t2_4_4.table-bordered td,.unipus-table.unipus_t3.table-bordered td,.unipus-table.unipus_t3_7.table-bordered td,.unipus-table.unipus_t4.table-bordered td{
  border-bottom:none;
}
.unipus-table.unipus_t1.table-bordered tr:last-child td:last-child,.unipus-table.unipus_t2.table-bordered tr:last-child td:last-child,.unipus-table.unipus_t2_4_4.table-bordered tr:last-child td:last-child,.unipus-table.unipus_t3.table-bordered tr:last-child td:last-child,.unipus-table.unipus_t3_7.table-bordered tr:last-child td:last-child,.unipus-table.unipus_t4.table-bordered tr:last-child td:last-child{
  border-bottom:1px solid #8e8e8e;
}
.unipus-table.unipus_t1.table-bordered .row1AsHeader:not(.col1AsHeader) tr,.unipus-table.unipus_t2.table-bordered .row1AsHeader:not(.col1AsHeader) tr,.unipus-table.unipus_t2_4_4.table-bordered .row1AsHeader:not(.col1AsHeader) tr,.unipus-table.unipus_t3.table-bordered .row1AsHeader:not(.col1AsHeader) tr,.unipus-table.unipus_t3_7.table-bordered .row1AsHeader:not(.col1AsHeader) tr,.unipus-table.unipus_t4.table-bordered .row1AsHeader:not(.col1AsHeader) tr{
  border-bottom:.533vw solid #8c8c8c;
}
.unipus-table.unipus_t1.table-bordered .row1AsHeader:not(.col1AsHeader) tr td:first-child,.unipus-table.unipus_t2.table-bordered .row1AsHeader:not(.col1AsHeader) tr td:first-child,.unipus-table.unipus_t2_4_4.table-bordered .row1AsHeader:not(.col1AsHeader) tr td:first-child,.unipus-table.unipus_t3.table-bordered .row1AsHeader:not(.col1AsHeader) tr td:first-child,.unipus-table.unipus_t3_7.table-bordered .row1AsHeader:not(.col1AsHeader) tr td:first-child,.unipus-table.unipus_t4.table-bordered .row1AsHeader:not(.col1AsHeader) tr td:first-child{
  border-top:none;
}
.unipus-table.unipus_t1.table-bordered .row1AsHeader:not(.col1AsHeader) tr:last-child,.unipus-table.unipus_t2.table-bordered .row1AsHeader:not(.col1AsHeader) tr:last-child,.unipus-table.unipus_t2_4_4.table-bordered .row1AsHeader:not(.col1AsHeader) tr:last-child,.unipus-table.unipus_t3.table-bordered .row1AsHeader:not(.col1AsHeader) tr:last-child,.unipus-table.unipus_t3_7.table-bordered .row1AsHeader:not(.col1AsHeader) tr:last-child,.unipus-table.unipus_t4.table-bordered .row1AsHeader:not(.col1AsHeader) tr:last-child{
  border-bottom:none;
}
.unipus-table.unipus_t1.table-bordered .row1AsHeader:not(.col1AsHeader) tr:last-child td:last-child,.unipus-table.unipus_t2.table-bordered .row1AsHeader:not(.col1AsHeader) tr:last-child td:last-child,.unipus-table.unipus_t2_4_4.table-bordered .row1AsHeader:not(.col1AsHeader) tr:last-child td:last-child,.unipus-table.unipus_t3.table-bordered .row1AsHeader:not(.col1AsHeader) tr:last-child td:last-child,.unipus-table.unipus_t3_7.table-bordered .row1AsHeader:not(.col1AsHeader) tr:last-child td:last-child,.unipus-table.unipus_t4.table-bordered .row1AsHeader:not(.col1AsHeader) tr:last-child td:last-child{
  border-bottom:1px solid #8e8e8e;
}
.unipus-table.unipus_t1.table-bordered .row1AsHeader:not(.col1AsHeader) tr:nth-child(2) td:first-child,.unipus-table.unipus_t2.table-bordered .row1AsHeader:not(.col1AsHeader) tr:nth-child(2) td:first-child,.unipus-table.unipus_t2_4_4.table-bordered .row1AsHeader:not(.col1AsHeader) tr:nth-child(2) td:first-child,.unipus-table.unipus_t3.table-bordered .row1AsHeader:not(.col1AsHeader) tr:nth-child(2) td:first-child,.unipus-table.unipus_t3_7.table-bordered .row1AsHeader:not(.col1AsHeader) tr:nth-child(2) td:first-child,.unipus-table.unipus_t4.table-bordered .row1AsHeader:not(.col1AsHeader) tr:nth-child(2) td:first-child{
  border-top:1px solid #8e8e8e;
}
.unipus-table.unipus_t1.table-bordered .row1AsHeader:not(.col1AsHeader) td:last-child,.unipus-table.unipus_t2.table-bordered .row1AsHeader:not(.col1AsHeader) td:last-child,.unipus-table.unipus_t2_4_4.table-bordered .row1AsHeader:not(.col1AsHeader) td:last-child,.unipus-table.unipus_t3.table-bordered .row1AsHeader:not(.col1AsHeader) td:last-child,.unipus-table.unipus_t3_7.table-bordered .row1AsHeader:not(.col1AsHeader) td:last-child,.unipus-table.unipus_t4.table-bordered .row1AsHeader:not(.col1AsHeader) td:last-child{
  border-bottom:none;
}
.unipus-table .col1AsHeader .cheader,.unipus-table .row1AsHeader tr:first-child td{
  background-color:#e6f4fd;
  color:#000;
  font-weight:700;
  text-align:center;
}
.unipus-table.unipus_t15_85 .layoutheader .c1{
  width:30%;
}
.unipus-table.unipus_t15_85 .layoutheader .c2{
  width:70%;
}
.unipus-table.unipus_t15_85 td{
  border:none;
}
.unipus-table.unipus_t15_85 .unipus_layout_pic_text_online[data-type="oneline"]{
  overflow:hidden;
  padding-left:1.333vw;
  padding-right:1.333vw;
}
.unipus-table.unipus_t15_85 .unipus_layout_pic_text_online[data-type="oneline"] .pic{
  display:inline-block;
  overflow:hidden;
  white-space:nowrap;
}
.unipus-table.unipus_t15_85 .unipus_layout_pic_text_online[data-type="oneline"] .pic img{
  height:auto;
  width:80%;
}
.unipus-table.unipus_t15_85 .table-cell-contents[data-type="only_img"]{
  padding:2.667vw;
}
.unipus-table.unipus_t15_85 .table-cell-contents[data-type="only_img"] img{
  height:auto;
  width:100%;
}
.unipus-table.unipus_t15_85 .unipus_layout_pic_text .pic img{
  height:auto;
  width:1.1999rem !important;
}
.unipus-table.unipus_t15_85 .unipus_layout_pic_text[data-type="lr"] .pic{
  width:50%;
}
.unipus-table.unipus_t15_85 .unipus_layout_pic_text[data-type="lr"] .pic img{
  height:auto;
  width:100%;
}
.unipus-table.unipus_t15_85 .unipus_layout_pic_text[data-type="lr"] p.text{
  margin-left:50%;
  padding-left:1.333vw;
}
.unipus-table.unipus_t15_85 .unipus_layout_pic_text[data-type="tb"] .pic{
  width:100%;
}
.unipus-table.unipus_t15_85 .unipus_layout_pic_text[data-type="tb"] .pic img{
  height:auto;
  width:100%;
}
.unipus-table.unipus_t15_85 .unipus_layout_pic_text[data-type="tb"] p.text{
  width:100%;
}
.unipus-table.unipus_t15_85 .unipus_layout_pic_text[data-type="around"] .pic{
  width:50%;
}
.unipus-table.unipus_t15_85 .unipus_layout_pic_text[data-type="around"] .pic img{
  height:auto;
  width:100%;
}
.unipus-table .unipus_layout_pic_text[data-type="around"],.unipus-table .unipus_layout_pic_text[data-type="lr"],.unipus-table .unipus_layout_pic_text[data-type="oneline"],.unipus-table .unipus_layout_pic_text[data-type="tb"]{
  margin-bottom:0;
  padding:2.667vw;
}
.unipus-table .table-cell-contents[data-type="only_img"]{
  padding:2.667vw;
  text-align:center;
}
.unipus-table .table-cell-contents[data-type="only_img"] img{
  height:auto;
  vertical-align:top;
  width:100%;
}
.classification-block[data-type="separator"]{
  background-color:#c9eaff;
  border:1px solid #8e8e8e;
  color:#222;
  font-size:3.733vw;
  font-weight:bold;
  margin-bottom:2.667vw;
  padding:2.667vw 0;
  text-align:center;
}
.unipus_layout_pic_text{
  margin-bottom:2.667vw;
}
.unipus_layout_pic_text[data-type="around"] .pic{
  float:left;
  margin-right:2.667vw;
  width:50%;
}
.unipus_layout_pic_text[data-type="around"] .pic img{
  height:auto;
  vertical-align:top;
  width:100%;
}
.unipus_layout_pic_text[data-type="lr"]{
  overflow:hidden;
}
.unipus_layout_pic_text[data-type="lr"] .pic{
  float:left;
  width:40%;
}
.unipus_layout_pic_text[data-type="lr"] .pic img{
  height:auto;
  vertical-align:top;
  width:100%;
}
.unipus_layout_pic_text[data-type="lr"] p.text{
  margin-left:40%;
  padding-left:2.667vw;
}
.unipus_layout_pic_text[data-type="tb"]{
  text-align:center;
}
.unipus_layout_pic_text[data-type="tb"] .pic{
  margin-bottom:2.667vw;
}
.unipus_layout_pic_text[data-type="tb"] .pic img{
  height:auto;
  vertical-align:top;
  width:100%;
}
.unipus_layout_pic_text[data-type="tb"] p.text{
  display:inline-block;
  width:100%;
}
.unipus_layout_pic_text[data-type="oneline"] .pic{
  display:inline-block;
  vertical-align:middle;
  width:100%;
}
.unipus_layout_pic_text[data-type="oneline"] .pic img{
  height:auto;
  padding-left:1.333vw;
  vertical-align:middle;
  width:70%;
}
.summary{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  height:100%;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  background-image:-webkit-gradient(linear, left bottom, left top, color-stop(51%, #f3f7fa), color-stop(77%, #1a1a1a), to(var(--u-primary-color)));
  background-image:-webkit-linear-gradient(bottom, #f3f7fa 51%, #1a1a1a 77%, var(--u-primary-color) 100%);
  background-image:linear-gradient(0deg, #f3f7fa 51%, #1a1a1a 77%, var(--u-primary-color) 100%);
  -webkit-flex-direction:column;
      -ms-flex-direction:column;
          flex-direction:column;
  padding-bottom:4vw;
}
.summary .topBox{
  -webkit-box-sizing:border-box;
          box-sizing:border-box;
  color:#fff;
  height:26.667vw;
  margin-bottom:0;
  padding:0 3.2vw;
  position:relative;
  width:100%;
}
.summary .topBox.has-grade{
  margin-bottom:7.6vw;
}
.summary .topBox.no-grade,.summary .topBox.nopass{
  height:20vw;
}
.summary .topBox .back-btn{
  height:3.079vh;
  position:absolute;
  top:1.6vw;
  width:5.333vw;
}
.summary .topBox .back-btn .back-icon{
  font-size:5.333vw;
}
.summary .topBox .topTitle{
  font-size:4.8vw;
  margin-top:1.6vw;
  text-align:center;
}
.summary .topBox .grade-bg{
  background-position:50%;
  background-repeat:no-repeat;
  background-size:100%;
  height:31.733vw;
  position:absolute;
  right:0;
  width:42.267vw;
}
html[data-webp-type="nosupport"] .summary .topBox .grade-bg{
  background-image:url(//ucontent.cdn.unipus.cn/course/exploration/images/grade.png?imageMogr2/quality/80/strip);
}
html[data-webp-type="support"] .summary .topBox .grade-bg{
  background-image:url(//ucontent.cdn.unipus.cn/course/exploration/images/grade.png?imageMogr2/format/webp/quality/80/strip);
}
.summary .topBox .gradeBox{
  display:block;
  float:right;
  position:relative;
  top:4.8vw;
}
.summary .topBox .gradeBox .grade{
  font-size:13.333vw;
}
.summary .topBox .gradeBox .gradeText{
  font-size:4vw;
}
.summary .note-msg{
  background:#fff3c3;
  border-radius:2.133vw;
  color:#ff8e14;
  font-size:3.733vw;
  height:14.667vw;
  line-height:12vw;
  margin:-4vw 3.2vw 8vw;
  padding:1.333vw;
  text-align:center;
}
.summary .note-msg .icon{
  margin-right:2.533vw;
  vertical-align:sub;
}
.summary .skill-info{
  width:93.6vw;
}
.summary .content-wrap{
  -webkit-box-flex:1;
  background:#fff;
  border-radius:3.2vw;
  -webkit-flex:1;
      -ms-flex:1;
          flex:1;
  margin:-4vw 3.2vw 0;
  overflow-y:auto;
}
.summary .content-wrap .info-wrap{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -webkit-flex-direction:row;
      -ms-flex-direction:row;
          flex-direction:row;
  -webkit-box-align:center;
  -webkit-align-items:center;
      -ms-flex-align:center;
          align-items:center;
  background:#fff;
  border-bottom:1px dashed #d9d9d9;
  -webkit-box-sizing:border-box;
          box-sizing:border-box;
  margin:0 4vw;
  padding:4.933vw 0 0;
}
.summary .content-wrap .info-wrap .group-info,.summary .content-wrap .info-wrap .group-info table{
  width:100%;
}
.summary .content-wrap .info-wrap .group-info table tr td{
  padding-bottom:5.333vw;
  vertical-align:top;
}
.summary .content-wrap .info-wrap .group-info .item-label{
  color:rgba(0,0,0,.45);
  font-size:3.2vw;
  letter-spacing:0;
  margin-bottom:1.2vw;
}
.summary .content-wrap .info-wrap .group-info .item-value{
  color:#262626;
  font-size:3.2vw;
  margin-top:2.667vw;
}
.summary .content-wrap .ai-ananlsis{
  height:9.867vw;
  margin-top:3.733vw;
  position:relative;
}
.summary .content-wrap .ai-ananlsis .ai-analysis-text{
  background-position:50%;
  background-repeat:no-repeat;
  background-size:contain;
  bottom:0;
  color:#575c66;
  font-family:PingFangSC, PingFang SC;
  font-size:3.2vw;
  font-style:normal;
  font-weight:400;
  height:9.867vw;
  left:0;
  line-height:4.533vw;
  margin:auto;
  padding-left:14.933vw;
  padding-top:4vw;
  position:absolute;
  right:0;
  text-align:left;
  top:0;
  width:50.4vw;
}
.summary .content-wrap .title-box{
  background:#fff;
  -webkit-box-sizing:border-box;
          box-sizing:border-box;
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -webkit-justify-content:space-between;
      -ms-flex-pack:justify;
          justify-content:space-between;
  padding:4.533vw 4vw 0;
  width:93.6vw;
}
.summary .content-wrap .title-box .answer-title{
  color:#222;
  font-size:4.267vw;
  margin-right:2.133vw;
}
.summary .content-wrap .title-box .title-default{
  color:rgba(0,0,0,.45);
  font-size:3.2vw;
}
.summary .content-wrap .note-wrap{
  background:#fff;
  -webkit-box-sizing:border-box;
          box-sizing:border-box;
  padding:5.6vw 4vw 0;
  text-align:center;
}
.summary .content-wrap .note-wrap .note-info{
  color:#8c8c8c;
  font-size:3.2vw;
}
.summary .content-wrap .answer-info{
  background-color:#fff;
  -webkit-box-sizing:border-box;
          box-sizing:border-box;
  margin-top:-1px;
  padding:3.2vw 4vw 0;
  width:93.6vw;
}
.summary .content-wrap .answer-info .subtitle-wrap{
  color:#8c8c8c;
  font-size:3.2vw;
}
.summary .content-wrap .answer-info .subtitle-wrap .objective-title-wrapper,.summary .content-wrap .answer-info .subtitle-wrap subjective-title-wrapper{
  padding-bottom:2.133vw;
}
.summary .content-wrap .answer-info .subtitle-wrap .sub-title{
  color:#262626;
  font-size:3.733vw;
  margin-left:4.267vw;
}
.summary .content-wrap .answer-info .subtitle-wrap .sub-title:first-child{
  margin-left:0;
}
.summary .content-wrap .answer-info .subtitle-wrap .num{
  color:#000;
}
.summary .content-wrap .answer-info .subtitle-wrap .answer-icon,.summary .content-wrap .answer-info .subtitle-wrap .rigth-icon{
  border-radius:50%;
  display:inline-block;
  height:2.133vw;
  margin:0 .8vw 0 2.667vw;
  width:2.133vw;
}
.summary .content-wrap .answer-info .subtitle-wrap .rigth-icon{
  background:#0ccc8c;
}
.summary .content-wrap .answer-info .subtitle-wrap .half-rigth-icon{
  background:#ff8e14;
  border-radius:50%;
  display:inline-block;
  height:2.133vw;
  margin:0 .8vw 0 2.667vw;
  width:2.133vw;
}
.summary .content-wrap .answer-info .subtitle-wrap .wrong-icon{
  background:#f63944;
  border-radius:50%;
  display:inline-block;
  height:2.133vw;
  margin:0 .8vw 0 2.667vw;
  width:2.133vw;
}
.summary .content-wrap .answer-info .subtitle-wrap .done-icon{
  background:rgba(0,185,159,.08);
  border:1px solid var(--u-primary-color);
  border-radius:50%;
  display:inline-block;
  height:2.133vw;
  margin:0 .8vw 0 2.667vw;
  width:2.133vw;
}
.summary .content-wrap .answer-info .subtitle-wrap .undone-icon{
  border:1px solid #8c8c8c;
  border-radius:50%;
  display:inline-block;
  height:2.133vw;
  margin:0 .8vw 0 2.667vw;
  width:2.133vw;
}
.summary .content-wrap .answer-info.question-number-wrapper{
  padding:4vw 2.133vw 0;
}
.summary .content-wrap .answer-info .item-wrap .item,.summary .content-wrap .answer-info .item-wrap .item-right{
  border-radius:50%;
  color:#fff;
  display:inline-block;
  font-size:4.267vw;
  height:9.333vw;
  letter-spacing:0;
  line-height:9.333vw;
  margin:2.667vw;
  text-align:center;
  width:9.333vw;
}
.summary .content-wrap .answer-info .item-wrap .item-right{
  background:#0ccc8c;
}
.summary .content-wrap .answer-info .item-wrap .item-half_right{
  background:#ff8e14;
}
.summary .content-wrap .answer-info .item-wrap .item-half_right,.summary .content-wrap .answer-info .item-wrap .item-wrong{
  border-radius:50%;
  color:#fff;
  display:inline-block;
  font-size:4.267vw;
  height:9.333vw;
  letter-spacing:0;
  line-height:9.333vw;
  margin:2.667vw;
  text-align:center;
  width:9.333vw;
}
.summary .content-wrap .answer-info .item-wrap .item-wrong{
  background:#f63944;
}
.summary .content-wrap .answer-info .item-wrap .item-undone{
  background:hsla(0,0%,100%,.08);
  border:1px solid #8c8c8c;
  border-radius:50%;
  color:#fff;
  color:rgba(0,0,0,.45);
}
.summary .content-wrap .answer-info .item-wrap .item-done,.summary .content-wrap .answer-info .item-wrap .item-undone{
  display:inline-block;
  font-size:4.267vw;
  height:9.333vw;
  letter-spacing:0;
  line-height:9.333vw;
  margin:2.667vw;
  text-align:center;
  width:9.333vw;
}
.summary .content-wrap .answer-info .item-wrap .item-done{
  background:var(--u-primary-fade-10);
  border:1px solid var(--u-primary-color);
  border-radius:50%;
  color:#fff;
  color:var(--u-primary-color);
}
.summary .content-wrap .course-splitter{
  border:1px dashed #d9d9d9;
  margin:5.067vw 4vw 4vw;
}
.summary .compareDetail-container{
  overflow:hidden;
  padding:4.267vw 2.133vw;
}
.skill-info{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -webkit-align-items:center;
      -ms-flex-align:center;
          align-items:center;
  background-position:50%;
  background-repeat:no-repeat;
  border-radius:3.2vw 3.2vw 0 0;
  -webkit-box-sizing:border-box;
          box-sizing:border-box;
  height:22.933vw;
  margin:1.6vw 3.2vw 0;
  padding-left:4vw;
  width:61.333vw;
}
html[data-webp-type="nosupport"] .skill-info{
  background-image:url(//ucontent.cdn.unipus.cn/course/exploration/images/adv-premium.png?imageMogr2/quality/80/strip);
}
html[data-webp-type="support"] .skill-info{
  background-image:url(//ucontent.cdn.unipus.cn/course/exploration/images/adv-premium.png?imageMogr2/format/webp/quality/80/strip);
}
.skill-info .skill-icon{
  background-repeat:no-repeat;
  background-size:contain;
  display:inline-block;
  height:13.067vw;
  margin-right:2.667vw;
  vertical-align:middle;
  width:16.4vw;
}
html[data-webp-type="nosupport"] .skill-info .skill-icon{
  background-image:url(//ucontent.cdn.unipus.cn/course/exploration/images/badge.png?imageMogr2/quality/80/strip);
}
html[data-webp-type="support"] .skill-info .skill-icon{
  background-image:url(//ucontent.cdn.unipus.cn/course/exploration/images/badge.png?imageMogr2/format/webp/quality/80/strip);
}
.skill-info .skill-icon.reading{
  background-repeat:no-repeat;
}
html[data-webp-type="nosupport"] .skill-info .skill-icon.reading{
  background-image:url(//ucontent.cdn.unipus.cn/course/exploration/images/reading.png?imageMogr2/quality/80/strip);
}
html[data-webp-type="support"] .skill-info .skill-icon.reading{
  background-image:url(//ucontent.cdn.unipus.cn/course/exploration/images/reading.png?imageMogr2/format/webp/quality/80/strip);
}
.skill-info .skill-icon.listening{
  background-repeat:no-repeat;
}
html[data-webp-type="nosupport"] .skill-info .skill-icon.listening{
  background-image:url(//ucontent.cdn.unipus.cn/course/exploration/images/listening.png?imageMogr2/quality/80/strip);
}
html[data-webp-type="support"] .skill-info .skill-icon.listening{
  background-image:url(//ucontent.cdn.unipus.cn/course/exploration/images/listening.png?imageMogr2/format/webp/quality/80/strip);
}
.skill-info .skill-icon.oral{
  background-repeat:no-repeat;
}
html[data-webp-type="nosupport"] .skill-info .skill-icon.oral{
  background-image:url(//ucontent.cdn.unipus.cn/course/exploration/images/oral.png?imageMogr2/quality/80/strip);
}
html[data-webp-type="support"] .skill-info .skill-icon.oral{
  background-image:url(//ucontent.cdn.unipus.cn/course/exploration/images/oral.png?imageMogr2/format/webp/quality/80/strip);
}
.skill-info .skill-icon.writing{
  background-repeat:no-repeat;
}
html[data-webp-type="nosupport"] .skill-info .skill-icon.writing{
  background-image:url(//ucontent.cdn.unipus.cn/course/exploration/images/writing.png?imageMogr2/quality/80/strip);
}
html[data-webp-type="support"] .skill-info .skill-icon.writing{
  background-image:url(//ucontent.cdn.unipus.cn/course/exploration/images/writing.png?imageMogr2/format/webp/quality/80/strip);
}
.skill-info .skill-icon.speculation{
  background-repeat:no-repeat;
}
html[data-webp-type="nosupport"] .skill-info .skill-icon.speculation{
  background-image:url(//ucontent.cdn.unipus.cn/course/exploration/images/speculation.png?imageMogr2/quality/80/strip);
}
html[data-webp-type="support"] .skill-info .skill-icon.speculation{
  background-image:url(//ucontent.cdn.unipus.cn/course/exploration/images/speculation.png?imageMogr2/format/webp/quality/80/strip);
}
.skill-info .skill-title{
  color:#ff8e14;
  font-size:3.733vw;
  -webkit-box-flex:1;
  -webkit-flex:1;
      -ms-flex:1;
          flex:1;
}
.vocabulary-learn-practice-summary{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  height:100%;
  width:100%;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  background-color:#bad0f8;
  -webkit-flex-direction:column;
      -ms-flex-direction:column;
          flex-direction:column;
  overflow-x:hidden;
  overflow-y:auto;
  position:relative;
}
.vocabulary-learn-practice-summary .header{
  background-color:#3264fa;
  color:#fff;
  font-size:4.8vw;
  padding:13.333vw 0 2.667vw;
  position:relative;
}
.vocabulary-learn-practice-summary .header .name{
  font-size:4.8vw;
  overflow:hidden;
  padding:0 9.333vw;
  text-align:center;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.vocabulary-learn-practice-summary .header .back{
  left:4vw;
  position:absolute;
  width:5.333vw;
}
.vocabulary-learn-practice-summary .header .back .back-icon{
  font-size:5.333vw;
}
.vocabulary-learn-practice-summary .top-wrapper{
  height:26.667vw;
  -webkit-box-flex:0;
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex:none;
      -ms-flex:none;
          flex:none;
  -webkit-flex-direction:column;
      -ms-flex-direction:column;
          flex-direction:column;
      -ms-flex-pack:center;
      -ms-flex-align:center;
  position:absolute;
  top:32vw;
  z-index:10;
}
.vocabulary-learn-practice-summary .top-wrapper,.vocabulary-learn-practice-summary .top-wrapper .grade-wrapper{
  width:100%;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -webkit-box-pack:center;
  -webkit-justify-content:center;
          justify-content:center;
  -webkit-box-align:center;
  -webkit-align-items:center;
          align-items:center;
}
.vocabulary-learn-practice-summary .top-wrapper .grade-wrapper{
  -webkit-box-flex:1;
  color:#575c66;
  display:-webkit-inline-box;
  display:-webkit-inline-flex;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-flex:1;
      -ms-flex:1;
          flex:1;
  -webkit-flex-direction:column;
      -ms-flex-direction:column;
          flex-direction:column;
  font-size:2.667vw;
      -ms-flex-pack:center;
      -ms-flex-align:center;
}
.vocabulary-learn-practice-summary .top-wrapper .grade-wrapper .progress-container{
  height:13.333vw;
  left:-8vw;
  position:relative;
  top:14.667vw;
  -webkit-transform:rotate(-111deg);
      -ms-transform:rotate(-111deg);
          transform:rotate(-111deg);
  width:26.667vw;
}
.vocabulary-learn-practice-summary .top-wrapper .grade-wrapper .progress-container text{
  -webkit-transform:rotate(0deg);
      -ms-transform:rotate(0deg);
          transform:rotate(0deg);
}
.vocabulary-learn-practice-summary .top-wrapper .grade-wrapper .progress-svg{
  height:100%;
  width:100%;
}
.vocabulary-learn-practice-summary .top-wrapper .grade-wrapper .progress-track{
  stroke:#ebedf0;
  stroke-linecap:round;
  stroke-width:10;
}
.vocabulary-learn-practice-summary .top-wrapper .grade-wrapper .progress-fill{
  stroke:url(#progressGradient);
  stroke-linecap:round;
  stroke-width:10;
  -webkit-transition:stroke-dashoffset .5s ease;
  transition:stroke-dashoffset .5s ease;
}
.vocabulary-learn-practice-summary .top-wrapper .grade-wrapper .grade{
  color:#1a2233;
  font-size:6.667vw;
  font-weight:bold;
}
.vocabulary-learn-practice-summary .top-wrapper .grade-wrapper .gradeText{
  color:#1a2233;
  font-size:3.733vw;
  position:relative;
  top:-.267vw;
}
.vocabulary-learn-practice-summary .top-wrapper .grade-wrapper .objective-wrong{
  position:relative;
  top:-1.333vw;
}
.vocabulary-learn-practice-summary .content-wrapper{
  -webkit-box-flex:1;
  background-repeat:no-repeat;
  background-size:100%;
  -webkit-flex:1;
      -ms-flex:1;
          flex:1;
  height:calc(100vh - 23.333vw);
  overflow-y:auto;
  padding-top:60vw;
}
html[data-webp-type="nosupport"] .vocabulary-learn-practice-summary .content-wrapper{
  background-image:url(//ucontent.cdn.unipus.cn/course/exploration/images/summary_bg.png?imageMogr2/quality/80/strip);
}
html[data-webp-type="support"] .vocabulary-learn-practice-summary .content-wrapper{
  background-image:url(//ucontent.cdn.unipus.cn/course/exploration/images/summary_bg.png?imageMogr2/format/webp/quality/80/strip);
}
.vocabulary-learn-practice-summary .content-wrapper .review-wrapper{
  -webkit-backdrop-filter:blur(4vw);
          backdrop-filter:blur(4vw);
  background:hsla(0,0%,100%,.8);
  min-height:101.867vw;
  position:relative;
  z-index:11;
}
.vocabulary-learn-practice-summary .content-wrapper .sticky-bg{
  background-color:#3264fa;
  display:none;
  height:13.333vw;
  position:-webkit-sticky;
  position:sticky;
  top:-61.333vw;
  width:100%;
  z-index:12;
}
.vocabulary-learn-practice-summary .content-wrapper .sticky-bg.show{
  display:block;
}
.vocabulary-learn-practice-summary .content-wrapper .quick-review{
  -webkit-backdrop-filter:blur(4vw);
          backdrop-filter:blur(4vw);
  background:hsla(0,0%,100%,.8);
  border-radius:6.4vw 6.4vw 0 0;
  -webkit-box-shadow:inset 0 .667vw 0 0 #fff;
          box-shadow:inset 0 .667vw 0 0 #fff;
  height:13.333vw;
  overflow:hidden;
  position:-webkit-sticky;
  position:sticky;
  top:-60vw;
  width:100%;
  z-index:13;
}
.vocabulary-learn-practice-summary .content-wrapper .quick-review .review-cor{
  background:-webkit-linear-gradient(282deg, #fff, hsla(0,0%,100%,.1) 54%);
  background:linear-gradient(168deg, #fff, hsla(0,0%,100%,.1) 54%);
}
.vocabulary-learn-practice-summary .content-wrapper .quick-review .review-cor .review-title{
  background-position:4vw;
  background-repeat:no-repeat;
  background-repeat:center;
  background-size:28.267vw 8.8vw;
  height:13.333vw;
}
html[data-webp-type="nosupport"] .vocabulary-learn-practice-summary .content-wrapper .quick-review .review-cor .review-title{
  background-image:url(//ucontent.cdn.unipus.cn/course/exploration/images/review-tle-bg.png?imageMogr2/quality/80/strip);
}
html[data-webp-type="support"] .vocabulary-learn-practice-summary .content-wrapper .quick-review .review-cor .review-title{
  background-image:url(//ucontent.cdn.unipus.cn/course/exploration/images/review-tle-bg.png?imageMogr2/format/webp/quality/80/strip);
}
.vocabulary-learn-practice-summary .content-wrapper .review-content{
  margin:0 auto;
  width:92%;
}
.vocabulary-learn-practice-summary .content-wrapper .review-content .title{
  background:-webkit-gradient(linear, left top, left bottom, from(rgba(190,227,255,.45)), to(hsla(0,0%,100%,0))), #fff;
  background:-webkit-linear-gradient(top, rgba(190,227,255,.45), hsla(0,0%,100%,0)), #fff;
  background:linear-gradient(180deg, rgba(190,227,255,.45), hsla(0,0%,100%,0)), #fff;
  border-radius:4.267vw;
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  height:12.8vw;
  line-height:12.8vw;
  -webkit-box-align:center;
  -webkit-align-items:center;
      -ms-flex-align:center;
          align-items:center;
}
.vocabulary-learn-practice-summary .content-wrapper .review-content .title .text{
  color:#1a2233;
  font-size:4.267vw;
  font-weight:bold;
  text-align:left;
  -webkit-box-flex:1;
  -webkit-flex:1;
      -ms-flex:1;
          flex:1;
  padding-left:2.667vw;
}
.vocabulary-learn-practice-summary .content-wrapper .review-content .title .l-icon{
  background-repeat:no-repeat;
  background-size:cover;
  display:block;
  height:3.733vw;
  width:2.133vw;
  -webkit-box-flex:0;
  -webkit-flex:0 0 2.133vw;
      -ms-flex:0 0 2.133vw;
          flex:0 0 2.133vw;
  margin-left:2.667vw;
}
html[data-webp-type="nosupport"] .vocabulary-learn-practice-summary .content-wrapper .review-content .title .l-icon{
  background-image:url(//ucontent.cdn.unipus.cn/course/exploration/images/review-icon.png?imageMogr2/quality/80/strip);
}
html[data-webp-type="support"] .vocabulary-learn-practice-summary .content-wrapper .review-content .title .l-icon{
  background-image:url(//ucontent.cdn.unipus.cn/course/exploration/images/review-icon.png?imageMogr2/format/webp/quality/80/strip);
}
.vocabulary-learn-practice-summary .content-wrapper .review-content .title .r-icon{
  background-repeat:no-repeat;
  background-size:cover;
  display:block;
  height:5.067vw;
  width:4.8vw;
  -webkit-box-flex:0;
  -webkit-flex:0 0 5.067vw;
      -ms-flex:0 0 5.067vw;
          flex:0 0 5.067vw;
  margin-right:2.667vw;
  -webkit-transform:rotate(0deg);
      -ms-transform:rotate(0deg);
          transform:rotate(0deg);
  -webkit-transition:-webkit-transform .3s ease;
  transition:-webkit-transform .3s ease;
  transition:transform .3s ease;
  transition:transform .3s ease,-webkit-transform .3s ease;
}
html[data-webp-type="nosupport"] .vocabulary-learn-practice-summary .content-wrapper .review-content .title .r-icon{
  background-image:url(//ucontent.cdn.unipus.cn/course/exploration/images/downOutlined.png?imageMogr2/quality/80/strip);
}
html[data-webp-type="support"] .vocabulary-learn-practice-summary .content-wrapper .review-content .title .r-icon{
  background-image:url(//ucontent.cdn.unipus.cn/course/exploration/images/downOutlined.png?imageMogr2/format/webp/quality/80/strip);
}
.vocabulary-learn-practice-summary .content-wrapper .review-content .title .rotate-180{
  -webkit-transform:rotate(180deg);
      -ms-transform:rotate(180deg);
          transform:rotate(180deg);
  -webkit-transition:-webkit-transform .3s ease;
  transition:-webkit-transform .3s ease;
  transition:transform .3s ease;
  transition:transform .3s ease,-webkit-transform .3s ease;
}
.vocabulary-learn-practice-summary .content-wrapper .review-content .all-wrapper{
  background:#fff;
  border-radius:3.467vw;
  padding:4vw;
  position:relative;
}
.vocabulary-learn-practice-summary .content-wrapper .review-content .all-wrapper::after{
  border-bottom:1px dashed #3264fa;
  content:"";
  height:1px;
  left:4.4vw;
  opacity:.2;
  position:absolute;
  top:0;
  width:90%;
}
.vocabulary-learn-practice-summary .content-wrapper .review-content .all-wrapper .all-item{
  margin-top:2.133vw;
}
.vocabulary-learn-practice-summary .content-wrapper .review-content .all-wrapper .all-item .learn-word,.vocabulary-learn-practice-summary .content-wrapper .review-content .all-wrapper .all-item .practiced-word{
  color:#1a2233;
  font-size:3.733vw;
  font-weight:600;
  line-height:5.867vw;
}
.vocabulary-learn-practice-summary .content-wrapper .review-content .all-wrapper .all-item .learn-word p,.vocabulary-learn-practice-summary .content-wrapper .review-content .all-wrapper .all-item .practiced-word p{
  margin:0;
}
.vocabulary-learn-practice-summary .content-wrapper .review-content .all-wrapper .all-item .error{
  background-position:0;
  background-repeat:no-repeat;
  background-size:6.4vw 6.4vw;
  color:#ff6859;
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  height:6.667vw;
  padding-left:8vw;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -webkit-flex-direction:row;
      -ms-flex-direction:row;
          flex-direction:row;
}
html[data-webp-type="nosupport"] .vocabulary-learn-practice-summary .content-wrapper .review-content .all-wrapper .all-item .error{
  background-image:url(//ucontent.cdn.unipus.cn/course/exploration/images/is-right.png?imageMogr2/quality/80/strip);
}
html[data-webp-type="support"] .vocabulary-learn-practice-summary .content-wrapper .review-content .all-wrapper .all-item .error{
  background-image:url(//ucontent.cdn.unipus.cn/course/exploration/images/is-right.png?imageMogr2/format/webp/quality/80/strip);
}
.vocabulary-learn-practice-summary .content-wrapper .review-content .all-wrapper .all-item .error p{
  color:#ff6859;
  margin:0;
}
.vocabulary-learn-practice-summary .content-wrapper .review-content .all-wrapper .all-item .explanations{
  color:#575c66;
  font-size:3.733vw;
  line-height:5.867vw;
  margin-top:3.2vw;
}
.vocabulary-learn-practice-summary .content-wrapper .review-content .all-wrapper .all-item .explanations p{
  margin:0;
}
.vocabulary-learn-practice-summary .content-wrapper .review-content .all-wrapper .all-item:first-child{
  margin-top:0;
}
.vocabulary-learn-practice-summary .footer-linear{
  background:-webkit-gradient(linear, left top, left bottom, from(hsla(0,0%,100%,0)), to(#fff));
  background:-webkit-linear-gradient(top, hsla(0,0%,100%,0), #fff);
  background:linear-gradient(180deg, hsla(0,0%,100%,0), #fff);
  bottom:17.333vw;
  height:10.667vw;
  position:fixed;
  width:100%;
  z-index:100;
}
.adm-toast-main{
  background:rgba(26,34,51,.72) !important;
}
.skill-info.pure{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -webkit-flex-direction:column;
      -ms-flex-direction:column;
          flex-direction:column;
  -webkit-box-align:center;
  -webkit-align-items:center;
      -ms-flex-align:center;
          align-items:center;
  background-position:50%;
  background-repeat:no-repeat;
  background-size:cover;
  -webkit-box-sizing:border-box;
          box-sizing:border-box;
  height:117.333vw;
  width:100vw;
}
html[data-webp-type="nosupport"] .skill-info.pure{
  background-image:url(//ucontent.cdn.unipus.cn/course/exploration/images/skill_bg2x.png?imageMogr2/quality/80/strip);
}
html[data-webp-type="support"] .skill-info.pure{
  background-image:url(//ucontent.cdn.unipus.cn/course/exploration/images/skill_bg2x.png?imageMogr2/format/webp/quality/80/strip);
}
.skill-info.pure .skill-icon{
  background-repeat:no-repeat;
  background-size:contain;
  height:37.333vw;
  margin-top:40vw;
  width:46.667vw;
}
html[data-webp-type="nosupport"] .skill-info.pure .skill-icon{
  background-image:url(//ucontent.cdn.unipus.cn/course/exploration/images/badge.png?imageMogr2/quality/80/strip);
}
html[data-webp-type="support"] .skill-info.pure .skill-icon{
  background-image:url(//ucontent.cdn.unipus.cn/course/exploration/images/badge.png?imageMogr2/format/webp/quality/80/strip);
}
.skill-info.pure .skill-icon.reading{
  background-repeat:no-repeat;
}
html[data-webp-type="nosupport"] .skill-info.pure .skill-icon.reading{
  background-image:url(//ucontent.cdn.unipus.cn/course/exploration/images/reading.png?imageMogr2/quality/80/strip);
}
html[data-webp-type="support"] .skill-info.pure .skill-icon.reading{
  background-image:url(//ucontent.cdn.unipus.cn/course/exploration/images/reading.png?imageMogr2/format/webp/quality/80/strip);
}
.skill-info.pure .skill-icon.listening{
  background-repeat:no-repeat;
}
html[data-webp-type="nosupport"] .skill-info.pure .skill-icon.listening{
  background-image:url(//ucontent.cdn.unipus.cn/course/exploration/images/listening.png?imageMogr2/quality/80/strip);
}
html[data-webp-type="support"] .skill-info.pure .skill-icon.listening{
  background-image:url(//ucontent.cdn.unipus.cn/course/exploration/images/listening.png?imageMogr2/format/webp/quality/80/strip);
}
.skill-info.pure .skill-icon.oral{
  background-repeat:no-repeat;
}
html[data-webp-type="nosupport"] .skill-info.pure .skill-icon.oral{
  background-image:url(//ucontent.cdn.unipus.cn/course/exploration/images/oral.png?imageMogr2/quality/80/strip);
}
html[data-webp-type="support"] .skill-info.pure .skill-icon.oral{
  background-image:url(//ucontent.cdn.unipus.cn/course/exploration/images/oral.png?imageMogr2/format/webp/quality/80/strip);
}
.skill-info.pure .skill-icon.writing{
  background-repeat:no-repeat;
}
html[data-webp-type="nosupport"] .skill-info.pure .skill-icon.writing{
  background-image:url(//ucontent.cdn.unipus.cn/course/exploration/images/writing.png?imageMogr2/quality/80/strip);
}
html[data-webp-type="support"] .skill-info.pure .skill-icon.writing{
  background-image:url(//ucontent.cdn.unipus.cn/course/exploration/images/writing.png?imageMogr2/format/webp/quality/80/strip);
}
.skill-info.pure .skill-icon.speculation{
  background-repeat:no-repeat;
}
html[data-webp-type="nosupport"] .skill-info.pure .skill-icon.speculation{
  background-image:url(//ucontent.cdn.unipus.cn/course/exploration/images/speculation.png?imageMogr2/quality/80/strip);
}
html[data-webp-type="support"] .skill-info.pure .skill-icon.speculation{
  background-image:url(//ucontent.cdn.unipus.cn/course/exploration/images/speculation.png?imageMogr2/format/webp/quality/80/strip);
}
.skill-info.pure .skill-title{
  color:#fff;
  font-size:4.8vw;
  letter-spacing:0;
  line-height:7.2vw;
  padding:0 13.333vw;
  text-align:center;
}
.dub-work{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -webkit-flex-direction:column;
      -ms-flex-direction:column;
          flex-direction:column;
  gap:4vw;
  margin-top:4vw;
  padding:0 4vw;
}
.dub-work .dub-work-share{
  text-align:right;
}
.dub-work .social-share{
  display:inline-block;
  height:11.733vw;
  width:8.667vw;
}
.dub-work .dubbing-progress{
  margin-top:4vw;
  width:100%;
}
.dub-work .loading-container{
  background-color:#e5e5e5;
  border-radius:13.333vw;
  display:inline-block;
  height:2.667vw;
  overflow:hidden;
  position:relative;
  width:64vw;
}
.dub-work .loading-bar{
  background:-webkit-linear-gradient(315deg, #2a9efd 25%, #68bbfd 0, #68bbfd 50%, #2a9efd 0, #2a9efd 75%, #68bbfd 0);
  background:linear-gradient(135deg, #2a9efd 25%, #68bbfd 0, #68bbfd 50%, #2a9efd 0, #2a9efd 75%, #68bbfd 0);
  background-size:2.667vw 100%;
  border-radius:13.333vw 0 0 13.333vw;
  height:2.667vw;
}
.dub-work .dubbing-tips{
  color:#666;
  display:inline-block;
  font-size:4vw;
  margin-top:5.333vw;
}
.reader-widget{
  bottom:26.667vw;
  cursor:move;
  position:absolute;
  right:4.533vw;
  z-index:999;
}
.reader-widget .reader-bubble{
  background-color:#fff;
  border:1px solid var(--u-primary-color-2);
  border-radius:50%;
  -webkit-box-shadow:0 1px 2.667vw var(--u-primary-color-2), 0 1px 3.333vw var(--u-primary-color-2) inset;
          box-shadow:0 1px 2.667vw var(--u-primary-color-2), 0 1px 3.333vw var(--u-primary-color-2) inset;
  color:#262626;
  font-size:3.2vw;
  height:16vw;
  line-height:4.533vw;
  margin-left:.533vw;
  padding-top:1.333vw;
  text-align:center;
  width:16vw;
}
.reader-widget .setting-btn{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -webkit-align-items:center;
      -ms-flex-align:center;
          align-items:center;
  -webkit-box-pack:center;
  -webkit-justify-content:center;
      -ms-flex-pack:center;
  background-image:-webkit-gradient(linear, left top, right top, from(#1a1a1a), to(var(--u-primary-color)));
  background-image:-webkit-linear-gradient(left, #1a1a1a 0, var(--u-primary-color) 100%);
  background-image:linear-gradient(90deg, #1a1a1a 0, var(--u-primary-color) 100%);
  border-radius:4vw;
  color:#fff;
  cursor:pointer;
  font-size:3.2vw;
  height:7.467vw;
          justify-content:center;
  line-height:7.467vw;
  margin-top:-4.8vw;
  width:17.6vw;
}
.reader-widget .setting-btn:hover{
  background-image:-webkit-gradient(linear, left top, right top, from(#0d0d0d), to(var(--u-primary-color)));
  background-image:-webkit-linear-gradient(left, #0d0d0d 0, var(--u-primary-color) 100%);
  background-image:linear-gradient(90deg, #0d0d0d 0, var(--u-primary-color) 100%);
}
.reader-widget .setting-btn .btn-icon{
  font-size:2.667vw;
  margin-left:1.067vw;
}
.reader-widget-fold{
  background-color:#fff;
  border:1px solid var(--u-primary-color-2);
  border-radius:4vw;
  -webkit-box-shadow:0 1px 1.333vw var(--u-primary-color-2), 0 1px 2vw var(--u-primary-color-2) inset;
          box-shadow:0 1px 1.333vw var(--u-primary-color-2), 0 1px 2vw var(--u-primary-color-2) inset;
  color:#262626;
  font-size:3.2vw;
  height:6.933vw;
  line-height:6.933vw;
  overflow:hidden;
  text-align:center;
  width:17.067vw;
}
.reader-setting-modal-wrap{
  z-index:9999999 !important;
}
.reader-setting-modal-wrap .adm-mask{
  background:transparent !important;
  z-index:999 !important;
}
.reader-setting-modal-wrap .adm-popup-body{
  background-color:#fff;
  border-radius:3.2vw 3.2vw 0 0;
  -webkit-box-shadow:0 -1.067vw 4.8vw 0 hsla(0,0%,60%,.27);
          box-shadow:0 -1.067vw 4.8vw 0 hsla(0,0%,60%,.27);
  height:105.867vw;
}
.reader-setting-modal-wrap .adm-popup-body .reader-setting-header{
  border-bottom:1px solid #e5e5e5;
  color:#262626;
  font-size:4.267vw;
  font-weight:500;
  height:12.267vw;
  line-height:12.267vw;
  text-align:center;
}
.reader-setting-modal-wrap .adm-popup-body .reader-data{
  background:#f8f8f8;
  border-radius:2.133vw;
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  height:18.4vw;
  margin:4.267vw 6.4vw;
}
.reader-setting-modal-wrap .adm-popup-body .reader-data > div{
  padding-top:3.2vw;
  text-align:center;
  width:50%;
}
.reader-setting-modal-wrap .adm-popup-body .reader-data .data-value{
  color:#262626;
  font-size:4.267vw;
  font-weight:500;
  line-height:5.867vw;
}
.reader-setting-modal-wrap .adm-popup-body .reader-data .data-field{
  color:#8e8e8e;
  font-size:3.733vw;
  font-weight:400;
  line-height:5.333vw;
}
.reader-setting-modal-wrap .adm-popup-body .speed-setting{
  background:var(--u-primary-fade-5);
  border-radius:1.067vw;
  height:37.333vw;
  margin:0 4.267vw 6.4vw;
  padding:5.333vw 6.4vw;
}
.reader-setting-modal-wrap .adm-popup-body .speed-setting .setting-result{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -webkit-justify-content:space-between;
      -ms-flex-pack:justify;
  height:7.467vw;
          justify-content:space-between;
  line-height:7.467vw;
}
.reader-setting-modal-wrap .adm-popup-body .speed-setting .reading-speed{
  color:var(--u-primary-color);
  font-size:5.333vw;
  font-weight:500;
}
.reader-setting-modal-wrap .adm-popup-body .speed-setting .suggest-time{
  font-size:3.2vw;
}
.reader-setting-modal-wrap .adm-popup-body .speed-setting .suggest-time .suggest-time-field{
  color:#8e8e8e;
}
.reader-setting-modal-wrap .adm-popup-body .speed-setting .suggest-time .suggest-time-value{
  color:#262626;
  font-weight:500;
}
.reader-setting-modal-wrap .adm-popup-body .speed-setting .reading-speed-slider{
  height:5.333vw;
  margin:4.267vw 0;
}
.reader-setting-modal-wrap .adm-popup-body .speed-setting .reading-speed-slider .ant-slider-track{
  background-image:-webkit-gradient(linear, left top, right top, from(#1a1a1a), to(var(--u-primary-color)));
  background-image:-webkit-linear-gradient(left, #1a1a1a 0, var(--u-primary-color) 100%);
  background-image:linear-gradient(90deg, #1a1a1a 0, var(--u-primary-color) 100%);
  border-radius:1.067vw;
  height:2.133vw;
}
.reader-setting-modal-wrap .adm-popup-body .speed-setting .reading-speed-slider .ant-slider-step{
  height:2.133vw;
}
.reader-setting-modal-wrap .adm-popup-body .speed-setting .reading-speed-slider .ant-slider-rail{
  background-color:#eaeaea;
  border-radius:1.067vw;
  height:2.133vw;
}
.reader-setting-modal-wrap .adm-popup-body .speed-setting .reading-speed-slider .ant-slider-handle{
  background-image:-webkit-gradient(linear, left top, right top, from(#1a1a1a), to(var(--u-primary-color)));
  background-image:-webkit-linear-gradient(left, #1a1a1a 0, var(--u-primary-color) 100%);
  background-image:linear-gradient(90deg, #1a1a1a 0, var(--u-primary-color) 100%);
  border-width:0;
  height:5.333vw;
  margin-top:-1.6vw;
  width:5.333vw;
}
.reader-setting-modal-wrap .adm-popup-body .speed-setting .reading-speed-slider .ant-slider-handle::after{
  bottom:1.6vw;
  left:1.6vw;
  right:1.6vw;
  top:1.6vw;
}
.reader-setting-modal-wrap .adm-popup-body .speed-setting .reading-speed-slider .ant-slider-handle::before{
  background-color:#fff;
  border-radius:50%;
  bottom:2.4vw;
  content:"";
  left:2.4vw;
  margin:-1.067vw;
  position:absolute;
  right:2.4vw;
  top:2.4vw;
}
.reader-setting-modal-wrap .adm-popup-body .speed-setting .reader-tip{
  color:#8e8e8e;
  font-size:3.733vw;
  line-height:5.333vw;
  text-align:center;
}
.reader-setting-modal-wrap .adm-popup-body .reader-setting-footer{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -webkit-justify-content:space-between;
      -ms-flex-pack:justify;
          justify-content:space-between;
  margin:.533vw 4.267vw 0;
}
.reader-setting-modal-wrap .adm-popup-body .reader-setting-footer > button{
  border-radius:13.333vw;
  font-size:4.267vw;
  height:11.2vw;
  width:40vw;
}
.reader-setting-modal-wrap .adm-popup-body .reader-setting-footer .reset-btn{
  border:.267vw solid var(--u-primary-color);
  color:var(--u-primary-color);
}
.reader-setting-modal-wrap .adm-popup-body .reader-setting-footer .start-btn{
  background-image:-webkit-gradient(linear, left top, right top, from(#1a1a1a), to(var(--u-primary-color)));
  background-image:-webkit-linear-gradient(left, #1a1a1a 0, var(--u-primary-color) 100%);
  background-image:linear-gradient(90deg, #1a1a1a 0, var(--u-primary-color) 100%);
  border:none;
}
.text-selection-popover{
  background:#595f6c;
  border-radius:2.133vw;
  -webkit-box-shadow:0 .8vw 3.733vw .533vw rgba(0,0,0,.05),0 2.133vw 2.667vw .267vw rgba(0,0,0,.06),0 1.333vw 1.333vw -.8vw rgba(0,0,0,.1);
          box-shadow:0 .8vw 3.733vw .533vw rgba(0,0,0,.05),0 2.133vw 2.667vw .267vw rgba(0,0,0,.06),0 1.333vw 1.333vw -.8vw rgba(0,0,0,.1);
  height:16.533vw;
  padding:2.133vw 5.333vw;
  position:fixed;
  z-index:99999999999999;
}
.text-selection-popover .triangle{
  height:2.133vw;
  left:2.667vw;
  position:absolute;
  top:-1.867vw;
  width:2.133vw;
}
.text-selection-popover .triangle .popover-arrow-icon{
  display:block;
  height:2.133vw;
  -webkit-transform:rotate(180deg);
      -ms-transform:rotate(180deg);
          transform:rotate(180deg);
  width:4vw;
}
.text-selection-popover .tsp-inner{
  height:100%;
  -webkit-box-pack:justify;
  -webkit-justify-content:space-between;
      -ms-flex-pack:justify;
  color:#fff;
  font-size:3.733vw;
          justify-content:space-between;
  line-height:6.4vw;
}
.text-selection-popover .tsp-inner,.text-selection-popover .tsp-inner > div{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
}
.text-selection-popover .tsp-inner > div{
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -webkit-flex-direction:column;
      -ms-flex-direction:column;
          flex-direction:column;
  -webkit-box-pack:center;
  -webkit-justify-content:center;
      -ms-flex-pack:center;
          justify-content:center;
  -webkit-box-align:center;
  -webkit-align-items:center;
      -ms-flex-align:center;
          align-items:center;
}
.text-selection-popover .tsp-inner .img{
  background-repeat:no-repeat;
  background-size:100%;
  height:4.8vw;
  width:4.8vw;
}
.text-selection-popover .tsp-inner .tsp-note,.text-selection-popover .tsp-inner .tsp-ziyan{
  margin-left:8.267vw;
}
.text-selection-popover .tsp-inner .tsp-copy > .img{
  background-repeat:no-repeat;
}
html[data-webp-type="nosupport"] .text-selection-popover .tsp-inner .tsp-copy > .img{
  background-image:url(//ucontent.cdn.unipus.cn/course/exploration/images/copy.png?imageMogr2/quality/80/strip);
}
html[data-webp-type="support"] .text-selection-popover .tsp-inner .tsp-copy > .img{
  background-image:url(//ucontent.cdn.unipus.cn/course/exploration/images/copy.png?imageMogr2/format/webp/quality/80/strip);
}
.text-selection-popover .tsp-inner .tsp-note > .img{
  background-repeat:no-repeat;
}
html[data-webp-type="nosupport"] .text-selection-popover .tsp-inner .tsp-note > .img{
  background-image:url(//ucontent.cdn.unipus.cn/course/exploration/images/note.png?imageMogr2/quality/80/strip);
}
html[data-webp-type="support"] .text-selection-popover .tsp-inner .tsp-note > .img{
  background-image:url(//ucontent.cdn.unipus.cn/course/exploration/images/note.png?imageMogr2/format/webp/quality/80/strip);
}
.text-selection-popover .tsp-inner .tsp-ziyan > .img{
  background-repeat:no-repeat;
}
html[data-webp-type="nosupport"] .text-selection-popover .tsp-inner .tsp-ziyan > .img{
  background-image:url(//ucontent.cdn.unipus.cn/course/exploration/images/ziyan.png?imageMogr2/quality/80/strip);
}
html[data-webp-type="support"] .text-selection-popover .tsp-inner .tsp-ziyan > .img{
  background-image:url(//ucontent.cdn.unipus.cn/course/exploration/images/ziyan.png?imageMogr2/format/webp/quality/80/strip);
}
.mark-popup-header{
  margin-bottom:6.4vw;
  margin-top:6.4vw;
  text-align:center;
}
.mark-popup-header .text-label{
  color:#333;
  font-family:PingFangSC-Medium, PingFang SC;
  font-size:4.267vw;
  font-weight:500;
}
.mark-popup-option-list{
  padding-left:5.333vw;
  padding-right:5.333vw;
}
.mark-popup-option-list,.mark-popup-option-list .mark-option-item{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  height:8.533vw;
}
.mark-popup-option-list .mark-option-item{
  background:#f5f7fa;
  border-radius:4.267vw;
  color:#262626;
  font-family:PingFangSC-Regular, PingFang SC;
  font-size:3.733vw;
  font-weight:400;
  margin-right:4.267vw;
  -webkit-box-flex:1;
  -webkit-flex-grow:1;
      -ms-flex-positive:1;
          flex-grow:1;
  -webkit-box-pack:center;
  -webkit-justify-content:center;
      -ms-flex-pack:center;
          justify-content:center;
  -webkit-box-align:center;
  -webkit-align-items:center;
      -ms-flex-align:center;
          align-items:center;
  cursor:pointer;
}
.mark-popup-option-list .mark-option-item .mark-option-icon{
  height:4.267vw;
  margin-right:1.067vw;
  width:4.533vw;
}
.mark-popup-option-list .mark-option-item .mark-option-icon .copy-icon,.mark-popup-option-list .mark-option-item .mark-option-icon .note-icon{
  font-size:4.267vw;
}
.mark-popup-option-list .mark-option-item-active,.mark-popup-option-list .mark-option-item:active{
  background:#e7f8ff;
  color:var(--u-primary-color);
}
.mark-popup-option-list .mark-option-item:last-child{
  margin-right:0;
}
.mark-popup-cacel-area{
  -webkit-box-shadow:inset 0 .267vw 0 0 rgba(17,31,44,.12);
          box-shadow:inset 0 .267vw 0 0 rgba(17,31,44,.12);
  color:var(--u-primary-color);
  cursor:pointer;
  font-family:PingFangSC-Regular, PingFang SC;
  font-size:4.267vw;
  font-weight:400;
  height:19.2vw;
  line-height:19.2vw;
  margin-top:6.667vw;
  text-align:center;
}
#word-marker{
  height:100%;
  margin:0 auto;
  max-width:120vw;
}
.mark-info{
  display:none;
  left:0;
  position:absolute;
  top:0;
}
.mark-btn{
  text-align:right;
}
.mark-btn span,.mark-info span{
  background-color:#e06c75;
  border-radius:.267vw;
  color:#fff;
  cursor:pointer;
  display:inline-block;
  font-size:1.6vw;
  line-height:2.667vw;
  padding:0 .667vw;
}
.show-mark{
  border-radius:.267vw;
  display:none;
  position:fixed;
  right:0;
  top:50%;
  -webkit-transform:translateY(-50%);
      -ms-transform:translateY(-50%);
          transform:translateY(-50%);
  z-index:1;
}
.mark-edit,.show-mark{
  border:1px solid #000;
  padding:.667vw;
}
.mark-edit{
  height:26.667vw;
  outline:none;
  width:40vw;
}
.mobile-mark-search-container{
  padding:3.467vw 4.267vw 4.533vw;
}
.mobile-mark-search-container .mobile-mark-search-wrap{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -webkit-align-items:center;
      -ms-flex-align:center;
          align-items:center;
  -webkit-box-pack:justify;
  -webkit-justify-content:space-between;
      -ms-flex-pack:justify;
          justify-content:space-between;
}
.mobile-mark-search-container .mobile-mark-search-wrap .search-component{
  border-radius:4.267vw;
  height:8.533vw;
  margin-right:4.267vw;
  width:86%;
  --border-radius:4.267vw;
  --height:8.533vw;
}
.mobile-mark-search-container .mobile-mark-search-wrap .mobile-mark-search-button{
  color:#575c66;
  font-family:PingFangSC-Regular, PingFang SC;
  font-size:3.733vw;
  font-weight:400;
}
.mobile-mark-search-container .mobile-mark-search-wrap .note-search-active{
  color:var(--u-primary-color);
}
.mark-list-container{
  padding-left:4.267vw;
  padding-right:4.267vw;
}
.mark-list-layout-container .mark-list-unit-name{
  color:#222;
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  font-family:PingFangSC-Medium, PingFang SC;
  font-size:4.267vw;
  font-weight:500;
  -webkit-box-align:center;
  -webkit-align-items:center;
      -ms-flex-align:center;
          align-items:center;
  margin-bottom:4.267vw;
}
.mark-list-layout-container .mark-list-unit-name .name-container{
  display:-webkit-box;
  -webkit-line-clamp:2;
  overflow:hidden;
  text-overflow:ellipsis;
  -webkit-box-orient:vertical;
  width:100%;
}
.mark-list-layout-container .mark-list-unit-name .name-container p{
  display:inline;
  margin:0;
}
.mark-list-layout-container .mark-list-unit-name .name-container p:not(:first-child){
  display:inline;
  margin:0;
  text-indent:.533vw;
}
.mark-list-layout-container .mark-list-unit-name::before{
  background:var(--u-primary-color);
  border-radius:1.067vw;
  content:"";
  display:block;
  height:2.133vw;
  margin-right:1.867vw;
  width:2.133vw;
}
.mark-list-layout-container .mark-list-note-item-cotnainer{
  background:-webkit-gradient(linear, left top, left bottom, from(#e7f8ff), color-stop(10.667vw, #fff));
  background:-webkit-linear-gradient(top, #e7f8ff, #fff 10.667vw);
  background:linear-gradient(180deg, #e7f8ff, #fff 10.667vw);
  border:.5px solid #e1e6f0;
  border-radius:2.133vw;
  -webkit-box-shadow:0 1.067vw 3.2vw -.533vw rgba(26,31,51,.1);
          box-shadow:0 1.067vw 3.2vw -.533vw rgba(26,31,51,.1);
  margin-bottom:4.267vw;
  padding:4.267vw;
}
.mark-list-layout-container .mark-list-note-item-cotnainer .mark-list-note-text-title{
  display:-webkit-box;
  -webkit-line-clamp:2;
  overflow:hidden;
  text-overflow:ellipsis;
  -webkit-box-orient:vertical;
  color:#222;
  font-family:PingFangSC-Medium, PingFang SC;
  font-size:4.267vw;
  font-weight:500;
  margin-bottom:3.2vw;
  word-break:break-all;
}
.mark-list-layout-container .mark-list-note-item-cotnainer .mark-list-note-sourcetext-content{
  color:#858c99;
  display:-webkit-box;
  font-family:Helvetica;
  font-size:3.733vw;
  -webkit-line-clamp:5;
  overflow:hidden;
  text-overflow:ellipsis;
  -webkit-box-orient:vertical;
}
.mark-list-layout-container .mark-list-note-item-cotnainer .mark-list-tags-container{
  -webkit-flex-wrap:wrap;
      -ms-flex-wrap:wrap;
          flex-wrap:wrap;
}
.mark-list-layout-container .mark-list-note-item-cotnainer .mark-list-tags-container,.mark-list-layout-container .mark-list-note-item-cotnainer .mark-list-tags-container .mark-list-tag-item{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -webkit-align-items:center;
      -ms-flex-align:center;
          align-items:center;
}
.mark-list-layout-container .mark-list-note-item-cotnainer .mark-list-tags-container .mark-list-tag-item{
  background:#f5f7fa;
  border-radius:3.2vw;
  color:#575c66;
  font-family:PingFangSC-Regular, PingFang SC;
  font-size:3.2vw;
  font-weight:400;
  height:6.4vw;
  line-height:6.4vw;
  margin-right:4.267vw;
  margin-top:3.2vw;
  padding:.533vw 2.133vw;
  text-align:center;
}
.mark-list-layout-container .mark-list-note-item-cotnainer .mark-list-tags-container .line-height-note-tag{
  color:var(--u-primary-color);
}
.mark-list-layout-container .mark-list-note-item-cotnainer .mark-list-tags-container .mark-list-tag-item:last-child{
  margin-right:0;
}
.mobile-mark-popup-container{
  --markPopupHeight:112vw;
  --markPopupBorderRadius:4.267vw;
}
.mobile-mark-screen-container{
  padding-left:6.4vw;
  padding-right:6.4vw;
}
.mobile-mark-screen-container .screen-title{
  color:#333;
  font-family:PingFangSC-Medium, PingFang SC;
  font-size:4.267vw;
  font-weight:500;
  padding-bottom:5.333vw;
  padding-top:7.2vw;
  text-align:center;
}
.mobile-mark-screen-container .screen-tag-list-tip{
  color:#575c66;
  font-family:PingFangSC-Regular, PingFang SC;
  font-size:3.733vw;
  font-weight:400;
  padding-bottom:5.333vw;
}
.mobile-mark-screen-container .screen-tags-list-container{
  margin-bottom:7.2vw;
  max-height:58.667vw;
  overflow-y:scroll;
}
.mobile-mark-screen-container .screen-tags-list-container .screen-tag-item{
  background:#f5f7fa;
  border-radius:4.8vw;
  height:8.533vw;
  line-height:8.533vw;
  margin-bottom:4.267vw;
  text-align:center;
}
.mobile-mark-screen-container .screen-tags-list-container .screen-tag-active{
  background-color:var(--u-primary-fade-10);
  color:var(--u-primary-color);
}
.mobile-mark-screen-container .screen-tag-popup-buttons-container{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  text-align:center;
  -webkit-box-pack:justify;
  -webkit-justify-content:space-between;
      -ms-flex-pack:justify;
          justify-content:space-between;
}
.mobile-mark-screen-container .screen-tag-popup-buttons-container .screen-tag-popup-botton{
  border-radius:6.4vw;
  height:10.667vw;
  width:42vw;
}
.unipus-search-bar-container{
  background:#f5f7fa;
  border-radius:4.267vw;
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  height:8.533vw;
  line-height:8.533vw;
  padding-right:.533vw;
  position:relative;
  width:auto;
  -webkit-box-align:center;
  -webkit-align-items:center;
      -ms-flex-align:center;
          align-items:center;
}
.unipus-search-bar-container .search-bar-icon-b{
  margin-left:5.333vw;
  margin-right:1.6vw;
}
.unipus-search-bar-container .search-bar-icon-b .search-icon-style{
  height:4.267vw;
  width:4.267vw;
}
.unipus-search-bar-container .search-bar-input-conainer{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -webkit-align-items:center;
      -ms-flex-align:center;
          align-items:center;
  width:45.6vw;
}
.unipus-search-bar-container .search-bar-input-conainer input{
  background:transparent;
  border:none;
  font-size:4.267vw;
}
.unipus-search-bar-container .search-bar-input-conainer input::-webkit-input-placeholder{
  font-size:4.267vw;
}
.unipus-search-bar-container .search-bar-input-conainer input::-moz-placeholder{
  font-size:4.267vw;
}
.unipus-search-bar-container .search-bar-input-conainer input:-ms-input-placeholder{
  font-size:4.267vw;
}
.unipus-search-bar-container .search-bar-input-conainer input::-ms-input-placeholder{
  font-size:4.267vw;
}
.unipus-search-bar-container .search-bar-input-conainer input::placeholder{
  font-size:4.267vw;
}
.unipus-search-bar-container .search-bar-search-button-container{
  background:var(--u-primary-color);
  border-radius:4.267vw;
  color:#fff;
  font-size:4.267vw;
  height:7.467vw;
  line-height:7.467vw;
  text-align:center;
  width:17.067vw;
}
.unipus-search-bar-container .search-bar-clear-icon-container{
  height:5.333vw;
  padding-right:4.267vw;
  position:relative;
  width:8vw;
}
.unipus-search-bar-container .search-bar-clear-icon-container .search-bar-clear-icon-button{
  background-color:transparent;
  border:none;
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  height:100%;
  position:absolute;
  width:100%;
  -webkit-box-align:center;
  -webkit-align-items:center;
      -ms-flex-align:center;
          align-items:center;
  -webkit-box-pack:center;
  -webkit-justify-content:center;
      -ms-flex-pack:center;
          justify-content:center;
}
.unipus-search-bar-container .search-bar-clear-icon-container .search-bar-clear-icon-button svg{
  overflow:visible;
}
.unipus-search-bar-container .search-bar-clear-icon-container .search-bar-clear-icon-button .close-icon{
  font-size:5.333vw;
}
.mark-list-empty{
  --markListEmptyWidth:53.333vw;
}
.mark-list-empty .mark-list-empty-label{
  color:#575c66;
  font-family:PingFangSC-Regular, PingFang SC;
  font-size:3.733vw;
  font-weight:400;
}
.search-bar-tool-container{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  width:24vw;
  -webkit-box-align:center;
  -webkit-align-items:center;
      -ms-flex-align:center;
          align-items:center;
}
.note-detail-container{
  padding:4.267vw;
}
.note-detail-container .note-my-detail{
  margin-bottom:6.4vw;
  max-height:50%;
}
.note-detail-container .note-my-detail .note-my-detail-title{
  color:#222;
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  font-family:PingFangSC-Medium, PingFang SC;
  font-size:4.267vw;
  font-weight:500;
  -webkit-box-align:center;
  -webkit-align-items:center;
      -ms-flex-align:center;
          align-items:center;
  padding-bottom:4.267vw;
}
.note-detail-container .note-my-detail .note-my-detail-title::before{
  background:var(--u-primary-color);
  border-radius:1.067vw;
  content:"";
  display:block;
  height:2.133vw;
  margin-right:1.867vw;
  width:2.133vw;
}
.note-detail-container .note-my-detail .note-my-detail-text{
  background:-webkit-gradient(linear, left top, left bottom, from(#e7f8ff), color-stop(10.667vw, #fff));
  background:-webkit-linear-gradient(top, #e7f8ff, #fff 10.667vw);
  background:linear-gradient(180deg, #e7f8ff, #fff 10.667vw);
  border:1px solid #e1e6f0;
  border-radius:2.133vw;
  -webkit-box-shadow:0 1.067vw 3.2vw -.533vw rgba(26,31,51,.1);
          box-shadow:0 1.067vw 3.2vw -.533vw rgba(26,31,51,.1);
  padding:4.533vw 4.267vw 3.733vw;
}
.note-detail-container .note-my-detail .note-my-detail-text .note-detail-wrap-text .note-detail-note-text-wrap{
  overflow-y:scroll;
  word-wrap:break-word;
  max-height:67.733vw;
}
.note-detail-container .note-my-detail .note-my-detail-text .note-my-detail-tags-container{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -webkit-align-items:center;
      -ms-flex-align:center;
          align-items:center;
  -webkit-flex-wrap:wrap;
      -ms-flex-wrap:wrap;
          flex-wrap:wrap;
}
.note-detail-container .note-my-detail .note-my-detail-text .note-my-detail-tags-container .note-my-detail-tag-item{
  background:#f5f7fa;
  border-radius:3.2vw;
  color:#575c66;
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  font-family:PingFangSC-Regular, PingFang SC;
  font-size:3.2vw;
  font-weight:400;
  height:6.4vw;
  line-height:6.4vw;
  margin-right:4.267vw;
  padding:.533vw 2.133vw;
  text-align:center;
  -webkit-box-align:center;
  -webkit-align-items:center;
      -ms-flex-align:center;
          align-items:center;
  margin-top:3.2vw;
}
.note-detail-container .note-my-detail .note-my-detail-text .note-my-detail-tags-container .note-my-detail-tag-item:last-child{
  margin-right:0;
}
.note-detail-container .note-source-text-container{
  max-height:50%;
}
.note-detail-container .note-source-text-container .note-source-text-title{
  color:#222;
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  font-family:PingFangSC-Medium, PingFang SC;
  font-size:4.267vw;
  font-weight:500;
  -webkit-box-align:center;
  -webkit-align-items:center;
      -ms-flex-align:center;
          align-items:center;
  padding-bottom:4.267vw;
}
.note-detail-container .note-source-text-container .note-source-text-title::before{
  background:var(--u-primary-color);
  border-radius:1.067vw;
  content:"";
  display:block;
  height:2.133vw;
  margin-right:1.867vw;
  width:2.133vw;
}
.note-detail-container .note-source-text-container .note-source-text-detail{
  background:-webkit-gradient(linear, left top, left bottom, from(#fff6d9), color-stop(10.667vw, #fff));
  background:-webkit-linear-gradient(top, #fff6d9, #fff 10.667vw);
  background:linear-gradient(180deg, #fff6d9, #fff 10.667vw);
  border:1px solid #e1e6f0;
  border-radius:2.133vw;
  -webkit-box-shadow:0 1.067vw 3.2vw -.533vw rgba(26,31,51,.1);
          box-shadow:0 1.067vw 3.2vw -.533vw rgba(26,31,51,.1);
  padding:4.533vw 4.267vw 3.733vw;
}
.note-detail-container .note-source-text-container .note-source-text-detail .note-detail-source-text-wrap{
  max-height:72.533vw;
  overflow-y:scroll;
  word-wrap:break-word;
}
.note-list-del-button-style{
  color:var(--u-primary-color);
}
.note-del-wrap .adm-center-popup-mask{
  background:rgba(26,34,51,.72) !important;
}
.note-del-wrap .adm-modal-body{
  overflow:visible;
  padding-top:0 !important;
}
.note-del-wrap .adm-modal-content{
  overflow:visible;
  padding-bottom:0;
  padding-left:0;
  padding-right:0;
}
.note-del-wrap .note-detail-del-modal-container{
  height:51.2vw;
  position:relative;
  width:74.667vw;
}
.note-del-wrap .note-detail-del-modal-container .note-detail-del-modal-bg{
  background:-webkit-gradient(linear, left top, left bottom, from(#ffe0ac), color-stop(49%, rgba(255,192,88,.27)), to(rgba(255,159,0,0)));
  background:-webkit-linear-gradient(top, #ffe0ac, rgba(255,192,88,.27) 49%, rgba(255,159,0,0));
  background:linear-gradient(180deg, #ffe0ac, rgba(255,192,88,.27) 49%, rgba(255,159,0,0));
  border-radius:2.133vw 2.133vw 0 0;
  height:100%;
  opacity:.5;
  position:absolute;
  width:100%;
  z-index:20;
}
.note-del-wrap .note-detail-del-modal-container .note-detail-del-modal-body{
  height:100%;
  position:absolute;
  width:100%;
  z-index:20;
}
.note-del-wrap .note-detail-del-modal-container .note-del-modal-tip{
  color:#1a2233;
  font-family:PingFangSC-Medium, PingFang SC;
  font-size:4.267vw;
  font-weight:500;
  padding-top:21.333vw;
  text-align:center;
}
.note-del-wrap .note-detail-del-modal-container .note-del-img-container{
  left:50%;
  margin-left:-18.8vw;
  position:absolute;
  text-align:center;
  top:-7.733vw;
  width:37.6vw;
}
.note-del-wrap .note-detail-del-modal-container .note-del-button-groups-container{
  margin-top:6.4vw;
  text-align:center;
}
.note-del-wrap .note-detail-del-modal-container .note-del-button-groups-container .note-cancel-button{
  border-color:#c2c5cc;
  color:#1a2233;
  font-family:PingFangSC-Regular, PingFang SC;
  font-weight:400;
}
.note-del-wrap .note-detail-del-modal-container .note-del-button-groups-container .note-del-modal-button{
  border-radius:6.133vw;
  height:10.667vw;
  width:28.8vw;
}
.note-del-wrap .note-detail-del-modal-container .note-del-button-groups-container .note-del-modal-button:first-child{
  margin-right:4.267vw;
}
.note-editor-wrap .edit-textarea-item{
  background:#f5f7fa;
  border-radius:2.133vw;
}
.note-editor-wrap .mark-edit-close-icon{
  font-size:4.267vw;
}
.note-editor-wrap .adm-modal-footer-empty{
  height:0;
}
.note-editor-wrap .adm-modal-body:not(.adm-modal-with-image){
  padding-top:0;
}
.note-editor-wrap .adm-modal-content{
  padding:0;
}
.note-editor-wrap .adm-text-area-element{
  background-color:#f5f7fa;
  color:#1a2233;
  font-family:PingFangSC-Regular, PingFang SC;
  font-size:3.733vw;
  font-weight:400;
  height:23.467vw;
  padding:3.2vw;
}
.note-editor-modal-container{
  padding:6.4vw;
  position:relative;
}
.note-editor-modal-container .note-editor-modal-close-icon{
  position:absolute;
  right:2.667vw;
  top:2.667vw;
}
.note-editor-modal-container .note-editor-modal-title{
  color:#1a2233;
  font-family:PingFangSC-Medium, PingFang SC;
  font-size:4.267vw;
  font-weight:500;
  font-weight:bold;
  margin-bottom:4.267vw;
  text-align:center;
}
.note-editor-modal-container .note-ditor-tags-container .adm-capsule-tabs-header{
  border-bottom:none;
  padding:4.8vw 0 0;
}
.note-editor-modal-container .note-ditor-tags-container .adm-capsule-tabs-tab-wrapper{
  padding:0;
}
.note-editor-modal-container .note-ditor-tags-container .note-tag-item{
  margin-right:2.133vw;
}
.note-editor-modal-container .note-ditor-tags-container .note-tag-item .adm-capsule-tabs-tab{
  padding:.533vw 2.133vw;
}
.note-editor-modal-container .note-ditor-tags-container-2{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-wrap:nowrap;
      -ms-flex-wrap:nowrap;
          flex-wrap:nowrap;
  -webkit-box-pack:start;
  -webkit-justify-content:flex-start;
      -ms-flex-pack:start;
          justify-content:flex-start;
  -webkit-box-align:center;
  -webkit-align-items:center;
      -ms-flex-align:center;
          align-items:center;
  margin-bottom:4.267vw;
  margin-top:4.8vw;
  overflow-x:scroll;
  position:relative;
}
.note-editor-modal-container .note-ditor-tags-container-2 .note-tag-item-2{
  background-color:#f5f7fa;
  border-radius:3.2vw;
  color:#575c66;
  cursor:pointer;
  font-family:PingFangSC-Medium, PingFang SC;
  font-size:3.2vw;
  font-weight:500;
  margin-right:2.133vw;
  padding:.533vw 2.133vw;
  position:relative;
  text-align:center;
  white-space:nowrap;
}
.note-editor-modal-container .note-ditor-tags-container-2 .note-tag-item-active{
  background-color:var(--u-menu-more-btn);
  color:var(--u-primary-color);
}
.note-editor-modal-container .note-editor-button-container{
  height:10.667vw;
  margin-top:4.267vw;
  width:100%;
}
.note-editor-modal-container .note-editor-button-container .adm-button-disabled{
  background:gray;
  border:none;
}
.note-editor-modal-container .note-editor-button-container .note-editor-save-button{
  border-radius:6.133vw;
  height:10.667vw;
  text-align:center;
  width:100%;
}
.mark-component-popup-container{
  --popupHeight:57.067vw;
}
.mark-component-popup-container .adm-popup-body{
  border-radius:4.267vw 4.267vw 0 0;
  -webkit-box-shadow:0 -1.333vw 4.267vw -.533vw rgba(26,31,51,.08);
          box-shadow:0 -1.333vw 4.267vw -.533vw rgba(26,31,51,.08);
}
.comp-mobile-nav{
  background:#fff;
}
.mobile-nav-container{
  background:#fff;
  color:#262626;
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  height:7.733vw;
  text-align:center;
  -webkit-box-pack:justify;
  -webkit-justify-content:space-between;
      -ms-flex-pack:justify;
          justify-content:space-between;
  -webkit-box-align:center;
  -webkit-align-items:center;
      -ms-flex-align:center;
          align-items:center;
  font-size:4.8vw;
  font-weight:500;
  position:relative;
}
.mobile-nav-container .nav-center-text-layout{
  display:-webkit-box;
  left:50%;
  max-width:58.667vw;
  position:absolute;
}
.mobile-nav-container .nav-center-text-layout,.mobile-nav-container .nav-center-text-layout p{
  -webkit-line-clamp:1;
  text-overflow:ellipsis;
  word-break:break-all;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.mobile-nav-container .nav-center-text-layout p{
  display:inline-block;
  display:-webkit-box;
  margin:0;
  width:100%;
}
.nav-course-back{
  height:6.667vw;
  line-height:3.281vh;
  width:5.333vw;
}
.nav-course-back .back-icon{
  font-size:5.333vw;
}
.disabledButton{
  color:#dcdcdc;
}
.nav-right-button{
  margin-right:3.2vw;
}
.nav-right-button .note-icon,.nav-right-button .report-icon{
  font-size:6.4vw;
}
.nav-right-button:last-child{
  margin-right:0;
}
.comp-course-mistake{
  background:#fff;
}
.course-mistake{
  background-color:#f5f5f9;
  height:100%;
  position:relative;
}
.mistake-list-container{
  background:transparent;
  height:calc(100% - 45.867vw);
  margin-left:5.333vw;
  margin-right:5.333vw;
  margin-top:2.667vw;
  overflow:scroll;
  position:relative;
}
.mistake-list-content-box{
  color:#1a2233;
  font-family:PingFangSC-Regular, PingFang SC;
  font-size:2.933vw;
  font-weight:400;
  margin-bottom:3.2vw;
  max-height:28vw;
  min-height:20vw;
  overflow:hidden;
  padding:3.2vw 4.267vw 0;
  position:relative;
}
.mistake-list-content-box p{
  margin-bottom:0;
}
.mistake-list-content-box .unipus-table{
  color:#1a2233;
  font-size:2.933vw;
}
.mistake-list-content-box::after{
  background-color:transparent;
  bottom:1.333vw;
  color:rgba(0,0,0,.87);
  content:"...";
  line-height:2.667vw;
  padding:0 2.267vw 1px 0;
  position:absolute;
  right:-2.4vw;
  width:5.333vw;
}
.mistake-list-footer-container{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  display:-webkit-flex;
  margin:0;
  padding:2.133vw 2.667vw 2.133vw 1.867vw;
  -webkit-box-align:center;
  -webkit-align-items:center;
      -ms-flex-align:center;
          align-items:center;
  -webkit-box-pack:justify;
  -webkit-justify-content:space-between;
      -ms-flex-pack:justify;
  border-top:1px solid #e5e5e5;
  -webkit-flex-wrap:nowrap;
      -ms-flex-wrap:nowrap;
          flex-wrap:nowrap;
          justify-content:space-between;
}
.mistake-list-footer-container .mistake-list-footer-item{
  color:#8e8e8e;
  font-size:2.933vw;
  max-width:70.667vw;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.manager-delete-container{
  background-color:#fff;
  bottom:0;
  height:30.4vw;
  left:0;
  line-height:21.333vw;
  position:absolute;
  width:100%;
  -webkit-box-align:center;
  -webkit-align-items:center;
      -ms-flex-align:center;
          align-items:center;
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -webkit-justify-content:space-between;
      -ms-flex-pack:justify;
          justify-content:space-between;
  padding-left:4.267vw;
  padding-right:4.267vw;
}
.manager-delete-container .manager-delete-layout{
  height:100%;
  position:relative;
  width:100%;
}
.manager-delete-container .manager-delete-layout .mistake-delete-tip{
  font-size:2.133vw;
  height:6.667vw;
  line-height:6.667vw;
  margin-bottom:0;
  position:absolute;
  width:100%;
}
.manager-delete-container .manager-delete-layout .mistake-delete-tip .mistake-delete-total{
  color:var(--u-primary-color);
  padding-left:.667vw;
  padding-right:.667vw;
}
.manager-delete-container .manager-delete-layout .mistake-option-container{
  height:13.333vw;
  line-height:13.333vw;
  position:absolute;
  top:8vw;
  width:100%;
}
.manager-delete-container .manager-delete-layout .delete-button{
  background-image:none;
  background:#fff;
  border:1px solid #d9d9d9;
  border-radius:6.133vw;
  -webkit-box-shadow:0 .267vw #00000004;
          box-shadow:0 .267vw #00000004;
  color:#000000d9;
  cursor:pointer;
  display:inline-block;
  float:right;
  font-size:4.8vw;
  font-weight:400;
  height:12.8vw;
  line-height:12.8vw;
  position:relative;
  text-align:center;
  -ms-touch-action:manipulation;
      touch-action:manipulation;
  -webkit-transition:all .3s cubic-bezier(.645, .045, .355, 1);
  transition:all .3s cubic-bezier(.645, .045, .355, 1);
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  white-space:nowrap;
  width:48vw;
}
.manager-delete-container .manager-delete-layout .canHandle{
  background:#ff6859;
  border-color:transparent;
  color:#fff;
}
.list-item-container{
  background:#fff;
  border-radius:1.067vw;
  -webkit-box-shadow:0 1.067vw 4.267vw -1.067vw rgba(26,34,51,.1);
          box-shadow:0 1.067vw 4.267vw -1.067vw rgba(26,34,51,.1);
  margin-bottom:1.333vw;
  position:relative;
}
.radio-checked-all-container{
  display:inline-block;
  height:8vw;
  height:100%;
  position:relative;
  width:40%;
}
.radio-checked-all-container .radio-checked-all{
  background-color:#fff;
  border:1px solid #c2c5cc;
  border-radius:2.4vw;
  display:inline-block;
  height:4.8vw;
  margin-bottom:.533vw;
  position:relative;
  vertical-align:middle;
  width:4.8vw;
}
.radio-checked-all-container .radio-checked-all .radio-checked-in{
  background-color:#ff6859;
  border:1px solid #ff6859;
  border-radius:1.333vw;
  height:2.667vw;
  left:50%;
  margin-left:-1.333vw;
  margin-top:-1.333vw;
  position:absolute;
  top:50%;
  width:2.667vw;
}
.radio-checked-all-container .radio-checked-all .radio-checked-in-icon{
  border-radius:1.333vw;
  height:2.667vw;
  left:50%;
  margin-left:-1.333vw;
  margin-top:-1.333vw;
  position:absolute;
  top:50%;
  width:2.667vw;
}
.radio-checked-all-container .radio-checked-all .radio-checked-in-icon .checked-icon{
  font-size:2.667vw;
}
.radio-checked-all-container .radio-checked-all-in{
  background-color:#ff6859;
  border:1px solid #ff6859;
}
.radio-checked-all-container .mistake-choice-total-checked{
  font-size:2.133vw;
  left:6.667vw;
  position:absolute;
  vertical-align:middle;
}
.radio-checked-all-container .mistake-delete-total-tip{
  color:#1a2233;
  font-family:PingFangSC-Regular, PingFang SC;
  font-size:4.267vw;
  font-weight:400;
}
.radio-checked-curente-container{
  height:5.333vw;
  left:-9.6vw;
  position:absolute;
  top:30%;
  width:5.333vw;
}
.mistake-option-item-container{
  font-size:2.933vw;
  line-height:5.333vw;
  word-wrap:break-word;
}
.mistake-empty{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  height:100%;
  width:100%;
  -webkit-box-align:center;
  -webkit-align-items:center;
      -ms-flex-align:center;
          align-items:center;
  -webkit-box-pack:center;
  -webkit-justify-content:center;
      -ms-flex-pack:center;
          justify-content:center;
}
.mistake-list-inner-layout{
  height:100%;
  overflow:scroll;
  width:100%;
}
.mistake-alert-Layou{
  height:100%;
  left:0;
  position:fixed;
  top:0;
  width:100%;
  z-index:10000;
}
.mistake-empty-container{
  height:32.267vw;
  margin-bottom:30%;
  width:57.333vw;
}
.mistake-empty-container p{
  color:#575c66;
  font-family:PingFangSC-Medium, PingFang SC;
  font-size:4.267vw;
  line-height:6.4vw;
  text-align:center;
}
.mistake-list-manage-mode{
  margin-left:9.6vw;
}
.mistake-delete-checked-all-lable{
  color:#575c66;
  font-family:PingFangSC-Regular, PingFang SC;
  font-size:4.267vw;
  font-weight:400;
  margin-right:2.667vw;
}
.mistake-modal-title{
  color:#1a2233;
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  font-family:PingFangSC-Medium, PingFang SC;
  font-size:4.267vw;
  font-weight:500;
  height:6.4vw;
  line-height:6.4vw;
  vertical-align:middle;
  -webkit-box-align:start;
  -webkit-align-items:flex-start;
      -ms-flex-align:start;
          align-items:flex-start;
  -webkit-box-pack:center;
  -webkit-justify-content:center;
      -ms-flex-pack:center;
          justify-content:center;
}
.mistake-modal-title .mistake-modal-tip{
  background:#ff8000;
  border-radius:2.667vw;
  display:inline-block;
  height:5.333vw;
  width:5.333vw;
  -webkit-box-align:center;
  -webkit-align-items:center;
      -ms-flex-align:center;
          align-items:center;
  color:#fff;
  line-height:5.333vw;
  margin-right:2vw;
}
.mistake-modal-message{
  color:#575c66;
  font-family:PingFangSC-Regular, PingFang SC;
  font-size:3.733vw;
  font-weight:400;
  text-align:center;
}
.mistake-page-modal .am-modal-footer .am-modal-button-group-normal{
  -webkit-box-pack:center;
  -webkit-justify-content:center;
      -ms-flex-pack:center;
          justify-content:center;
  -webkit-box-align:center;
  -webkit-align-items:center;
      -ms-flex-align:center;
          align-items:center;
}
.mistake-page-modal .am-modal-footer .am-modal-button-group-normal .am-modal-button{
  -webkit-box-flex:0;
  border:1px solid #c2c5cc;
  border-radius:3.2vw;
  -webkit-flex:0 0 auto;
      -ms-flex:0 0 auto;
          flex:0 0 auto;
  height:10.667vw;
  line-height:10.667vw;
  margin-bottom:5.333vw;
  width:29.333vw;
}
.mistake-page-modal .am-modal-footer .am-modal-button:first-child{
  border:"1px solid #C2C5CC";
  margin-right:5.333vw;
}
.mistake-page-modal .am-modal-footer .am-modal-button:last-child{
  background:var(--u-primary-color);
  color:#fff;
}
.guide-wrap{
  padding:4vw;
}
.course-resouce-list{
  height:100%;
}
.resouce-list-body{
  height:100%;
  overflow-y:scroll;
  padding-bottom:16vw;
}
.resouce-body-item-container{
  border-bottom:1px solid #e4eeff;
  padding:4vw 5.333vw;
}
.resouce-body-item-container .resouce-body-item-name{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -webkit-align-items:center;
      -ms-flex-align:center;
          align-items:center;
}
.resouce-body-item-container .resouce-body-item-name .resouce-name{
  color:#000;
  display:inline-block;
  font-size:3.2vw;
  max-width:80%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.resouce-body-item-container .resouce-body-item-name .resouce-author{
  font-size:1.6vw;
}
.resouce-body-item-container .resouce-body-item-name .resouce-author .scaleLable{
  -webkit-align-content:center;
  border:1px solid #ff8100;
  border-radius:.533vw;
  color:#ff8100;
  font-size:1.6vw;
  line-height:2.667vw;
  margin-left:1.867vw;
      -ms-flex-line-pack:center;
          align-content:center;
  padding:0 .533vw;
  -webkit-transform:scale(.84);
      -ms-transform:scale(.84);
          transform:scale(.84);
}
.resouce-body-item-container .resouce-time{
  color:#858c99;
  font-size:2.133vw;
  margin-top:1.333vw;
}
.preview-audio-container,.preview-video-container{
  position:absolute;
  top:30%;
  width:100%;
}
.preview-audio-container{
  text-align:center;
}
.preview-audio-container .preview-audio-layout{
  display:inline-block;
  width:80%;
}
.preview-pdf-container{
  height:100%;
  width:100%;
}
.preview-pdf-container .pdf-view-container{
  height:66.667vw;
  position:fixed;
  top:10%;
}
.preview-office-body{
  position:absolute;
  top:10%;
  width:100%;
}
.modal-wrapper :global .adm-modal-body{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  padding:6.4vw 0 !important;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -webkit-flex-direction:column;
      -ms-flex-direction:column;
          flex-direction:column;
  -webkit-box-align:center;
  -webkit-align-items:center;
      -ms-flex-align:center;
          align-items:center;
  background-image:url(https://ucontentapi.cdn.unipus.cn/explorationmobile/images/f35a9b10bba27629a65955540a82c867modal-bg.png);
  background-size:74.667vw 52.267vw;
  border-radius:2.667vw;
  height:52.267vw;
  width:74.667vw;
}
.modal-wrapper :global .adm-modal-body .adm-modal-title{
  color:#1a2233;
  font-size:4.267vw;
  font-weight:500;
  line-height:6.4vw;
  margin-bottom:4.267vw;
  text-align:center;
}
.modal-wrapper :global .adm-modal-body .adm-modal-content{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  padding:0;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -webkit-flex-direction:column;
      -ms-flex-direction:column;
          flex-direction:column;
  -webkit-box-align:center;
  -webkit-align-items:center;
      -ms-flex-align:center;
          align-items:center;
  -webkit-box-pack:center;
  -webkit-justify-content:center;
      -ms-flex-pack:center;
  color:#575c66;
  font-size:3.733vw;
  font-weight:400;
  height:100%;
  height:11.733vw;
          justify-content:center;
  line-height:5.867vw;
  text-align:center;
  width:61.867vw;
}
.modal-wrapper :global .adm-modal-body .adm-modal-footer{
  background:#3264fa;
  border-radius:6.133vw;
  height:10.667vw;
  margin-top:6.4vw;
  width:37.333vw;
}
.modal-wrapper :global .adm-modal-body .adm-modal-footer .adm-modal-button{
  color:#fff;
  font-size:4.267vw;
  font-weight:400;
  line-height:6.4vw;
  text-align:center;
}
.course-rerpot-list{
  height:100%;
}
.report-list-body{
  height:100%;
  overflow-y:scroll;
}
.report-container{
  height:100%;
  padding:4.267vw 4.267vw 8.533vw;
}
.mobile-report-style-wrap{
  background:#fef5dd;
  border-radius:1.067vw;
  -webkit-box-shadow:0 1.2vw 3.733vw 1.067vw rgba(255,237,187,.1),0 .8vw 2.133vw 0 hsla(41,98%,82%,.1),0 .4vw .8vw -.533vw #ffc443;
          box-shadow:0 1.2vw 3.733vw 1.067vw rgba(255,237,187,.1),0 .8vw 2.133vw 0 hsla(41,98%,82%,.1),0 .4vw .8vw -.533vw #ffc443;
  height:100%;
  overflow:scroll;
}
.report-header{
  background:#fee1a2;
  border-radius:0 0 13.333vw 13.333vw;
  -webkit-box-shadow:0 .267vw 0 0 #ffd272;
          box-shadow:0 .267vw 0 0 #ffd272;
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  height:14.933vw;
  width:100%;
  -webkit-box-pack:center;
  -webkit-justify-content:center;
      -ms-flex-pack:center;
          justify-content:center;
  -webkit-box-align:center;
  -webkit-align-items:center;
      -ms-flex-align:center;
          align-items:center;
}
.report-body{
  margin-top:5.6vw;
  padding-left:5.067vw;
  padding-right:5.067vw;
}
.mobile-report-title-icon{
  background:#fffcf4;
  border-radius:2.667vw;
  -webkit-box-shadow:inset 0 1px .4vw 0 #fef5dd;
          box-shadow:inset 0 1px .4vw 0 #fef5dd;
  height:5.333vw;
  width:5.333vw;
}
.mobile-report-item{
  background:#fffcf4;
  border:.267vw dashed #ffd272;
  border-radius:2.133vw;
  cursor:pointer;
  height:21.333vw;
  margin-bottom:4.267vw;
  overflow:hidden;
  position:relative;
  text-align:center;
  width:100%;
}
.mobile-report-item p{
  margin-bottom:0;
}
.mobile-report-item .mobile-report-text-warp{
  padding-left:10.933vw;
  padding-right:.667vw;
  text-align:left;
  width:100%;
}
.mobile-report-item .mobile-report-text-cotnainer{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  height:100%;
  width:100%;
  -webkit-box-pack:center;
  -webkit-justify-content:center;
      -ms-flex-pack:center;
          justify-content:center;
  -webkit-box-align:center;
  -webkit-align-items:center;
      -ms-flex-align:center;
          align-items:center;
}
.mobile-report-item .mobile-report-endant{
  background:#fffcf5;
  -webkit-box-shadow:0 .533vw 1.067vw 0 #fff1d6,-.533vw 0 .533vw 0 #ffe19f;
          box-shadow:0 .533vw 1.067vw 0 #fff1d6,-.533vw 0 .533vw 0 #ffe19f;
  height:6.133vw;
  left:0;
  position:absolute;
  top:0;
  width:6.133vw;
}
.mobile-report-item .modbile-report-endant-position-wrap{
  height:4vw;
  left:-2.667vw;
  position:absolute;
  top:-2.133vw;
  width:4vw;
}
.mobile-report-item .report-endant-traiangle{
  height:5.333vw;
  overflow:hidden;
  position:relative;
  -webkit-transform:rotate(140deg);
      -ms-transform:rotate(140deg);
          transform:rotate(140deg);
  width:7.51953vw;
}
.mobile-report-item .report-endant-traiangle:before{
  background:#ffe19f;
  border:1px solid #ffe19f;
  border-radius:.267vw;
  -webkit-box-shadow:inset 0 0 .8vw 0 #ffe19f;
          box-shadow:inset 0 0 .8vw 0 #ffe19f;
  content:"";
  display:block;
  height:100%;
  -webkit-transform:rotate(-45deg);
      -ms-transform:rotate(-45deg);
          transform:rotate(-45deg);
  -webkit-transform-origin:left top;
      -ms-transform-origin:left top;
          transform-origin:left top;
  width:100%;
}
.mobile-report-item .report-h1-text{
  font-size:4.267vw;
  font-weight:bold;
}
.mobile-report-item .report-h1-text,.mobile-report-item .report-h2-text{
  color:#ff8100;
  display:-webkit-box;
  font-family:Helvetica-Bold, Helvetica;
  -webkit-line-clamp:1;
  text-overflow:ellipsis;
  -webkit-box-orient:vertical;
  overflow:hidden;
  word-break:break-word;
}
.mobile-report-item .report-h2-text{
  font-size:3.733vw;
}
.mobile-report-item .report-h2-text::before{
  content:"-";
  margin-right:.4vw;
}
.mobile-report-disabled{
  cursor:not-allowed;
}
.mobile-report-disabled .report-h1-text,.mobile-report-disabled .report-h2-text{
  color:#262626;
}
.discussion-cloud-empty-container{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  height:136.533vw;
  width:100%;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -webkit-flex-direction:column;
      -ms-flex-direction:column;
          flex-direction:column;
  -webkit-box-pack:center;
  -webkit-justify-content:center;
      -ms-flex-pack:center;
          justify-content:center;
  -webkit-box-align:center;
  -webkit-align-items:center;
      -ms-flex-align:center;
          align-items:center;
}
.discussion-cloud-empty-container .discussion-cloud-empty-icon{
  display:block;
  height:42.667vw;
  width:42.667vw;
}
.discussion-cloud-empty-container .discussion-cloud-empty-text{
  color:#575c66;
  font-size:4.267vw;
  font-weight:500;
}
.discussion-cloud-topic-item-wrapper{
  background:#fff;
  border-radius:2.133vw;
  margin-bottom:3.2vw;
  padding:4.267vw 0;
  width:100%;
}
.discussion-cloud-topic-item-wrapper .topic-item-title{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  padding:0 2.133vw;
  -webkit-box-pack:justify;
  -webkit-justify-content:space-between;
      -ms-flex-pack:justify;
          justify-content:space-between;
  margin-bottom:6.4vw;
}
.discussion-cloud-topic-item-wrapper .topic-item-title .left{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:start;
  -webkit-align-items:flex-start;
      -ms-flex-align:start;
          align-items:flex-start;
}
.discussion-cloud-topic-item-wrapper .topic-item-title .left .icon-outer{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  height:6.4vw;
  -webkit-box-align:center;
  -webkit-align-items:center;
      -ms-flex-align:center;
          align-items:center;
}
.discussion-cloud-topic-item-wrapper .topic-item-title .left .icon-outer .icon{
  height:3.467vw;
  margin-right:2.133vw;
  overflow:hidden;
  position:relative;
  width:2.133vw;
}
.discussion-cloud-topic-item-wrapper .topic-item-title .left .icon-outer .icon .icon-circle-1,.discussion-cloud-topic-item-wrapper .topic-item-title .left .icon-outer .icon .icon-circle-2{
  border-radius:50%;
  height:2.133vw;
  opacity:.8;
  position:absolute;
  width:2.133vw;
}
.discussion-cloud-topic-item-wrapper .topic-item-title .left .icon-outer .icon .icon-circle-1{
  background-color:#56d69f;
  left:0;
  top:0;
}
.discussion-cloud-topic-item-wrapper .topic-item-title .left .icon-outer .icon .icon-circle-2{
  background-color:#3264fa;
  bottom:0;
  left:0;
}
.discussion-cloud-topic-item-wrapper .topic-item-title .left .title{
  color:#1a2233;
  font-size:4.267vw;
  font-weight:500;
  line-height:6.4vw;
  -webkit-box-flex:1;
  display:-webkit-box;
  -webkit-flex:1;
      -ms-flex:1;
          flex:1;
  font-weight:bolder;
  word-break:break-word;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  line-clamp:2;
  overflow:hidden;
  text-overflow:ellipsis;
}
.discussion-cloud-topic-item-wrapper .topic-item-title .right{
  margin-left:4.267vw;
  padding-top:1.067vw;
}
.discussion-cloud-topic-item-wrapper .topic-item-title .right .option_icon img{
  display:block;
  height:4.267vw;
  width:4.267vw;
}
.discussion-cloud-topic-item-wrapper .topic-item-bottom{
  padding:0 6.4vw;
  -webkit-box-pack:justify;
  -webkit-justify-content:space-between;
      -ms-flex-pack:justify;
          justify-content:space-between;
}
.discussion-cloud-topic-item-wrapper .topic-item-bottom,.discussion-cloud-topic-item-wrapper .topic-item-bottom .user{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -webkit-align-items:center;
      -ms-flex-align:center;
          align-items:center;
}
.discussion-cloud-topic-item-wrapper .topic-item-bottom .user{
  -webkit-box-flex:1;
  -webkit-flex:1;
      -ms-flex:1;
          flex:1;
}
.discussion-cloud-topic-item-wrapper .topic-item-bottom .user .avatar{
  margin-right:1.067vw;
}
.discussion-cloud-topic-item-wrapper .topic-item-bottom .user .avatar img{
  border-radius:50%;
  display:block;
  height:5.333vw;
  overflow:hidden;
  width:5.333vw;
}
.discussion-cloud-topic-item-wrapper .topic-item-bottom .user .userName{
  color:#858c99;
  font-size:3.2vw;
  font-weight:400;
  max-width:17.067vw;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.discussion-cloud-topic-item-wrapper .topic-item-bottom .user .icon{
  margin-left:.533vw;
}
.discussion-cloud-topic-item-wrapper .topic-item-bottom .user .icon .mine{
  background:rgba(173,202,255,.3);
  border-radius:1.067vw;
  color:#3264fa;
  display:block;
  font-size:2.667vw;
  font-weight:500;
  height:4.267vw;
  line-height:4.267vw;
  text-align:center;
  width:4.267vw;
}
.discussion-cloud-topic-item-wrapper .topic-item-bottom .user .icon .teacher{
  display:block;
  height:4.267vw;
  width:7.467vw;
}
.discussion-cloud-topic-item-wrapper .topic-item-bottom .reply{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -webkit-align-items:center;
      -ms-flex-align:center;
          align-items:center;
}
.discussion-cloud-topic-item-wrapper .topic-item-bottom .reply .reply-circle-icon{
  display:block;
  height:4.267vw;
  margin-right:1.067vw;
  width:4.267vw;
}
.discussion-cloud-topic-item-wrapper .topic-item-bottom .reply .reply-num{
  color:#838c9a;
  font-size:3.2vw;
  font-weight:400;
}
.discussion-cloud-topic-item-wrapper .topic-item-bottom .time{
  -webkit-box-flex:1;
  color:#858c99;
  -webkit-flex:1;
      -ms-flex:1;
          flex:1;
  font-size:3.2vw;
  font-weight:400;
  text-align:right;
}
.discussion-cloud-topic-list{
  -webkit-box-flex:1;
  -webkit-flex:1;
      -ms-flex:1;
          flex:1;
  overflow:hidden;
}
.discussion-cloud-topic-list .tabs{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:start;
  -webkit-justify-content:flex-start;
      -ms-flex-pack:start;
          justify-content:flex-start;
  -webkit-box-align:center;
  -webkit-align-items:center;
      -ms-flex-align:center;
          align-items:center;
  background:#fff;
  padding:3.2vw 4.267vw;
  position:relative;
}
.discussion-cloud-topic-list .tabs .tab-item{
  color:#1a2233;
  font-size:3.733vw;
  font-weight:400;
  line-height:6.4vw;
  margin-right:6.4vw;
}
.discussion-cloud-topic-list .tabs .tab-item-active{
  font-size:4.8vw;
  font-weight:500;
}
.discussion-cloud-topic-list .tabs .tab-bottom{
  background:#3264fa;
  border-radius:.533vw;
  bottom:.8vw;
  height:1.067vw;
  position:absolute;
  -webkit-transition:left .3s ease-in-out;
  transition:left .3s ease-in-out;
  width:4.267vw;
}
.discussion-cloud-topic-list .tabs .tab-bottom-all{
  left:5.867vw;
}
.discussion-cloud-topic-list .tabs .tab-bottom-mine{
  left:25.333vw;
}
.discussion-cloud-topic-list .topic-list-container{
  -webkit-box-sizing:border-box;
          box-sizing:border-box;
  height:calc(100% - 12.8vw);
  padding:3.2vw;
}
.discussion-cloud-topic-list .topic-list-container .adm-pull-to-refresh{
  height:100%;
}
.discussion-cloud-topic-list .topic-list-container .adm-pull-to-refresh .adm-pull-to-refresh-content{
  height:100%;
  overflow:scroll;
}
.discussion-cloud-topic-list .topic-list-container .discussion-cloud-empty-container{
  height:100% !important;
}
.discussion-topic-add-or-edit{
  background:#fff;
  border-radius:2.133vw;
  margin:3.2vw 4.267vw 9.067vw;
  overflow-y:scroll;
  -webkit-box-flex:1;
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex:1;
      -ms-flex:1;
          flex:1;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -webkit-flex-direction:column;
      -ms-flex-direction:column;
          flex-direction:column;
}
.discussion-topic-add-or-edit .topic-info-item{
  padding:4.267vw;
}
.discussion-topic-add-or-edit .topic-info-item .topic-info-item-content{
  height:100%;
}
.discussion-topic-add-or-edit .topic-info-item .topic-info-item-content .adm-input{
  background:#f5f7fa;
  border-radius:2.133vw;
  padding:0 3.733vw;
  position:relative;
}
.discussion-topic-add-or-edit .topic-info-item .topic-info-item-content .adm-input .adm-input-element{
  color:#1a2233;
  font-size:4.267vw;
  font-weight:400;
  height:12.8vw;
}
.discussion-topic-add-or-edit .topic-info-item .topic-info-item-content .adm-input .adm-input-element::-webkit-input-placeholder{
  color:#858c99;
}
.discussion-topic-add-or-edit .topic-info-item .topic-info-item-content .adm-input .adm-input-element::-moz-placeholder{
  color:#858c99;
}
.discussion-topic-add-or-edit .topic-info-item .topic-info-item-content .adm-input .adm-input-element:-ms-input-placeholder{
  color:#858c99;
}
.discussion-topic-add-or-edit .topic-info-item .topic-info-item-content .adm-input .adm-input-element::-ms-input-placeholder{
  color:#858c99;
}
.discussion-topic-add-or-edit .topic-info-item .topic-info-item-content .adm-input .adm-input-element::placeholder{
  color:#858c99;
}
.discussion-topic-add-or-edit .topic-info-item .topic-info-item-content .adm-text-area{
  height:calc(100% - 6.933vw);
}
.discussion-topic-add-or-edit .topic-info-item .topic-info-item-content .adm-text-area .adm-text-area-element{
  background:#f5f7fa;
  border-top-left-radius:2.133vw;
  border-top-right-radius:2.133vw;
  color:#1a2233;
  font-size:4.267vw;
  font-weight:400;
  height:100% !important;
  padding:3.2vw 3.733vw;
}
.discussion-topic-add-or-edit .topic-info-item .topic-info-item-content .adm-text-area .adm-text-area-element::-webkit-input-placeholder{
  color:#858c99;
}
.discussion-topic-add-or-edit .topic-info-item .topic-info-item-content .adm-text-area .adm-text-area-element::-moz-placeholder{
  color:#858c99;
}
.discussion-topic-add-or-edit .topic-info-item .topic-info-item-content .adm-text-area .adm-text-area-element:-ms-input-placeholder{
  color:#858c99;
}
.discussion-topic-add-or-edit .topic-info-item .topic-info-item-content .adm-text-area .adm-text-area-element::-ms-input-placeholder{
  color:#858c99;
}
.discussion-topic-add-or-edit .topic-info-item .topic-info-item-content .adm-text-area .adm-text-area-element::placeholder{
  color:#858c99;
}
.discussion-topic-add-or-edit .topic-info-item .topic-info-item-content .adm-text-area .limit-txt{
  bottom:3.733vw;
  color:#c2c5cc;
  font-size:3.733vw;
  font-weight:400;
  position:absolute;
  right:3.733vw;
}
.discussion-topic-add-or-edit .topic-info-item .topic-info-item-content .topic-info-item-content-word-count{
  background:#f5f7fa;
  border-bottom-left-radius:2.133vw;
  border-bottom-right-radius:2.133vw;
  color:#c2c5cc;
  font-size:3.2vw;
  font-weight:400;
  padding-bottom:3.2vw;
  padding-right:3.2vw;
  text-align:right;
}
.discussion-topic-add-or-edit .topic-info-item .topic-info-item-content .topic-info-item-content-word-count .content-textarea-show-content-count{
  color:#575c66;
}
.discussion-topic-add-or-edit .topic-info-item .topic-info-item-content .topic-info-item-content-word-count .content-textarea-show-content-count-over{
  color:#ff6859;
}
.discussion-topic-add-or-edit .topic-info-item-title{
  height:21.333vw;
}
.discussion-topic-add-or-edit .topic-info-item-content-container{
  padding-top:0;
  -webkit-box-flex:1;
  -webkit-flex:1;
      -ms-flex:1;
          flex:1;
}
.discussion-cloud-reply-list-container{
  overflow-y:scroll;
  padding:6.667vw 4.267vw 0;
  -webkit-box-flex:1;
  -webkit-flex:1;
      -ms-flex:1;
          flex:1;
  margin-bottom:30.4vw;
}
.discussion-cloud-reply-list-container .topic-detail-container{
  background-position:0 0;
  background-repeat:no-repeat;
  background-size:100%;
  border-radius:3.733vw;
}
html[data-webp-type="nosupport"] .discussion-cloud-reply-list-container .topic-detail-container{
  background-image:url(//ucontent.cdn.unipus.cn/course/exploration/images/title_background.png?imageMogr2/quality/80/strip);
}
html[data-webp-type="support"] .discussion-cloud-reply-list-container .topic-detail-container{
  background-image:url(//ucontent.cdn.unipus.cn/course/exploration/images/title_background.png?imageMogr2/format/webp/quality/80/strip);
}
.discussion-cloud-reply-list-container .topic-detail-container .topic-detail-title{
  padding:2.4vw 4.267vw;
}
.discussion-cloud-reply-list-container .topic-detail-container .topic-detail-title .course-name{
  color:#fff;
  font-size:3.2vw;
  font-weight:500;
  word-break:break-word;
}
.discussion-cloud-reply-list-container .topic-detail-container .topic-detail-title .user-info{
  -webkit-box-pack:justify;
  -webkit-justify-content:space-between;
      -ms-flex-pack:justify;
  color:#fff;
  font-size:3.2vw;
  font-weight:400;
          justify-content:space-between;
  line-height:3.2vw;
  margin-top:1.067vw;
}
.discussion-cloud-reply-list-container .topic-detail-container .topic-detail-title .user-info,.discussion-cloud-reply-list-container .topic-detail-container .topic-detail-title .user-info .left{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -webkit-align-items:center;
      -ms-flex-align:center;
          align-items:center;
}
.discussion-cloud-reply-list-container .topic-detail-container .topic-detail-title .user-info .left .avator{
  margin-right:2.133vw;
}
.discussion-cloud-reply-list-container .topic-detail-container .topic-detail-title .user-info .left .avator img{
  border-radius:50%;
  display:block;
  height:5.333vw;
  margin:0;
  width:5.333vw;
}
.discussion-cloud-reply-list-container .topic-detail-container .topic-detail-title .user-info .left .user-name{
  max-width:26.667vw;
  word-break:break-word;
}
.discussion-cloud-reply-list-container .topic-detail-container .topic-detail-content{
  background:#fff;
  border-radius:3.733vw;
  -webkit-box-shadow:0 0 4.267vw 0 rgba(50,100,250,.3);
          box-shadow:0 0 4.267vw 0 rgba(50,100,250,.3);
  position:relative;
}
.discussion-cloud-reply-list-container .topic-detail-container .topic-detail-content .backgroud-border{
  border:.267vw solid #fff;
  border-bottom:none;
  border-radius:3.733vw 3.733vw 0 0;
  height:17.333vw;
  left:0;
  position:absolute;
  top:0;
  width:100%;
  z-index:30;
}
.discussion-cloud-reply-list-container .topic-detail-container .topic-detail-content .background-grid{
  background-position:0 0;
  background-repeat:no-repeat;
  background-repeat:repeat-y;
  background-size:100%;
  border-radius:3.733vw;
  height:100%;
  left:0;
  position:absolute;
  top:0;
  width:100%;
  z-index:20;
}
html[data-webp-type="nosupport"] .discussion-cloud-reply-list-container .topic-detail-container .topic-detail-content .background-grid{
  background-image:url(//ucontent.cdn.unipus.cn/course/exploration/images/bg-grid.png?imageMogr2/quality/80/strip);
}
html[data-webp-type="support"] .discussion-cloud-reply-list-container .topic-detail-container .topic-detail-content .background-grid{
  background-image:url(//ucontent.cdn.unipus.cn/course/exploration/images/bg-grid.png?imageMogr2/format/webp/quality/80/strip);
}
.discussion-cloud-reply-list-container .topic-detail-container .topic-detail-content .background-color{
  background:-webkit-gradient(linear, left top, left bottom, from(#e3e8fe), color-stop(5.333vw, #fff), to(#fff));
  background:-webkit-linear-gradient(top, #e3e8fe, #fff 5.333vw, #fff);
  background:linear-gradient(180deg, #e3e8fe, #fff 5.333vw, #fff);
  border-radius:3.733vw;
  height:100%;
  left:0;
  position:absolute;
  top:0;
  width:100%;
  z-index:10;
}
.discussion-cloud-reply-list-container .topic-detail-container .topic-detail-content .background-thumbtack{
  background-position:0 0;
  background-repeat:no-repeat;
  background-size:100%;
  height:12vw;
  position:absolute;
  right:0;
  top:-3.333vw;
  width:8.267vw;
  z-index:50;
}
html[data-webp-type="nosupport"] .discussion-cloud-reply-list-container .topic-detail-container .topic-detail-content .background-thumbtack{
  background-image:url(//ucontent.cdn.unipus.cn/course/exploration/images/bg-thumbtack.png?imageMogr2/quality/80/strip);
}
html[data-webp-type="support"] .discussion-cloud-reply-list-container .topic-detail-container .topic-detail-content .background-thumbtack{
  background-image:url(//ucontent.cdn.unipus.cn/course/exploration/images/bg-thumbtack.png?imageMogr2/format/webp/quality/80/strip);
}
.discussion-cloud-reply-list-container .topic-detail-container .topic-detail-content .topic-detail-content-wrapper{
  border-radius:3.733vw;
  overflow-y:scroll;
  padding:5.867vw 7.2vw 3.2vw;
  position:relative;
  z-index:40;
}
.discussion-cloud-reply-list-container .topic-detail-container .topic-detail-content .topic-detail-content-wrapper .topic-content{
  max-height:100%;
  overflow-y:scroll;
}
.discussion-cloud-reply-list-container .topic-detail-container .topic-detail-content .topic-detail-content-wrapper .topic-content .topic-detail-content-title{
  color:#1a2233;
  font-size:4.267vw;
  font-weight:600;
  line-height:8.533vw;
  word-wrap:break-word;
}
.discussion-cloud-reply-list-container .topic-detail-container .topic-detail-content .topic-detail-content-wrapper .topic-content .topic-detail-content-title .topic-detail-content-title-ellipsis{
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  line-clamp:2;
  overflow:hidden;
  text-overflow:ellipsis;
}
.discussion-cloud-reply-list-container .topic-detail-container .topic-detail-content .topic-detail-content-wrapper .topic-content .topic-detail-content-open-btn{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  text-align:center;
  -webkit-box-pack:center;
  -webkit-justify-content:center;
      -ms-flex-pack:center;
          justify-content:center;
  -webkit-box-align:center;
  -webkit-align-items:center;
      -ms-flex-align:center;
          align-items:center;
}
.discussion-cloud-reply-list-container .topic-detail-container .topic-detail-content .topic-detail-content-wrapper .topic-content .topic-detail-content-open-btn .btn-content{
  padding:2.133vw;
}
.discussion-cloud-reply-list-container .topic-detail-container .topic-detail-content .topic-detail-content-wrapper .topic-content .topic-detail-content-open-btn .btn{
  background-color:#f0f2fe;
  border-radius:2.267vw;
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  height:4.533vw;
  width:10.667vw;
  -webkit-box-pack:center;
  -webkit-justify-content:center;
      -ms-flex-pack:center;
          justify-content:center;
  -webkit-box-align:center;
  -webkit-align-items:center;
      -ms-flex-align:center;
          align-items:center;
}
.discussion-cloud-reply-list-container .topic-detail-container .topic-detail-content .topic-detail-content-wrapper .topic-content .topic-detail-content-open-btn .btn .btn-icon{
  color:#3264fa;
  font-size:3.2vw;
  -webkit-transition:-webkit-transform .3s;
  transition:-webkit-transform .3s;
  transition:transform .3s;
  transition:transform .3s,-webkit-transform .3s;
  vertical-align:top !important;
}
.discussion-cloud-reply-list-container .topic-detail-container .topic-detail-content .topic-detail-content-wrapper .topic-content .topic-detail-content-open-btn .btn .btn-icon-open{
  -webkit-transform:rotate(180deg);
      -ms-transform:rotate(180deg);
          transform:rotate(180deg);
}
.discussion-cloud-reply-list-container .topic-detail-container .topic-detail-content .topic-detail-content-wrapper .topic-content .topic-detail-content-content{
  color:#1a2233;
  font-family:Helvetica;
  font-size:4.267vw;
  line-height:8.533vw;
  margin-top:6.4vw;
  word-wrap:break-word;
  word-break:break-word;
}
.discussion-cloud-reply-list-container .discussion-cloud-reply-container{
  margin-top:4.267vw;
}
.discussion-cloud-reply-list-container .discussion-cloud-reply-container .discussion-cloud-reply{
  padding-bottom:0;
}
.discussion-cloud-reply-list-container .discussion-cloud-reply-container-sdk{
  margin-top:4.267vw;
}
.discussion-cloud{
  background:-webkit-linear-gradient(121deg, #f5f9ff, #f0f1ff);
  background:linear-gradient(329deg, #f5f9ff, #f0f1ff);
  height:100%;
  overflow:hidden;
  position:relative;
}
.discussion-cloud .header_top{
  -webkit-box-sizing:content-box;
          box-sizing:content-box;
  height:14.667vw;
  left:0;
  position:fixed;
  top:0;
  width:100%;
  z-index:100;
}
.discussion-cloud .backgroud-1{
  background:#f3f8ff;
  height:57.333vw;
  right:0;
  top:0;
  width:51.733vw;
}
.discussion-cloud .backgroud-1,.discussion-cloud .backgroud-2{
  -webkit-filter:blur(13.333vw);
          filter:blur(13.333vw);
  position:absolute;
  z-index:10;
}
.discussion-cloud .backgroud-2{
  background:-webkit-radial-gradient(95% 66%, 0 85%, rgba(199,247,255,.53) 0, #96ebff 100%);
  background:radial-gradient(0 85% at 95% 66%, rgba(199,247,255,.53) 0, #96ebff 100%);
  height:73.867vw;
  left:0;
  opacity:.15;
  top:43.467vw;
  width:43.467vw;
}
.discussion-cloud .backgroud-3{
  background:#f0fff4;
  -webkit-filter:blur(13.333vw);
          filter:blur(13.333vw);
  height:73.867vw;
  opacity:.5;
  position:absolute;
  right:0;
  top:82.667vw;
  width:37.6vw;
  z-index:10;
}
.discussion-cloud .backgroud-4{
  background:-webkit-gradient(linear, left top, left bottom, from(hsla(0,0%,100%,0)), to(#fff));
  background:-webkit-linear-gradient(top, hsla(0,0%,100%,0), #fff);
  background:linear-gradient(180deg, hsla(0,0%,100%,0), #fff);
  height:100%;
  left:0;
  position:absolute;
  top:0;
  width:100%;
  z-index:10;
}
.discussion-cloud .discussion-cloud-content-wrapper{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  height:100%;
  padding-top:14.667vw;
  position:relative;
  width:100%;
  z-index:20;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -webkit-flex-direction:column;
      -ms-flex-direction:column;
          flex-direction:column;
}
.discussion-cloud .discussion-cloud-content-wrapper .mobile-nav-container .discussion-cloud-topic-detail-refresh-btn .refresh-btn-icon{
  display:block;
  width:6.4vw;
}
.discussion-cloud .discussion-cloud-content-wrapper .mobile-nav-container .left-back-icon{
  display:block;
  width:5.333vw;
}
.discussion-cloud-publish-btn{
  color:#3264fa;
  font-size:4.267vw;
  font-weight:500;
  line-height:5.333vw;
}
.discussion-cloud-publish-btn .add-btn-icon{
  display:block;
  height:6.4vw;
  width:6.4vw;
}
.discussion-cloud-publish-btn-active{
  color:#3264fa;
}
.discussion-cloud-publish-btn-disable{
  color:#575c66;
  opacity:.5;
}
.course-discussion-cloud-confirm-modal{
  background-repeat:no-repeat;
  background-size:100% 100%;
  border-radius:6.4vw !important;
  height:47.733vw;
  padding:0 !important;
  width:74.667vw;
}
html[data-webp-type="nosupport"] .course-discussion-cloud-confirm-modal{
  background-image:url(//ucontent.cdn.unipus.cn/course/exploration/images/confirm-background.png?imageMogr2/quality/80/strip);
}
html[data-webp-type="support"] .course-discussion-cloud-confirm-modal{
  background-image:url(//ucontent.cdn.unipus.cn/course/exploration/images/confirm-background.png?imageMogr2/format/webp/quality/80/strip);
}
.course-discussion-cloud-confirm-modal .adm-modal-title{
  color:#1a2233;
  font-size:4.267vw;
  font-weight:500;
  line-height:6.4vw;
  margin-bottom:0 !important;
  margin-top:6.4vw;
}
.course-discussion-cloud-confirm-modal .adm-modal-content{
  margin-bottom:6.4vw;
  margin-top:4.267vw;
  overflow:hidden !important;
  padding-bottom:0 !important;
  padding-top:0 !important;
}
.course-discussion-cloud-confirm-modal .adm-modal-content .adm-auto-center-content{
  color:#575c66;
  font-size:3.733vw;
  font-weight:400;
  line-height:5.867vw;
}
.course-discussion-cloud-confirm-modal .adm-modal-footer{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -webkit-justify-content:space-between;
      -ms-flex-pack:justify;
          justify-content:space-between;
  -webkit-box-align:center;
  -webkit-align-items:center;
      -ms-flex-align:center;
          align-items:center;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:reverse;
  -webkit-flex-direction:row-reverse;
      -ms-flex-direction:row-reverse;
          flex-direction:row-reverse;
  margin-bottom:6.4vw;
  padding-bottom:0 !important;
  padding-top:0 !important;
}
.course-discussion-cloud-confirm-modal .adm-modal-footer .adm-space-item{
  margin:0;
  -webkit-box-flex:1;
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex:1;
      -ms-flex:1;
          flex:1;
  -webkit-box-pack:center;
  -webkit-justify-content:center;
      -ms-flex-pack:center;
          justify-content:center;
}
.course-discussion-cloud-confirm-modal .adm-modal-footer .adm-space-item .adm-modal-button{
  border:.267vw solid #c2c5cc;
  border-radius:6.4vw;
  color:#000;
  height:10.667vw;
  width:28.8vw;
}
.course-discussion-cloud-confirm-modal .adm-modal-footer .adm-space-item .adm-modal-button-primary{
  background:#3264fa;
  border-color:#3264fa;
  color:#fff;
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -webkit-justify-content:center;
      -ms-flex-pack:center;
          justify-content:center;
  -webkit-box-align:center;
  -webkit-align-items:center;
      -ms-flex-align:center;
          align-items:center;
  padding-bottom:0;
  padding-top:0;
}
.course-discussion-cloud-alert-modal{
  background-repeat:no-repeat;
  background-size:100% 100%;
  border-radius:6.4vw !important;
  overflow:unset !important;
  padding:0 !important;
  width:74.667vw;
}
html[data-webp-type="nosupport"] .course-discussion-cloud-alert-modal{
  background-image:url(//ucontent.cdn.unipus.cn/course/exploration/images/confirm-background.png?imageMogr2/quality/80/strip);
}
html[data-webp-type="support"] .course-discussion-cloud-alert-modal{
  background-image:url(//ucontent.cdn.unipus.cn/course/exploration/images/confirm-background.png?imageMogr2/format/webp/quality/80/strip);
}
.course-discussion-cloud-alert-modal .adm-modal-title{
  color:#1a2233;
  font-size:4.267vw;
  font-weight:500;
  line-height:6.4vw;
  margin-bottom:0 !important;
  margin-top:6.4vw;
}
.course-discussion-cloud-alert-modal .adm-modal-title .success-title{
  position:relative;
}
.course-discussion-cloud-alert-modal .adm-modal-title .success-title .icon{
  left:36vw;
  position:absolute;
  top:-20vw;
  -webkit-transform:translateX(-50%);
      -ms-transform:translateX(-50%);
          transform:translateX(-50%);
}
.course-discussion-cloud-alert-modal .adm-modal-title .success-title .icon img{
  display:block;
  width:37.867vw;
}
.course-discussion-cloud-alert-modal .adm-modal-title .success-title .text{
  margin-top:5.333vw;
}
.course-discussion-cloud-alert-modal .adm-modal-content{
  margin-bottom:6.4vw;
  margin-top:4.267vw;
  overflow:hidden !important;
  padding-bottom:0 !important;
  padding-top:0 !important;
}
.course-discussion-cloud-alert-modal .adm-modal-content .adm-auto-center-content{
  color:#575c66;
  font-size:3.733vw;
  font-weight:400;
  line-height:5.867vw;
}
.course-discussion-cloud-alert-modal .adm-modal-footer{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -webkit-justify-content:space-between;
      -ms-flex-pack:justify;
          justify-content:space-between;
  -webkit-box-align:center;
  -webkit-align-items:center;
      -ms-flex-align:center;
          align-items:center;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:reverse;
  -webkit-flex-direction:row-reverse;
      -ms-flex-direction:row-reverse;
          flex-direction:row-reverse;
  margin-bottom:6.4vw;
  padding-bottom:0 !important;
  padding-top:0 !important;
}
.course-discussion-cloud-alert-modal .adm-modal-footer .adm-space-item{
  margin:0;
  -webkit-box-flex:1;
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex:1;
      -ms-flex:1;
          flex:1;
  -webkit-box-pack:center;
  -webkit-justify-content:center;
      -ms-flex-pack:center;
          justify-content:center;
}
.course-discussion-cloud-alert-modal .adm-modal-footer .adm-space-item .adm-modal-button{
  border:.267vw solid #c2c5cc;
  border-radius:6.4vw;
  color:#000;
  height:10.667vw;
  width:80%;
}
.course-discussion-cloud-alert-modal .adm-modal-footer .adm-space-item .adm-modal-button-primary{
  background:#3264fa;
  border-color:#3264fa;
  color:#fff;
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -webkit-justify-content:center;
      -ms-flex-pack:center;
          justify-content:center;
  -webkit-box-align:center;
  -webkit-align-items:center;
      -ms-flex-align:center;
          align-items:center;
  padding-bottom:0;
  padding-top:0;
}
.vocabulary-learning-practice-container{
  background:-webkit-linear-gradient(121deg, #f5f9ff, #f0f1ff);
  background:linear-gradient(329deg, #f5f9ff, #f0f1ff);
  height:100%;
  position:relative;
  width:100%;
}
.vocabulary-learning-practice-container .region-bg-2{
  background:-webkit-radial-gradient(95% 66%, 0 85%, rgba(199,247,255,.53) 0, #96ebff 100%);
  background:radial-gradient(0 85% at 95% 66%, rgba(199,247,255,.53) 0, #96ebff 100%);
  border-radius:50%;
  -webkit-filter:blur(10vw);
          filter:blur(10vw);
  height:70vw;
  left:-35vw;
  opacity:.15;
  position:absolute;
  top:13.47vw;
  width:70vw;
}
.vocabulary-learning-practice-container .region-bg-3{
  background:#f0fff4;
  border-radius:50%;
  -webkit-filter:blur(10vw);
          filter:blur(10vw);
  height:74vw;
  opacity:.5;
  position:absolute;
  right:-37vw;
  top:82.4vw;
  width:74vw;
}
.vocabulary-learning-practice-container .header-progress{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  height:14.933vw;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -webkit-flex-direction:row;
      -ms-flex-direction:row;
          flex-direction:row;
  -webkit-box-pack:center;
  -webkit-justify-content:center;
      -ms-flex-pack:center;
          justify-content:center;
  -webkit-box-align:center;
  -webkit-align-items:center;
      -ms-flex-align:center;
          align-items:center;
  -webkit-box-sizing:border-box;
          box-sizing:border-box;
  padding-top:6.4vw;
}
.vocabulary-learning-practice-container .header-progress .base-style{
  height:8.533vw;
  width:8.533vw;
}
.vocabulary-learning-practice-container .header-progress .learn-icon{
  background-position:50%;
  background-repeat:no-repeat;
  background-size:cover;
}
html[data-webp-type="nosupport"] .vocabulary-learning-practice-container .header-progress .learn-icon{
  background-image:url(//ucontent.cdn.unipus.cn/course/exploration/images/step-one-icon.png?imageMogr2/quality/80/strip);
}
html[data-webp-type="support"] .vocabulary-learning-practice-container .header-progress .learn-icon{
  background-image:url(//ucontent.cdn.unipus.cn/course/exploration/images/step-one-icon.png?imageMogr2/format/webp/quality/80/strip);
}
.vocabulary-learning-practice-container .header-progress .learn-active{
  background-position:50%;
  background-repeat:no-repeat;
  background-size:cover;
}
html[data-webp-type="nosupport"] .vocabulary-learning-practice-container .header-progress .learn-active{
  background-image:url(//ucontent.cdn.unipus.cn/course/exploration/images/step-one-active-icon.png?imageMogr2/quality/80/strip);
}
html[data-webp-type="support"] .vocabulary-learning-practice-container .header-progress .learn-active{
  background-image:url(//ucontent.cdn.unipus.cn/course/exploration/images/step-one-active-icon.png?imageMogr2/format/webp/quality/80/strip);
}
.vocabulary-learning-practice-container .header-progress .progress-icon{
  width:25%;
}
.vocabulary-learning-practice-container .header-progress .result-icon,.vocabulary-learning-practice-container .header-progress .step-two-icon{
  height:8.533vw;
  width:8.533vw;
}
.vocabulary-learning-practice-container .header-progress .result-icon{
  background-position:50%;
  background-repeat:no-repeat;
  background-size:cover;
}
html[data-webp-type="nosupport"] .vocabulary-learning-practice-container .header-progress .result-icon{
  background-image:url(//ucontent.cdn.unipus.cn/course/exploration/images/step-three-icon.png?imageMogr2/quality/80/strip);
}
html[data-webp-type="support"] .vocabulary-learning-practice-container .header-progress .result-icon{
  background-image:url(//ucontent.cdn.unipus.cn/course/exploration/images/step-three-icon.png?imageMogr2/format/webp/quality/80/strip);
}
.vocabulary-learning-practice-container .header-progress .step-two-icon{
  background-position:50%;
  background-repeat:no-repeat;
  background-size:cover;
}
html[data-webp-type="nosupport"] .vocabulary-learning-practice-container .header-progress .step-two-icon{
  background-image:url(//ucontent.cdn.unipus.cn/course/exploration/images/step-two-icon.png?imageMogr2/quality/80/strip);
}
html[data-webp-type="support"] .vocabulary-learning-practice-container .header-progress .step-two-icon{
  background-image:url(//ucontent.cdn.unipus.cn/course/exploration/images/step-two-icon.png?imageMogr2/format/webp/quality/80/strip);
}
.vocabulary-learning-practice-container .header-progress .step-two-active{
  background-position:50%;
  background-repeat:no-repeat;
  background-size:cover;
}
html[data-webp-type="nosupport"] .vocabulary-learning-practice-container .header-progress .step-two-active{
  background-image:url(//ucontent.cdn.unipus.cn/course/exploration/images/step-two-active-icon.png?imageMogr2/quality/80/strip);
}
html[data-webp-type="support"] .vocabulary-learning-practice-container .header-progress .step-two-active{
  background-image:url(//ucontent.cdn.unipus.cn/course/exploration/images/step-two-active-icon.png?imageMogr2/format/webp/quality/80/strip);
}
.vocabulary-learning-practice-container .comp-question-progress{
  display:none;
}
.vocabulary-learning-practice-container .vocabulary-learn-practice-question-content,.vocabulary-learning-practice-container .vocabulary-learn-practice-question-error-learn-content{
  -webkit-box-sizing:border-box;
          box-sizing:border-box;
  height:calc(100% - 51.733vw);
  width:100%;
}
@media screen and (min-width:768px) and (max-width:1024px){
  .vocabulary-learning-practice-container .vocabulary-learn-practice-question-content{
    height:100% !important;
    margin-top:-26.667vw;
    scale:.65;
  }
}
.vocabulary-learning-practice-container .bottom-wrapper{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -webkit-flex-direction:column;
      -ms-flex-direction:column;
          flex-direction:column;
  -webkit-box-align:center;
  -webkit-align-items:center;
      -ms-flex-align:center;
          align-items:center;
  bottom:0;
  -webkit-box-sizing:border-box;
          box-sizing:border-box;
  height:35.2vw;
  left:0;
  position:fixed;
  right:0;
}
.vocabulary-learning-practice-container .bottom-wrapper .order{
  color:#1a2233;
  font-size:6.4vw;
  font-weight:500;
}
.vocabulary-learning-practice-container .bottom-wrapper .order .divider,.vocabulary-learning-practice-container .bottom-wrapper .order .total{
  color:#e2e6ef;
  font-size:4.8vw;
}
.vocabulary-learning-practice-container .bottom-wrapper .vocabulary-practice{
  display:-webkit-inline-box;
  display:-webkit-inline-flex;
  display:-ms-inline-flexbox;
  display:inline-flex;
  height:9.6vw;
  width:29.333vw;
  -webkit-box-align:center;
  -webkit-align-items:center;
      -ms-flex-align:center;
          align-items:center;
  -webkit-align-self:flex-start;
  border-radius:4.8vw;
  color:#3264fa;
  font-size:3.733vw;
  padding:0 3.2vw;
      -ms-flex-item-align:start;
          align-self:flex-start;
  background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#e9f7ff));
  background:-webkit-linear-gradient(top, #fff, #e9f7ff);
  background:linear-gradient(180deg, #fff, #e9f7ff);
  border:.533vw solid #fff;
  border-bottom-left-radius:0;
  border-left:none;
  border-top-left-radius:0;
  -webkit-box-shadow:.533vw .533vw 2.133vw 1.067vw rgba(50,100,250,.05);
          box-shadow:.533vw .533vw 2.133vw 1.067vw rgba(50,100,250,.05);
}
.vocabulary-learning-practice-container .bottom-wrapper .vocabulary-practice i{
  background-position:50%;
  background-repeat:no-repeat;
  background-size:100% 100%;
  height:6.4vw;
  margin-left:1.333vw;
  width:5.867vw;
}
html[data-webp-type="nosupport"] .vocabulary-learning-practice-container .bottom-wrapper .vocabulary-practice i{
  background-image:url(//ucontent.cdn.unipus.cn/course/exploration/images/arrow-right.png?imageMogr2/quality/80/strip);
}
html[data-webp-type="support"] .vocabulary-learning-practice-container .bottom-wrapper .vocabulary-practice i{
  background-image:url(//ucontent.cdn.unipus.cn/course/exploration/images/arrow-right.png?imageMogr2/format/webp/quality/80/strip);
}
.vocabulary-learning-practice-container .bottom-wrapper .vocabulary-learn{
  display:-webkit-inline-box;
  display:-webkit-inline-flex;
  display:-ms-inline-flexbox;
  display:inline-flex;
  height:9.6vw;
  width:29.333vw;
  -webkit-box-align:center;
  -webkit-align-items:center;
      -ms-flex-align:center;
          align-items:center;
  -webkit-align-self:flex-start;
  background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#e9f7ff));
  background:-webkit-linear-gradient(top, #fff, #e9f7ff);
  background:linear-gradient(180deg, #fff, #e9f7ff);
  border-radius:4.8vw;
  -webkit-box-shadow:.533vw .533vw 2.133vw 1.067vw rgba(50,100,250,.05);
          box-shadow:.533vw .533vw 2.133vw 1.067vw rgba(50,100,250,.05);
  color:#3264fa;
  font-size:3.733vw;
  padding:0 3.2vw;
      -ms-flex-item-align:start;
          align-self:flex-start;
  border:.533vw solid #fff;
  border-bottom-left-radius:0;
  border-left:none;
  border-top-left-radius:0;
}
.vocabulary-learning-practice-container .bottom-wrapper .vocabulary-learn i{
  background-position:50%;
  background-repeat:no-repeat;
  background-size:100% 100%;
  height:6.4vw;
  margin-right:1.333vw;
  width:5.867vw;
}
html[data-webp-type="nosupport"] .vocabulary-learning-practice-container .bottom-wrapper .vocabulary-learn i{
  background-image:url(//ucontent.cdn.unipus.cn/course/exploration/images/arrow-left.png?imageMogr2/quality/80/strip);
}
html[data-webp-type="support"] .vocabulary-learning-practice-container .bottom-wrapper .vocabulary-learn i{
  background-image:url(//ucontent.cdn.unipus.cn/course/exploration/images/arrow-left.png?imageMogr2/format/webp/quality/80/strip);
}
.vocabulary-learning-practice-container .layout-reply-container-mobile{
  -webkit-box-shadow:none;
          box-shadow:none;
}
.vocabulary-learning-practice-container .comp-abs-reply-progress{
  display:none;
}
.vocabulary-learning-practice-container .m-question-vocabulary{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  height:100%;
  min-height:64vw;
  overflow-x:hidden;
  overflow-y:auto;
  padding-top:0;
  -webkit-box-pack:center;
  -webkit-justify-content:center;
      -ms-flex-pack:center;
          justify-content:center;
  -webkit-box-align:center;
  -webkit-align-items:center;
      -ms-flex-align:center;
          align-items:center;
  background:unset;
  margin-top:8.533vw;
}
.vocabulary-learning-practice-container .m-question-vocabulary .vocInfo{
  height:100%;
  width:100%;
}
.vocabulary-learning-practice-container .m-question-vocabulary .vocInfo .swiper-container{
  height:100%;
}
.vocabulary-learning-practice-container .m-question-vocabulary .vocInfo .swiper-container .swiper-slide{
  border-radius:6.4vw;
  -webkit-box-shadow:0 .533vw 1.333vw rgba(0,0,0,.1);
          box-shadow:0 .533vw 1.333vw rgba(0,0,0,.1);
  height:calc(100% - 10.667vw);
  -webkit-transition:-webkit-transform .3s;
  transition:-webkit-transform .3s;
  transition:transform .3s;
  transition:transform .3s,-webkit-transform .3s;
}
.vocabulary-learning-practice-container .m-question-vocabulary .vocInfo .question-common-vocabulary-intro-m{
  -webkit-box-pack:justify;
  -webkit-justify-content:space-between;
      -ms-flex-pack:justify;
          justify-content:space-between;
}
.vocabulary-learning-practice-container .m-question-vocabulary .vocInfo .question-common-vocabulary-intro-m,.vocabulary-learning-practice-container .m-question-vocabulary .vocInfo .question-common-vocabulary-intro-m .exp-m{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -webkit-flex-direction:column;
      -ms-flex-direction:column;
          flex-direction:column;
  height:100%;
  overflow:hidden;
}
.vocabulary-learning-practice-container .m-question-vocabulary .vocInfo .question-common-vocabulary-intro-m .exp-m{
  -webkit-box-flex:1;
  -webkit-flex:1;
      -ms-flex:1;
          flex:1;
}
.vocabulary-learning-practice-container .m-question-vocabulary .vocInfo .question-common-vocabulary-intro-m .exp-m .title-m{
  -webkit-box-flex:0;
  -webkit-flex:none;
      -ms-flex:none;
          flex:none;
}
.vocabulary-learning-practice-container .m-question-vocabulary .vocInfo .question-common-vocabulary-intro-m .exp-m .explanation-wrapper{
  -webkit-box-flex:1;
  -webkit-flex:1;
      -ms-flex:1;
          flex:1;
  height:unset;
  margin-top:6.667vw;
  overflow:hidden;
}
.vocabulary-learning-practice-container .m-question-vocabulary .vocInfo .question-common-vocabulary-intro-m .exp-m .explanation-wrapper .explanation-m{
  top:-.533vw;
}
.vocabulary-learning-practice-container .m-question-vocabulary .vocInfo .question-common-vocabulary-intro-m .exp-m .explanation-wrapper .single-m{
  height:auto;
  max-height:100%;
  overflow-x:hidden;
  overflow-y:auto;
}
.vocabulary-learning-practice-container .m-question-vocabulary .vocInfo .question-common-vocabulary-intro-m .reserve-flip-wrapper{
  -webkit-box-flex:0;
  -webkit-flex:none;
      -ms-flex:none;
          flex:none;
}
.vocabulary-learning-practice-container .vocabulary-learn-practice-basic-wrapper,.vocabulary-learning-practice-container .vocabulary-learn-practice-word-dictation{
  background:unset;
  padding-top:10.133vw;
}
.vocabulary-learning-practice-container .vocabulary-learn-practice-basic-wrapper .input-wrap,.vocabulary-learning-practice-container .vocabulary-learn-practice-word-dictation .input-wrap{
  margin-top:5.333vw;
}
.vocabulary-learning-practice-catalog{
  background-color:#bad0f8;
  -webkit-box-sizing:border-box;
          box-sizing:border-box;
  height:100%;
}
.vocabulary-learning-practice-catalog .header{
  background-color:#3264fa;
  color:#fff;
  font-size:4.8vw;
  padding:13.333vw 0 2.667vw;
  position:relative;
}
.vocabulary-learning-practice-catalog .header .name{
  font-size:4.8vw;
  overflow:hidden;
  padding:0 9.333vw;
  text-align:center;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.vocabulary-learning-practice-catalog .header .back{
  left:4vw;
  position:absolute;
  width:5.333vw;
}
.vocabulary-learning-practice-catalog .header .back .back-icon{
  font-size:5.333vw;
}
.vocabulary-learning-practice-catalog .scroll-bj{
  background:-webkit-gradient(linear, left top, left bottom, from(#3264fa), color-stop(50%, #3264fa), to(rgba(50,100,250,.37)));
  background:-webkit-linear-gradient(top, #3264fa, #3264fa 50%, rgba(50,100,250,.37));
  background:linear-gradient(180deg, #3264fa, #3264fa 50%, rgba(50,100,250,.37));
  color:#fff;
  font-size:4.8vw;
  font-weight:600;
  height:11.733vw;
  opacity:0;
  overflow:hidden;
  padding-left:6.667vw;
  padding-right:3.2vw;
  position:absolute;
  text-overflow:ellipsis;
  -webkit-transition:opacity .2s ease-in-out;
  transition:opacity .2s ease-in-out;
  white-space:nowrap;
  width:100%;
  z-index:111;
}
.vocabulary-learning-practice-catalog .scroll-bj::before{
  background-color:#67f9ec;
  border-radius:1.333vw;
  content:"";
  display:block;
  height:4vw;
  left:3.6vw;
  position:absolute;
  top:2vw;
  width:.8vw;
}
.vocabulary-learning-practice-catalog .fade-in{
  opacity:1;
}
.vocabulary-learning-practice-catalog .fade-out{
  opacity:0;
}
.vocabulary-learning-practice-catalog .catalog-wrapper{
  background-repeat:no-repeat;
  background-size:100%;
  height:calc(100vh - 23.333vw);
  overflow:auto;
  padding-bottom:10.667vw;
  padding-top:44vw;
}
html[data-webp-type="nosupport"] .vocabulary-learning-practice-catalog .catalog-wrapper{
  background-image:url(//ucontent.cdn.unipus.cn/course/exploration/images/catalog-bg.png?imageMogr2/quality/80/strip);
}
html[data-webp-type="support"] .vocabulary-learning-practice-catalog .catalog-wrapper{
  background-image:url(//ucontent.cdn.unipus.cn/course/exploration/images/catalog-bg.png?imageMogr2/format/webp/quality/80/strip);
}
.vocabulary-learning-practice-catalog .catalog-wrapper .card:first-child{
  border-top-left-radius:6.667vw;
  border-top-right-radius:6.667vw;
}
.vocabulary-learning-practice-catalog .catalog-wrapper .card{
  background-color:#bad0f8;
  width:100%;
}
.vocabulary-learning-practice-catalog .catalog-wrapper .card .title{
  background-repeat:no-repeat;
  background-size:100% 100%;
  color:#575c66;
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  min-height:18.133vw;
  padding:2.667vw 4.267vw 8.533vw;
  position:relative;
  --rich-name-color:#575c66;
  --rich-name-font-size:4.8vw;
  --rich-name-font-weight:bold;
  --rich-name-line-height:6.933vw;
  --rich-name-line-clamp:2;
  --rich-name-margin-left:2.133vw;
}
html[data-webp-type="nosupport"] .vocabulary-learning-practice-catalog .catalog-wrapper .card .title{
  background-image:url(//ucontent.cdn.unipus.cn/course/exploration/images/catalog-unit-bg.png?imageMogr2/quality/80/strip);
}
html[data-webp-type="support"] .vocabulary-learning-practice-catalog .catalog-wrapper .card .title{
  background-image:url(//ucontent.cdn.unipus.cn/course/exploration/images/catalog-unit-bg.png?imageMogr2/format/webp/quality/80/strip);
}
.vocabulary-learning-practice-catalog .catalog-wrapper .card .title .title-line{
  -webkit-box-flex:0;
  background-color:#67f9ec;
  border-radius:1.067vw;
  -webkit-flex:none;
      -ms-flex:none;
          flex:none;
  height:3.467vw;
  margin-right:1.333vw;
  margin-top:1.6vw;
  width:.8vw;
}
.vocabulary-learning-practice-catalog .catalog-wrapper .card .title .title-line-icon{
  bottom:3.067vw;
  height:4.8vw;
  left:2.667vw;
  position:absolute;
  width:95%;
}
.vocabulary-learning-practice-catalog .catalog-wrapper .card .title h3{
  color:#575c66;
  font-size:4.8vw;
  font-weight:600;
  margin:auto;
  padding-bottom:8vw;
  padding-left:2.667vw;
  padding-top:2.667vw;
  position:relative;
  width:93%;
}
.vocabulary-learning-practice-catalog .catalog-wrapper .card .title h3 .caption{
  max-width:40%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.vocabulary-learning-practice-catalog .catalog-wrapper .card .title h3::before{
  background-color:#67f9ec;
  border-radius:1.333vw;
  content:"";
  display:block;
  height:4vw;
  left:0;
  position:absolute;
  top:4vw;
  width:.8vw;
}
.vocabulary-learning-practice-catalog .catalog-wrapper .card .adm-steps-vertical{
  padding:2.4vw 5.333vw !important;
}
.vocabulary-learning-practice-catalog .catalog-wrapper .card .steps-wrapper{
  background:#fff;
  margin:-6.133vw auto 0;
  position:relative;
  width:92%;
}
.vocabulary-learning-practice-catalog .catalog-wrapper .card .steps-wrapper .adm-steps .adm-step:last-child .adm-step-indicator::after{
  background:none;
}
.vocabulary-learning-practice-catalog .catalog-wrapper .card .steps-wrapper .top-bg{
  background:#edf7f9;
  -webkit-filter:blur(.533vw);
          filter:blur(.533vw);
  height:4.267vw;
}
.vocabulary-learning-practice-catalog .catalog-wrapper .card .steps-wrapper .custom-steps{
  background:#fff;
}
.vocabulary-learning-practice-catalog .catalog-wrapper .card .steps-wrapper .custom-steps .adm-step-title{
  color:#2d2b2b;
  margin-left:4.267vw;
}
.vocabulary-learning-practice-catalog .catalog-wrapper .card .steps-wrapper .custom-steps .adm-step-icon-dot{
  border-radius:50%;
  height:4vw;
  width:4vw;
}
.vocabulary-learning-practice-catalog .catalog-wrapper .card .steps-wrapper .custom-steps .adm-step-indicator{
  -webkit-box-flex:0;
  -webkit-flex:0 0 18.667vw;
      -ms-flex:0 0 18.667vw;
          flex:0 0 18.667vw;
}
.vocabulary-learning-practice-catalog .catalog-wrapper .card .steps-wrapper .custom-steps .adm-step-indicator::after{
  background:none;
  border-left:1px dotted #e1e6f0;
  left:90%;
}
.vocabulary-learning-practice-catalog .catalog-wrapper .card .steps-wrapper .custom-steps .adm-step-indicator .adm-step-icon-container{
  width:100%;
}
.vocabulary-learning-practice-catalog .catalog-wrapper .card .steps-wrapper .custom-steps .icon-wrap{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align:center;
  -webkit-align-items:center;
      -ms-flex-align:center;
          align-items:center;
  gap:1.067vw;
}
.vocabulary-learning-practice-catalog .catalog-wrapper .card .steps-wrapper .custom-steps .icon-wrap img{
  height:5.333vw;
  vertical-align:text-bottom;
  width:5.333vw;
}
.vocabulary-learning-practice-catalog .catalog-wrapper .card .steps-wrapper .custom-steps .icon-wrap .icon-o{
  position:relative;
  top:-.4vw;
}
.vocabulary-learning-practice-catalog .catalog-wrapper .card .steps-wrapper .custom-steps .icon-wrap .icon-t{
  width:5.333vw;
}
.vocabulary-learning-practice-catalog .catalog-wrapper .card .steps-wrapper .custom-steps .icon-wrap .icon-th{
  background:#3264fa;
  border-radius:50%;
  height:1.867vw;
  margin-left:3.2vw;
  position:relative;
  width:1.867vw;
}
.vocabulary-learning-practice-catalog .catalog-wrapper .card .steps-wrapper .custom-steps .icon-wrap .icon-th::after{
  background:rgba(50,100,250,.35);
  border-radius:50%;
  content:"";
  display:block;
  height:3.2vw;
  left:-.667vw;
  position:absolute;
  top:-.667vw;
  width:3.2vw;
}
.vocabulary-learning-practice-catalog .catalog-wrapper .card .steps-wrapper .custom-steps .step-right{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -webkit-justify-content:space-between;
      -ms-flex-pack:justify;
          justify-content:space-between;
  position:relative;
  top:-.667vw;
  -webkit-box-align:center;
  -webkit-align-items:center;
      -ms-flex-align:center;
          align-items:center;
}
.vocabulary-learning-practice-catalog .catalog-wrapper .card .steps-wrapper .custom-steps .step-right .in-progress-active{
  color:var(--icon-color);
}
.vocabulary-learning-practice-catalog .catalog-wrapper .card .steps-wrapper .custom-steps .step-right .in-progress{
  background-color:var(--icon-color);
  border-bottom-left-radius:5.333vw;
  border-top-left-radius:5.333vw;
  color:#fff;
  display:block;
  font-size:3.733vw;
  height:6.667vw;
  line-height:6.667vw;
  position:absolute;
  right:0;
  top:-1.333vw;
  width:17.333vw;
}
.vocabulary-learning-practice-catalog .catalog-wrapper .card .steps-wrapper .custom-steps .step-right .step-right-text{
  display:-webkit-box;
  text-overflow:ellipsis;
  width:40vw;
  word-break:break-all;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
}
.vocabulary-learning-practice-catalog .catalog-wrapper .card .steps-wrapper .custom-steps .step-right .step-right-num{
  color:#575c66;
  font-size:5.333vw;
  font-weight:bold;
  margin-right:0;
  position:relative;
  top:-.667vw;
}
.vocabulary-learning-practice-catalog .catalog-wrapper .card .steps-wrapper .custom-steps .step-right .step-right-num i{
  border-radius:.533vw;
  bottom:.933vw;
  display:block;
  height:1.067vw;
  opacity:.5;
  position:absolute;
  width:100%;
}
.vocabulary-learning-practice-catalog .catalog-wrapper .card .steps-wrapper .custom-steps .step-right .step-right-num i.default{
  background-color:#fabe0a;
}
.vocabulary-learning-practice-catalog .catalog-wrapper .card .steps-wrapper .custom-steps .step-right .step-right-num i.gren{
  background-color:#9ce8ca;
}
.vocabulary-learning-practice-catalog .catalog-wrapper .card .empty{
  background-position:center 0;
  background-repeat:no-repeat;
  background-size:42.667vw 42.667vw;
  height:53.333vw;
}
html[data-webp-type="nosupport"] .vocabulary-learning-practice-catalog .catalog-wrapper .card .empty{
  background-image:url(//ucontent.cdn.unipus.cn/course/exploration/images/empty-search.png?imageMogr2/quality/80/strip);
}
html[data-webp-type="support"] .vocabulary-learning-practice-catalog .catalog-wrapper .card .empty{
  background-image:url(//ucontent.cdn.unipus.cn/course/exploration/images/empty-search.png?imageMogr2/format/webp/quality/80/strip);
}
.vocabulary-learning-practice-catalog .catalog-wrapper .card .empty .empty-text{
  color:#575c66;
  font-size:4.267vw;
  font-weight:500;
  padding-top:42.667vw;
  text-align:center;
}
.vocabulary-learning-practice-catalog .catalog-wrapper .card .card-bottom{
  border-top:.267vw dashed #e1e6f0;
  height:4vw;
  padding:0 2.667vw;
  position:relative;
}
.vocabulary-learning-practice-catalog .catalog-wrapper .card .card-bottom::before{
  background-color:#bad0f8;
  border-radius:50%;
  content:"";
  display:block;
  height:4vw;
  left:-1.6vw;
  position:absolute;
  top:-1.733vw;
  width:4vw;
}
.vocabulary-learning-practice-catalog .catalog-wrapper .card .card-bottom::after{
  background-color:#bad0f8;
  border-radius:50%;
  content:"";
  display:block;
  height:4vw;
  position:absolute;
  right:-1.6vw;
  top:-1.733vw;
  width:4vw;
}
.vocabulary-learning-practice-catalog .footer-linear{
  background:-webkit-gradient(linear, left top, left bottom, from(hsla(0,0%,100%,0)), to(#fff));
  background:-webkit-linear-gradient(top, hsla(0,0%,100%,0), #fff);
  background:linear-gradient(180deg, hsla(0,0%,100%,0), #fff);
  bottom:0;
  height:10.667vw;
  position:fixed;
  width:100%;
}
.combo-view-wrapper-modal-wrapper .adm-center-popup-wrap{
  -webkit-animation:moveAnimation .3s linear forwards,opacityAnimation .7s ease .3s forwards;
          animation:moveAnimation .3s linear forwards,opacityAnimation .7s ease .3s forwards;
  left:-80vw;
  position:fixed;
  top:64vw;
  z-index:10;
}
.combo-view-wrapper-modal-wrapper .combo-view-wrapper-mask{
  background:unset !important;
  opacity:unset !important;
}
.combo-view-wrapper-modal-wrapper .combo-view-wrapper-modal{
  background:unset !important;
}
.combo-view-wrapper-modal-wrapper .combo-view-wrapper-modal .combo-view-wrapper .vocabulary-learn-practice-combo-view{
  background-repeat:no-repeat;
  background-size:cover;
  height:30.4vw;
  margin:0 auto;
  position:relative;
  width:74.667vw;
}
html[data-webp-type="nosupport"] .combo-view-wrapper-modal-wrapper .combo-view-wrapper-modal .combo-view-wrapper .vocabulary-learn-practice-combo-view{
  background-image:url(//ucontent.cdn.unipus.cn/course/exploration/images/combox-bg.png?imageMogr2/quality/80/strip);
}
html[data-webp-type="support"] .combo-view-wrapper-modal-wrapper .combo-view-wrapper-modal .combo-view-wrapper .vocabulary-learn-practice-combo-view{
  background-image:url(//ucontent.cdn.unipus.cn/course/exploration/images/combox-bg.png?imageMogr2/format/webp/quality/80/strip);
}
.combo-view-wrapper-modal-wrapper .combo-view-wrapper-modal .combo-view-wrapper .vocabulary-learn-practice-combo-view strong{
  bottom:9.333vw;
  color:#1a2233;
  font-size:8vw;
  font-weight:700;
  left:53.333vw;
  letter-spacing:-.4vw;
  position:absolute;
  -webkit-transform:rotate(-5deg);
      -ms-transform:rotate(-5deg);
          transform:rotate(-5deg);
}
@-webkit-keyframes moveAnimation{
  0%{
    left:-80vw;
  }
  100%{
    left:50%;
  }
}
@keyframes moveAnimation{
  0%{
    left:-80vw;
  }
  100%{
    left:50%;
  }
}
@-webkit-keyframes opacityAnimation{
  0%,66%{
    opacity:1;
  }
  100%{
    opacity:0;
  }
}
@keyframes opacityAnimation{
  0%,66%{
    opacity:1;
  }
  100%{
    opacity:0;
  }
}