/* see https://github.com/mozilla/pdf.js/blob/55a853b6678cf3d05681ffbb521e5228e607b5d2/test/annotation_layer_test.css */
.annotationLayer {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}
.annotationLayer section {
	position: absolute;
}
.annotationLayer .linkAnnotation > a {
	position: absolute;
	font-size: 1em;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.annotationLayer .linkAnnotation > a /* -ms-a */  {
	background: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7") 0 0 repeat;
}
.annotationLayer .linkAnnotation > a:hover {
	opacity: 0.2;
	background: #ff0;
	box-shadow: 0px 2px 10px #ff0;
}
.annotationLayer .textAnnotation img {
	position: absolute;
	cursor: pointer;
}
.annotationLayer .textWidgetAnnotation input,
.annotationLayer .textWidgetAnnotation textarea,
.annotationLayer .choiceWidgetAnnotation select,
.annotationLayer .buttonWidgetAnnotation.checkBox input,
.annotationLayer .buttonWidgetAnnotation.radioButton input {
	background-color: rgba(0, 54, 255, 0.13);
	border: 1px solid transparent;
	box-sizing: border-box;
	font-size: 9px;
	height: 100%;
	padding: 0 3px;
	vertical-align: top;
	width: 100%;
}
.annotationLayer .textWidgetAnnotation textarea {
	font: message-box;
	font-size: 9px;
	resize: none;
}
.annotationLayer .textWidgetAnnotation input[disabled],
.annotationLayer .textWidgetAnnotation textarea[disabled],
.annotationLayer .choiceWidgetAnnotation select[disabled],
.annotationLayer .buttonWidgetAnnotation.checkBox input[disabled],
.annotationLayer .buttonWidgetAnnotation.radioButton input[disabled] {
	background: none;
	border: 1px solid transparent;
	cursor: not-allowed;
}
.annotationLayer .textWidgetAnnotation input:hover,
.annotationLayer .textWidgetAnnotation textarea:hover,
.annotationLayer .choiceWidgetAnnotation select:hover,
.annotationLayer .buttonWidgetAnnotation.checkBox input:hover,
.annotationLayer .buttonWidgetAnnotation.radioButton input:hover {
	border: 1px solid #000;
}
.annotationLayer .textWidgetAnnotation input:focus,
.annotationLayer .textWidgetAnnotation textarea:focus,
.annotationLayer .choiceWidgetAnnotation select:focus {
	background: none;
	border: 1px solid transparent;
}
.annotationLayer .textWidgetAnnotation input.comb {
	font-family: monospace;
	padding-left: 2px;
	padding-right: 0;
}
.annotationLayer .textWidgetAnnotation input.comb:focus {
	/*
	 * Letter spacing is placed on the right side of each character. Hence, the
	 * letter spacing of the last character may be placed outside the visible
	 * area, causing horizontal scrolling. We avoid this by extending the width
	 * when the element has focus and revert this when it loses focus.
	 */
	width: 115%;
}
.annotationLayer .buttonWidgetAnnotation.checkBox input,
.annotationLayer .buttonWidgetAnnotation.radioButton input {
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	appearance: none;
}
.annotationLayer .popupWrapper {
	position: absolute;
	width: 20em;
}
.annotationLayer .popup {
	position: absolute;
	z-index: 200;
	max-width: 20em;
	background-color: #FFFF99;
	box-shadow: 0px 2px 5px #333;
	border-radius: 2px;
	padding: 0.6em;
	margin-left: 5px;
	cursor: pointer;
	word-wrap: break-word;
}
.annotationLayer .popup h1 {
	font-size: 1em;
	border-bottom: 1px solid #000000;
	padding-bottom: 0.2em;
}
.annotationLayer .popup p {
	padding-top: 0.2em;
}
.annotationLayer .highlightAnnotation,
.annotationLayer .underlineAnnotation,
.annotationLayer .squigglyAnnotation,
.annotationLayer .strikeoutAnnotation,
.annotationLayer .lineAnnotation svg line,
.annotationLayer .fileAttachmentAnnotation {
	cursor: pointer;
}

@keyframes resizeSensorVisibility {
from { top: 0;
}
}







































































































































































































































.live-list-table th {
  text-align: center;
}
.live-list-table .course-title {
  font-size: 12px;
  color: #666;
}
.live-list-table .course-title:hover {
  color: #008dff;
}
.live-list-table .live-btn {
  font-size: 12px;
  padding: 4px;
}
.live-list-table .live-time {
}
.live-list-table .live-date {
  color: #20a0ff;
  font-size: 16px;
}
.lesson-title {
  text-align: left;
}
.pagination {
  display: table;
  margin: 10px auto;
}
.live-list-table .el-button--primary {
  border: 0;
}




























































































































































input[data-v-b707f020]:-webkit-autofill,
input[data-v-b707f020]:-webkit-autofill:hover,
input[data-v-b707f020]:-webkit-autofill:focus,
input[data-v-b707f020]:-webkit-autofill:active {
  -webkit-transition-delay: 99999s;
  -webkit-transition: color 99999s ease-out, background-color 99999s ease-out;
}
@-webkit-keyframes bounceInDown {
from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
}
60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
}
75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
}
90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
}
to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInDown {
from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
}
60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
}
75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
}
90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
}
to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}
.bounceInDown[data-v-b707f020] {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}
.user-form[data-v-b707f020] {
  animation-duration: 1s;
}
.user-form .input[data-v-b707f020] {
    padding: 0;
    line-height: .4rem;
    width: 100%;
    height: 0.4rem;
    border-radius: 2px;
    outline: none;
    background-color: rgba(255, 255, 255, 0.1);
    border: 0;
    color: #3C3C3C;
    border-bottom: 1px solid #edeff3;
    font-size: .17rem;
}
.user-form .input[data-v-b707f020]::-webkit-input-placeholder {
      /* WebKit browsers */
      color: #aaa;
}
.user-form .input[data-v-b707f020]:-moz-placeholder {
      /* Mozilla Firefox 4 to 18 */
      color: #aaa;
      opacity: 1;
}
.user-form .input[data-v-b707f020]::-moz-placeholder {
      /* Mozilla Firefox 19+ */
      color: #aaa;
      opacity: 1;
}
.user-form .input[data-v-b707f020]:-ms-input-placeholder {
      /* Internet Explorer 10+ */
      color: #aaa;
}
.user-form .input[data-v-b707f020]:focus {
      border-bottom-color: #3aa1ff;
}
.user-form .submit-wrap[data-v-b707f020] {
    position: relative;
    margin-top: .35rem;
    text-align: center;
}
.user-form .submit-wrap .noitce[data-v-b707f020] {
      text-align: left;
      font-size: 12px;
      color: #bfbfbf;
      margin-bottom: 20px;
}
.user-form .submit-wrap .submit-btn[data-v-b707f020] {
      display: inline-block;
      width: 100%;
      height: .5rem;
      line-height: .5rem;
      text-align: center;
      color: #fff;
      font-size: .18rem;
      background-color: #3D7FFF;
      box-shadow: 0px 0.1rem 0.14rem 0px rgba(61, 127, 255, 0.29);
      border-radius: .25rem;
}
.user-form .submit-wrap .submit-btn[data-v-b707f020]:active {
        border: 1px solid #ddd;
}
.user-form .submit-wrap .btn-disabled[data-v-b707f020] {
      background: rgba(60, 118, 254, 0.2) !important;
      box-shadow: none !important;
}
.user-form .submit-wrap .forget-pwd[data-v-b707f020] {
      position: absolute;
      top: 0;
      right: 0;
      font-size: 13px;
      color: #39a1ff;
}
.user-form .input-box[data-v-b707f020] {
    position: relative;
    overflow: hidden;
}
.user-form .input-box + .input-box[data-v-b707f020] {
      margin-top: .3rem;
}
.user-form .input-box .icon[data-v-b707f020] {
      position: absolute;
      top: 50%;
      margin-top: -8px;
      width: 13px;
      height: 15px;
      background-repeat: no-repeat;
      background-size: 13px 15px;
}
.user-form .input-box .user-code[data-v-b707f020] {
      float: left;
      height: .4rem;
      line-height: .4rem;
}
.user-form .input-box .code-btn-wrap[data-v-b707f020] {
      position: absolute;
      right: 0px;
      top: .03rem;
      padding-left: 0px;
      color: #3D7FFF;
      border: .005rem solid #3D7FFF;
      border-radius: .125rem;
}
.user-form .input-box .code-btn-wrap.is-disabled[data-v-b707f020] {
        border-color: #909090;
}
.user-form .input-box .pwd-visible[data-v-b707f020] {
      position: absolute;
      top: 50%;
      right: 10px;
      width: 25px;
      height: 20px;
      margin-top: -10px;
      -webkit-background-size: cover;
      background: no-repeat center center;
}
.user-form .input-box .pwd-visible.show[data-v-b707f020] {
        background-size: 20px 14px;
}
.user-form .input-box .pwd-visible.halt[data-v-b707f020] {
        background-size: 20px 10px;
        margin-top: -5px;
}
.user-form .code-btn[data-v-b707f020] {
    display: inline-block;
    width: 100%;
    white-space: nowrap;
    color: #3aa1ff;
    text-align: center;
    outline: none;
    margin: 0;
    user-select: none;
    background-color: transparent;
    font-size: .15rem;
    padding: 0 .1rem;
    height: .25rem;
    line-height: .25rem;
}
.user-form .code-btn.is-disabled[data-v-b707f020] {
      color: #909090;
      cursor: not-allowed;
      border-color: #909090;
}
.note[data-v-b707f020] {
  font-size: 0.14rem;
  display: flex;
  justify-content: space-between;
  margin-top: .15rem;
}
.note span[data-v-b707f020]:first-child {
    color: #BEC3C9;
}
.note span[data-v-b707f020]:last-child {
    color: #3D7FFF;
}

input[data-v-5e66f6fe]:-webkit-autofill,
input[data-v-5e66f6fe]:-webkit-autofill:hover,
input[data-v-5e66f6fe]:-webkit-autofill:focus,
input[data-v-5e66f6fe]:-webkit-autofill:active {
  -webkit-transition-delay: 99999s;
  -webkit-transition: color 99999s ease-out, background-color 99999s ease-out;
}
@-webkit-keyframes bounceInDown {
from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
}
60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
}
75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
}
90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
}
to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInDown {
from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
}
60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
}
75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
}
90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
}
to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}
.bounceInDown[data-v-5e66f6fe] {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}
.user-form[data-v-5e66f6fe] {
  animation-duration: 1s;
}
.user-form .input[data-v-5e66f6fe] {
    padding: 0;
    line-height: .4rem;
    width: 100%;
    height: 0.4rem;
    border-radius: 2px;
    outline: none;
    background-color: rgba(255, 255, 255, 0.1);
    border: 0;
    color: #3C3C3C;
    border-bottom: 1px solid #edeff3;
    font-size: .17rem;
}
.user-form .input[data-v-5e66f6fe]::-webkit-input-placeholder {
      /* WebKit browsers */
      color: #aaa;
}
.user-form .input[data-v-5e66f6fe]:-moz-placeholder {
      /* Mozilla Firefox 4 to 18 */
      color: #aaa;
      opacity: 1;
}
.user-form .input[data-v-5e66f6fe]::-moz-placeholder {
      /* Mozilla Firefox 19+ */
      color: #aaa;
      opacity: 1;
}
.user-form .input[data-v-5e66f6fe]:-ms-input-placeholder {
      /* Internet Explorer 10+ */
      color: #aaa;
}
.user-form .input[data-v-5e66f6fe]:focus {
      border-bottom-color: #3aa1ff;
}
.user-form .submit-wrap[data-v-5e66f6fe] {
    position: relative;
    margin-top: .35rem;
    text-align: center;
}
.user-form .submit-wrap .noitce[data-v-5e66f6fe] {
      text-align: left;
      font-size: 12px;
      color: #bfbfbf;
      margin-bottom: 20px;
}
.user-form .submit-wrap .submit-btn[data-v-5e66f6fe] {
      display: inline-block;
      width: 100%;
      height: .5rem;
      line-height: .5rem;
      text-align: center;
      color: #fff;
      font-size: .18rem;
      background-color: #3D7FFF;
      box-shadow: 0px 0.1rem 0.14rem 0px rgba(61, 127, 255, 0.29);
      border-radius: .25rem;
}
.user-form .submit-wrap .submit-btn[data-v-5e66f6fe]:active {
        border: 1px solid #ddd;
}
.user-form .submit-wrap .btn-disabled[data-v-5e66f6fe] {
      background: rgba(60, 118, 254, 0.2) !important;
      box-shadow: none !important;
}
.user-form .submit-wrap .forget-pwd[data-v-5e66f6fe] {
      position: absolute;
      top: 0;
      right: 0;
      font-size: 13px;
      color: #39a1ff;
}
.user-form .input-box[data-v-5e66f6fe] {
    position: relative;
    overflow: hidden;
}
.user-form .input-box + .input-box[data-v-5e66f6fe] {
      margin-top: .3rem;
}
.user-form .input-box .icon[data-v-5e66f6fe] {
      position: absolute;
      top: 50%;
      margin-top: -8px;
      width: 13px;
      height: 15px;
      background-repeat: no-repeat;
      background-size: 13px 15px;
}
.user-form .input-box .user-code[data-v-5e66f6fe] {
      float: left;
      height: .4rem;
      line-height: .4rem;
}
.user-form .input-box .code-btn-wrap[data-v-5e66f6fe] {
      position: absolute;
      right: 0px;
      top: .03rem;
      padding-left: 0px;
      color: #3D7FFF;
      border: .005rem solid #3D7FFF;
      border-radius: .125rem;
}
.user-form .input-box .code-btn-wrap.is-disabled[data-v-5e66f6fe] {
        border-color: #909090;
}
.user-form .input-box .pwd-visible[data-v-5e66f6fe] {
      position: absolute;
      top: 50%;
      right: 10px;
      width: 25px;
      height: 20px;
      margin-top: -10px;
      -webkit-background-size: cover;
      background: no-repeat center center;
}
.user-form .input-box .pwd-visible.show[data-v-5e66f6fe] {
        background-size: 20px 14px;
}
.user-form .input-box .pwd-visible.halt[data-v-5e66f6fe] {
        background-size: 20px 10px;
        margin-top: -5px;
}
.user-form .code-btn[data-v-5e66f6fe] {
    display: inline-block;
    width: 100%;
    white-space: nowrap;
    color: #3aa1ff;
    text-align: center;
    outline: none;
    margin: 0;
    user-select: none;
    background-color: transparent;
    font-size: .15rem;
    padding: 0 .1rem;
    height: .25rem;
    line-height: .25rem;
}
.user-form .code-btn.is-disabled[data-v-5e66f6fe] {
      color: #909090;
      cursor: not-allowed;
      border-color: #909090;
}
.login-wrapper[data-v-5e66f6fe] {
  background-color: #fff;
}
.login-bg[data-v-5e66f6fe] {
  position: relative;
  background-color: #fff;
}
.login-bg .icon[data-v-5e66f6fe] {
    position: absolute;
    left: .15rem;
    top: .15rem;
    height: .25rem;
    width: .22rem;
    background: url(data:image/png;base64,bW9kdWxlLmV4cG9ydHMgPSAiZGF0YTppbWFnZS9wbmc7YmFzZTY0LGlWQk9SdzBLR2dvQUFBQU5TVWhFVWdBQUFJQUFBQUNBQ0FZQUFBRERQbUhMQUFBR01FbEVRVlI0WHUzZDJhb2NWUlRHOFg5RVJFUVFFUkZSUkVSVURDSkJSQkFSNXdtakpvNXhpTVlwRjE2WkY0aFBZTHdTbk9NOGE0d2FqVEVHRVVGRU5BYnhTalJnTGhYRUo1QjFUaCs3TzkxZHRWZjE3cXBkZTM5OWUxYnRxcjIrMzZudXJxbFhvVmViSGRnR1hBMnNCbjRERGdDYmdiL2EzSWpSZGEzcWFzVUZybmNmY05tVWVmOE0zQUljN0tJbkF0Qk8xNzhDTHE5WTFYWmdVenViTXI0V0FWaDgxL2NDVndTc1pnMndQNkF1YW9rQVJHM254R0JmQWxjR3J1Sng0S25BMm1obEFoQ3RsUk1EN1FHdWNneC9IYkRiVVIrbFZBQ2l0SEZpa0M4R24vWkRSejgwK0did2IrZ0NzZW9FSUZZbmgrUFlmL0Uxem1HM0FQWVZzZldYQU1SdCtlZkF0YzRoM3dYdWNDNFRyVndBb3JXU3p3QjdIL2U4T2czZk5sUUFQSEhOcnQwRlhPOGNxdlB3QmNDWjJJenlUNEVibkVNbEViNEFPRk9iVXY0eGNLTnptR1RDRndCbmNvZVY3d1RXT29kSUtud0JjS1kzVXY0UmNKTno4ZVRDRndCbmdvUHlIY0ROemtXVERGOEFuQ2tDSHc1TzNYcVdURFo4QWZERUNCOEE2M3lMa0hUNEFoQ2U1dnZBK3ZEeXBjcmt3eGVBc0VUZkEyNE5LLzIvcWhmaEMwQjlxaGJrYmZWbFl4VzlDVjhBcXBOOUI3Zzk1L0FGWUhhNmJ6YzRROWVyLy95VnFldGswQ1NDdDRBN2MvL1BGNERwQ2I4SjNGVksrSG9MR0UvNmRlRHVrc0lYZ0dIYXJ3SDNsQmErQUN3bi9pcHdiNG5oQ3dDOEF0eFhhdmlsQTNnWjJGaHkrQ1VEc0h2eDdpODkvRklCdkFROG9QQ1hPMURhZ2FBWEc5eUYyOHNqZktIQVN3THdBdkJnYUdNR2RWbUhYOUllNEhuZ0lZVS8yWUVTOWdEUEFROHIvT2tkeUIzQXM4QWpDbjkyQjNJRzhBendxTUt2N2tDdUFQU2ZIeWcvUndCNnp3OE1QOGR2QVFyZkVYNXVBUFJWenhsK1RnQjBrS2RCK0xrQTBPSGRodUhuQUVEaHp4Riszd0hvck42YzRmY1pnTTduUndpL3J3QVVmcVR3K3doQWwzRkZETDl2QUlxL2dETnk5a3ZEOWVWUWNOR1hiaThpK0pVeCt3QkE0UzlRUU9vQWlyMWpaNEdaancyZE1vQWk3OVZySy9qVTN3SVVma3NTVXR3RHZBRnNjTTQvKzZ0M25mMElMazhOUUhIMzV3Y250YURDbEFBVTlXU09CZVhwSGpZVkFBcmZIVjJjQlZJQVVNd0RtZUpFRm5lVXJnRVU4U2kydUpIRkhhMUxBRnVCSjV6VDBhZDlaOFBxeXJzQ2NEcndSOTNHSGZaM2hlOXNXRWg1VndEcy9ueTdvaWYwcGZCRE8rV3M2d3FBUFlMVjN2OURYd0lRMmlsblhWY0FUZ1grZEc2ckVEZ2JGbExlRlFEYnRpY0IrOFZzejBzSVBOMEtxTzBTZ08wRjdLZFdWd2RzNTJpSkVEZ2JWbFhlSlFEYnJuTUhud1dFSUdLb25xRzZCaUFFbnJRV1VKc0NBQ0ZZUUxDaFE2WUNRQWhDRTR0Y2x4SUFJWWdjYnNod3FRRVFncERVSXRha0NFQUlJZ1pjTjFTcUFJU2dMcmxJZjA4WmdCQkVDam5sQTBFaFU5VEJvcEF1TmF4SmZRK3dNcTF6QVBzSlZ4MHhiQmowck1YNkFzQzIveXlXZjhGYkNDSWk2Qk1BbS9hWndBNGhpQ2VnYndCczVtY0FPNFVnRG9JK0FyQ1oyeldGbndqQi9BajZDc0JtZmhxd1N3am1ROUJuQURielU0RGRRdEFjUWQ4QjJNeFBCdllJUVRNRU9RQ3dtWjhFN0JVQ1A0SmNBTmpNVHdUMkNZRVBRVTRBYk9ZbkFGOExRVGlDM0FEWXpJOEh2aEdDTUFRNUFyQ1pId2Q4S3dUMUNISUZZRE0vRnZoT0NLb1I1QXpBWm40TThMMFF6RWFRT3dDYitkSEFEMEl3SFVFSkFHem1Sd0UvQ3NFa2dsSUEyTXlQQlBZTHdUaUNrZ0RZekk4QURnakJFRUZwQUZabS9vc1FMTGVpVkFBMmR5RW9ISUFRQ01EU1hyRG9QVUhKYndHakg0ZUxSU0FBUXdaRkloQ0E4YS9GeFNFUWdNbURZMFVoRUlEcGg4aUxRU0FBczArVUZZRkFBS3BQbDJlUFFBRHFMNXJKR29FQTFBUEkrbUNSQUlRQnlCYUJBSVFEeUJLQkFQZ0FaSWRBQVB3QXNrSWdBTTBBWklOQUFKb0R5QUtCQU13SG9QY0lCR0IrQURhQ1hXaDZubk9vSkg3NVJBQ2NxVldVMnlYbjV6dUg2eHlCQURnVHF5bTNtMC9XT0lmc0ZJRUFPTk1LS0xmYjBDNElxQnN0MlFKc2N5NFRwVndBb3JSeFloQzdJZlZDeDlDSEJwOGgvbkVzRTZWVUFLSzBjZW9nZG12NlJZN2gxdzJlZ3VwWVpQNVNBWmkvaDFVajJFTXFMZzVjeFdQQTA0RzEwY29FSUZvclp3NWtqNnU1SkdBMTloRHNYd1Bxb3BZSVFOUjJ6aHpNSGx4MWFjV3F0Z09iMnRtVThiVUlRSHRkdHdkY3I1Mnl1cCtBOWNEQjlqWmx1Q1lCYUxmclc0RU53Tm5BNzRDRnZ4bjR1OTNOR0s3dFB6QjFDSkJaSDFGQkFBQUFBRWxGVGtTdVFtQ0Mi) no-repeat center;
    background-size: contain;
    /*font-weight: bold;*/
    /*color: #333;*/
    /*font-size: .3rem;*/
}
.login-inner[data-v-5e66f6fe] {
  margin: 0 .3rem;
  padding-top: .72rem;
}
.login-inner .login-tips[data-v-5e66f6fe] {
    color: #BEC3C9;
    font-size: .16rem;
    margin-top: .1rem;
}
.login-title h3[data-v-5e66f6fe] {
  font-size: .24rem;
  color: #303132;
  font-weight: 500;
}
.login-switch-wrap[data-v-5e66f6fe] {
  text-align: center;
  margin-top: .4rem;
}
.login-switch[data-v-5e66f6fe] {
  display: inline-block;
  width: 200px;
  color: #fff;
}
.login-switch .or[data-v-5e66f6fe] {
    display: inline-block;
    width: 100%;
    padding: 5px;
    border-bottom: 1px solid #ddd;
}
.login-switch .switch-btn[data-v-5e66f6fe] {
    display: inline-block;
    width: 100%;
    padding: 10px;
}
.login-methods-switch[data-v-5e66f6fe] {
  font-size: .15rem;
}
.login-methods-switch hr[data-v-5e66f6fe] {
    border-top: 1px solid #EFEFF3;
    background-color: #EFEFF3;
    color: #EFEFF3;
}
.login-methods-switch span[data-v-5e66f6fe] {
    position: relative;
    padding: 0 15px;
    z-index: 2;
    display: inline-block;
    background-color: #fff;
    color: #BEC3C9;
}
.login-by-weixin[data-v-5e66f6fe] {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.login-by-weixin + .login-by-weixin[data-v-5e66f6fe] {
    margin-left: .44rem;
}
.login-by-weixin .login-title[data-v-5e66f6fe] {
    font-size: 12px;
    color: lightgray;
}
.login-by-weixin .login-icon[data-v-5e66f6fe] {
    margin-top: 5px;
}
.login-by-weixin .login-icon i[data-v-5e66f6fe] {
      font-size: 28px;
      color: #67c23a;
}
.login-footer[data-v-5e66f6fe] {
  width: calc(100% - .6rem);
  margin-left: .3rem;
  font-size: .1rem;
  margin-top: .1rem;
  color: #BEC3C9;
  text-align: center;
}
.login-wechat[data-v-5e66f6fe] {
  display: block;
}
.list[data-v-5e66f6fe] {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: .1rem;
}
.list .login-icon[data-v-5e66f6fe] {
    width: .4rem;
    height: .4rem;
    margin-bottom: .1rem;
}
.list span[data-v-5e66f6fe] {
    color: #BEC3C9;
    font-size: .12rem;
}

input[data-v-dcefeb34]:-webkit-autofill,
input[data-v-dcefeb34]:-webkit-autofill:hover,
input[data-v-dcefeb34]:-webkit-autofill:focus,
input[data-v-dcefeb34]:-webkit-autofill:active {
  -webkit-transition-delay: 99999s;
  -webkit-transition: color 99999s ease-out, background-color 99999s ease-out;
}
@-webkit-keyframes bounceInDown {
from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
}
60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
}
75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
}
90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
}
to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInDown {
from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
}
60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
}
75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
}
90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
}
to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}
.bounceInDown[data-v-dcefeb34] {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}
.user-form[data-v-dcefeb34] {
  animation-duration: 1s;
}
.user-form .input[data-v-dcefeb34] {
    padding: 0;
    line-height: .4rem;
    width: 100%;
    height: 0.4rem;
    border-radius: 2px;
    outline: none;
    background-color: rgba(255, 255, 255, 0.1);
    border: 0;
    color: #3C3C3C;
    border-bottom: 1px solid #edeff3;
    font-size: .17rem;
}
.user-form .input[data-v-dcefeb34]::-webkit-input-placeholder {
      /* WebKit browsers */
      color: #aaa;
}
.user-form .input[data-v-dcefeb34]:-moz-placeholder {
      /* Mozilla Firefox 4 to 18 */
      color: #aaa;
      opacity: 1;
}
.user-form .input[data-v-dcefeb34]::-moz-placeholder {
      /* Mozilla Firefox 19+ */
      color: #aaa;
      opacity: 1;
}
.user-form .input[data-v-dcefeb34]:-ms-input-placeholder {
      /* Internet Explorer 10+ */
      color: #aaa;
}
.user-form .input[data-v-dcefeb34]:focus {
      border-bottom-color: #3aa1ff;
}
.user-form .submit-wrap[data-v-dcefeb34] {
    position: relative;
    margin-top: .35rem;
    text-align: center;
}
.user-form .submit-wrap .noitce[data-v-dcefeb34] {
      text-align: left;
      font-size: 12px;
      color: #bfbfbf;
      margin-bottom: 20px;
}
.user-form .submit-wrap .submit-btn[data-v-dcefeb34] {
      display: inline-block;
      width: 100%;
      height: .5rem;
      line-height: .5rem;
      text-align: center;
      color: #fff;
      font-size: .18rem;
      background-color: #3D7FFF;
      box-shadow: 0px 0.1rem 0.14rem 0px rgba(61, 127, 255, 0.29);
      border-radius: .25rem;
}
.user-form .submit-wrap .submit-btn[data-v-dcefeb34]:active {
        border: 1px solid #ddd;
}
.user-form .submit-wrap .btn-disabled[data-v-dcefeb34] {
      background: rgba(60, 118, 254, 0.2) !important;
      box-shadow: none !important;
}
.user-form .submit-wrap .forget-pwd[data-v-dcefeb34] {
      position: absolute;
      top: 0;
      right: 0;
      font-size: 13px;
      color: #39a1ff;
}
.user-form .input-box[data-v-dcefeb34] {
    position: relative;
    overflow: hidden;
}
.user-form .input-box + .input-box[data-v-dcefeb34] {
      margin-top: .3rem;
}
.user-form .input-box .icon[data-v-dcefeb34] {
      position: absolute;
      top: 50%;
      margin-top: -8px;
      width: 13px;
      height: 15px;
      background-repeat: no-repeat;
      background-size: 13px 15px;
}
.user-form .input-box .user-code[data-v-dcefeb34] {
      float: left;
      height: .4rem;
      line-height: .4rem;
}
.user-form .input-box .code-btn-wrap[data-v-dcefeb34] {
      position: absolute;
      right: 0px;
      top: .03rem;
      padding-left: 0px;
      color: #3D7FFF;
      border: .005rem solid #3D7FFF;
      border-radius: .125rem;
}
.user-form .input-box .code-btn-wrap.is-disabled[data-v-dcefeb34] {
        border-color: #909090;
}
.user-form .input-box .pwd-visible[data-v-dcefeb34] {
      position: absolute;
      top: 50%;
      right: 10px;
      width: 25px;
      height: 20px;
      margin-top: -10px;
      -webkit-background-size: cover;
      background: no-repeat center center;
}
.user-form .input-box .pwd-visible.show[data-v-dcefeb34] {
        background-size: 20px 14px;
}
.user-form .input-box .pwd-visible.halt[data-v-dcefeb34] {
        background-size: 20px 10px;
        margin-top: -5px;
}
.user-form .code-btn[data-v-dcefeb34] {
    display: inline-block;
    width: 100%;
    white-space: nowrap;
    color: #3aa1ff;
    text-align: center;
    outline: none;
    margin: 0;
    user-select: none;
    background-color: transparent;
    font-size: .15rem;
    padding: 0 .1rem;
    height: .25rem;
    line-height: .25rem;
}
.user-form .code-btn.is-disabled[data-v-dcefeb34] {
      color: #909090;
      cursor: not-allowed;
      border-color: #909090;
}

.login-by-weixin .login-icon[data-v-76308e42] {
  display: none;
}

input[data-v-ae5723b2]:-webkit-autofill,
input[data-v-ae5723b2]:-webkit-autofill:hover,
input[data-v-ae5723b2]:-webkit-autofill:focus,
input[data-v-ae5723b2]:-webkit-autofill:active {
  -webkit-transition-delay: 99999s;
  -webkit-transition: color 99999s ease-out, background-color 99999s ease-out;
}
@-webkit-keyframes bounceInDown {
from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
}
60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
}
75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
}
90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
}
to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInDown {
from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
}
60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
}
75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
}
90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
}
to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}
.bounceInDown[data-v-ae5723b2] {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}
.user-form[data-v-ae5723b2] {
  animation-duration: 1s;
}
.user-form .input[data-v-ae5723b2] {
    padding: 0;
    line-height: .4rem;
    width: 100%;
    height: 0.4rem;
    border-radius: 2px;
    outline: none;
    background-color: rgba(255, 255, 255, 0.1);
    border: 0;
    color: #3C3C3C;
    border-bottom: 1px solid #edeff3;
    font-size: .17rem;
}
.user-form .input[data-v-ae5723b2]::-webkit-input-placeholder {
      /* WebKit browsers */
      color: #aaa;
}
.user-form .input[data-v-ae5723b2]:-moz-placeholder {
      /* Mozilla Firefox 4 to 18 */
      color: #aaa;
      opacity: 1;
}
.user-form .input[data-v-ae5723b2]::-moz-placeholder {
      /* Mozilla Firefox 19+ */
      color: #aaa;
      opacity: 1;
}
.user-form .input[data-v-ae5723b2]:-ms-input-placeholder {
      /* Internet Explorer 10+ */
      color: #aaa;
}
.user-form .input[data-v-ae5723b2]:focus {
      border-bottom-color: #3aa1ff;
}
.user-form .submit-wrap[data-v-ae5723b2] {
    position: relative;
    margin-top: .35rem;
    text-align: center;
}
.user-form .submit-wrap .noitce[data-v-ae5723b2] {
      text-align: left;
      font-size: 12px;
      color: #bfbfbf;
      margin-bottom: 20px;
}
.user-form .submit-wrap .submit-btn[data-v-ae5723b2] {
      display: inline-block;
      width: 100%;
      height: .5rem;
      line-height: .5rem;
      text-align: center;
      color: #fff;
      font-size: .18rem;
      background-color: #3D7FFF;
      box-shadow: 0px 0.1rem 0.14rem 0px rgba(61, 127, 255, 0.29);
      border-radius: .25rem;
}
.user-form .submit-wrap .submit-btn[data-v-ae5723b2]:active {
        border: 1px solid #ddd;
}
.user-form .submit-wrap .btn-disabled[data-v-ae5723b2] {
      background: rgba(60, 118, 254, 0.2) !important;
      box-shadow: none !important;
}
.user-form .submit-wrap .forget-pwd[data-v-ae5723b2] {
      position: absolute;
      top: 0;
      right: 0;
      font-size: 13px;
      color: #39a1ff;
}
.user-form .input-box[data-v-ae5723b2] {
    position: relative;
    overflow: hidden;
}
.user-form .input-box + .input-box[data-v-ae5723b2] {
      margin-top: .3rem;
}
.user-form .input-box .icon[data-v-ae5723b2] {
      position: absolute;
      top: 50%;
      margin-top: -8px;
      width: 13px;
      height: 15px;
      background-repeat: no-repeat;
      background-size: 13px 15px;
}
.user-form .input-box .user-code[data-v-ae5723b2] {
      float: left;
      height: .4rem;
      line-height: .4rem;
}
.user-form .input-box .code-btn-wrap[data-v-ae5723b2] {
      position: absolute;
      right: 0px;
      top: .03rem;
      padding-left: 0px;
      color: #3D7FFF;
      border: .005rem solid #3D7FFF;
      border-radius: .125rem;
}
.user-form .input-box .code-btn-wrap.is-disabled[data-v-ae5723b2] {
        border-color: #909090;
}
.user-form .input-box .pwd-visible[data-v-ae5723b2] {
      position: absolute;
      top: 50%;
      right: 10px;
      width: 25px;
      height: 20px;
      margin-top: -10px;
      -webkit-background-size: cover;
      background: no-repeat center center;
}
.user-form .input-box .pwd-visible.show[data-v-ae5723b2] {
        background-size: 20px 14px;
}
.user-form .input-box .pwd-visible.halt[data-v-ae5723b2] {
        background-size: 20px 10px;
        margin-top: -5px;
}
.user-form .code-btn[data-v-ae5723b2] {
    display: inline-block;
    width: 100%;
    white-space: nowrap;
    color: #3aa1ff;
    text-align: center;
    outline: none;
    margin: 0;
    user-select: none;
    background-color: transparent;
    font-size: .15rem;
    padding: 0 .1rem;
    height: .25rem;
    line-height: .25rem;
}
.user-form .code-btn.is-disabled[data-v-ae5723b2] {
      color: #909090;
      cursor: not-allowed;
      border-color: #909090;
}
.login-tips[data-v-ae5723b2] {
  color: #e1e1e1;
  padding-bottom: 10px;
  font-size: 12px;
  letter-spacing: 1px;
}
.account[data-v-ae5723b2] {
  color: #666666;
  margin-left: 0.13rem;
  margin-top: 0.19rem;
  display: inline-block;
}

@charset "UTF-8";
/**
 添加问题
  */
.textarea-box[data-v-1c28069f] {
  position: relative;
}
.textarea-box .question-textarea[data-v-1c28069f] {
    padding-bottom: 20px;
}
.textarea-box .last-count[data-v-1c28069f] {
    position: absolute;
    bottom: 20px;
    right: 10px;
}

input[data-v-29806b08]:-webkit-autofill,
input[data-v-29806b08]:-webkit-autofill:hover,
input[data-v-29806b08]:-webkit-autofill:focus,
input[data-v-29806b08]:-webkit-autofill:active {
  -webkit-transition-delay: 99999s;
  -webkit-transition: color 99999s ease-out, background-color 99999s ease-out;
}
@-webkit-keyframes bounceInDown {
from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
}
60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
}
75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
}
90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
}
to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInDown {
from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
}
60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
}
75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
}
90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
}
to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}
.bounceInDown[data-v-29806b08] {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}
.user-form[data-v-29806b08] {
  animation-duration: 1s;
}
.user-form .input[data-v-29806b08] {
    padding: 0;
    line-height: .4rem;
    width: 100%;
    height: 0.4rem;
    border-radius: 2px;
    outline: none;
    background-color: rgba(255, 255, 255, 0.1);
    border: 0;
    color: #3C3C3C;
    border-bottom: 1px solid #edeff3;
    font-size: .17rem;
}
.user-form .input[data-v-29806b08]::-webkit-input-placeholder {
      /* WebKit browsers */
      color: #aaa;
}
.user-form .input[data-v-29806b08]:-moz-placeholder {
      /* Mozilla Firefox 4 to 18 */
      color: #aaa;
      opacity: 1;
}
.user-form .input[data-v-29806b08]::-moz-placeholder {
      /* Mozilla Firefox 19+ */
      color: #aaa;
      opacity: 1;
}
.user-form .input[data-v-29806b08]:-ms-input-placeholder {
      /* Internet Explorer 10+ */
      color: #aaa;
}
.user-form .input[data-v-29806b08]:focus {
      border-bottom-color: #3aa1ff;
}
.user-form .submit-wrap[data-v-29806b08] {
    position: relative;
    margin-top: .35rem;
    text-align: center;
}
.user-form .submit-wrap .noitce[data-v-29806b08] {
      text-align: left;
      font-size: 12px;
      color: #bfbfbf;
      margin-bottom: 20px;
}
.user-form .submit-wrap .submit-btn[data-v-29806b08] {
      display: inline-block;
      width: 100%;
      height: .5rem;
      line-height: .5rem;
      text-align: center;
      color: #fff;
      font-size: .18rem;
      background-color: #3D7FFF;
      box-shadow: 0px 0.1rem 0.14rem 0px rgba(61, 127, 255, 0.29);
      border-radius: .25rem;
}
.user-form .submit-wrap .submit-btn[data-v-29806b08]:active {
        border: 1px solid #ddd;
}
.user-form .submit-wrap .btn-disabled[data-v-29806b08] {
      background: rgba(60, 118, 254, 0.2) !important;
      box-shadow: none !important;
}
.user-form .submit-wrap .forget-pwd[data-v-29806b08] {
      position: absolute;
      top: 0;
      right: 0;
      font-size: 13px;
      color: #39a1ff;
}
.user-form .input-box[data-v-29806b08] {
    position: relative;
    overflow: hidden;
}
.user-form .input-box + .input-box[data-v-29806b08] {
      margin-top: .3rem;
}
.user-form .input-box .icon[data-v-29806b08] {
      position: absolute;
      top: 50%;
      margin-top: -8px;
      width: 13px;
      height: 15px;
      background-repeat: no-repeat;
      background-size: 13px 15px;
}
.user-form .input-box .user-code[data-v-29806b08] {
      float: left;
      height: .4rem;
      line-height: .4rem;
}
.user-form .input-box .code-btn-wrap[data-v-29806b08] {
      position: absolute;
      right: 0px;
      top: .03rem;
      padding-left: 0px;
      color: #3D7FFF;
      border: .005rem solid #3D7FFF;
      border-radius: .125rem;
}
.user-form .input-box .code-btn-wrap.is-disabled[data-v-29806b08] {
        border-color: #909090;
}
.user-form .input-box .pwd-visible[data-v-29806b08] {
      position: absolute;
      top: 50%;
      right: 10px;
      width: 25px;
      height: 20px;
      margin-top: -10px;
      -webkit-background-size: cover;
      background: no-repeat center center;
}
.user-form .input-box .pwd-visible.show[data-v-29806b08] {
        background-size: 20px 14px;
}
.user-form .input-box .pwd-visible.halt[data-v-29806b08] {
        background-size: 20px 10px;
        margin-top: -5px;
}
.user-form .code-btn[data-v-29806b08] {
    display: inline-block;
    width: 100%;
    white-space: nowrap;
    color: #3aa1ff;
    text-align: center;
    outline: none;
    margin: 0;
    user-select: none;
    background-color: transparent;
    font-size: .15rem;
    padding: 0 .1rem;
    height: .25rem;
    line-height: .25rem;
}
.user-form .code-btn.is-disabled[data-v-29806b08] {
      color: #909090;
      cursor: not-allowed;
      border-color: #909090;
}
.input-box p[data-v-29806b08] {
  float: left;
  font-size: .1rem;
  color: red;
  margin-top: .01rem;
}
.input-box p span[data-v-29806b08] {
    color: #1b8df4;
}

.pdf-previewer-com[data-v-090454dc] {
  height: 100%;
  overflow: scroll;
  display: flex;
  justify-content: center;
}
.pdf-previewer-com .pdf-item[data-v-090454dc] {
    margin-bottom: 10px;
}
.pdf-previewer-com .no-file-info[data-v-090454dc] {
    text-align: center;
    display: flex;
    align-items: center;
    flex-direction: column;
}
.pdf-previewer-com .no-file-info .no-file-icon[data-v-090454dc] {
      display: inline-block;
      width: 1.01rem;
      height: .965rem;
      background: url(data:image/png;base64,bW9kdWxlLmV4cG9ydHMgPSBfX3dlYnBhY2tfcHVibGljX3BhdGhfXyArICJpbWcvbm9uZS1maWxlLWljb24ucG5nPzJmMjczY2YiOw==) center center no-repeat;
      background-size: contain;
      margin: .35rem 0 .16rem 0;
}
.pdf-previewer-com .no-file-info .no-file-content[data-v-090454dc] {
      font-family: PingFangSC-Regular;
      font-size: 14px;
      color: #E0E0E4;
}

.el-message-box {
  width: 320px !important;
}
#accountForm {
  position: relative;
  min-width: 260px;
  max-width: 320px;
  margin: 0 auto;
}
#accountForm .el-tabs__nav-wrap::after {
    background: none;
}
#accountForm .el-tabs__active-bar {
    background-color: #3A74FF;
    height: 2px;
}
#accountForm .el-tabs__item {
    color: #2B2B2B;
    opacity: .4;
    font-size: 16px;
}
#accountForm .el-tabs__item.is-active {
    opacity: 1;
}
#accountForm .form-box {
    /*padding-top: 20px;*/
}
#accountForm .mobile-inp input {
    height: 48px;
    line-height: 48px;
    background-color: #F1F4F9;
    border-radius: 7px;
    padding-left: 15px;
    border: 0;
}
#accountForm .code input, #accountForm .username input, #accountForm .password input {
    height: 48px;
    line-height: 48px;
    background-color: #F1F4F9;
    border-radius: 7px;
    border: 0;
    padding-left: 15px;
}
#accountForm .avatar-box .title {
    margin-bottom: 10px;
}
#accountForm .avatar-box .avatar {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin-bottom: 10px;
    border: 1px solid #ddd;
}
#accountForm .send-code {
    position: absolute;
    top: 6px;
    z-index: 2;
    right: 12px;
    text-align: center;
    color: #3A74FF;
    user-select: none;
    cursor: pointer;
}
#accountForm .send-code.disabled {
      color: #8C939D;
}
#accountForm .send-code.disable {
    color: #999;
}
#accountForm .input-item {
    position: relative;
    margin-bottom: 10px;
}
#accountForm .input-item label {
      text-align: right;
      vertical-align: middle;
      float: left;
      font-size: 14px;
      color: #606266;
      line-height: 40px;
      padding: 0 12px 0 0;
      box-sizing: border-box;
}
#accountForm .input-item .input-inner {
      margin-left: 60px;
}
#accountForm .input-item .help-block {
      margin-top: 5px;
      color: #ff4949;
      font-size: 12px;
}
#accountForm .save-btn {
    border-radius: 50px;
    height: 48px;
    line-height: 48px;
    background: linear-gradient(360deg, #457bf6 0%, #5488fe 100%);
    color: #fff;
    width: 100%;
    padding: 0;
    margin-top: 20px;
}
#accountForm .save-btn[disabled] {
      background: #A3BDFB !important;
}
#accountForm .notice {
    margin-top: 30px;
    text-align: center;
    color: #666;
    font-size: 14px;
}

input[data-v-bc69e4d2]:-webkit-autofill,
input[data-v-bc69e4d2]:-webkit-autofill:hover,
input[data-v-bc69e4d2]:-webkit-autofill:focus,
input[data-v-bc69e4d2]:-webkit-autofill:active {
  -webkit-transition-delay: 99999s;
  -webkit-transition: color 99999s ease-out, background-color 99999s ease-out;
}
@-webkit-keyframes bounceInDown {
from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
}
60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
}
75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
}
90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
}
to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInDown {
from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
}
60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
}
75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
}
90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
}
to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}
.bounceInDown[data-v-bc69e4d2] {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}
.user-form[data-v-bc69e4d2] {
  animation-duration: 1s;
}
.user-form .input[data-v-bc69e4d2] {
    padding: 0;
    line-height: .4rem;
    width: 100%;
    height: 0.4rem;
    border-radius: 2px;
    outline: none;
    background-color: rgba(255, 255, 255, 0.1);
    border: 0;
    color: #3C3C3C;
    border-bottom: 1px solid #edeff3;
    font-size: .17rem;
}
.user-form .input[data-v-bc69e4d2]::-webkit-input-placeholder {
      /* WebKit browsers */
      color: #aaa;
}
.user-form .input[data-v-bc69e4d2]:-moz-placeholder {
      /* Mozilla Firefox 4 to 18 */
      color: #aaa;
      opacity: 1;
}
.user-form .input[data-v-bc69e4d2]::-moz-placeholder {
      /* Mozilla Firefox 19+ */
      color: #aaa;
      opacity: 1;
}
.user-form .input[data-v-bc69e4d2]:-ms-input-placeholder {
      /* Internet Explorer 10+ */
      color: #aaa;
}
.user-form .input[data-v-bc69e4d2]:focus {
      border-bottom-color: #3aa1ff;
}
.user-form .submit-wrap[data-v-bc69e4d2] {
    position: relative;
    margin-top: .35rem;
    text-align: center;
}
.user-form .submit-wrap .noitce[data-v-bc69e4d2] {
      text-align: left;
      font-size: 12px;
      color: #bfbfbf;
      margin-bottom: 20px;
}
.user-form .submit-wrap .submit-btn[data-v-bc69e4d2] {
      display: inline-block;
      width: 100%;
      height: .5rem;
      line-height: .5rem;
      text-align: center;
      color: #fff;
      font-size: .18rem;
      background-color: #3D7FFF;
      box-shadow: 0px 0.1rem 0.14rem 0px rgba(61, 127, 255, 0.29);
      border-radius: .25rem;
}
.user-form .submit-wrap .submit-btn[data-v-bc69e4d2]:active {
        border: 1px solid #ddd;
}
.user-form .submit-wrap .btn-disabled[data-v-bc69e4d2] {
      background: rgba(60, 118, 254, 0.2) !important;
      box-shadow: none !important;
}
.user-form .submit-wrap .forget-pwd[data-v-bc69e4d2] {
      position: absolute;
      top: 0;
      right: 0;
      font-size: 13px;
      color: #39a1ff;
}
.user-form .input-box[data-v-bc69e4d2] {
    position: relative;
    overflow: hidden;
}
.user-form .input-box + .input-box[data-v-bc69e4d2] {
      margin-top: .3rem;
}
.user-form .input-box .icon[data-v-bc69e4d2] {
      position: absolute;
      top: 50%;
      margin-top: -8px;
      width: 13px;
      height: 15px;
      background-repeat: no-repeat;
      background-size: 13px 15px;
}
.user-form .input-box .user-code[data-v-bc69e4d2] {
      float: left;
      height: .4rem;
      line-height: .4rem;
}
.user-form .input-box .code-btn-wrap[data-v-bc69e4d2] {
      position: absolute;
      right: 0px;
      top: .03rem;
      padding-left: 0px;
      color: #3D7FFF;
      border: .005rem solid #3D7FFF;
      border-radius: .125rem;
}
.user-form .input-box .code-btn-wrap.is-disabled[data-v-bc69e4d2] {
        border-color: #909090;
}
.user-form .input-box .pwd-visible[data-v-bc69e4d2] {
      position: absolute;
      top: 50%;
      right: 10px;
      width: 25px;
      height: 20px;
      margin-top: -10px;
      -webkit-background-size: cover;
      background: no-repeat center center;
}
.user-form .input-box .pwd-visible.show[data-v-bc69e4d2] {
        background-size: 20px 14px;
}
.user-form .input-box .pwd-visible.halt[data-v-bc69e4d2] {
        background-size: 20px 10px;
        margin-top: -5px;
}
.user-form .code-btn[data-v-bc69e4d2] {
    display: inline-block;
    width: 100%;
    white-space: nowrap;
    color: #3aa1ff;
    text-align: center;
    outline: none;
    margin: 0;
    user-select: none;
    background-color: transparent;
    font-size: .15rem;
    padding: 0 .1rem;
    height: .25rem;
    line-height: .25rem;
}
.user-form .code-btn.is-disabled[data-v-bc69e4d2] {
      color: #909090;
      cursor: not-allowed;
      border-color: #909090;
}
.forgetPasswordOrRegister .set-password[data-v-bc69e4d2] {
  color: #3C3C3C;
  font-size: .16rem;
  font-weight: 500;
  margin-bottom: .2rem;
}

.courseware-list-container .el-tree-node__content {
  height: auto;
  border-bottom: 1px solid #eeeeee;
}
.courseware-list-container .el-tree-node__children .el-tree-node__content {
  border: none;
}
.courseware-list-container .custom-tree-node {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
  padding: 8px 5px 5px 5px;
}
.courseware-list-container .custom-tree-node .lesson-info {
    font-size: 12px;
    color: #cccccc;
    margin-top: 3px;
}
.courseware-list-container .custom-tree-node .download-btn {
    border: 1px solid #cccccc;
    border-radius: 3px;
    width: 60px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 12px;
}

.question-wrapper[data-v-bc24ee98] {
  position: relative;
}
.question-wrapper .add-question[data-v-bc24ee98] {
    position: absolute;
    top: 5px;
    right: 0;
    width: 100px;
    padding: 5px;
    background-color: #20a0ff;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
}
.question-item[data-v-bc24ee98] {
  position: relative;
  cursor: pointer;
  margin-bottom: 20px;
}
.question-item[data-v-bc24ee98]:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    transition: all 0.3s;
}
.question-item .content[data-v-bc24ee98] {
    border-radius: 10px;
    zoom: 1;
    padding: 0 200px 0 80px;
    background-color: #f3f5f7;
    user-select: none;
}
.question-item .content[data-v-bc24ee98]:before, .question-item .content[data-v-bc24ee98]:after {
      content: " ";
      display: table;
}
.question-item .content[data-v-bc24ee98]:after {
      clear: both;
      visibility: hidden;
      font-size: 0;
      height: 0;
}
.question-item .content .state[data-v-bc24ee98] {
      position: absolute;
      left: 10px;
}
.question-item .content .state[data-v-bc24ee98], .question-item .content .title[data-v-bc24ee98] {
      float: left;
}
.question-item .content .date[data-v-bc24ee98] {
      position: absolute;
      top: 10px;
      right: 10px;
      text-align: right;
      font-size: 12px;
      color: #666;
}
.question-item .content .date .operate[data-v-bc24ee98] {
        color: #333;
        font-size: 15px;
}
.question-item .content .state[data-v-bc24ee98] {
      margin-top: 5px;
      padding: 2px 5px;
      background-color: red;
      border-radius: 4px;
      color: #fff;
}
.question-item .content .state.waiting[data-v-bc24ee98] {
        background-color: #f7ba2a;
}
.question-item .content .state.receive[data-v-bc24ee98] {
        background-color: #eb9e05;
}
.question-item .content .state.review[data-v-bc24ee98] {
        background-color: #fa5555;
}
.question-item .content .state.done[data-v-bc24ee98] {
        background-color: #13ce66;
}
.question-item .content .state.send[data-v-bc24ee98] {
        background-color: #409eff;
}
.question-item .content .title[data-v-bc24ee98] {
      height: 40px;
      line-height: 40px;
      word-break: break-all;
      text-overflow: ellipsis;
      -webkit-line-clamp: 1;
      display: -webkit-box;
      overflow: hidden;
      -webkit-box-orient: vertical;
}
.question-item .detail[data-v-bc24ee98] {
    margin-top: 10px;
    background-color: #f3f5f7;
}
.content .state.waiting[data-v-bc24ee98],
.detail .detail-state.waiting[data-v-bc24ee98] {
  background-color: #f7ba2a;
}
.content .state.receive[data-v-bc24ee98],
.detail .detail-state.receive[data-v-bc24ee98] {
  background-color: #eb9e05;
}
.content .state.review[data-v-bc24ee98],
.detail .detail-state.review[data-v-bc24ee98] {
  background-color: #fa5555;
}
.content .state.done[data-v-bc24ee98],
.detail .detail-state.done[data-v-bc24ee98] {
  background-color: #13ce66;
}
.content .state.send[data-v-bc24ee98],
.detail .detail-state.send[data-v-bc24ee98] {
  background-color: #409eff;
}
.detail[data-v-bc24ee98] {
  padding: 10px 15px;
}
.chat-thread[data-v-bc24ee98] {
  list-style: none;
  zoom: 1;
}
.chat-thread[data-v-bc24ee98]:before, .chat-thread[data-v-bc24ee98]:after {
    content: " ";
    display: table;
}
.chat-thread[data-v-bc24ee98]:after {
    clear: both;
    visibility: hidden;
    font-size: 0;
    height: 0;
}
.chat-thread li[data-v-bc24ee98] {
  position: relative;
}
.chat-thread li .detail-state[data-v-bc24ee98] {
    display: inline-block;
    padding: 5px 10px;
    margin-left: 10px;
    color: #fff;
    font-weight: bold;
    border-radius: 4px;
}
.chat-thread li .detail-state .done[data-v-bc24ee98] {
      background-color: #13ce66;
}

/* Chat - Speech Bubble Arrow */
.chat-thread li[data-v-bc24ee98]:after {
  position: absolute;
  top: 15px;
  content: '';
  width: 0;
  height: 0;
  border-top: 15px solid #fff;
}
.chat-thread li .avatar[data-v-bc24ee98] {
  position: absolute;
  top: 0;
  text-align: center;
  color: #299933;
}
.chat-thread li .avatar .avatar-img[data-v-bc24ee98] {
    width: 50px;
    height: 50px;
    border-radius: 50%;
}
.chat-thread li.user[data-v-bc24ee98] {
  margin-right: 70px;
  color: #0ad5c1;
  text-align: right;
}
.chat-thread li.user .avatar[data-v-bc24ee98] {
    right: -70px;
}
.chat-thread .message[data-v-bc24ee98] {
  position: relative;
  display: inline-block;
  padding: 16px 20px;
  margin: 0 0 20px 0;
  max-width: 80%;
  min-width: 200px;
  text-align: left;
  font: 16px/20px 'Noto Sans', sans-serif;
  border-radius: 10px;
  background-color: #fff;
  word-break: break-all;
}
.chat-thread li.user[data-v-bc24ee98]:after {
  border-right: 15px solid transparent;
  right: -15px;
}
.chat-thread li.teacher[data-v-bc24ee98] {
  float: left;
  margin-left: 70px;
  color: #0ec879;
  margin-top: 10px;
}
.chat-thread li.teacher .avatar[data-v-bc24ee98] {
    left: -70px;
}
.chat-thread li.teacher .message[data-v-bc24ee98] {
    background-color: #299933;
    color: #fff;
}
.chat-thread li.teacher[data-v-bc24ee98]:after {
    border-top-color: #299933;
}
.chat-thread li.teacher[data-v-bc24ee98]:after {
  border-left: 15px solid transparent;
  left: -15px;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-transition-delay: 99999s;
  -webkit-transition: color 99999s ease-out, background-color 99999s ease-out; }

@-webkit-keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0); }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

@keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0); }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0); }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0); }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown; }

.user-form {
  animation-duration: 1s; }
  .user-form .input {
    padding: 0;
    line-height: .4rem;
    width: 100%;
    height: 0.4rem;
    border-radius: 2px;
    outline: none;
    background-color: rgba(255, 255, 255, 0.1);
    border: 0;
    color: #3C3C3C;
    border-bottom: 1px solid #edeff3;
    font-size: .17rem; }
    .user-form .input::-webkit-input-placeholder {
      /* WebKit browsers */
      color: #aaa; }
    .user-form .input:-moz-placeholder {
      /* Mozilla Firefox 4 to 18 */
      color: #aaa;
      opacity: 1; }
    .user-form .input::-moz-placeholder {
      /* Mozilla Firefox 19+ */
      color: #aaa;
      opacity: 1; }
    .user-form .input:-ms-input-placeholder {
      /* Internet Explorer 10+ */
      color: #aaa; }
    .user-form .input:focus {
      border-bottom-color: #3aa1ff; }
  .user-form .submit-wrap {
    position: relative;
    margin-top: .35rem;
    text-align: center; }
    .user-form .submit-wrap .noitce {
      text-align: left;
      font-size: 12px;
      color: #bfbfbf;
      margin-bottom: 20px; }
    .user-form .submit-wrap .submit-btn {
      display: inline-block;
      width: 100%;
      height: .5rem;
      line-height: .5rem;
      text-align: center;
      color: #fff;
      font-size: .18rem;
      background-color: #3D7FFF;
      box-shadow: 0px 0.1rem 0.14rem 0px rgba(61, 127, 255, 0.29);
      border-radius: .25rem; }
      .user-form .submit-wrap .submit-btn:active {
        border: 1px solid #ddd; }
    .user-form .submit-wrap .btn-disabled {
      background: rgba(60, 118, 254, 0.2) !important;
      box-shadow: none !important; }
    .user-form .submit-wrap .forget-pwd {
      position: absolute;
      top: 0;
      right: 0;
      font-size: 13px;
      color: #39a1ff; }
  .user-form .input-box {
    position: relative;
    overflow: hidden; }
    .user-form .input-box + .input-box {
      margin-top: .3rem; }
    .user-form .input-box .icon {
      position: absolute;
      top: 50%;
      margin-top: -8px;
      width: 13px;
      height: 15px;
      background-repeat: no-repeat;
      background-size: 13px 15px; }
    .user-form .input-box .user-code {
      float: left;
      height: .4rem;
      line-height: .4rem; }
    .user-form .input-box .code-btn-wrap {
      position: absolute;
      right: 0px;
      top: .03rem;
      padding-left: 0px;
      color: #3D7FFF;
      border: .005rem solid #3D7FFF;
      border-radius: .125rem; }
      .user-form .input-box .code-btn-wrap.is-disabled {
        border-color: #909090; }
    .user-form .input-box .pwd-visible {
      position: absolute;
      top: 50%;
      right: 10px;
      width: 25px;
      height: 20px;
      margin-top: -10px;
      -webkit-background-size: cover;
      background: no-repeat center center; }
      .user-form .input-box .pwd-visible.show {
        background-size: 20px 14px; }
      .user-form .input-box .pwd-visible.halt {
        background-size: 20px 10px;
        margin-top: -5px; }
  .user-form .code-btn {
    display: inline-block;
    width: 100%;
    white-space: nowrap;
    color: #3aa1ff;
    text-align: center;
    outline: none;
    margin: 0;
    user-select: none;
    background-color: transparent;
    font-size: .15rem;
    padding: 0 .1rem;
    height: .25rem;
    line-height: .25rem; }
    .user-form .code-btn.is-disabled {
      color: #909090;
      cursor: not-allowed;
      border-color: #909090; }

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*\
    resetcss
    Version: 1.0.3
    Licence: MIT
    Repo   : https://github.com/chharvey/resetcss.git
    Home   : https://github.com/chharvey/resetcss#readme
    Author : Chris Harvey <chrisharvey2pi@gmail.com> (https://chharvey.github.io/)
\*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*================================*\
    reset.less
\*================================*/
* {
  box-sizing: border-box; }

sup, sub {
  vertical-align: inherit; }

body,
h1, h2, h3, h4, h5, h6,
hr,
p, figure, blockquote, pre,
ol, ul, dl,
dd,
fieldset {
  margin: 0; }

ol, ul,
th, td,
legend {
  padding: 0; }

caption,
th {
  text-align: inherit; }

pre {
  white-space: inherit; }

mark {
  background: transparent; }

a,
u, s, ins {
  text-decoration: none; }

ol, ul {
  list-style: none; }

q {
  quotes: none; }

.width-input {
  display: inline-block !important;
  margin-right: 6px;
  width: 150px; }

.width-input-mini {
  width: 50px; }

.width-input-small {
  width: 100px; }

.width-input-large {
  width: 200px; }

.width-input-xlarge {
  width: 300px; }

.width-full {
  width: 100%; }

.mts {
  margin-top: 5px !important; }

.mtm {
  margin-top: 10px !important; }

.mtl {
  margin-top: 20px !important; }

.mt0 {
  margin-top: 0 !important; }

.mts-o {
  margin-top: -5px !important; }

.mtm-o {
  margin-top: -10px !important; }

.mt15-o {
  margin-top: -15px !important; }

.mtl-o {
  margin-top: -20px !important; }

.mrs {
  margin-right: 5px !important; }

.mrm {
  margin-right: 10px !important; }

.mrl {
  margin-right: 20px !important; }

.mbs {
  margin-bottom: 5px !important; }

.mbm {
  margin-bottom: 10px !important; }

.mbl {
  margin-bottom: 20px !important; }

.mb0 {
  margin-bottom: 0 !important; }

.mbs-o {
  margin-bottom: -5px !important; }

.mbm-o {
  margin-bottom: -10px !important; }

.mb15-o {
  margin-bottom: -15px !important; }

.mbl-o {
  margin-bottom: -20px !important; }

.mls {
  margin-left: 5px !important; }

.mlm {
  margin-left: 10px !important; }

.mll {
  margin-left: 20px !important; }

.mhs {
  margin-left: 5px !important;
  margin-right: 5px !important; }

.mhm {
  margin-left: 10px !important;
  margin-right: 10px !important; }

.mhl {
  margin-left: 20px !important;
  margin-right: 20px !important; }

.mvs {
  margin-top: 5px !important;
  margin-bottom: 5px !important; }

.mvm {
  margin-top: 10px !important;
  margin-bottom: 10px !important; }

.mvl {
  margin-top: 20px !important;
  margin-bottom: 20px !important; }

.pts {
  padding-top: 5px !important; }

.ptm {
  padding-top: 10px !important; }

.ptl {
  padding-top: 20px !important; }

.prs {
  padding-right: 5px !important; }

.prm {
  padding-right: 10px !important; }

.prl {
  padding-right: 20px !important; }

.pbs {
  padding-bottom: 5px !important; }

.pbm {
  padding-bottom: 10px !important; }

.pbl {
  padding-bottom: 20px !important; }

.pls {
  padding-left: 5px !important; }

.plm {
  padding-left: 10px !important; }

.pll {
  padding-left: 20px !important; }

.phs {
  padding-left: 5px !important;
  padding-right: 5px !important; }

.phm {
  padding-left: 10px !important;
  padding-right: 10px !important; }

.phl {
  padding-left: 20px !important;
  padding-right: 20px !important; }

.pvs {
  padding-top: 5px !important;
  padding-bottom: 5px !important; }

.pvm {
  padding-top: 10px !important;
  padding-bottom: 10px !important; }

.pvl {
  padding-top: 20px !important;
  padding-bottom: 20px !important; }

.mrs-o {
  margin-right: -5px !important; }

.ml10 {
  margin-left: 10px !important; }

.ml25 {
  margin-left: 25px !important; }

.mr25 {
  margin-right: 25px !important; }

.mr5 {
  margin-right: 5px !important; }

.mr10 {
  margin-right: 10px !important; }

.mb20 {
  margin-bottom: 20px !important; }

.mb40 {
  margin-bottom: 40px !important; }

.mt40 {
  margin-top: 40px !important; }

.mt50 {
  margin-top: 40px !important; }

.text-primary {
  color: #4bbbfa !important; }

.text-success {
  color: #70d445 !important; }

.text-info {
  color: #2db7f5 !important; }

.text-warning {
  color: #ff8a0c !important; }

.text-danger {
  color: #e83d2c !important; }

.text-sm {
  font-size: 12px !important; }

.text-md {
  font-size: 14px !important; }

.text-lg {
  font-size: 16px !important; }

.text-xlg {
  font-size: 18px !important; }

.tac {
  text-align: center; }

.tal {
  text-align: left; }

.tar {
  text-align: right; }

.fss {
  font-size: 10px; }

.fsn {
  font-size: 12px; }

.fsm {
  font-size: 14px; }

.fsl {
  font-size: 16px; }

.fsxl {
  font-size: 18px; }

.text-small {
  font-size: 10px; }

.text-normal {
  font-size: 12px; }

.text-medium {
  font-size: 14px; }

.text-large {
  font-size: 16px; }

.text-xlarge {
  font-size: 18px; }

.por {
  position: relative !important; }

.poa {
  position: absolute !important; }

.clearfix {
  zoom: 1; }
  .clearfix:before, .clearfix:after {
    content: "";
    display: table; }
  .clearfix:after {
    clear: both;
    visibility: hidden;
    font-size: 0;
    height: 0; }

.handouts-list-container .el-tree-node__content {
  height: auto;
  border-bottom: 1px solid #eeeeee;
}
.handouts-list-container .el-tree-node__children .el-tree-node__content {
  border: none;
}
.handouts-list-container .custom-tree-node {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
  padding: 8px 5px 5px 5px;
}
.handouts-list-container .custom-tree-node .lesson-info {
    font-size: 12px;
    color: #cccccc;
    margin-top: 3px;
}
.handouts-list-container .custom-tree-node .download-btn {
    border: 1px solid #cccccc;
    border-radius: 3px;
    width: 60px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 12px;
}

#comment_wrap .discuss-wrapper {
  background-color: #fff;
}
#comment_wrap .discuss-wrapper .comment .comment-title {
    display: flex;
    align-items: center;
    height: 44px;
    font-size: 16px;
    font-weight: 700;
    padding: 13px;
    border-bottom: 1px solid #ccc;
    margin: 0 0 15px 0;
}
#comment_wrap .discuss-wrapper .first-comment-li {
    padding: 5px 0 0 8px;
    list-style-type: none;
}
.first-comment-li .icon-wrapper {
  float: left;
  margin-left: 5px;
  display: inline-block;
}
.first-comment-li .icon-wrapper .fa {
    display: inline-block;
    width: 35px;
    height: 35px;
    font-size: 30px;
    margin: 5px auto;
    color: #8a8a8a;
    border-radius: 50%;
}
.first-comment-li .icon-wrapper .user-avatar {
    width: 30px;
    height: 30px;
    display: inline-block;
    margin: 5px auto;
    margin-right: 5px;
    overflow: hidden;
    color: #8a8a8a;
    border-radius: 50%;
    border: 1px solid #ccc;
}
.first-comment-li .icon-wrapper .user-avatar img {
      width: 100%;
}
.first-comment-li .first-content {
  padding-left: 35px;
  padding-right: 15px;
}
.first-comment-li .first-content .first-comment .name {
    color: #333;
    padding-bottom: 5px;
    font-size: 14px;
}
.first-comment-li .first-content .first-comment-text {
    margin: 10px 5px;
    font-size: 14px;
}
.first-comment-li .first-content .comment-time {
    padding: 3px 0;
    font-size: 12px;
    color: #999;
}
.first-comment-li .first-content .comment-time .reply-time {
      float: left;
      color: #999;
}
.first-comment-li .first-content .comment-time .reply-btn {
      float: right;
      margin-left: 5px;
      cursor: pointer;
      display: flex;
      color: #999;
}
.loadmore .notice {
  text-align: center;
  color: #666;
  font-size: 13px;
  padding-top: 25px;
  padding-bottom: 10px;
}
.sub-comment-wrapper {
  font-size: 14px;
  border-radius: 5px;
  padding: 10px;
  margin: 5px 0 0 3px;
  background-color: #f7f8fa;
}
.sub-comment-wrapper .second-comment-li {
    margin-bottom: 5px;
    padding-bottom: 5px;
}
.sub-comment-wrapper .second-comment-li:last-child {
      border-bottom: 0;
}
.sub-comment-wrapper .second-comment-li .name {
      padding-bottom: 5px;
      color: #9B9B9B;
}
.sub-comment-wrapper .reply-btn {
    float: right;
    margin-left: 5px;
    cursor: pointer;
    color: #666;
}
.sub-comment-wrapper .reply-time {
    color: #999;
    font-size: 12px;
}
.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
.comment-icon {
  width: 1.2em;
  height: 1.5em;
  margin: 0 .3em 0 0;
}

.kyy-lesson-list .el-collapse-item .el-collapse-item__header:hover {
  background: rgba(54, 138, 225, 0.1) !important;
}
.kyy-lesson-list .el-collapse-item .el-collapse-item__header:hover .right-icon {
    /*background: #67c23a;*/
    /*color: #f0f1f2;*/
    border-radius: 5%;
    margin-left: -25px;
    background-clip: content-box;
}
.kyy-lesson-list .chapter-header {
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-left: 5px;
  padding-right: 25px;
  overflow: hidden;
}
.kyy-lesson-list .chapter-header .right-icon {
    position: absolute;
    top: 50%;
    right: 30px;
    margin-top: -24px;
    font-size: 12px;
}
.kyy-lesson-list .chapter-header .right-icon .fa {
      position: relative;
      top: 2px;
      margin-left: 2px;
      font-size: 20px;
}
.kyy-lesson-list .el-collapse-item__header {
  position: relative;
}

@charset "UTF-8";
/*课时目录 start */
.period-list {
  position: relative;
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
  overflow: hidden;
}
.period-list .section {
    padding-left: 15px;
    line-height: 35px;
    height: 35px;
    color: #444;
    display: block;
    word-wrap: normal;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
}
.period-list .period {
    position: relative;
    height: 40px;
    line-height: 40px;
    padding-left: 15px;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    cursor: pointer;
}
.period-list .period .title {
      color: #999;
}
.period-list .period .date {
      position: absolute;
      top: 11px;
      right: 50px;
}
.period-list .period .course-lesson {
      width: 100%;
      padding-right: 30px;
      color: #919191;
      display: block;
      text-overflow: ellipsis;
      -webkit-line-clamp: 1;
      display: -webkit-box;
      overflow: hidden;
      -webkit-box-orient: vertical;
}
.period-list .period .course-lesson .faleft {
        font-size: 16px;
        color: #09f;
}
.period-list .period .course-lesson .status-icon {
        color: #999;
}
.period-list .period .course-lesson .status-icon.fa-check-circle {
          color: #09f;
}
.period-list .period .course-lesson .label-success {
        color: #fff;
        font-size: 10px;
        padding: 2px 4px;
        line-height: 16px;
        font-weight: normal;
        border-radius: 2px;
        font-family: "SimSun";
        background-color: #70d445;
}
.period-list .period .lesson-type {
      position: absolute;
      top: 10px;
      right: 8px;
      line-height: 20px;
      max-width: 120px;
      font-size: 12px;
      text-align: right;
      color: #9c9c9c;
}
.period-list .period .lesson-type i {
        font-size: 18px;
        color: #04c1ff;
}
.period-list .period .lesson-type .playback {
        color: #9c9c9c;
}
.period-list .period .lesson-type .living {
        color: #13ce66;
}
.period-list .period .lesson-type small {
        margin-top: -3px;
}
.period-list .period:hover .title {
      color: #20a0ff;
}
.period-list .period.item-active .title {
      color: #20a0ff;
}
.period-list .period.item-active .course-type .i {
      color: #20a0ff;
}

/*课时目录 end */

@charset "UTF-8";
/*
  样式暂时使用kaoyayacn里面的样式，还没有抽离
*/

.live-list-table th[data-v-d55f17e4] {
  text-align: center;
}
.live-list-table .course-title[data-v-d55f17e4] {
  font-size: 12px;
  color: #666;
}
.live-list-table .course-title[data-v-d55f17e4]:hover {
  color: #008dff;
}
.live-list-table .live-btn[data-v-d55f17e4] {
  font-size: 12px;
  padding: 4px;
}
.live-list-table .live-date[data-v-d55f17e4] {
  color: #20a0ff;
  font-size: 16px;
}
.lesson-title[data-v-d55f17e4] {
  text-align: left;
}
.pagination[data-v-d55f17e4] {
  display: table;
  margin: 10px auto;
}
.live-list-table .el-button--primary[data-v-d55f17e4] {
  border: 0;
}

.tabs[data-v-124cb3e8] {
  position: relative;
}
.tabs .add-question[data-v-124cb3e8] {
    position: absolute;
    top: 5px;
    right: 0;
    width: 100px;
    padding: 5px;
    background-color: #20a0ff;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
}
.question-item[data-v-124cb3e8] {
  position: relative;
  cursor: pointer;
  margin-bottom: 20px;
}
.question-item[data-v-124cb3e8]:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    transition: all 0.3s;
}
.question-item .content[data-v-124cb3e8] {
    border-radius: 10px;
    zoom: 1;
    padding: 0 200px 0 80px;
    background-color: #f3f5f7;
    user-select: none;
}
.question-item .content[data-v-124cb3e8]:before, .question-item .content[data-v-124cb3e8]:after {
      content: " ";
      display: table;
}
.question-item .content[data-v-124cb3e8]:after {
      clear: both;
      visibility: hidden;
      font-size: 0;
      height: 0;
}
.question-item .content .state[data-v-124cb3e8] {
      position: absolute;
      left: 10px;
}
.question-item .content .state[data-v-124cb3e8], .question-item .content .title[data-v-124cb3e8] {
      float: left;
}
.question-item .content .date[data-v-124cb3e8] {
      position: absolute;
      top: 10px;
      right: 10px;
      text-align: right;
      font-size: 12px;
      color: #666;
}
.question-item .content .date .operate[data-v-124cb3e8] {
        color: #333;
        font-size: 15px;
}
.question-item .content .state[data-v-124cb3e8] {
      margin-top: 5px;
      padding: 2px 5px;
      border-radius: 4px;
}
.question-item .content .title[data-v-124cb3e8] {
      height: 40px;
      line-height: 40px;
      word-break: break-all;
      text-overflow: ellipsis;
      -webkit-line-clamp: 1;
      display: -webkit-box;
      overflow: hidden;
      -webkit-box-orient: vertical;
}
.question-item .detail[data-v-124cb3e8] {
    margin-top: 10px;
    background-color: #f3f5f7;
}
.detail[data-v-124cb3e8] {
  padding: 10px 15px;
}
.content .state[data-v-124cb3e8],
.detail .detail-state[data-v-124cb3e8] {
  color: #878d99;
}
.content .state.state--deal[data-v-124cb3e8],
  .detail .detail-state.state--deal[data-v-124cb3e8] {
    color: #67c23a;
}
.chat-thread[data-v-124cb3e8] {
  list-style: none;
  zoom: 1;
}
.chat-thread[data-v-124cb3e8]:before, .chat-thread[data-v-124cb3e8]:after {
    content: " ";
    display: table;
}
.chat-thread[data-v-124cb3e8]:after {
    clear: both;
    visibility: hidden;
    font-size: 0;
    height: 0;
}
.chat-thread li[data-v-124cb3e8] {
  position: relative;
}
.chat-thread li .detail-state[data-v-124cb3e8] {
    display: inline-block;
    padding: 5px 10px;
    margin-left: 10px;
    font-weight: bold;
    border-radius: 4px;
}
.chat-thread li .detail-state .done[data-v-124cb3e8] {
      background-color: #13ce66;
}

/* Chat - Speech Bubble Arrow */
.chat-thread li[data-v-124cb3e8]:after {
  position: absolute;
  top: 15px;
  content: '';
  width: 0;
  height: 0;
  border-top: 15px solid #fff;
}
.chat-thread li .avatar[data-v-124cb3e8] {
  position: absolute;
  top: 0;
  text-align: center;
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 50px;
  border-radius: 50%;
  color: #fff;
}
.chat-thread li.user[data-v-124cb3e8] {
  margin-right: 70px;
  color: #0ad5c1;
  text-align: right;
}
.chat-thread li.user .avatar[data-v-124cb3e8] {
    right: -70px;
    background-color: #03a9f4;
}
.chat-thread .message[data-v-124cb3e8] {
  position: relative;
  display: inline-block;
  padding: 16px 20px;
  margin: 0 0 20px 0;
  max-width: 80%;
  text-align: left;
  font: 16px/20px 'Noto Sans', sans-serif;
  border-radius: 10px;
  background-color: #fff;
  word-break: break-all;
}
.chat-thread li.user[data-v-124cb3e8]:after {
  border-right: 15px solid transparent;
  right: -15px;
}
.chat-thread li.teacher[data-v-124cb3e8] {
  margin-left: 70px;
  color: #0ec879;
  margin-top: 10px;
}
.chat-thread li.teacher .avatar[data-v-124cb3e8] {
    left: -70px;
    background-color: #4caf50;
}
.chat-thread li.teacher .message[data-v-124cb3e8] {
    background-color: #299933;
    color: #fff;
}
.chat-thread li.teacher[data-v-124cb3e8]:after {
    border-top-color: #299933;
}
.chat-thread li.teacher[data-v-124cb3e8]:after {
  border-left: 15px solid transparent;
  left: -15px;
}

.message a {
  text-decoration: underline;
}