html,
body {
  height: 100%;
  font-size: 100%;
  font-family: Avenir, "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  -webkit-font-smoothing: antialiased
}

body,
ul,
ol,
h1,
h2,
h3,
h4,
h5,
input {
  margin: 0;
  padding: 0
}

body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-user-select: none;
  color: #3f4651
}

ul,
ol {
  list-style: none
}

a {
  text-decoration: none;
  color: #444
}

a:active,
a:hover,
a:focus,
a:visited {
  text-decoration: none
}

.btn-default {
  border: none;
  background-color: #ebeef0;
  color: #838996
}

.btn-blue {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  background: -webkit-gradient(linear, left top, left bottom, from(#77bdd2), to(#68b5cd));
  background: -o-linear-gradient(top, #77bdd2, #68b5cd);
  background: linear-gradient(to bottom, #77bdd2, #68b5cd);
  border-radius: 3px;
  color: #fff
}

.btn-blue:focus,
.btn-blue:hover,
.btn-blue:active {
  outline: none;
  color: #fff
}

.btn-blue:active {
  background-color: #ddd;
  border: none
}

.popup-layer {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: #fff;
  -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  border: 1px solid #dadfe6;
  z-index: 999
}

.popup-layer.show {
  display: block
}

.popup-layer .title {
  margin: 28px 0 24px;
  text-align: center;
  font-size: 16px
}

.popup-layer .form .form-group {
  margin-bottom: 18px
}

.popup-layer .form .label-control {
  float: left;
  width: 130px;
  padding-right: 15px;
  text-align: right;
  line-height: 30px;
  font-weight: normal;
  font-size: 12px;
  white-space: nowrap
}

.popup-layer .form .control-box {
  overflow: hidden
}

.popup-layer .form .form-control {
  height: 30px;
  border: 1px solid #d9dde5;
  border-radius: 3px;
  -webkit-box-shadow: none;
  box-shadow: none
}

.popup-layer .btn {
  width: 120px;
  height: 36px;
  float: left;
  border-radius: 3px;
  font-size: 15px
}

.popup-layer a.btn {
  padding: 0;
  line-height: 36px
}

.popup-layer .btn-blue {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#77bdd2), to(#68b5cd));
  background-image: -o-linear-gradient(top, #77bdd2, #68b5cd);
  background-image: linear-gradient(to bottom, #77bdd2, #68b5cd);
  color: #fff
}

.popup-layer .btn-cancel {
  float: right;
  background-color: #ebedef;
  color: #838996
}

.alert-popup-layer {
  min-width: 240px;
  min-height: 116px;
  padding: 0 22px 22px
}

.alert-popup-layer .btn {
  width: 90px
}

.mask-layer {
  display: none;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  z-index: 9;
  background-color: rgba(0, 0, 0, 0.2)
}

.change-email-popup-layer,
.vcode-popup-layer,
.edit-password-popup-layer,
.edit-infor-popup-layer {
  width: 411px;
  height: 249px
}

.change-email-popup-layer .form,
.vcode-popup-layer .form,
.edit-password-popup-layer .form,
.edit-infor-popup-layer .form {
  padding: 0 70px 0 0
}

.change-email-popup-layer .btn-block,
.vcode-popup-layer .btn-block,
.edit-password-popup-layer .btn-block,
.edit-infor-popup-layer .btn-block {
  padding-left: 70px
}

.edit-infor-popup-layer {
  height: 290px
}

.add-teacher-popup-layer {
  width: 230px
}

.add-teacher-popup-layer .layer-content {
  padding: 0 10px
}

.add-teacher-popup-layer .form-group {
  position: relative
}

.add-teacher-popup-layer .form-control {
  padding-right: 60px;
  height: 32px;
  border-color: #dfe3e9;
  border-radius: 3px
}

.add-teacher-popup-layer .btn {
  position: absolute;
  right: 0;
  top: 0;
  padding: 0;
  width: 50px;
  height: 32px;
  line-height: 32px;
  border-radius: 0 3px 3px 0
}

@-webkit-keyframes rocket {
  0% {
    opacity: 0;
    -webkit-transform: translateY(300%);
    transform: translateY(300%)
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0%);
    transform: translateY(0%)
  }
}

@keyframes rocket {
  0% {
    opacity: 0;
    -webkit-transform: translateY(300%);
    transform: translateY(300%)
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0%);
    transform: translateY(0%)
  }
}

.icon {
  display: inline-block;
  background-position: 0 0;
  background-repeat: no-repeat
}

.login-container .icon-close {
  display: block;
  width: 12px;
  height: 12px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAyUlEQVQokW3PvU7DQBBF4c8r/hoQz4ToECQBUpJnowoEJRQYUHgKV25dIlHQ0BBS0YylxexUs6Nzdu5UTdutcIIZauWa4BavKeBjLHFegK+wwBFOE26wxV5IFxl8jTvs4gezqmk78fMypC2m0c8zeIx1L5SkhB1s4oa1GPZVR94+3j94KMABquydsG8wKB24yTY9RP4/wjTgPsZ4EG8R0aSA5wF/B/yGZ1xm0j1GVdN2XzgMeBJwXmd4DOkz4QnvGBVgeImtH6h/AYt4Otji9uEjAAAAAElFTkSuQmCC)
}

.login-form .icon {
  position: absolute;
  left: 50%;
  top: 50%
}

.login-form .icon-phone {
  margin: -7px 0 0 -6px;
  width: 13px;
  height: 15px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAPCAYAAAA/I0V3AAAA5UlEQVQokd3RoUpEQRTG8d/uHcSLIGi4QWHZYLRq1GQx+A6+gUnsBjEJgr6AiG1BBGEfQKvFZlERwzQRvBhGDc6FDV7X7FfO4Zvz/86B6ezuHwecYg2Fdr1iL9XxKGATq9hGbAE6WMJBUVZnAX1c4+aXLfCELcx0s5HGAI0+oTtu6if9RyjkOoX5vy5poBUs5n42h/D9Fc8j0OToeYNUx16qYw/nWM/wQ+Pnt7dm0zvmRtIucJgDh41ZlNU0JpACBtgpyuoKL3nmLtd+UVaXuV/APR5DquNtUVbL2MhJbRriJNXx4wssfjn7IVkwAwAAAABJRU5ErkJggg==)
}

.login-form .icon-email {
  margin: -6px 0 0 -7px;
  width: 14px;
  height: 14px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAOCAYAAAD0f5bSAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo4MjY5Y2ViMi1jMmIwLWRlNDEtOTA1ZS1jNjBmYzRlNTg3N2QiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTcxNEVCRjRGNDFCMTFFN0JEOEJENUU1N0M1MzJCNTUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTcxNEVCRjNGNDFCMTFFN0JEOEJENUU1N0M1MzJCNTUiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NDkyZjcxM2EtMDdhMi0wYTRhLThkMDEtMTNhNTJmNTk1OWUxIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjgyNjljZWIyLWMyYjAtZGU0MS05MDVlLWM2MGZjNGU1ODc3ZCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuAxY0UAAAECSURBVHjajNGxagJBEIDhVSSN2OQJrBUixMIiXQpBG8GAoC8gNtr4BlaWKkTFRrCz8JImWNkFm6QIaJ/WJkXQQozoP2EOTl3FgY+93Zthd2d9tfqz8YQPFZQQxjfaaGDnJvnNYTTxhAJCOmbR8iYFPN8xZBDBUtc+kcYcPXwd7/SIkafADZk7+v/keFtzOba2ooneJ3iUHNR7TWxFMz3eG+K4wb3OHf1v7d4LovjAWhsh81db92TsIIUu3vGDWzxggDGK+HN36mnL83rEBTY6jnT9TvP+d0jqW+SwOtM5Wa9iKPmyUxl9y/sYy3tJXlmKEpia60LyEgFtrWOuj9+9AAMAGgw26b60Uh0AAAAASUVORK5CYII=)
}

.login-form .icon-lock {
  margin: -7px 0 0 -6px;
  width: 13px;
  height: 15px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAPCAYAAAA/I0V3AAABDElEQVQokZXSsSuFURzG8Q/nTb2KQdc7YLjJrMTGzqIoBmU3Ku7ulr9BGSwWuZnkD5DFYFcGi4negeHSW+q9Ge5Lr+te8dTpnM7zfH/n1zmnr16v61SIkwGM4DnP0vdOv78jXAlxcoIXPOIlxMlJiJNKOReVgCFcYxwN3GIaG5gLcTKTZ+nbNwg7GMVsnqV3pWIHuCz8/c725nFcBiDP0hucYeGrvRAnk1hGFVmIk9qPm2EM1RAn27iIcIUnPGAQi10ghb+J3QgTqOG+R7isKZz29zBXcYSVbmYvaA1bWP8PFJAX85+hVyyh+R9oT/uh693MCC0MF+NTTZwX6/L+MFqR9j87/OXUslpofABU8Tqsos4B6QAAAABJRU5ErkJggg==)
}

.header-menu .icon {
  display: block;
  width: 100%;
  height: 55px;
  margin: 0 auto;
  background-position: center
}

.header-menu .icon-mnks {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAA5CAYAAACGRC3XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NUQ0QjQzNTQyQjM2MTFFODlFNkVCRDgwQjNBODMzQUQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NUQ0QjQzNTUyQjM2MTFFODlFNkVCRDgwQjNBODMzQUQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1RDRCNDM1MjJCMzYxMUU4OUU2RUJEODBCM0E4MzNBRCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1RDRCNDM1MzJCMzYxMUU4OUU2RUJEODBCM0E4MzNBRCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoinAiMAAASnSURBVHja7FpJbBRHFK2q6ZnBG8aChDVCEIwEBEjgYFkRHEAgiBLghhAXIgFCCJCQ4Mgpt0hcIEpOUcIJRwoSF5RIAYTwgROryGKzCBBriGyw8QKe6eZ9+k9cbnra0+WxZ8auL71Zqmdq6r96/1dN15cvu/pWCiFc4BrgCd/qgIXCzNqAV/Rict0kUe6mtGeltfcb9tefc75STOVpH9DUEMeeiAozFXEtG7OvPqBzPBEQ154aqqak5kRcS9BD0klMTaWdTUrKtVKKORGfdwsk4AXwG/ADcANYCuwFNgANRfDpDvAr8BNPSqRJXgUErwI52aeBT9JpZ3465RzF649Ggfxu4CSwjVedYtttYAvwp0kIVCeTiWlw/rtRcj631O4eJefJFgC/AzMLCYEMS/h/AuD8Zjx/qH/Y80Q7Hh+y1OUQKUnZw6tHmHnc/wygOU/o0RgusWxVsP9hzOXPk9PLtXYK2Z3AN1EhUMUDz2jt0+tqJ7Ui5htzP+C63qmBgewv8MSVnB90g2LuKCWj9g9EwhtgHfAt7ZMC4XAY+ANIxXReJ5DGtR/Yo6n7OvBplAL6wuITzs/SZv42OY9hJZX/nUCykxk4T4Ouiso3QA1wBqC8s0u71sLt0zWy4prkiTwOfK4pYa5JDugNTN4DepCD0pU6VEJ2BNtCkLOakMTUxu0irP8C8U6ITF57cDUz2QdkhshXvuvovZmh2HcSqjPmTL0XQYayDwuzoEJd031AGFES4dCP3rNKimqlVKfjqH8NJKsKIGVMNngFEYBZ7kaMP4ObqWRSbUQLVgfve7T3DSex8bIVzmBH+B8y/X04vQLpbjOeE4EwqUhzYv5nJ6m+5iQpxTgwZZhoXDFOTIkJbpYAS4AlwBJgCbAEWAIsAZYAS4AlwBJgCbAEWALGzGS5TEQpfpjuKCVCxuFNFALoN+nk9g2/p+e/SqUCpwS/SXdh6eRmn/CPyK4A/3D7hCCA5E8HoOeA8yz9em73KoEAyQP1RpADSO5ThH93WWl9ikohgM7y6CSWagKyw8R7Fcd5NiBzKcrgVMmEAIrZ9cI/g6fz/JqQZS03o50c77OYiPuizA5UCiUgywOn2D0NNAE7GF6EUzeBL4FDwBLga5710SbBLQYB+rKUYslTPU83O7Sa3+c7H6RCq0esECLt7BhIPlckkYzYdBVMgO7Ycs7Uz4Fq4ZfDtmjKyDcLRAKVvl3mz9by4FJ5kl6/GKz3MUmudFr9AbAsjx+xCLgnBuv25gNHgGNAF6tjaozB1WlLYAcnz3pNZQPcbwMTnDVwnoibDRwAPtauPTMlgIoNP9PefwWsAm4NE/dRlubv/whcZSVkmQgqlNzKM/jagAAaTyMvr7pdjIwZz8u7/NIMXRARFVYjMCqFawXuMgmLgTWB2C2G9XCuumJCANki4ZecNlXgP11S0UHhl+QKUwLIqLhxO/AFME2Y1xRQMpoXItGgPeA8YbpNp3xC9cI/C7/0ToyUAH05qWeZxi2QcHk3mKsPbA4kKrp2gzdWJ4DHHBom/zR7WfqFORWDgGLaUk0NLi+vf/Psj+2dmRIRUDZm7wlaAiwBE9veCjAA2iQLnS01e5YAAAAASUVORK5CYII=)
}

.header-menu .icon-zxxl {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAA5CAYAAACGRC3XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NUQ0QjQzNTgyQjM2MTFFODlFNkVCRDgwQjNBODMzQUQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NUQ0QjQzNTkyQjM2MTFFODlFNkVCRDgwQjNBODMzQUQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1RDRCNDM1NjJCMzYxMUU4OUU2RUJEODBCM0E4MzNBRCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1RDRCNDM1NzJCMzYxMUU4OUU2RUJEODBCM0E4MzNBRCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PsfL+mEAAAL3SURBVHja7JtfiE1BHMfnssTu0hLasB42+0IeFC+UiAeUzYNWtq7a8iepXaxEoSgb4QEpadG+bNLuJpI8UFLyL3nw5sEW+4DaNuzKbvb6/jqjnTvdu86cnXPPzJmZ+tSde8+Zc+d7f7+Z38z8biaXyzGXyyTmePECuC5A2QTvXwCWg+kJ9mEIvAFfSinAQnAVbAEZA37IUXAHNINvKjdmIswCNeAVqDbQoj+A1SoiRBkDbhjaeSp14EqcFrAUvBfqP8Bh8Ah8T6DDVWAbOA2mCe4wP/SYQAIokM3ll6zi/XHRLH2vzWHvVXWBSqneZYjpdxewjJLEAb8MEeCnD4S8AMlEgsXKBtCqsf1PoIXPOlYI0AZWam7zKeiwxQX+xNDmiE0usB8cEIITHSFul00CvAU7/SzgBfACOBsH1IImMEVTex/BdVq72SJAO1inuU3a5OixxQWqYmhzlk0ucAGc1OgCveC+TQJ0cvws4AXwArgpwCHwm8/b/6MPLEubALQQmhryWtrC3pQ2AT4rXt+XtlCYLGBryPbpAONe2gToBzc1f8/FoKLI55WmCaCrUIdPgD22hcI6ykzwGKxwNQ64FHfnTbaAeSx/T5FOfC+Duyz/GIySM86DtcJ7A+C17QKskayTxoG2IqtOsfN0cLKRBbvIVrvAXKneXuAaWm63CvUhPvW+TONa4KtUPwhOCfVh0ACeuLAY2gUuCnU6hcqCBy6sBneAa2wsM40WU7tZkCFm1CywF7xjQf7eOTAjZPR4bJzP61lwODpZeI9OjG8lOQ1SsFIoOYoSKHu5hdWGFGC8cHY9/5XFPcbjTDEjrGBRTEZqlJKRjsSU9LRPes6gVD+r61mqFvCC+90/HzwD5rBgv17n8fUiqV4uvKYM1aO6HhQlU/Q22J7QIEhjQBPTeEIURYDZ4BlYUuLOd3PhtSZfRJkGabRexU1xsESdfwgaWQyZJ5kJ/mWGMkDq+OIlzqzx5zzUZaYJYH3x5wJeAC+A2+WvAAMAFaYaM+ochVEAAAAASUVORK5CYII=)
}

.header-menu .icon-xszy {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAA5CAYAAACGRC3XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NUQ2QzVGRTEyQjM2MTFFODlFNkVCRDgwQjNBODMzQUQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NUQ2QzVGRTIyQjM2MTFFODlFNkVCRDgwQjNBODMzQUQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1RDRCNDM1QTJCMzYxMUU4OUU2RUJEODBCM0E4MzNBRCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1RDRCNDM1QjJCMzYxMUU4OUU2RUJEODBCM0E4MzNBRCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PsaYkcwAAAZPSURBVHja7FtpbFVV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)
}

.header-menu .icon-teap {
  background-image: url(data:image/png;base64,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)
}

.header-menu .icon-gtec {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAYAAADFeBvrAAAD10lEQVRoQ+2ZS8hVVRiGn1fNCB1odlFTQpCgif5QgxAbNPBuakEKSQjpwC50k8RAByIqXlAEUSQSdeClSRdLIQUn4SAKIhEhTVC8X9A0QTLd8v6uc1odzz6X/+z9n9PP+UaHvdfZ63vWt7613vUt0cNMPYyHng+UJMlI4DNgMvAU0KuFongPuATsA1ZKOlHq238ilCSJIb4E+rUQRJort4CZkgxXtCJQiMyv/xOYAoChOuJIxUCfA/MiWDf+HrjYQtF6GphSMuhbJc0t+BgDnQGeCS/+AuYAp1oIpuDKs8B2oH94cEHSkHJA/wC9w4s9wJomwHiAnccHgEeBaWFRugEcBDxrbJ8Cs8Lve5IKfv+7bCdJkkQAG4FtTQB6DPDUXwA8DqwKg/wEcBp4C7gNzAY+LkZFKs60eMrlBfQ84K3AS+yxLg6Sp9RXwFJgP/Am8EkzgMYC66FzJnjAPKo/dhHKILuAHc0E+jBMkwLDTmBdF4G83+xuNSA7tLYN9GAE2hHKY5UrzaH2lIvyrdum3KSwo/ctk+xDgSej51eAs2Xa/Q18G/aYtDXDsuxPwLIst31oAPBDRmemu8AE4HoNq2BuQMOAr2twoNYmMwCL5GqWG1AfwELWCrhRs7K34LRIrma5Abljy/gXgXI55Px6OfLuMPBdSg79HPKjGozf5wpUyYEsl+24nzZQVuehdoRqSaB2DgFZTbn5JZWkL4DNNUahUrOmLQqDgNXAc8DvwELgagZAddcUPIoezVY11+HeKTinlCKJBeIjodE3wLJWpQGWANODf3clWbF0Wlz1OQmMCM8N9y7g0nCrWQewKVImpyUVpVcM5OJFsdYFWP1aqpwDXPWvZn/UKFSHu8he7WNl3vsWxMeRMVFB1M02SPqoXIQGA7+VnF/q7dfl46MV/vRSqMi6oJiFXQZGSbrwEJAfJEnyArAXKNaK6+zVI5VWd3sFWJ4iYuvsprP5eeBVSb/Ef37oBi9JkoHA+8BUwFGrdMvnRcRtCpYG5G85kYs16HCr4Vytx1z3cDSs2DdKulb654auJENELfsrAfmM41p1fBPo24O5kpynmVreQG+H/SLuxyrkA0lxlSkzqDyBSpW2AVZIWpyZ92U+lAeQl/pFwOtRf4ZZJMkyKFfLGsi5Mg6YGHntPHlP0pZcScLHswbyUhov+Xd8tSnJ1yDdYlkDxU77pu0NSeWKIrnB5QV00+JR0qHcPE/5cB5A3uwmSvqpu2HcX6NAo0sUuXfx8ZKONAMmCyBLGV/mWqe58vmapOPNgmkYqJmOp/Xd0JRrA3XDCPS4CN0H2Kx9RJ5B1VIAAAAASUVORK5CYII=)
}

.header-menu .icon-gram-lv1 {
  background-image: url(data:image/png;base64,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)
}

.header-menu .icon-gram-lv2 {
  background-image: url(data:image/png;base64,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)
}

.header-menu .icon-solu-lv1 {
  background-image: url(data:image/png;base64,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)
}

.header-menu .icon-solu-lv2 {
  background-image: url(data:image/png;base64,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)
}

.header-menu .icon-wrsp-lv2 {
  background-image: url(data:image/png;base64,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)
}

.header-menu .icon-reli-lv2 {
  background-image: url(data:image/png;base64,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)
}

.header-menu .icon-test {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAArCAYAAAAOnxr+AAADW0lEQVRYR+2ZW0gUURjHf7MXl902Jc0LUdGNoCjSBLtI9VBQT70GUVEURL1G1Eu9Fj30VBS9hE/Rg0RQUJhdrCwwKytNFHW1i1He1tRxd92Z+AbGS6U7e3GnYM/bzvnmnN/8v5n/d85ZBUDX9VzgJLAdyJNrNjcN+AJUAlcURRlTdF0vAGqB5TbDTTf9XWC3gF4Fjv6jkCbWfgH9BhTKlaA6SnvPgO3MDhRWL5iP2+k0WSoFVN4HRa5UNweobu6wHVQAjpQXsyx/nsnyVEB185dACmyqW77fh0MxtPijjWka/SOjaBMYRszh8mKWT4A+Swvosa2leNzjaZwC63I48LhcPG4J8Lzt83ifLaCxMjR/jpe9ZWuoC3zlRYe4kk2KxgKV/gK/jyNbSjh3r1Z83Z7UWwGVmFM7N3O1pp6gGvq3QU/s2EjFiwZ6htXEQJfm5uByOqwKQ6A3SEQT14uvJQ16eudmsr0ey7NerHppqBJvSxlo39AIQ6FIzPlv1H0gOBqOGfd7gFhVVNMQY0/InkxFb71ppq6zO24AqzeIwQd6B4hqCX716QLdt2Etd961MqCOplfR3WtX4M1y86Sli95hlbIlCyhZVEhBtt8oqd8Hh4xqVP9J1kVTW1pTb2biQVM7JYuLyPP7/voWSP/Dls4pfbaACkH/sEpNaxdN3T38DIUpmutj15oVrCzMYyyqceF+LUPhiQ81KVA1HCESndkff6ohLtfUG+qYir7u7OZ2Q8sf3upzu4xq5HY5uVnXSMOX78ktSuLx0UE1xPn7srOZAL3+/C2tP/r/mvbjW9ezMDeHqqZ2Hk1Kf1KKVjW28f7rjxndRtM0+tSQZdA9patYt6jIWLBPXgsnBRqvj5qZmEnRDGg8lSmj6HSbu0RLaEbRWIpaMXzxpWs19YZF2aao1eWauXBOO2iu14PDYX0rIgcKUV3HvE82a9NtTeZ6svC4nIyEI4xExpIroVaVTGVcQpUplQBWx8qAWlXKalxGUatKWY37rxWVVW6WPOmrQDcPPrZbfejZi1Pg4KZ1FOX4zTkeykHuG6B49mZNyciXBPQAUJGS4WZnEMl4sXGwruv6WeAM4JqduRIeVXaEhxRFuT3+D4Cu64uBbYA34WFTe2MfUKUoSlCG/QVRqj1IoIPTrwAAAABJRU5ErkJggg==)
}

.student-home-panel .icon-edit {
  width: 16px;
  height: 16px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAuklEQVQ4ja3SPUoDQRiA4WdlSIhnSGNI6QEkN7GxNm0aOzGsB7CJV7DxDGlyAAtrtfEC2izEHyzchRDW+QE/GBgG3mdgmGp8/X2BSxyKzwcmeN09DFhihpcE8IX3dl/hBicBQzzhLQF0U+EW57g7yIz64nuclQD78Sk+c4HeGHKACqu+OAfo4nlfnAKScQpYJOIRHmPAA+q/bsYAxyECrNsVndKP9P9AwBZTPBe2R2gCrrDx+6ol06D+AR+iK4T5fNEHAAAAAElFTkSuQmCC);
  vertical-align: top
}

.nav-container .operate .icon {
  margin-right: 4px;
  vertical-align: -2px
}

.nav-container .operate .icon-push {
  width: 11px;
  height: 12px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAMCAYAAAC0qUeeAAAAxklEQVQokX3PLUuDYRTG8d8enzCLokUGYrJazMuyYFgRtA2L4AdwYFlZE4P7Doph30Lj6qK2xTm2wURwajmDmxvclc51rj/npbLf/ZHpCsd4wz2Wq6DIwCP0om6jkYY5vI3PmD4K/y+8VgVu8I1fvGT5Y/SXeChxgTv0A1g9dI7NqOvolJiF2cUWvtDCJQ4CrmFa4DrWT2JqM4ATVPGOV5yVGOI2WXea3PyMp/TBXBXsYCMPyswPscAH5hisgyc4xB7GmKbhH8OEJ0fWemLWAAAAAElFTkSuQmCC)
}

.nav-container .operate .icon-refresh {
  width: 13px;
  height: 12px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAMCAYAAAC5tzfZAAAA9ElEQVQokX3SvyvGURTH8df367soiwwiTH4kRT1J2bDIgrLgX1DK5B8g/4EoZbGJgUkGZbDIZnrKIpNBkh8DHgb31u3b8/gs59Y57/s5556bdW3UJGrBPEZQww1O8ZEW5cl5FndYxhNesIIqJlOoCHEa+1jEeZLfxAJOMIXrCBXYxloJiDpCN3ZRie2NoxkHdYCoHfRjMDr14TYMXk9NGMIDZvCZ4xmt/7h8YwkD2EJngSsMowf3DcB19OIQl1nY0x46MIevBmAeR4h7WkWbv9cbSwor4fZRycwRescELnCMN7ziLLRcTS2z0jeKag/xET/l5C/WXTKFalhZMQAAAABJRU5ErkJggg==)
}

.add-card-form .icon {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 18px;
  height: 18px;
  margin: -9px 0 0 -9px;
  background-position: center
}

.add-card-form .icon-number {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAASCAYAAABrXO8xAAAA1UlEQVQ4jY3TsUoDQRAA0HfHYsTCQsQmYm/n/4idVUTEJtgKCpLaDwiksTFY51/SiIUIAbEKaoxF7iRczsxNNTvMY4dlNtu/+VHEIXbEMcZrKg73OGuA4BOXCQfooIdHzNagTVzgOsceMgwDBFOMsJsvFb8bjjqHVCm2A/ReJlV4HsAni3FX4FUA4agObgdoWiZVeBfAB3zUwU4AKUbNo67/onrjIOjvY1IHTxpctjJqqwH6MwnP+LJ4mKH1q7eFY7wkvKGL26IYxQSn2dJH3hAvQAnnv/CQJjM34s8iAAAAAElFTkSuQmCC)
}

.add-card-form .icon-psw {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAARCAYAAAACCvahAAABDklEQVQ4jZXRzypEYRjH8c9MJ8ZisrHSuAE1UrJSNkophSwUCyWxkbKyspsssHQFyqhZULgB3IGUmxhmwYbyZ3FedRznHM1v89bzPt/f73mft1RrfMrQNJYwiCdco4VfzVEK6sUpFlP1FWxhLpiBcqrpKICXqAfzOpqYCMaZyVWs4wzLifpDSH7FBkZwn04eRQWHsrUXzrFkcg8WMB5qs5jKMYBJfOCqVGt8NsWL6BQAaVXxGIUxWjjuAp7BbnrbSQ1hDcMZd1/8/aqkDsRP2UdfVkMRXMUF2ujvFv5XRXAHqxjAc7fwDl6wjfeshki8uSyTNs5zjMs/8K34S+YLpkirgrsImziRs9EcveHmGxMyLoOKT9UsAAAAAElFTkSuQmCC)
}

.train-list .icon-down {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -5px 0 0 -5px;
  width: 10px;
  height: 10px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAlklEQVQYlYWPPQ6CQBBG3+iGO2hjrD2FhSRkOyprraQyFl6DDjtqOqoNCSHhEl5BrzE2YPhZ4+vmm5cvM6KqDNlnWgLaJhIPc8MEWbKdZn5xlvwSA78o/Y1hoQdgB9wABVLgWR+lGTUuAjbdsicFzrNGgMhxAbJuTCrLwysC2JoTgAvJRzfaVu/A2v/Cl5cRwxVY/RHfH4X0Jdm6Gu8VAAAAAElFTkSuQmCC)
}

.study-operate .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.study-operate .icon-play {
  width: 21px;
  height: 28px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAcCAYAAACOGPReAAACG0lEQVRIiY3VsY7UMBCA4X+82W1WOmhAdHQnUVJRgGgoaECiOCEEFQWIAh4AHoCGBwDe4FqKEw3dUYAQICokSigQWwG6O3b3Yg+FncRJ7Gwseb0eOZ+ScTyRlVWALeAhsA18AZ4DSyHROsFpYpEE9C1wMYp/ErgB/BgCh9A5cABggUlz/QLYAfZzYA41QFFN/lk4svX1p4E3wP0cmAljugEFDmw9nSG8xOd4OgbsofHCQ+vTEdoD/F2f2gS20HihhJ+Vg7Wrw5eBDwLnN5geTYFVrFSPh/BZ/MbdHERTIJ2YU1g2uZgDu8BTEntCLyitoTdGsACPBV5ZZSuPbgCrceXAaj2/BryzynYfHQlK+GNVOVatjHPAe6tcbdBEDodAwWOqsHY1fBLYc8o9AFk7PQH8Bn+ixoDdNVMj1XwJzHu7lwPJgCZ6/YCPRnAFUeuCRGAqLYVp5W8fX4DSJ6oKyAA4NRKDL4ArRlhAqFD5E9UHDVA0OTwGHhlfdOrWf/wBcCIwkRpcADtGQr2N0dZjD4CFgGnAz/gvw/cuWD1N+04T4MxIDO4Cl3JgD82BYe6AJ8Bt4CgHQiqnYax2OMz/AHeAvSGsh8ZgtSFh/g2fv69jQOgU6eruIvA1cCEHZj98Aof4zqx5/xB4Blwn1IWxIAClU0qnd0unf0unWjr9ZZ3esk7JdRd11X6XsilfM+CMwE/8SUm29Hvdbv8BirS/arLuIqgAAAAASUVORK5CYII=);
  -webkit-transform: translate(-40%, -50%);
  -ms-transform: translate(-40%, -50%);
  transform: translate(-40%, -50%)
}

.study-operate .icon-next {
  width: 28px;
  height: 28px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAcCAYAAACdz7SqAAABkElEQVRIib3Xv0tVURwA8M97OWQYkWhLZM4FElKzQVRjGIQNIhkNgi5CTf4FNryhoa0hAqV/IBqKBHPQHgiPWsICSQIJClHwV2XDuc/B3sP3zq3z3e75cT+X77nn3O8tlCtLcApjOINXmMKe/FHATZzFHOahJet4g3PZwDu4gbvYyAk+x63seg/3USqUK0unsVJjUiV7yk+R6Hm8P9C2hvYijtSZ1IMFXItEu2u0ncDx4iET2/ECDyLhmnEYSsjEQ0zjWCq0GreFN7A7JQoX8A5XUqLQgZcYT4kS9ncJz9CaCq3GIN6iKyUKvSijLyUKncKZPZQSJazzZGqUv8/a/46+xkBKtITr+N7I4Jac2CbuCR/9hiMPuox+LDY7MTa9M7gUA8aij3AV32JAmkvvFkbwNBZrFl0R1q+cF6Sx9M7i4r8CG0EfCx/s1Yh7/6rT/ruIHzUGbAv7bxS7ESB8wM8DbZ+xXsQ6JrCTdXzEZTyJxKrxBcNCrUuonwehkP1WQBtO4qv6qYmJo0KJs1/Q/wEmQUxXnyf8KgAAAABJRU5ErkJggg==)
}

.study-operate .icon-prev {
  width: 28px;
  height: 28px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAABgUlEQVRIib3WvWsUQRgH4GeX2HlBLERsgyQIQgpDKjkRU6QQDKazE0HBFFaCYBT8HxROEFEQSxMQWyFE8SPFcRZapJWAYHMR8S7FWcwKh6xxd2fZX7Mwu7MP8777MclWbxtmsIAfeIahetLGJfxEB5+Trd72RTzHgeyiLk5neNWkuItVJNnYLmZS3BzDYBYXIrBJrOHOGAYtzE7gaM6kVkVsGuvZMS9JWvHGeTmPD/tgCLWOTSL0ak0o576ZiMRaeIKlohNiwOPCqk6UmVS1pItCv0phVcAEt/ASh8pilCvpQTzGchWoLDiFFzgZgxUF5/EKh2MxivXwdl1YUbBbF1YUvIcHTYJ7uI4rGDQB/skjnMHXpkB4hzm8bQqEHZzFw6ZAQi+v4pqS+5/Y/2FHWO1OUyC8Efr6vimQ8OS2hY/7f8FRTegAl7EivLv/BD/ljH+JgO/jHL7lnOunuIGP2cBQ2MC+jgBhA6fG7jPCU2wm2VYfjuAX+pHY3zkmlPs7/AYNc0aN1UZUIQAAAABJRU5ErkJggg==)
}

.study-operate .icon-set {
  width: 31px;
  height: 28px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAcCAYAAACZOmSXAAAE7klEQVRIiWWXz4uWVRTHP98778z7jimWWWAWaIJIargxHRHaRNAfEIVb27SoVkJBtCqIcBEVQRGEtIlo06JVbcqkECtwoTRKQTkRTIrjjybmx/22OPfe53nshZdneN5zz4/v93vPOSPbzH2+gqdA4h7kp0jcduJLiTUnUALLIECCZCR2W8yRuEjiLHL81uzq1yAes9grccYwLwHACAALsvcgviHpfgxkn3PicTL/QDiShJMhc4zEx8BMsX1X4kXXgInyMaC3wCfKizXEc8ApA7LN3GcrWPpUyc+0wzJOeoHk91BUTzJGKHnRYmsgUgN6L+JCINMq3oV8uSJiCclLiC2IHDlmkL09qihfC8z2+BucwVlRjLU1nvUskLUFl/qyiw+2NTuDbDCbMZvwAPZyMBlX4wxOoKzgnIJKDu5N8OsWVOVgQcOFLwjE6H3sEjz3nCIkwnEJjBywVwQKDa7OW/RSSHGOO/77gY2R6AXvV1WDlgQggopQeo2nlnQR4qCQovwKexMhDYMCe8dfB2vNN66QKh25vC3CcgYlN7RdE5CHvnrg1PpHR05m0BTctz40Lo7T711+ckF59yqSC6XlidD56RZEgnxwpYt6R/B0esLIFZ3Cd1RvmKaDV53DgDZK0YpgJJgx2M1/s6/6sPAKMEPYFr2MmDaIaZbTDq1WvQimQBt9r8bGVlRqEJrhWoJbapRqAt6cH9QMuCYhwbJmdXUKXU+oCNGb1mHEA4y9pMMfrAG8DzyP7oAocZvMTsRiFYrNR8LH3fRQkJMWMXuQrzXoR5z2Okc7moUwFpeB/Tr8yco24AqDSzEg6FXgjZLTDsGvDG8OvXOvAG+WFweAn/sWpirdAMdH3uA9GlwEt6tahL4fCvfwSJVA43fgmr29a7+voVJYqO2m6GjviLvygks0qV+zwcLyQi/fBXWJlE47wGuhd3ah0YJK1cU2XF/RoW+Xwf4K6YnhfTLAOuJRWRciKQt0BnluAE+EXkXsA82XakfAPGJnVDTAagnYk5gYTzhG5gYTwxgYZzwDWpr6gjEXPGuYzXiCmfhpG+JcxhNgJoN5jTHzjI1nDROvaY2XmTZMDBNgNs4x9rNM8l8jpo1gUeemz7PZR9lgWAfdTLDOvB9a6+CKjr+QLk3jjUbj0tmWE9jfedcag89y+lP/KpIZOeBeFYjv2VIHS0V0SXCjQF83lp6vxptBtwS3i1STB5IdHLBgmc5fUmNs9MOBDcy9k1sg1xDRwNG5mTYilehWoxqsdkYbLpdaUs+29X2VLloK+3sqKg8FV/2qcypHa6ybSTXuTb9WIUK5uwYxcGgT0+2c2jhuI1VlRep5KywzvFu4C+xQgfpTMDkqrBNPsR+0pKjjuTdSbcWak+KyO1WIIlvqbw3uMssKlx0FZdGolffeV9SkeNcE1zpRXZ0cq89gtld+26z2HRRokED8LtxLVBXJ1K8cx2pcYB2uwW5dqvZOWd3ikNw9GyoKpDINduPuXNNsXIk/+v1S0VKvxNapbqkMm0W3Lbc+dTXoUYjXgL3w/y2X67JuKKsLLngdWAxDYftHZ0415ZrQRAQ8gbXWtl7rQ8xFbMhFgBnI+s2Zt8NOkNM6mZecsbPjn4YjJ3N0bflu0JPIN5G+Nl5VKjBV+Ns/Cn6YxCHEL4if6N/rSlf3PIi8mymdRb5E8fEfH2DAY/z2I5sAAAAASUVORK5CYII=)
}

.study-operate .icon-pause {
  width: 20px;
  height: 27px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAbCAYAAAB836/YAAABY0lEQVRIia2WO0oEQRCGv2p3WQNBRDyBiqgXMBCvIJgbeQAPJsYGm5htbGJkLMqqCD7YxZ4ug3n3vLZnd6Bg+P+ej6rqrmZkHinJsw18AlEqCN5TETJ1ayh8ABjgGHgE3oBn4CIAdglMBd6t8mCVPZlHOnFw8hvByMBQ+BbYAWYdsE3g1TpGVmHdgAhjAxzOkiLnDgQ2gN0OGMCREMME+Iu1g0FDVaYNlshr2bvkS01jIu2wkhBriqTA3jDKMAAjvhkAw4OBX3IwLPcqPSw2ti8sB64IFgOXgNXBTZPRBwY15zAElun+RHTBZAFY96R06E2JtGbYa5dLRsEN7WWpZP/G6AvLgKuCVW4bQSsftMHq/MIuLw/LgCksdAQrvsCgrXdBIyh5hl/p2Sksmi4Ae/FhwA/W6bV1qmlETm8ipzSFK8edU9UknFO9EusU4Aw4FXgCbin8PbS2QBgC58A+cC8w+QdWxXyoPKdU4gAAAABJRU5ErkJggg==)
}

.study-operate .icon-stop {
  width: 23px;
  height: 23px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAXCAYAAADgKtSgAAAA/klEQVRIibXUQU7DMBCF4f+ZKFXXbLkVF2HFIdigbhAHAE5HQaoQiCidYZEGHKd1qTEjjWVbni+xY0Vmny3oBrgELvhlKGqTWAMPwLXMulvgyu0D2E5K5/1hPIGVrglILaCVzLpnt/dzsArw2A9I7Vpmnbu9HYE1aw/Du1VaEHJYKTxG+B9YMV4fBmjK4PxOkzevD0d4fRg0P5bT4PzDJsdSE47wuvBY3tSH9T0dasFKYICGyUQ5vM9pjhWWwhF+Kpzcrj1wghfAOrSjYZz5K/4NhuGev7D71jVh4DUAj9KiLqwzgCfc+qVbf+fWb9x6n+f2Jz2XNubG3e7dbfkF+fB7G6j+cvYAAAAASUVORK5CYII=)
}

.study-operate .icon-toleft {
  width: 31px;
  height: 27px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAbCAYAAACEP1QvAAAEaUlEQVRIiWWXvatdRRTFf2verUT8wMrCJkSTQkwRjUK0VASJEAKipvBfEJGolSAKiljYW4hKxM/ESouAnSIoQcFCCGJ6RTBRguTuZbH3nnPu88F99955Z2bWXmvtNfN0/8f/omEQMACBh2EIybjG2ANkkKCfl+9AepzBFeTPGVzNcfJngJVTLN8uOIm4BnwK/LVROB8ACHKzADCM3M8AW2AoBxAafgr0juEGbEDPEb6XwXUoAAbZeOik0LvINznxnwGODCy0JSFaKEAWshLEFhS5EPm+h/0mwVkHN+CaGz6CuYueZ8AeoFdkf4ZrYwPmkOHOjQM0VJU1neAAJLRnHMXM4DZCHxo/zKjSmiUVsCj5gpsZeh/7BCOp0PIcAm0KSf64xIrFA96mxjb3KDjn4QOEcGKDoWS9gQwgdBj5PMGhFLzWn2bI9QdRdEZtauNQeiuaJj2h0Dc2B1KS0tLCNoRKNiB8QuHvMIfowva9GuuGWHhoTiTnA4M9zGsEZxBK4rwUMF2dACRe8OBpkwzPkmfl+UU1eYO9on2hXvatBGeBR6cEBoWyFadEDcR4cHp2R2S7phzVninWhLEpp5aAbunvFjqHfHBdoaj+j6J7pFkdXX3VNbI6z4rbD1q2t1Pz2UoWhE4p+JbgIBYucxHg6DbK8hTZFXIu3n4gwF1UVNvWuGq+gYHrwQTyKuFPgBuJcrFdlZapJghViOR8ORlweLVRPmOvijMJKFS041sIPkA8xqjq5ESp8kCZyqMqbg90+HQ8TxmXtFRbaTi7XanHRuGNhy6Aj0JNZLXQDBI6PFLrKDO4jKXF1hq7Zp/mm2bMNTa27lBwtJGhdnAvnEZpACpjzqpG6VybKeg2nQzm/AK2YmQQ/GbzxczuUB0yZjen2fmsOge8DqnSnf+NeWXE3CM3B2NOEXpDlgnwPGhWGsbiWEKw9a7mmW4T1EzHGpvzGzxi1OSt4EUHT2H+bgqXRZd3r74r9i26YsbT5arPu0w6zHAhdA5+hH2c4NeJsCstGRSrdmtAk35Nqhfau7eFwitJ1H1efwQI/Yh1TMGFXnihnypJO3RrtVED0T4AhDtP5isvE05n97kt+w9bj8q89X8Jqgv2SaLQSucFwAIyK1/7YVV5099pxtah5wlOY/7Zcf6KWq9ZCV4mdLWPY4dhm2uqI7cjO2DMU82dWF5oBLDOEnoQc3m3A7qaFeXWOYcfILjUZ3xnvKMPJCZzg87vVf7aq8DKxS8S3Evwdd732DEOVUleMvQzoWPYX2rLcuC0FCs5hvrAaEoaQDm300v27zKPYN6e412FlxApU/6JdcLmdRm3PFoFjK084jU1d6FvNjT72ple122eJXjG5tp+CRy6xrLBVsFLNk9irs52rnZTcH3sv8W402F+Zt7nVtH6nsxDCi6vzHde4Uu7gSMIPiZ0nODS6t7wFcEvm75cLodS37A8f7sRzrPR2Poe+zDiGOIKcBEydvs/H1SuFz9J3A26D3ON4AeE/wMo5p4KH8ks7gAAAABJRU5ErkJggg==);
  -webkit-transform: translate(-60%, -50%);
  -ms-transform: translate(-60%, -50%);
  transform: translate(-60%, -50%)
}

.study-operate .icon-toright {
  width: 31px;
  height: 27px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAbCAYAAACEP1QvAAAEXklEQVRIiWWWsateRRDFf2ffKxIkELCzTKFBkCAaFVKEFLFJpRFJYWcaTR2wsLPSfyBVWpEEC6MigqDNQyOiIFhYWIgEUohYREmIO8diZvfu9/Lg8u53996dM2fOnFm99Ol9aDqGfNHiKI2biD8RaM9YBgnG/+ajiFcRxxGfIX5f1gBA5G+c93k3brffL37y4CjiR5pP0gD5b8QbND5HkM/mtUfjW4nTbgbpH+TLiI+WdxIo9e34WyMzloNTBCcVQADRjhO6pdC7CqRQPQfME4RPOwwh6H6M4EOCDwj2MBDOtFC+4y1VL4ENNDr7GXgEMQqaO+859LE7x7Y1RIgEZGRBSARXMV8QPD6B9orgAuAixFsJmpwvu+cH6om4AL1C8B2dJxcAOPIdB2DXc50n+B50Cm+FTpaYAFir4q4MauaG7glPYWSelrlNcIFeACqgAugCCyXdJwgOCF2iJ1BZlb2wKcB5NYUzk56b5SXcqUu46zjBLcw7hFBPZsZG8z6v1IEXHQywHoqs4IPiQeWgV5N6Z1ZBo/PWDNRH7UdgJQupB2lHByoA3kqXwYueqjlrFs4ALpGNjhgAXCAJZasXC0RSrCB1EJxKALVH7dt2xFAqVQy6N0B0byIrIAov62zCip0kTmAdYF3aWR+0zw/nVZl0zUxHYE0AW4ZJY+3Thw5KaAlyVwczeB/1Wnv9UJ8u7ee+gWEpx86zPnQxQAuMCKUOnH7QNho0s9lhoS9UlcrpW80z2wQ4WsnemFnLUNd5gq8xR/YJpQdHdb/IdpCHB6ZZtJoVbN2isa7yLAu17TuPvVppowFNYJ7Bfmp/erGUC8N+NEAZWtVwXTN4rzLfK3/Q2ErT3gdIjwQT5zc0fmlJd/Wht7rtKLhr69E+hJcdMBQ/RKhDZduZG1nCazIvE/ovh4rKZJy0C7GZUdFW7+X6kkkrHVSKNqgJ2bjlnm6A9UDNV+hcd43qfUdt7lmPjbJRY2ur7aB2vp8HCQ/ge2U+w0UlBHcsXzS6LbnKYvbnVFIOB9cBpPJLysSWSfMj9XexNYUnb8AaB4bXEHfl/H6w1oYZ5IBZ2urQNdtnTLbFnA4Nlq3frWuEzhG6qyqrpy+oTl3lUOKQ4JYDBsE9Qlc1/WAB4FVYRsEDwpfpvE3o4fSFYVBl3S1HXfXyVL0T3Tx96DdCZwjfcN8m03TAmmg17e4QnKXreg4sb4NrTj4X7WOoLMccDa/OIF8SvEDw8zgU7FC7tKSCA4LnCW6vJ551BqzO1xiCXRcThB16H3MB89fQwjjx4NHf43TDNYJzhO7O8bmUZBxAxrRTF/s299djrRA29zBvqvmGQ0jZBRLd4/SHsp2CB266Qvi6pLThIdCmHMUC9kqsDUS2Z5P4CfhqHmvNr8AZIAMvZcHcIXRzHjrNH4TPEr6+DqJN+d5xt6TeUx/7ho55WeI54AjmNvBwmBserlUd0Xjd5lnMMeAHo3+nuz3iitoxq2lM9fh/3ziCXvtOqkcAAAAASUVORK5CYII=);
  -webkit-transform: translate(-40%, -50%);
  -ms-transform: translate(-40%, -50%);
  transform: translate(-40%, -50%)
}

.study-operate .button.disable .icon-toright {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAbCAYAAACEP1QvAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpBMDAzODI0Q0QzMzUxMUU3QThBNEI3NTJGNUVDNkZGQyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpBMDAzODI0REQzMzUxMUU3QThBNEI3NTJGNUVDNkZGQyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkEwMDM4MjRBRDMzNTExRTdBOEE0Qjc1MkY1RUM2RkZDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkEwMDM4MjRCRDMzNTExRTdBOEE0Qjc1MkY1RUM2RkZDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+B1ZYWgAAAZ1JREFUeNpiPHPpDgMQ8AJxMBBzAvFqIH7DgBuA1AQBsQAQbzHWVX7IQCZgBFoOMuwcEGtAxT4AcQwQb8WinhmIjwOxKZT/FYhTgA5YQY7lTECsj2QxA9RHm4C4BuQ4NPVSSBaDADcQLzt7+W4XEDOTYzkLDvFmIF4LjRJ4SGELPSAuBeLtQAcIk2o5PhAIxCeAWI0Is1yB+BTQAfrUshwEtID4JBB7E6FWCYiPAh0QQS3LkdNBBRFqiU4HTCRGUSaxuYiYdMDEQFuANx3Q2nK86YAeluNMB/SyHGs6oKflyOlgP9ABHANhOQjoArH6QFl+AIivDoTl04HYDVgT/mGho6U/gTgbaOlcmAC9LH8KaqwALT5J73x+FIhN0C2mh+Wg+HUEWvwCmyQpwf4FiBuBuJuc+KWkbL8LxNZAvIrI+LUnZDGxlu8EYjMgvkRJ/JJq+X8g7oS2YN5RGr+44vwHjvhNxhLMf8mNX1w+Pw/Ee5DEbuKJ36fQTgUMPCY2fnF1GmDVnTEQc0Abi78J6DOENqnPAC3+Rm4+BAgwAPsqe9KTe8HRAAAAAElFTkSuQmCC)
}

.study-operate .button.disable .icon-toleft {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAbCAYAAACEP1QvAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpBOEZFQkRBQUQzMzUxMUU3OEEyRUFEOERDMUI4NDJERiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpBOEZFQkRBQkQzMzUxMUU3OEEyRUFEOERDMUI4NDJERiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkE4RkVCREE4RDMzNTExRTc4QTJFQUQ4REMxQjg0MkRGIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkE4RkVCREE5RDMzNTExRTc4QTJFQUQ4REMxQjg0MkRGIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+SC2AoAAAAdRJREFUeNrEl79Lw0AUx5NYUFT8gZODi78HtUNVBHVUBFEQQRQH/wWHggqCDg51cHB3EBV/o3XSQXBTBEtRURCq6K4ItkqHlvo9eAchNMmlTS8PPlzaPvK55F5yr+rdQ0zJI+rAKIiDk0B7Q8IsMfL4WothDCTBMXJ/1DzkU2ADlNLne9CJk6ayiJl0E1TQVy/A78tBWgRCIGj43g+awbNOqmFYBotA1eW2gCan8hqwBwYsJsbFlRi2wYhJrupE3gFOQb1dIsStGMJ0haahCYonwLWgmF3prZ1YRM7Xdx+UCUxyDpzpCssyrG57NdgFQw6WZtpJAZnJ22h9G5UCRrbbPg5uCi02ytnxCjgC5YqE4Le9CuyAYUVi+IhLEFAkh0abg3Qxl7/Ts+mJPEMVvkrHUuUs0mCetslf2XIeB6AXvHkh501BNz0B0uUsvuidvuaFnNdBkDaLP8HzLYGEG3IebGfrAx8CuWwz6gExt+Qsoqw5BFd2iWggn6hmzt2Ss/gEg2BdYALf1LuFrN4dmsMaYW3xLJih/tsYSd0E0mABh5MmdZDScizULdBvqINwtrXGBA7p3aH/7YL17mqe/1hKaH3jkERtGstiDF10dyLIz/wLMADqvGwLc+d+/gAAAABJRU5ErkJggg==)
}

.train-header .icon {
  width: 18px;
  height: 16px;
  vertical-align: -3px;
  margin-right: 10px;
  font-size: 0
}

.train-header .icon-horn {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAQCAYAAAAbBi9cAAABOUlEQVQ4jZ2ToUtDURTGf8pzM02QKTaTwaAsrTgsy/4B2hTEIAoWBcFkV5MaLe4/GFhEtJosYtAZLCbB4UBR97Pcscdjezz84HD5OOd+3HO+e1DJGKPqrnqnzibzWQQm1UO1aRdLybpB+qME1IBHYAO4ADb7FUfhXADWgHzgBaAMtIAT4AhoAJXE/UWgDjRRc2pL/VFf1Cf1Xt1Ti4kWKrHWxtS2eqlGqCMheZ5hXnEh1JXAV+MzekiZVwdfCX4GPAPLcaHvDEKfCd4GboBSmmtZEQG/caHcP0TyQBW4jQuVIPVf9cIOMAGcog6p72H6DTVSp9RjtZRwbSbm2niwv6YOdAqqwf6DwOfVj1BYV+d6CKGWw0NSd62o7qtv4fK1utVv17IsbUHdVl/t4l9CnRhW19UrdTqZ/wOj1iNsB7LAqgAAAABJRU5ErkJggg==)
}

.train-header .icon-msg {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAQCAYAAAAbBi9cAAABFElEQVQ4jc3Tv0qcURAF8N8uKxZJWK0MAbc0oo1tQA0EtbTWLo/jG1iIIAi+gnVAkFRCQFGrgKBgIyjCGtSTwm/hc/+4rpUHBubOvffMzL1zKkmUUMEshr0ef3ApSdlmMjiuknypFBVVUS8yTOJDnyoecI0FrGGuhhH8xsQA7cAONlqLGr4VJFvYxz/cvkDwCStYxXqZqFr4m9h7ZTXjWCwHqj0O9sNde+CtRB14N0StT2nW3kjQmvwDNHBWw2MR/Impwj/BL4xhHkP4WCL6Ubp3BpLUkxy1jf3fJI0kpy9IY7ssr5ZEYLSU8TN2PUllGcdtrd3j5lmkTbSSfE1ynuQiyXSX/a7W7deW0MR3HPZ47A78B05f5R9UoIDvAAAAAElFTkSuQmCC)
}

.answer-result-list .icon,
.exam-item .icon {
  vertical-align: -1px;
  margin-right: 4px
}

.answer-result-list .icon-play,
.exam-item .icon-play {
  width: 12px;
  height: 12px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAkCAYAAAC9itu8AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowQjlDMjRBMENEMUYxMUU3QUY0NzgxMDdDNjA5QzY1QyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDowQjlDMjRBMUNEMUYxMUU3QUY0NzgxMDdDNjA5QzY1QyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjBCOUMyNDlFQ0QxRjExRTdBRjQ3ODEwN0M2MDlDNjVDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjBCOUMyNDlGQ0QxRjExRTdBRjQ3ODEwN0M2MDlDNjVDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+U3zCBAAAARZJREFUeNpilGn5x4AGBIFYFYhPPa5mRJdjYEHjgxRuBeInQOzEgAUwIbHtgfgEVBMrAw4A0sAHxElAvAuIhRgIAJCT3qPZhBcwkaKYgVTFMA1Pgfg/KRpkgDgMiL+T4qQ1QGwLxM9I8cNZIDYH4nNA/BOXBkYsSYMLiOWA+AayICyZYAsldmhk4oy4QZaWmKBpaS4Qs2GRrwZiXlLSkhYQJ5KSlt4B8V9S0hI3EC8nJS0lQW0ZjGkJXyjRNy2JQyOOkdi09BuIc4F4CrHlUiYQR0BtngcKSWLSkgcQrwRiG1LSEgss+RCTlo4CcSgQ7yUmLRUD8VKo+68Sk5ZATmmDaiQqLb2G2vAfV0w/gdokhysUAAIMAA5uS3AhTwSvAAAAAElFTkSuQmCC);
  background-position: 0 -24px
}

.answer-result-list .icon-playback,
.exam-item .icon-playback {
  width: 12px;
  height: 12px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2QjczRUI3QkNEMTkxMUU3ODkzMkFDQzNDOTY5NEVGMSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2QjczRUI3Q0NEMTkxMUU3ODkzMkFDQzNDOTY5NEVGMSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjZCNzNFQjc5Q0QxOTExRTc4OTMyQUNDM0M5Njk0RUYxIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjZCNzNFQjdBQ0QxOTExRTc4OTMyQUNDM0M5Njk0RUYxIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+FWmXdgAAAP1JREFUeNp00b9LwkEYx3HNb2ag+A/k5p4/GhwahUIEl3RydapBJx3crNnBoT+gIcccgpbAoCajwUmplkRwCKQtiKz3yecbx0EPvPjecXfP3fN8vZ3TVcCJEJJ4wbe7uGGNg6hjjgmiuMfmfwd66CKGa2xhAfOElhIGPG0+xDHGKOgWE0doII4f+4YTZapoc9FaO0cfNfvAnrJPNW/iFgl8KkHYfpL5Lp2GpJDFDGdu0c/IYFvzO+ziSsU+yd+BSxXW0byNN41Nq9O4WfdePy6CB90ywAW+1KUqXlXnh1+DKexA3SiJH48om8120SbekUcO+3ruCEP/H5j4FWAA82s0C2ANQHMAAAAASUVORK5CYII=)
}

.answer-result-list .play.ing .icon-play,
.exam-item .play.ing .icon-play {
  -webkit-animation: play 1s infinite steps(2);
  animation: play 1s infinite steps(2)
}

.answer-result-list .playback.ing .icon-playback,
.exam-item .playback.ing .icon-playback {
  -webkit-animation: toRotate 1.5s linear infinite;
  animation: toRotate 1.5s linear infinite
}

@-webkit-keyframes toRotate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }

  100% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg)
  }
}

@keyframes toRotate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }

  100% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg)
  }
}

@-webkit-keyframes play {
  0% {
    background-position: 0 0
  }

  50% {
    background-position: 0 -24px
  }

  100% {
    background-position: 0 0
  }
}

@keyframes play {
  0% {
    background-position: 0 0
  }

  50% {
    background-position: 0 -24px
  }

  100% {
    background-position: 0 0
  }
}

.exam-operate .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.exam-operate .icon-play,
.exam-operate .icon-stop,
.exam-operate .icon-pause {
  background-position: center;
  background-size: contain
}

.exam-operate .icon-play {
  width: 17px;
  height: 23px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAcCAYAAACOGPReAAACG0lEQVRIiY3VsY7UMBCA4X+82W1WOmhAdHQnUVJRgGgoaECiOCEEFQWIAh4AHoCGBwDe4FqKEw3dUYAQICokSigQWwG6O3b3Yg+FncRJ7Gwseb0eOZ+ScTyRlVWALeAhsA18AZ4DSyHROsFpYpEE9C1wMYp/ErgB/BgCh9A5cABggUlz/QLYAfZzYA41QFFN/lk4svX1p4E3wP0cmAljugEFDmw9nSG8xOd4OgbsofHCQ+vTEdoD/F2f2gS20HihhJ+Vg7Wrw5eBDwLnN5geTYFVrFSPh/BZ/MbdHERTIJ2YU1g2uZgDu8BTEntCLyitoTdGsACPBV5ZZSuPbgCrceXAaj2/BryzynYfHQlK+GNVOVatjHPAe6tcbdBEDodAwWOqsHY1fBLYc8o9AFk7PQH8Bn+ixoDdNVMj1XwJzHu7lwPJgCZ6/YCPRnAFUeuCRGAqLYVp5W8fX4DSJ6oKyAA4NRKDL4ArRlhAqFD5E9UHDVA0OTwGHhlfdOrWf/wBcCIwkRpcADtGQr2N0dZjD4CFgGnAz/gvw/cuWD1N+04T4MxIDO4Cl3JgD82BYe6AJ8Bt4CgHQiqnYax2OMz/AHeAvSGsh8ZgtSFh/g2fv69jQOgU6eruIvA1cCEHZj98Aof4zqx5/xB4Blwn1IWxIAClU0qnd0unf0unWjr9ZZ3esk7JdRd11X6XsilfM+CMwE/8SUm29Hvdbv8BirS/arLuIqgAAAAASUVORK5CYII=);
  -webkit-transform: translate(-40%, -50%);
  -ms-transform: translate(-40%, -50%);
  transform: translate(-40%, -50%)
}

.exam-operate .icon-pause {
  width: 18px;
  height: 24px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAbCAYAAAB836/YAAABY0lEQVRIia2WO0oEQRCGv2p3WQNBRDyBiqgXMBCvIJgbeQAPJsYGm5htbGJkLMqqCD7YxZ4ug3n3vLZnd6Bg+P+ej6rqrmZkHinJsw18AlEqCN5TETJ1ayh8ABjgGHgE3oBn4CIAdglMBd6t8mCVPZlHOnFw8hvByMBQ+BbYAWYdsE3g1TpGVmHdgAhjAxzOkiLnDgQ2gN0OGMCREMME+Iu1g0FDVaYNlshr2bvkS01jIu2wkhBriqTA3jDKMAAjvhkAw4OBX3IwLPcqPSw2ti8sB64IFgOXgNXBTZPRBwY15zAElun+RHTBZAFY96R06E2JtGbYa5dLRsEN7WWpZP/G6AvLgKuCVW4bQSsftMHq/MIuLw/LgCksdAQrvsCgrXdBIyh5hl/p2Sksmi4Ae/FhwA/W6bV1qmlETm8ipzSFK8edU9UknFO9EusU4Aw4FXgCbin8PbS2QBgC58A+cC8w+QdWxXyoPKdU4gAAAABJRU5ErkJggg==)
}

.exam-operate .icon-stop {
  width: 17px;
  height: 17px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAXCAYAAADgKtSgAAAA/klEQVRIibXUQU7DMBCF4f+ZKFXXbLkVF2HFIdigbhAHAE5HQaoQiCidYZEGHKd1qTEjjWVbni+xY0Vmny3oBrgELvhlKGqTWAMPwLXMulvgyu0D2E5K5/1hPIGVrglILaCVzLpnt/dzsArw2A9I7Vpmnbu9HYE1aw/Du1VaEHJYKTxG+B9YMV4fBmjK4PxOkzevD0d4fRg0P5bT4PzDJsdSE47wuvBY3tSH9T0dasFKYICGyUQ5vM9pjhWWwhF+Kpzcrj1wghfAOrSjYZz5K/4NhuGev7D71jVh4DUAj9KiLqwzgCfc+qVbf+fWb9x6n+f2Jz2XNubG3e7dbfkF+fB7G6j+cvYAAAAASUVORK5CYII=)
}

.exam-operate .icon-next {
  width: 22px;
  height: 23px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAuCAYAAAAsnen7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDMEE4OTBEOUQ4MjQxMUU3QTFFOUEzNEY0MkEwMzFBNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDMEE4OTBEQUQ4MjQxMUU3QTFFOUEzNEY0MkEwMzFBNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkMwQTg5MEQ3RDgyNDExRTdBMUU5QTM0RjQyQTAzMUE2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkMwQTg5MEQ4RDgyNDExRTdBMUU5QTM0RjQyQTAzMUE2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+cEucdQAAAZJJREFUeNrslUsoBVEYx8+dO0IWCtlbosRC8miUhZRnSSxsbJSy8FhZSLGThWJhTcleUejmkVeWstQtqxsLiTzqit/Rd+s2de91pmNlvvqdmXPm6z9zznzn/COe59UqpRahEOZhX5lHFMahGbZhw6VZhlZJ2IUJWDUUHhUdHQPw4NCU+N68IkQNhJt8/RYnQ6Ke1g4U/1LYrxN1siS3wylUBFhz5eR4Xg0X0GhbWEc5xGDItrCOAtiEWYjYFFYiqOt8HfJtCqdiGA6gzLbwT53CEeTZFtZRCaW2hb9gBhKZEtwAou8wAlvZkkyF76EPznMlmgjfQDfEbdbxnpy1cZs7bw064cnWlv6EKRiDpOkfzrTGzzAojhIoXKnJ9LiDLrg20Hn19V/0UhymDVxCg6GokoPpQ+4fdY3rL54UG8qXazLAzE9ki9fBmd6R7tzCUg0302L/b6b23+bVq9jxlTbeHinJIsb+xv55UWj/of2H9h/af2j/of3/G/t3xP47oFfOgITptHHllP33QxX9228BBgBXxXLbYqWXzwAAAABJRU5ErkJggg==)
}

.exam-operate .icon-prev {
  width: 22px;
  height: 23px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAuCAYAAAAsnen7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpEMzg5RjlDMUQ4MjQxMUU3OTEzNjlGMDczRjE2MTMyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpEMzg5RjlDMkQ4MjQxMUU3OTEzNjlGMDczRjE2MTMyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkQzODlGOUJGRDgyNDExRTc5MTM2OUYwNzNGMTYxMzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkQzODlGOUMwRDgyNDExRTc5MTM2OUYwNzNGMTYxMzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+qPeYegAAAYRJREFUeNrslc8rBGEYx98dGwfKwU1OOCiX1ZILoyS5OBAHf4CipDjIn6AcHFwkCUcXB07YzXIRkZITR7k5WaX8/Dz1bG1aO/OO18l86zM1M898e3p75vkmfN+vNsbMQzOsw4GxVwLmYBSuYTrJZQGmtGAYWuHOwlQa29JvRWm48bh0FRVVQruFaT3kikwLqpOOK7499EKapmAXGkq99Ew0DcLJT6ZRjWdgB2rKFSUtDKV2GSbCFodRLWxDv00XQWqCPWixOa+gM5ZRPLU1DepYxukQqqKMTbmOO6OaBhlvQuYvjF9gAFZcG4veYBJm4d2lcUFLMAR518ZGF0433Ls2Fl3ptFy4NhY9QI8uIqfGomcYgcVyxvkSH4XRh+bcOLx+fyfGq/CpD24ha9n9mm69R72XsczJrtiAS2jUP+0pwtEc6aLqkyCVpE5kcme/iv9ev8Nkj8/dxz+mcfzH8R/Hfxz/cfzH8f8v4p8wLRn/nsZ/SscpHSX+MS/E/xi0cb//JcAAFgdyUtelJHsAAAAASUVORK5CYII=)
}

.exam-operate .button.disable {
  cursor: inherit
}

.exam-operate .button.disable:active {
  background: #fff
}

.exam-operate .button.disable .icon-prev,
.exam-operate .button.disable .icon-next {
  background-position: 0 -23px
}

.exam-content .exam-operate .icon-prev,
.exam-content .exam-operate .icon-next {
  width: 17px;
  height: 17px;
  background-size: cover
}

.exam-content .exam-operate .icon-play {
  width: 13px;
  height: 17px
}

.exam-content .exam-operate .icon-pause {
  width: 13px;
  height: 17px
}

.exam-content .exam-operate .icon-stop {
  width: 15px;
  height: 15px
}

.exam-content .exam-operate .button.disable .icon-prev,
.exam-content .exam-operate .button.disable .icon-next {
  background-position: 0 -17px
}

.win-close .icon-close {
  display: block;
  width: 14px;
  height: 14px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAABAElEQVQokX3QO0oEQRAA0Lczq17AUJjAe6yCXsBv6g88gj9UVBTxBmKmgr9YFETQQIwWLyB4BQ0EI1mTapidXbdgqKmaftPdVWs0Gjmm8IGm3jGGftxnWMY1XjHdA63gEXcYz/AZH/pw+Q9ewVG8/+IrwxX2o1kPPFNCqxW0hGY9GluRNwNfRD2Mwwo6TTso4VbktHPeDUFeFEX5Lk/IMBI5oUWclRdmOuOnUre69DrgWulOrcjdBtYG17UPYg57UeeBZ9PiNJwNHJTQAs5LP90OnKZ9kxdFMYGTHugZNYzGCSdxm2GohOYrKMVOPOnYg3Uc4xvveOmCUuziDQN4+AP0lzsY6wZL0gAAAABJRU5ErkJggg==)
}

.exam-last-score .icon-last-time {
  margin-right: 3px;
  vertical-align: -3px;
  width: 17px;
  height: 16px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAQCAYAAADwMZRfAAABeElEQVQ4jX3Tz0tVQRjG8c+9CrW4JBFBC0PIQFsEQYuwH1BihEYm5kYibC0Y/QMtwlWtWklRUCpCiyhoFSKaaC1atA0kBBdiSkFQBIrXWsxcGA5zejfnzHve+b7Pc+adyviDCYW4hhGcxCFs4iMmsVwshmryfgQLeItWvMZDzOIslvAStSKkOT5bY5c9XML7TMNBPMUiLuJXqqSC6QjoKgGIys6jHY+KdnojeUTw34hTeFYAfcFd3MaJFHJL8LtU2FBDR0bRNL5hKIWcxnyJhVzUhQPoSiGHsVGyYV8mdwEHosohNFexjZZM8dfYdQ6dSb6CPhzDGew2dV++egUH8aoA+Y3n2I+p2OwT1qKDGm6iXsUb9ONoRs0engjT+yHJj2MAOyLxBb7jMZoyINjC52Rdx3pjUcUfDKMHMzJjndRmozH2y7gu3I2VqGoBP3Ac53BDuENbZRB4J0zhPdzB/eTbpvCTt/+npBEbGMUY2oRT+4lV/C2z8w8nrU1R6SvANQAAAABJRU5ErkJggg==)
}

.exam-result .answer-result-list .icon-play,
.exam-result .exam-item .icon-play {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAkCAYAAAC9itu8AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QzRFMzA5NUZEODI3MTFFN0EzOUFGQjMxQ0VENjczOTkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QzRFMzA5NUVEODI3MTFFN0EzOUFGQjMxQ0VENjczOTkiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjBCOUMyNEEwQ0QxRjExRTdBRjQ3ODEwN0M2MDlDNjVDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjBCOUMyNEExQ0QxRjExRTdBRjQ3ODEwN0M2MDlDNjVDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+ADrV2AAAATpJREFUeNpi+P//PwMy/ldqKQjEZujiMMzCgAT+l1mpAqmtQPwEiJ0YsAAmJMX2QOoEEIM0sTLgACxAhXxAOgSIpwMxGwMBAHLSe2SbCAEmUhQzkKoYpuEpyM9Ea2DsOiYDpMOA+DvRTgJqWgOkbIH4GdF+AGo6C6TMgfgcEP8kytNATU+gNuWQEkrsQMyHL+IGWVpigqaludgUAw2rBmJeUtKSFhAnkpKW3gHxX1LSEjcQL0eJK3BeLbMCeXoREHNCxY8AI9F2NC2ha4CmpXVALATEL6Fi4kDKC4gXAJ37n5i09BuIc4HYBIizCaYlIMgE4gggjgQabExsWvIA4pVAbENKWmKBJR9i0tJRIA4F4r3ElEvFQLwUiOcB1V0lJi2BnNIG1YhIrUhxAbJtIyjkgIa4UCUtAQQYAMZgk+ZOelM6AAAAAElFTkSuQmCC)
}

.exam-result .answer-result-list .icon-playback,
.exam-result .exam-item .icon-playback {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAAA8UlEQVQYlU3RsSuFYRTH8c99ey10k1KGW2K6WWRQwiADk8FwUwwK+QMMBgaDCcV/YCKLRdlspptFupRQJkVIdxGle93lvPU+9fT0PL/vc875nVNoro/KrQGs4g/bmMJZJiY5cA21OMcwienQuiCNyyz28Y5NXKCJx8jQho0M3sEvJvCEAhqhPeMEaYJy7CM8oIhL9AV8iiq2UpTi8S5X/zhuMBIBZvCa4iuAnhz8gZUAO7CIWoJbfGIB7fjBIM7j41J46k3CyB76o75OvIXJeeziBcdZNw4wjLkQ7tEdfuqo4DsbSiOiLOM6svzjEEO4ghZpRjS/BVgcUQAAAABJRU5ErkJggg==)
}

.exam-result .icon-refresh {
  width: 11px;
  height: 11px;
  margin-right: 6px;
  font-size: 13px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAAA20lEQVQYlX3RoUpDcRTA4e9/cTaHoOwpNCgYdjGZ9gAGReyKBhG9YlYMt5rEJAbBNzAYd2EgIlhMpmUFg2l6LBuM4fbLH+fAOSkiQBR5HTdYRQ2BLo5SWT1AighR5DnaeME1XjGHdWziHL30e9ycwReuUlntGCmKfA2PkOEe3TGwhkP0BriF01HYr4czLKMxhW88/ydTWQU6/S1bGaYxP2bycCcZPrA7SUWRL2AxwzY2osiXJvg2OoM7X2Ife7hLZfUZRZ7QxC1m0UhDHzzABd7wjjpW8IRWKqufPyGcSnyhBLnwAAAAAElFTkSuQmCC)
}

.train-header {
  padding: 0 33px;
  height: 53px;
  background-color: rgba(88, 153, 173, 0.9);
  line-height: 53px
}

.train-header .title {
  color: #fff;
  font-size: 17px
}

.train-list {
  padding: 22px 0 0 26px;
  height: 456px;
  overflow: hidden;
  background-color: #f1f2f7
}

.train-list .listItem {
  width: 100%
}

.train-list .listItem .title {
  margin-bottom: 15px;
  color: #838996;
  font-size: 20px
}

.train-list .listItem .items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap
}

.train-list .listItem .items .item {
  cursor: pointer;
  position: relative;
  float: left;
  width: 126px;
  height: 144px;
  margin: 0 32px 38px 0;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKkAAADBCAYAAAC0cpAYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RDcyQ0FCMzBFQzM4MTFFNzgwNkJGOTcxRUM3QkQyMzMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RDcyQ0FCMzFFQzM4MTFFNzgwNkJGOTcxRUM3QkQyMzMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpENzJDQUIyRUVDMzgxMUU3ODA2QkY5NzFFQzdCRDIzMyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpENzJDQUIyRkVDMzgxMUU3ODA2QkY5NzFFQzdCRDIzMyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Ppnq3DcAAArvSURBVHja7N1Nj+RG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) no-repeat 0 0;
  -webkit-box-shadow: 0 0 13px 3px rgba(104, 171, 253, 0.2);
  box-shadow: 0 0 13px 3px rgba(104, 171, 253, 0.2);
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.train-list .listItem .items .item .name {
  margin: 0 auto;
  max-height: 144px;
  padding: 5px;
  border-radius: 2px;
  font-size: 18px;
  color: #fff;
  text-align: center
}

.train-list .listItem .items .item .score-tag {
  position: absolute;
  right: 10px;
  bottom: 5px;
  height: 22px;
  font-size: 13px;
  text-align: center;
  cursor: pointer;
  color: #fff
}

.train-list .listItem .items .item.good {
  -webkit-box-shadow: 0 0 13px 3px rgba(77, 228, 180, 0.2);
  box-shadow: 0 0 13px 3px rgba(77, 228, 180, 0.2);
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKkAAADBCAYAAAC0cpAYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RDc0RDJCODVFQzM4MTFFNzgwNkJGOTcxRUM3QkQyMzMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RDc0RDJCODZFQzM4MTFFNzgwNkJGOTcxRUM3QkQyMzMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpENzREMkI4M0VDMzgxMUU3ODA2QkY5NzFFQzdCRDIzMyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpENzREMkI4NEVDMzgxMUU3ODA2QkY5NzFFQzdCRDIzMyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pmyi+ucAAAibSURBVHja7N3PixxF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)
}

.train-list .listItem .items .item.midd {
  -webkit-box-shadow: 0 0 13px 3px rgba(252, 172, 104, 0.2);
  box-shadow: 0 0 13px 3px rgba(252, 172, 104, 0.2);
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKkAAADBCAYAAAC0cpAYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RDc0RDJCN0RFQzM4MTFFNzgwNkJGOTcxRUM3QkQyMzMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RDc0RDJCN0VFQzM4MTFFNzgwNkJGOTcxRUM3QkQyMzMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpENzJDQUIzNkVDMzgxMUU3ODA2QkY5NzFFQzdCRDIzMyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpENzJDQUIzN0VDMzgxMUU3ODA2QkY5NzFFQzdCRDIzMyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpKv110AAArLSURBVHja7N3Bq+xW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)
}

.train-list .listItem .items .item.bad {
  -webkit-box-shadow: 0 0 13px 3px rgba(253, 163, 127, 0.2);
  box-shadow: 0 0 13px 3px rgba(253, 163, 127, 0.2);
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKkAAADBCAYAAAC0cpAYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RDc0RDJCODFFQzM4MTFFNzgwNkJGOTcxRUM3QkQyMzMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RDc0RDJCODJFQzM4MTFFNzgwNkJGOTcxRUM3QkQyMzMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpENzREMkI3RkVDMzgxMUU3ODA2QkY5NzFFQzdCRDIzMyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpENzREMkI4MEVDMzgxMUU3ODA2QkY5NzFFQzdCRDIzMyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PtH+8l8AAAthSURBVHja7N0/rORG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)
}

.train-content {
  padding: 35px 25px 0;
  height: 604px;
  background-color: #f6f8fa
}

.train-content .answer-result-list .item {
  border-bottom: 1px dashed #d6dbe3
}

.train-content .answer-result-list .item-tit {
  font-size: 18px;
  line-height: 1.3;
  font-family: 'Times New Roman', Times, serif
}

.train-content .answer-result-list p {
  font-size: 16px;
  line-height: 1.3;
  font-family: 'Times New Roman', Times, serif
}

.panel-study {
  position: relative;
  overflow: hidden;
  height: 535px;
  background-color: #fff;
  -webkit-box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.05);
  border-radius: 10px
}

.panel-study.index {
  height: 462px;
  margin-bottom: 18px
}

.panel-study .panel-body {
  padding: 24px 20px 40px;
  height: 100%;
  word-wrap: break-word
}

.panel-study .panel-body__top {
  margin-bottom: 39px
}

.panel-study .panel-body__top .left {
  float: left;
  width: 575px;
  height: 199px
}

.panel-study .panel-body__top .right {
  overflow: hidden;
  padding-left: 17px;
  height: 199px
}

.panel-study .back-block {
  position: absolute;
  left: 30px;
  right: 30px;
  bottom: 2px;
  text-align: right
}

.panel-study .back-block .left a {
  margin-right: 10px
}

.panel-study .back-block .link:after {
  display: inline-block;
  width: 6px;
  height: 10px;
  content: '';
  margin-left: 5px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAKCAYAAACXDi8zAAAAeklEQVQImXXPIQ7CQBhE4W83aBQO1mExGCyOcKZaeiYCBiwa22AaUJyhP2abYDryvWQmk1an4YEljn2TnmoyShXn0sb6XxzwrfI+yhQRShtb3DDHG/sUEaC0scO1ylc2kcmqXNrY4PIP+yZ1ucIFPiOEGXoM9WA3bvwAb1cuHrFXVPIAAAAASUVORK5CYII=) no-repeat 0 0
}

.panel-study .back-block a {
  color: #67a2b4
}

.panel-study .back-block a span {
  color: #838996
}

.panel-study .back-block a:hover {
  text-decoration: underline
}

.panel-study .back-block em {
  color: #67a2b4;
  font-style: normal
}

.panel-study .thumb-list {
  height: 176px;
  overflow: hidden
}

.panel-study .thumb-list img {
  float: left;
  margin-right: 16px;
  max-height: 100%;
  max-width: 100%;
  background-color: #fafafa
}

.panel-study .thumb-list img:last-child {
  margin-right: 0
}

.panel-study-result {
  margin-bottom: 0
}

.panel-study-result .panel-body em {
  font-style: normal
}

.panel-study-result .panel-body em.good {
  color: #09cba0
}

.panel-study-result .panel-body em.midd {
  color: #edce24
}

.panel-study-result .panel-body em.bad {
  color: #eb5564
}

.panel-study-result .score {
  height: 58px;
  margin: 24px 0 20px;
  color: #ff9933;
  text-align: center;
  line-height: 1;
  font-size: 24px
}

.panel-study-result .score em {
  font-style: normal;
  font-size: 58px
}

.panel-study-result .score~.panel-body {
  padding-top: 0;
  height: 433px
}

.panel-study-result .score-state {
  height: 16px;
  margin-bottom: 14px;
  line-height: 16px
}

.panel-study-result .score-state .score-bar {
  float: left;
  margin-right: 33px;
  text-align: center;
  font-size: 13px
}

.panel-study-result .score-state .score-bar .value {
  float: left;
  color: #7b828d
}

.panel-study-result .score-state .score-bar .star-bar {
  float: left
}

.panel-study-result .score-state .score-bar .star-bar i {
  float: left;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAPCAYAAADUFP50AAAA7ElEQVQokY3QvUoDURDF8d8uC4IWiqAWfuEDWAQbeztBLHwBK8FGtBBLFXwDO1vxBcTWxkbEIJi0qUIaRVBBbWPhXdyEvcmeZu7MnP9wOUm90RLRBD7RLVumESjDHXZiV2PgNpZxirGq4ChOwnsG+1XBPcwW+kNM9psyLGENNayEWtQ4mnjAEx5xm9QbrVdMlX1ngHZTHIhEHlETlymucFYResE6vvNwjsOBQfrBJjr8p9rF+RDw3l9AiiAsDgF79kVwoc/4oTe0eSRl4FyobzgKfQ03YT6C6dycFcBrtHGBrzB7xgZWsYX33PwLLBYpQ6stDf8AAAAASUVORK5CYII=) no-repeat 0 0;
  width: 15px;
  height: 15px;
  margin-right: 7px;
  font-size: 0
}

.panel-study-result .score-state .score-bar .star-bar i.on {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAABj0lEQVQokXXSz4uPURQG8M9z7zuzsMFiymaUSbJgQRNZqPEXiLVSUrJRsrJQSvkHZKNm459godRY2jILaZQkC5aU/DgW7/v9+mZy6vbee97nOefe5zn5+eiMKIV8D7/QUNar3Ii6jq9msUQtRdoI+1+sUafFiiDo03eKOTlFDROApUrdSnNEy00ttLCMAfUPeX4a1wUtp6ZOl7U6PJIyJ+4mF9Wt6O6koUV1e8Vt2f3EAftwtlhPrGJd6thYKzJKeaXKmtR22MEWXg5pLhUPsliyRmFSEDXuNyQbquAzTrZqnqZnS6NaqYY+CTRQnfRSHa3Gu3YPlU8Nbysu6nmlZ1S7lxqKXjKUmvI1RPVs6u7W4MdMhC+68xnqXSbQXPlZx7HoE3Ft5vmQPTOj7VTlhXJolqj5r5lDeaz8+qt2WzAuWVGzISoli0xSB6chGsnV5zov44AaZ0Gl8CGxWr8nC1rWFk1p87mN/eKohniuOSdOVFzVvdFDHF/AGyYz4Rt5ho+4r7yf8ptiG/fwerHzHypBeYSLEIhtAAAAAElFTkSuQmCC)
}

.panel-study-result .score-state .state-tips {
  float: left;
  margin-right: 13px
}

.panel-study-result .score-state .state-tips i {
  vertical-align: 1px;
  margin-right: 9px;
  display: inline-block;
  width: 18px;
  height: 8px;
  border-radius: 8px
}

.panel-study-result .score-state .state-tips.good {
  color: #09cba0
}

.panel-study-result .score-state .state-tips.good i {
  background: #09cba0
}

.panel-study-result .score-state .state-tips.midd {
  color: #edce24
}

.panel-study-result .score-state .state-tips.midd i {
  background: #edce24
}

.panel-study-result .score-state .state-tips.bad {
  color: #eb5564
}

.panel-study-result .score-state .state-tips.bad i {
  background: #eb5564
}

.panel-study-result .thumb-list {
  margin-top: 16px
}

.panel-study-result .train-item {
  height: 165px
}

.train-item {
  height: 100%;
  padding: 8px 14px;
  border: 1px solid #d8dde4;
  border-radius: 6px
}

.train-item .tit {
  margin-bottom: 5px;
  font-size: 20px;
  font-family: 'Times New Roman', Times, serif;
  font-weight: bold;
  line-height: 1;
  text-align: center
}

.train-item .con {
  font-size: 14px
}

.train-item .infor {
  font-size: 18px;
  line-height: 1.3;
  font-family: 'Times New Roman', Times, serif
}

.train-video {
  height: 100%;
  padding: 0 4px 0;
  border-radius: 10px
}

.train-video .video {
  display: block;
  width: 100%;
  max-height: 179px;
  margin: 0 auto;
  border-radius: 10px;
  background-color: #eee
}

.study-operate {
  position: relative
}

.study-operate .button {
  float: left;
  position: relative;
  margin-right: 25px;
  width: 68px;
  height: 68px;
  display: block;
  border-radius: 50%;
  background-color: #fff;
  cursor: pointer;
  line-height: 68px;
  text-align: center
}

.study-operate .button.ing .pie {
  position: absolute;
  width: 50%;
  top: 0;
  bottom: 0;
  overflow: hidden
}

.study-operate .button.ing .pie i {
  position: absolute;
  z-index: 2;
  top: 0;
  width: 68px;
  height: 68px;
  border-radius: 50%;
  background-color: rgba(254, 254, 254, 0.3)
}

.study-operate .button.ing .pie-left {
  left: 0
}

.study-operate .button.ing .pie-left i {
  left: 0;
  clip: rect(0, 34px, auto, auto)
}

.study-operate .button.ing .pie-right {
  right: 0
}

.study-operate .button.ing .pie-right i {
  right: 0;
  clip: rect(0, auto, auto, 34px)
}

.study-operate .button-text {
  float: left;
  margin-right: 10px;
  font-size: 24px;
  line-height: 68px
}

.study-operate .button-play,
.study-operate .button-pause {
  background-color: #68B5CD;
  background: -webkit-gradient(linear, left bottom, right top, from(#68B5CD), to(#68B5CD));
  background: -o-linear-gradient(bottom left, #68B5CD, #68B5CD);
  background: linear-gradient(to top right, #68B5CD, #68B5CD);
  -webkit-box-shadow: 0 2px 10px 1px rgba(76, 165, 254, 0.4);
  box-shadow: 0 2px 10px 1px rgba(76, 165, 254, 0.4)
}

.study-operate .button-play:active,
.study-operate .button-pause:active {
  background: #68B5CD
}

.study-operate .button-set,
.study-operate .button-prev,
.study-operate .button-next,
.study-operate .button-toLeft,
.study-operate .button-toRight {
  background-color: #fff;
  -webkit-box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 2px 10px 1px rgba(0, 0, 0, 0.05)
}

.study-operate .button-set:active,
.study-operate .button-prev:active,
.study-operate .button-next:active,
.study-operate .button-toLeft:active,
.study-operate .button-toRight:active {
  background-color: #f1f1f1
}

.study-operate .button-set.disable,
.study-operate .button-prev.disable,
.study-operate .button-next.disable,
.study-operate .button-toLeft.disable,
.study-operate .button-toRight.disable {
  cursor: inherit
}

.study-operate .button-set.disable:active,
.study-operate .button-prev.disable:active,
.study-operate .button-next.disable:active,
.study-operate .button-toLeft.disable:active,
.study-operate .button-toRight.disable:active {
  background-color: #fff
}

.study-operate .button-set {
  margin-right: 0
}

.study-operate .button-stop {
  background-color: #fd9039;
  background: -webkit-gradient(linear, left bottom, right top, from(#fd9039), to(#f5f337));
  background: -o-linear-gradient(bottom left, #fd9039, #f5f337);
  background: linear-gradient(to top right, #fd9039, #f5f337);
  -webkit-box-shadow: 0 2px 10px 1px rgba(253, 154, 71, 0.4);
  box-shadow: 0 2px 10px 1px rgba(253, 154, 71, 0.4)
}

.study-operate .button-stop:active {
  background: #fa8b32
}

.study-operate .popover-set {
  top: auto;
  bottom: 85px;
  right: 10px;
  left: auto;
  width: 168px;
  height: 136px;
  padding: 15px 10px 0;
  background-color: #fff;
  border-radius: 9px;
  border: none;
  -webkit-box-shadow: 0 0px 3px 2px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0px 3px 2px rgba(0, 0, 0, 0.05)
}

.study-operate .popover-set .group {
  float: left;
  width: 74px;
  text-align: center;
  font-size: 12px;
  color: #838996
}

.study-operate .popover-set.top .arrow {
  left: auto;
  right: 13px;
  border-top-color: rgba(0, 0, 0, 0.05)
}

.study-operate .popover-set .range-bar .up,
.study-operate .popover-set .range-bar .down {
  display: block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  margin: 0 auto;
  font-size: 16px;
  color: #ccd2dc
}

.study-operate .popover-set .range-bar .up:hover,
.study-operate .popover-set .range-bar .down:hover {
  color: #444
}

.study-operate .popover-set .range-bar .range {
  width: 4px;
  height: 40px;
  margin: 5px auto;
  background: #ccd2dc;
  border: none;
  border-radius: 1px
}

.study-operate .popover-set .range-bar .range.ui-slider .ui-slider-handle {
  width: 13px;
  height: 13px;
  border-radius: 50%;
  border: 3px solid #fff;
  -webkit-box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.3);
  background-image: -webkit-gradient(linear, left bottom, right top, from(#4dc6ff), to(#4095fe));
  background-image: -o-linear-gradient(bottom left, #4dc6ff, #4095fe);
  background-image: linear-gradient(to top right, #4dc6ff, #4095fe)
}

.study-operate .popover-set .range-bar .range.ui-slider .ui-slider-handle:focus {
  outline: none
}

.study-operate .popover-set .range-bar .range.ui-slider .ui-slider-handle:active {
  border-width: 1px
}

.study-operate .popover-set .range-bar .range.ui-slider .ui-slider-range {
  width: 4px;
  background-image: -webkit-gradient(linear, left top, right top, from(#4da8ff), to(#4095fe));
  background-image: -o-linear-gradient(left, #4da8ff, #4095fe);
  background-image: linear-gradient(to right, #4da8ff, #4095fe)
}

.study-operate .popover-set .speak-speed {
  height: 84px;
  width: 30px;
  margin: 3px auto 0
}

.study-operate .popover-set .speak-speed .item {
  display: block;
  height: 28px;
  border: 1px solid #d7dce4;
  line-height: 28px
}

.study-operate .popover-set .speak-speed .item:hover {
  color: #47a0fe
}

.study-operate .popover-set .speak-speed .item:first-child {
  border-bottom: none
}

.study-operate .popover-set .speak-speed .item:last-child {
  border-top: none
}

.study-operate .popover-set .speak-speed .item.active {
  border-color: #47a0fe;
  background-color: #47a0fe;
  color: #fff
}

.train-question {
  width: 500px;
  margin: 0 auto
}

.train-question .video-block {
  height: 386px;
  padding: 10px;
  border-radius: 6px;
  background-color: #f6f8fa;
  border: 1px solid #dee2e8
}

.train-question .video-block .video {
  display: block;
  max-width: 100%;
  max-height: 269px;
  margin: 0 auto;
  border: 1px solid #dee2e8;
  background-color: #fff;
  border-radius: 6px
}

.train-question .video-block .btns {
  padding: 28px 40px 20px
}

.train-question .video-block .btns .btn {
  width: 165px;
  height: 49px;
  padding: 0;
  line-height: 49px;
  font-size: 20px
}

.train-header .back {
  float: left;
  width: 30px;
  height: 100%;
  padding-top: 10px;
  cursor: pointer
}

.train-header .back i {
  display: inline-block;
  width: 15px;
  height: 28px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAcCAYAAAC+lOV/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QzY3Qjk0MTQyQjRBMTFFODk2N0JCQzgwQzU3MDdCNkEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QzY3Qjk0MTUyQjRBMTFFODk2N0JCQzgwQzU3MDdCNkEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDNjdCOTQxMjJCNEExMUU4OTY3QkJDODBDNTcwN0I2QSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDNjdCOTQxMzJCNEExMUU4OTY3QkJDODBDNTcwN0I2QSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqGVSloAAADWSURBVHjaYvr//z8DuZiJgQIwjDX7AfE8cjQ7AfEKIL6AVRZPVJgC8QcgbsSlBpdGTSB+BcST8cUzNkFZIH4MxEuAmJGURCIKxPuA+BwQJ4B8RWxo8wPxbiB+BMSRQPyH2KjiAuLNQPwbiIOA+Bsx8cwCpZcAsQ4QqwPxR1ITyTIgZgXiHJKSGFLo2QHxVyCuIzZLogs4QQ2oIEczCLsB8XcgLiRHMwh7AvEPIM4jRzMI+0MNyCBHMwgHA/EvIE4mpwxbC8QxQGyBTRKc8EcLQDppBggwAFhM4mZAP6IWAAAAAElFTkSuQmCC)
}

.measure-list {
  padding: 25px 60px 0 60px;
  height: 464px;
  overflow: hidden;
  background-color: #fff
}

.measure-list .item-01 {
  background: url(../images/back1_03.png) no-repeat 0 0;
  background-size: cover
}

.measure-list .item-01 .name {
  color: #4496fd
}

.measure-list .item-01 .percent {
  color: #4496fd
}

.measure-list .item-02 {
  background: url(../images/back2_03.png) no-repeat 0 0;
  background-size: cover
}

.measure-list .item-02 .name {
  color: #fe7370
}

.measure-list .item-02 .percent {
  color: #fe7370
}

.measure-list .item-03 {
  background: url(../images/back3_03.png) no-repeat 0 0;
  background-size: cover
}

.measure-list .item-03 .name {
  color: #38d9af
}

.measure-list .item-03 .percent {
  color: #38d9af
}

.measure-list .item-04 {
  background: url(../images/back4_03.png) no-repeat 0 0;
  background-size: cover
}

.measure-list .item-04 .name {
  color: #ff8d62
}

.measure-list .item-04 .percent {
  color: #ff8d62
}

.measure-list .item-05 {
  background: url(../images/back5_03.png) no-repeat 0 0;
  background-size: cover
}

.measure-list .item-05 .name {
  color: #da7bfe
}

.measure-list .item-05 .percent {
  color: #da7bfe
}

.measure-list .item {
  width: 148px;
  height: 179px;
  border-radius: 5px;
  float: left;
  margin-right: 22px;
  margin-top: 20px;
  position: relative
}

.measure-list .item .name {
  width: 100%;
  height: 28px;
  position: absolute;
  top: 95px;
  bottom: 0;
  right: 0;
  left: 0;
  line-height: 28px;
  text-align: center;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 22px;
  font-weight: bold
}

.measure-list .item .name-lx {
  top: 120px;
  bottom: 0;
  right: 0;
  left: 0
}

.measure-list .item .percent {
  position: absolute;
  bottom: 3px;
  right: 8px
}

.choose-list {
  height: 604px
}

.choose-list .list-item {
  margin: 10px 50px 35px 50px;
  border-radius: 8px;
  height: 100px;
  border: 0;
  background-color: #ffffff;
  -webkit-box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.05);
  position: relative
}

.choose-list .list-item .name {
  display: inline-block;
  position: absolute;
  top: 15px;
  left: 20px;
  font-size: 28px;
  font-weight: 500
}

.choose-list .list-item .percent {
  display: inline-block;
  position: absolute;
  bottom: 4px;
  left: 20px;
  font-size: 15px;
  color: #67a2b4
}

.choose-list .list-item .begin {
  float: right;
  margin-top: 28px;
  margin-right: 15px;
  background-color: #f6915c;
  border: 0;
  padding: 8px 20px;
  border-radius: 3px;
  color: #ffffff
}

.choose-list .list-item:first-child {
  margin-top: 20px
}

.measure-content {
  background-color: #f6f8fa;
  height: 604px
}

.popover-word li {
  margin: 5px 3px
}

.popover-word .word-show {
  font-size: 14px
}

.popover-word .word-score {
  color: #ff9933
}

.popover-word .word-fayin .icon {
  width: 14px;
  height: 16px;
  margin-left: 6px
}

.popover-word .word-fayin .icon-bf {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAASCAYAAAC5DOVpAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTdDN0EzRjAxOTBEMTFFODlBNzlBM0ZBMEYwOEQ5NzIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTdDN0EzRjExOTBEMTFFODlBNzlBM0ZBMEYwOEQ5NzIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBNzg3NjZBOTE5MEQxMUU4OUE3OUEzRkEwRjA4RDk3MiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBNzg3NjZBQTE5MEQxMUU4OUE3OUEzRkEwRjA4RDk3MiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PjfoSroAAAEYSURBVHjaYvz//z8DtQAjzDDZVpyGOgOxIBCvwSb5uJoRzmYiYFkOEO8E4nxiXMaCQ5wZiCdADUMHPFD6C7oENpfxA/FmHAaBQB0Q3wRia3yGqQGxFxAfBWJPPL5pAuI7QLwViBVwefMMEPMSCBZzIHYH4lAgvgzElUCcjs1lvESEMRsQNwKxPBDPhsY00bGJDg4D8Wcg1oZ6VZwSwwygsXkBiE1ByQyXYeeJMEwViGuA+AcQJwDxWlyGGUHDbTMew1YD8RIg3gLE76BpEac3QQkxEIi78RgIyg2vgNgBiN8SygF/gbgMmjCnQWMQGZQC8X8oZiA2AuYCsRvU9j9I4v+wGYQvb8LAQWgMCpNUBFG1PKMGAAgwAEz6O28xmaswAAAAAElFTkSuQmCC) no-repeat 0 3px;
  background-size: cover
}

#content,
#sidebar {
  height: 603px
}

#row-main {
  overflow-x: hidden;
  margin-left: 0;
  margin-right: 0;
  border-left: 1px solid #dadee5;
  border-right: 1px solid #dadee5;
  border-bottom: 1px solid #dadee5;
  background-color: #f6f8fa
}

#row-main .col-xs-2 {
  width: 20.666667%
}

#row-main .col-xs-10 {
  width: 79.33333333%
}

#content {
  background-color: #f6f8fa;
  -webkit-transition: width 0.3s ease;
  -o-transition: width 0.3s ease;
  transition: width 0.3s ease;
  padding-left: 0;
  padding-right: 0
}

#content .btn-shousuo {
  width: 80px;
  position: relative;
  top: 196px;
  z-index: 1
}

#content .btn-shousuo .btn-shrink:hover {
  background-color: #68b5cd
}

#content .btn-shousuo .btn-shrink {
  display: block;
  width: 20px;
  height: 55px;
  background-color: #ffffff;
  border: 0;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  cursor: pointer
}

#content .btn-shousuo .btn-shrink .icon {
  width: 19px;
  height: 48px;
  border-radius: 15px;
  background: url(data:image/png;base64,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) no-repeat 3px 20px
}

#content .btn-shousuo .btn-shrink .icon-right {
  background: url(data:image/png;base64,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) no-repeat 3px 20px
}

#content .content-body {
  position: relative;
  top: 0
}

#content .content-body .panel-word {
  position: relative;
  left: 42px;
  top: -27px;
  overflow: hidden;
  width: 710px;
  height: 464px;
  background-color: #fff;
  -webkit-box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.05);
  border-radius: 10px
}

#content .content-body .panel-word .score-state {
  display: inline-block;
  height: 16px;
  margin-bottom: 14px;
  line-height: 16px;
  font-size: 14px;
  position: absolute;
  left: 35px;
  top: 38px;
  z-index: 1
}

#content .content-body .panel-word .score-state .tag {
  float: left;
  margin-right: 18px;
  color: #838996
}

#content .content-body .panel-word .score-state .score-bar {
  float: left;
  margin-right: 33px;
  text-align: center
}

#content .content-body .panel-word .score-state .score-bar .value {
  float: left;
  color: #7b828d
}

#content .content-body .panel-word .score-state .score-bar .star-bar {
  float: left
}

#content .content-body .panel-word .score-state .score-bar .star-bar i {
  float: left;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAPCAYAAADUFP50AAAA7ElEQVQokY3QvUoDURDF8d8uC4IWiqAWfuEDWAQbeztBLHwBK8FGtBBLFXwDO1vxBcTWxkbEIJi0qUIaRVBBbWPhXdyEvcmeZu7MnP9wOUm90RLRBD7RLVumESjDHXZiV2PgNpZxirGq4ChOwnsG+1XBPcwW+kNM9psyLGENNayEWtQ4mnjAEx5xm9QbrVdMlX1ngHZTHIhEHlETlymucFYResE6vvNwjsOBQfrBJjr8p9rF+RDw3l9AiiAsDgF79kVwoc/4oTe0eSRl4FyobzgKfQ03YT6C6dycFcBrtHGBrzB7xgZWsYX33PwLLBYpQ6stDf8AAAAASUVORK5CYII=) no-repeat 0 0;
  width: 15px;
  height: 15px;
  margin-right: 7px;
  font-size: 0
}

#content .content-body .panel-word .score-state .score-bar .star-bar i.on {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAABj0lEQVQokXXSz4uPURQG8M9z7zuzsMFiymaUSbJgQRNZqPEXiLVSUrJRsrJQSvkHZKNm459godRY2jILaZQkC5aU/DgW7/v9+mZy6vbee97nOefe5zn5+eiMKIV8D7/QUNar3Ii6jq9msUQtRdoI+1+sUafFiiDo03eKOTlFDROApUrdSnNEy00ttLCMAfUPeX4a1wUtp6ZOl7U6PJIyJ+4mF9Wt6O6koUV1e8Vt2f3EAftwtlhPrGJd6thYKzJKeaXKmtR22MEWXg5pLhUPsliyRmFSEDXuNyQbquAzTrZqnqZnS6NaqYY+CTRQnfRSHa3Gu3YPlU8Nbysu6nmlZ1S7lxqKXjKUmvI1RPVs6u7W4MdMhC+68xnqXSbQXPlZx7HoE3Ft5vmQPTOj7VTlhXJolqj5r5lDeaz8+qt2WzAuWVGzISoli0xSB6chGsnV5zov44AaZ0Gl8CGxWr8nC1rWFk1p87mN/eKohniuOSdOVFzVvdFDHF/AGyYz4Rt5ho+4r7yf8ptiG/fwerHzHypBeYSLEIhtAAAAAElFTkSuQmCC)
}

#content .content-body .panel-word .score-state .state-tips {
  float: left;
  margin-right: 20px;
  margin-top: 10px
}

#content .content-body .panel-word .score-state .state-tips i {
  vertical-align: 1px;
  margin-right: 2px;
  display: inline-block;
  width: 13px;
  height: 6px;
  border-radius: 6px
}

#content .content-body .panel-word .score-state .state-tips.good {
  color: #09cba0
}

#content .content-body .panel-word .score-state .state-tips.good i {
  background: #09cba0
}

#content .content-body .panel-word .score-state .state-tips.midd {
  color: #edce24
}

#content .content-body .panel-word .score-state .state-tips.midd i {
  background: #edce24
}

#content .content-body .panel-word .score-state .state-tips.bad {
  color: #eb5564
}

#content .content-body .panel-word .score-state .state-tips.bad i {
  background: #eb5564
}

#content .content-body .panel-word .score-w {
  display: inline-block;
  width: 172px;
  height: 52px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALAAAAA6CAYAAAAQnNPgAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjYyMjhERDQyQjQwMTFFOEJFNjBCOTY0NkY4NUUyMkQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjYyMjhERDUyQjQwMTFFOEJFNjBCOTY0NkY4NUUyMkQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2NjIyOEREMjJCNDAxMUU4QkU2MEI5NjQ2Rjg1RTIyRCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2NjIyOEREMzJCNDAxMUU4QkU2MEI5NjQ2Rjg1RTIyRCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pn1RGVQAAAIoSURBVHja7J09S1ZxHIZ/poWiTgbpqiDuYuBHEGpoNlERXzBxEyRzEILC6IVG3xAUUXB1EUQFV0FE90JsTNElA637x//5EjdcF9xf4OIazvOc/zmnamzneDoiPgSAIY+0T9ohKsA14HttQLtBBzgGnPzQJtABrgEna9oWSsA14GRcu0QLuAb8W+vX/qEGHANO9rRvqAHXgJO32hl6wDXgP1qvdocicAw4OdVmUASuASdftX00gWvAD1H+lbhCFTgGnFxE+X8YwDLgZFPbQBe4Bpy80X6iDFwDvo5yau0BbeAYcHKgfUYbuAacvNNOUAeuAf/VXke5WwdgF3Byrk2jD1wDTr5ruygE14DzzPBglDPEAHYBJ7+0UTSCa8DJtraKSnANOJmM8mQzgGXAt1pflHdMANgFnBxpH1EKrgEn+ZoqbnCAbcDvtVq0gmPAPVGOXALYBdykLWtVKAXHgBe1FnSCY8BD2itUgmPArVEevQewC7haW9ca0QiOAedbe7pRCI4Bd0V5tAjALuD6yqXDY/SBY8BftHbUgWPAL7RhtIFjwM+0peBuG5gGvFiJGMAu4BHtJbrAMeD2yg83ALuAa6J8ALEeVeAY8Kz2HE3gGHDeJuYjL2AZcEPl0qEaReAYcH6psw094BhwHk4fQg04BtysLaAFHAPOW8Qr2lO0gGPA+Uh8D0rAMeAObR4d4BjwkygH1OvQAY4Bz2mdqADXgKfQAK78F2AAEdtD4Qq5TAwAAAAASUVORK5CYII=) no-repeat;
  background-size: cover;
  position: absolute;
  right: 0;
  top: 20px;
  z-index: 1;
  padding: 8px 5px 8px 29px
}

#content .content-body .panel-word .score-w span {
  display: inline-block;
  float: right;
  margin-right: 10px;
  margin-left: 2px;
  color: #ffffff
}

#content .content-body .panel-word .score-w .star-bar {
  float: left
}

#content .content-body .panel-word .score-w .star-bar i {
  float: left;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAPCAYAAADUFP50AAAA7ElEQVQokY3QvUoDURDF8d8uC4IWiqAWfuEDWAQbeztBLHwBK8FGtBBLFXwDO1vxBcTWxkbEIJi0qUIaRVBBbWPhXdyEvcmeZu7MnP9wOUm90RLRBD7RLVumESjDHXZiV2PgNpZxirGq4ChOwnsG+1XBPcwW+kNM9psyLGENNayEWtQ4mnjAEx5xm9QbrVdMlX1ngHZTHIhEHlETlymucFYResE6vvNwjsOBQfrBJjr8p9rF+RDw3l9AiiAsDgF79kVwoc/4oTe0eSRl4FyobzgKfQ03YT6C6dycFcBrtHGBrzB7xgZWsYX33PwLLBYpQ6stDf8AAAAASUVORK5CYII=) no-repeat 0 0;
  width: 14px;
  height: 14px;
  margin-right: 7px;
  font-size: 0
}

#content .content-body .panel-word .score-w .star-bar .on {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAKCAYAAABi8KSDAAAAmklEQVQYlYXPoYpCQRyF8T8XFcFgMlmsW4z7BL6CVp/A6IsYTVabL2CwyEb7RTBs2rZ5kZ/BmfVyueoHA4fDx8yZQNTODKuGPupFFxf84eOdvPRg1yRPscEp3VilxBaLLK+95wtFoIP9C7HEoLq5j+8n8jhvLuLOb0Rco5mfHLLcjohhyueIOFbk0X9KT/RwwByt1E3SXz7zjBvFqTMXQ5DZBgAAAABJRU5ErkJggg==) no-repeat 0 0;
  background-size: cover
}

#content .content-body .panel-word .panel-body {
  padding: 30px 35px 24px
}

#content .content-body .panel-word .panel-body .yinbiao {
  margin-top: 10px;
  margin-bottom: 10px
}

#content .content-body .panel-word .panel-body .yinbiao span {
  color: #838996;
  font-size: 22px
}

#content .content-body .panel-word .panel-body .yinbiao .icon {
  vertical-align: -1px;
  margin-right: 4px
}

#content .content-body .panel-word .panel-body .yinbiao .icon-play {
  width: 18px;
  height: 12px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAkCAYAAAC9itu8AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowQjlDMjRBMENEMUYxMUU3QUY0NzgxMDdDNjA5QzY1QyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDowQjlDMjRBMUNEMUYxMUU3QUY0NzgxMDdDNjA5QzY1QyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjBCOUMyNDlFQ0QxRjExRTdBRjQ3ODEwN0M2MDlDNjVDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjBCOUMyNDlGQ0QxRjExRTdBRjQ3ODEwN0M2MDlDNjVDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+U3zCBAAAARZJREFUeNpilGn5x4AGBIFYFYhPPa5mRJdjYEHjgxRuBeInQOzEgAUwIbHtgfgEVBMrAw4A0sAHxElAvAuIhRgIAJCT3qPZhBcwkaKYgVTFMA1Pgfg/KRpkgDgMiL+T4qQ1QGwLxM9I8cNZIDYH4nNA/BOXBkYsSYMLiOWA+AayICyZYAsldmhk4oy4QZaWmKBpaS4Qs2GRrwZiXlLSkhYQJ5KSlt4B8V9S0hI3EC8nJS0lQW0ZjGkJXyjRNy2JQyOOkdi09BuIc4F4CrHlUiYQR0BtngcKSWLSkgcQrwRiG1LSEgss+RCTlo4CcSgQ7yUmLRUD8VKo+68Sk5ZATmmDaiQqLb2G2vAfV0w/gdokhysUAAIMAA5uS3AhTwSvAAAAAElFTkSuQmCC);
  background-position: 0 -24px;
  margin-left: 10px
}

#content .content-body .panel-word .panel-body .yinbiao .icon.ing {
  -webkit-animation: play 1s infinite steps(2);
  animation: play 1s infinite steps(2)
}

@keyframes play {
  0% {
    background-position: 0 0
  }

  50% {
    background-position: 0 -24px
  }

  100% {
    background-position: 0 0
  }
}

#content .content-body .panel-word .panel-body .word-mean {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 18px
}

#content .content-body .panel-word .panel-body .exam-sententce {
  margin-top: 40px;
  margin-left: 30px;
  font-size: 18px
}

#content .content-body .panel-word .panel-body .exam-sententce h5 {
  margin-bottom: 6px;
  color: #1c84fe
}

#content .content-body .panel-word .panel-body .exam-sententce .coloring {
  color: #1c84fe
}

#content .content-body .panel-word .panel-body .btn-fanyi {
  width: 65px;
  height: 25px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEEAAAAZCAYAAABuKkPfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjE4NEEyNzQxOTM2MTFFODhDQjc5N0E3MzEwNEFEMjYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjE4NEEyNzUxOTM2MTFFODhDQjc5N0E3MzEwNEFEMjYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCMTg0QTI3MjE5MzYxMUU4OENCNzk3QTczMTA0QUQyNiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCMTg0QTI3MzE5MzYxMUU4OENCNzk3QTczMTA0QUQyNiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PiPmCZkAAAGbSURBVHja5Ji/LwRBFMf3xvmRiCMKhdtESye0OgmJQqFSCBIKRKdTKLhE4TQqJAqJQhSuFJU/QKeQS6jENRLiiDhij8/Eu2SyWbktNDvzks9u8uZt8b4z8+bNpvxc1cOawYc2aPDstwBe4R4+0jxaoNeR5Gumc+2QSS8qHlnHBAiLkVWihsuWUQ6vgpqpdJ2ACViN8F/DNKxDH5zBEXwmUYV6ImQkwV3D12MIsw0DMAdDsKirbeKWQoyYNygZPBhjZbiAGXiXt2ejCHHP3X0YdVkEbVOyVTZsqwm6nRyHkdDZ+hgRuyld55ZtIpzAZYS/HOF7gtkkFsZ6IlSgH47hOzTWDe0R39xJMbVGhDFYETEKobG8tNyB4dP3kEPYs0kEndQXtP5RVHV/cGv4lqHRttPhVHqDK6v75hgx57AQY9VYLYLe401wAMPQaYx1SV2okcgbaZzZ1UfeEkzCPNzAmvf7Z2YnIj6fNBFSfq466PhV+l/b5kSLEDiuQVXJ3nbZXpT0Aa6uBp13SUlLXIRnh8QIJF+dd+VHgAEA0ZZNM36D2+wAAAAASUVORK5CYII=) no-repeat 0 0;
  color: #1c84fe;
  padding-left: 30px;
  padding-top: 3px;
  font-size: 14px
}

#content .content-body .panel-word .panel-body .sentence-english {
  font-size: 20px;
  cursor: pointer
}

#content .content-body .panel-word .panel-body .sentence-english .good {
  color: #09cba0
}

#content .content-body .panel-word .panel-body .sentence-english .midd {
  color: #edce24
}

#content .content-body .panel-word .panel-body .sentence-english .bad {
  color: #eb5564
}

#content .content-body .panel-word .panel-body .sentence-japan {
  margin-top: 10px;
  color: #838996
}

#content .content-body .panel-word .panel-body .item-yuanwen {
  position: absolute;
  bottom: 10px
}

#content .content-body .panel-word .panel-body .item-luyin {
  position: absolute;
  bottom: 10px;
  left: 150px
}

#content .content-body .panel-word .panel-body .item .play {
  color: #4095fe;
  font-size: 14px
}

#content .content-body .panel-word .panel-body .item .playback {
  color: #4095fe;
  font-size: 14px
}

#content .content-body .panel-word .panel-body .item .icon {
  vertical-align: -1px;
  margin-right: 4px
}

#content .content-body .panel-word .panel-body .item .icon-play {
  width: 12px;
  height: 12px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAkCAYAAAC9itu8AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowQjlDMjRBMENEMUYxMUU3QUY0NzgxMDdDNjA5QzY1QyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDowQjlDMjRBMUNEMUYxMUU3QUY0NzgxMDdDNjA5QzY1QyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjBCOUMyNDlFQ0QxRjExRTdBRjQ3ODEwN0M2MDlDNjVDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjBCOUMyNDlGQ0QxRjExRTdBRjQ3ODEwN0M2MDlDNjVDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+U3zCBAAAARZJREFUeNpilGn5x4AGBIFYFYhPPa5mRJdjYEHjgxRuBeInQOzEgAUwIbHtgfgEVBMrAw4A0sAHxElAvAuIhRgIAJCT3qPZhBcwkaKYgVTFMA1Pgfg/KRpkgDgMiL+T4qQ1QGwLxM9I8cNZIDYH4nNA/BOXBkYsSYMLiOWA+AayICyZYAsldmhk4oy4QZaWmKBpaS4Qs2GRrwZiXlLSkhYQJ5KSlt4B8V9S0hI3EC8nJS0lQW0ZjGkJXyjRNy2JQyOOkdi09BuIc4F4CrHlUiYQR0BtngcKSWLSkgcQrwRiG1LSEgss+RCTlo4CcSgQ7yUmLRUD8VKo+68Sk5ZATmmDaiQqLb2G2vAfV0w/gdokhysUAAIMAA5uS3AhTwSvAAAAAElFTkSuQmCC);
  background-position: 0 -24px
}

#content .content-body .panel-word .panel-body .item .icon-playback {
  width: 12px;
  height: 12px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2QjczRUI3QkNEMTkxMUU3ODkzMkFDQzNDOTY5NEVGMSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2QjczRUI3Q0NEMTkxMUU3ODkzMkFDQzNDOTY5NEVGMSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjZCNzNFQjc5Q0QxOTExRTc4OTMyQUNDM0M5Njk0RUYxIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjZCNzNFQjdBQ0QxOTExRTc4OTMyQUNDM0M5Njk0RUYxIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+FWmXdgAAAP1JREFUeNp00b9LwkEYx3HNb2ag+A/k5p4/GhwahUIEl3RydapBJx3crNnBoT+gIcccgpbAoCajwUmplkRwCKQtiKz3yecbx0EPvPjecXfP3fN8vZ3TVcCJEJJ4wbe7uGGNg6hjjgmiuMfmfwd66CKGa2xhAfOElhIGPG0+xDHGKOgWE0doII4f+4YTZapoc9FaO0cfNfvAnrJPNW/iFgl8KkHYfpL5Lp2GpJDFDGdu0c/IYFvzO+ziSsU+yd+BSxXW0byNN41Nq9O4WfdePy6CB90ywAW+1KUqXlXnh1+DKexA3SiJH48om8120SbekUcO+3ruCEP/H5j4FWAA82s0C2ANQHMAAAAASUVORK5CYII=)
}

#content .content-body .panel-word .panel-body .item .play.ing .icon-play {
  -webkit-animation: play 1s infinite steps(2);
  animation: play 1s infinite steps(2)
}

#content .content-body .panel-word .panel-body .item .playback.ing .icon-playback {
  -webkit-animation: toRotate 1.5s linear infinite;
  animation: toRotate 1.5s linear infinite
}

@keyframes toRotate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }

  100% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg)
  }
}

@keyframes play {
  0% {
    background-position: 0 0
  }

  50% {
    background-position: 0 -24px
  }

  100% {
    background-position: 0 0
  }
}

#content .content-body .panel-word .panel-result {
  text-align: center;
  padding-top: 104px
}

#content .content-body .word-operate {
  width: 710px;
  position: relative;
  left: 42px;
  bottom: 4px
}

#content .content-body .word-operate .button-play {
  background: -webkit-gradient(linear, left top, right top, from(#77bdd2), to(#68b5cd));
  background: -o-linear-gradient(left, #77bdd2, #68b5cd);
  background: linear-gradient(to right, #77bdd2, #68b5cd)
}

#content .content-body .word-operate .button-play .icon-play {
  width: 39px;
  height: 43px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAnCAYAAACBvSFyAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Qzc3MjdCOEExOTBEMTFFODgxMDhCOTREMkRDNjMwREEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Qzc4RThGMDAxOTBEMTFFODgxMDhCOTREMkRDNjMwREEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDNzcyN0I4ODE5MEQxMUU4ODEwOEI5NEQyREM2MzBEQSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDNzcyN0I4OTE5MEQxMUU4ODEwOEI5NEQyREM2MzBEQSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pt0pfC8AAANeSURBVHja7Jg9aBRBFMd3LpcvwaiXRIt8aGGCgiZNQDBIUCxsEhUsJAoWYmFhZalgYWcjNpaKmFIiKKKx004CkTQKBhQ/wETFYHK5XG53dvy/ndm7ub297OzdBhV88GOX2d2Z/7x5bz6WCSGsP20p6y+wf1bEUXAfvAc2KIA5cAccqkkFxYQhu8FLIFzguK6wAV1dl0qK9gz0xKjXYoaBOQSm8GbGceX7jMkH6lK8puSDeXAEvDWp3EREBszirW4bAoqNMq0STYQmhIZoAOSTiImroLugPCCKwxgYVu3elQ/7wOUkPJEGX9dc0RHmeroJlulXxtgnXHYFNMb2xCDoEIHeirDuW6Ge6QX99Q7Hzqj2qgosWU+9IlqCNcfxhrLmRCarar0U5t5IaMYU4ZlQU6sRIkbAXTC6Ad4YV3UfDEtB3Sa5sDINzDqD+85Qb7CK2+hnMk0nVPEYaF/PE5lV7vWhESyZ9tYwFvw5KRMnJprXiw1hHjeuwjgm8qw8v7/FjolKdQtgh/bOWpSIBW1h2g9mvKWgYvk3ToqsWkkHtSl9PkrETGOKWTIsrFPgJ3jSmmLxZk3cpGVvJsEqOCFKS+9s1KbmHO1Klm1vk5IHfWAQFPLcFSvYTOQ0VrmEnq0pCoDLPc4K6AVDgDuljc/F4KYmKKId5EiE+uQ5aFAfeg2sVBHhC1ECHDAGmsArKuJSxJJqY10RxE3vbbuo/LYqHwdZKqCGg0IKvPj+IhgFlJITVGCXvHAtbHsXJmIr+Ij6/WEhuwc2gS5wC8yLSvsMboBO0AYmfQGqljmw2VQEcYDG1C4XQpWcBSnFHnAYjIB+1fM0OE+d8IePy2+Xwb5aNrq0UX2I/GzLIV2akEdNMku+g6fgtUo3DrarNeEYzYgICC+vKdPwxSLKToIXtW75B8A7L9QxPuSVHKdtfuVYUEj4AarFxxuwN2rLb3IuoFi4Dn55Y8yloKxTnilaZpD9AFdAS5LnDrI2cBocB8NgCw0TVlyrWQ7TBzANHoBHYdNzEiewIFOFUs8v1VFPXQdiW1vsnH/+VG7iLpr7v4RMTiJry2yoYtNq4otsI22g8wLiryvHRdnZ0786KHa4qDiPtjawIfWr4HESnhj2Z8CYRp7YlnSK/v9dtOH2W4ABABpPljgrGyx6AAAAAElFTkSuQmCC)
}

#content .content-body .word-operate .pull-right .btn {
  width: 196px;
  height: 67px;
  background-color: #ffffff;
  border-radius: 35px;
  text-align: center;
  line-height: 50px;
  font-size: 26px;
  margin-left: 10px
}

#content .content-body .word-operate .pull-right .button-english {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMQAAABDCAYAAADDE6oLAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OEY3NkJDMDQyQjQxMTFFOEJFNjM4RUUzRTA3QTFEMDEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OEY3NkJDMDUyQjQxMTFFOEJFNjM4RUUzRTA3QTFEMDEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4Rjc2QkMwMjJCNDExMUU4QkU2MzhFRTNFMDdBMUQwMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4Rjc2QkMwMzJCNDExMUU4QkU2MzhFRTNFMDdBMUQwMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgRcwEcAAAcUSURBVHja7J1bbFRV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);
  color: #ffffff
}

#content .content-body .word-operate .pull-right .button-japan {
  color: #67a2b4
}

.col-md-10 .width-12,
.col-md-12 .width-10 {
  display: none
}

#sidebar {
  -webkit-transition: margin 0.3s ease;
  -o-transition: margin 0.3s ease;
  transition: margin 0.3s ease;
  padding-left: 0;
  padding-right: 0;
  background-color: #ffffff
}

#sidebar .word-list {
  margin: 8px;
  margin-top: 16px
}

#sidebar .word-list .item {
  width: 186px;
  height: 28px;
  border-radius: 15px;
  margin-bottom: 10px;
  text-align: center;
  line-height: 28px;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis
}

#sidebar .word-list .item .words {
  float: left;
  display: inline-block;
  width: 140px;
  padding-left: 15px;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis
}

#sidebar .word-list .item .word-score {
  float: right;
  display: inline-block;
  width: 46px
}

#sidebar .word-list .active {
  background: -webkit-gradient(linear, left top, right top, from(#77bdd2), to(#68b5cd));
  background: -o-linear-gradient(left, #77bdd2, #68b5cd);
  background: linear-gradient(to right, #77bdd2, #68b5cd);
  color: #ffffff
}

.collapsed {
  display: none
}

@media (min-width: 992px) {
  .collapsed {
    display: block;
    margin-left: -25%
  }
}

.show {
  display: block
}

#loading {
  display: none;
  width: 200px;
  height: 85px;
  background-color: #fff;
  -webkit-box-shadow: 0 2px 3px 3px rgba(0, 0, 0, 0.05);
  box-shadow: 0 2px 3px 3px rgba(0, 0, 0, 0.05);
  position: absolute;
  top: 250px;
  left: 400px;
  z-index: 100
}

#loading .tishi {
  text-align: center;
  margin-top: 24px;
  font-size: 14px
}

#loading .progress {
  height: 8px;
  margin: 0 10px
}

#loading .progress .progress-bar {
  background-color: #4da8ff
}

.login-container {
  position: relative;
  width: 570px;
  height: 320px;
  padding-left: 210px;
  margin: 0 auto;
  background-color: #fff
}

.login-container .btn-blue {
  height: 41px;
  font-size: 18px;
  margin-top: 44px
}

.login-container .btn-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 99;
  width: 30px;
  height: 30px;
  padding: 8px
}

.login-container .login-logo {
  float: left;
  width: 210px;
  height: 320px;
  margin-left: -210px;
  background: url(../images/hhs1.png) no-repeat 0 0
}

.login-container .login-logo p {
  color: #fff;
  text-align: center;
  margin-top: 158px
}

.login-container .login-content {
  position: relative;
  padding: 16px 34px;
  overflow: hidden;
  font-size: 13px;
  background-color: #EBF3F9;
  -webkit-box-shadow: 1px 1px 1px 1px #DCDCDC;
  box-shadow: 1px 1px 1px 1px #DCDCDC
}

.login-container .login-content .title {
  margin: 28px 0 16px;
  text-align: center;
  font-size: 22px;
  color: #3f4651
}

.login-container .login-content .user-avatar {
  position: relative;
  margin: 20px auto 10px;
  width: 78px;
  height: 78px;
  border-radius: 50%;
  overflow: hidden
}

.login-container .login-content .user-avatar img {
  display: block
}

.login-container .login-content .user-avatar:before {
  content: '';
  position: absolute;
  border-radius: 50%;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-size: cover
}

.login-container .login-form,
.login-container .reg-form {
  display: block
}

.login-container .login-form .form-group,
.login-container .reg-form .form-group {
  margin-bottom: 16px;
  position: relative
}

.login-container .login-form .label-control,
.login-container .reg-form .label-control {
  position: absolute;
  left: 0;
  top: 7px;
  width: 34px;
  height: 25px;
  border-right: 1px solid #cfd5de
}

.login-container .login-form .form-control,
.login-container .reg-form .form-control {
  height: 39px;
  border-radius: 3px;
  font-size: 15px;
  -webkit-box-shadow: none;
  box-shadow: none
}

.login-container .login-form__psw,
.login-container .reg-form__psw {
  padding-right: 50px
}

.login-container .login-form__code,
.login-container .reg-form__code {
  padding-right: 50px
}

.login-container .login-form .forget-psw,
.login-container .reg-form .forget-psw {
  position: absolute;
  right: 6px;
  top: 50%;
  margin-top: -8px;
  color: #838996;
  text-decoration: underline
}

.login-container .login-form .forget-psw:hover,
.login-container .reg-form .forget-psw:hover {
  color: #67a2b4
}

.login-container .login-form .password-group,
.login-container .reg-form .password-group {
  margin-bottom: 8px
}

.login-container .login-form .code-group .btn-code,
.login-container .reg-form .code-group .btn-code {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 87px;
  padding: 0;
  background-color: #d2e6ff;
  border: 1px solid #67a2b4;
  border-radius: 0 3px 3px 0;
  color: #67a2b4;
  line-height: 39px;
  text-align: center
}

.login-container .login-form .code-group .btn-code.datafld,
.login-container .reg-form .code-group .btn-code.datafld {
  background-color: #eee;
  border-color: #ddd;
  color: #999
}

.login-container .login-form .aide-block,
.login-container .reg-form .aide-block {
  margin: 0 0 14px;
  color: #3f4651
}

.login-container .login-form .to-reg,
.login-container .login-form .to-login,
.login-container .reg-form .to-reg,
.login-container .reg-form .to-login {
  color: #67a2b4
}

.login-container .login-form .to-reg:hover,
.login-container .login-form .to-login:hover,
.login-container .reg-form .to-reg:hover,
.login-container .reg-form .to-login:hover {
  text-decoration: underline
}

.login-container .login-form .to-login,
.login-container .reg-form .to-login {
  text-decoration: underline
}

.login-container .login-form .checkbox-inline,
.login-container .reg-form .checkbox-inline {
  padding-left: 17px
}

.login-container .login-form .checkbox-inline input[type='checkbox'],
.login-container .reg-form .checkbox-inline input[type='checkbox'] {
  display: none
}

.login-container .login-form .checkbox-inline input[type='checkbox']:checked~.icheckbox,
.login-container .reg-form .checkbox-inline input[type='checkbox']:checked~.icheckbox {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAABKElEQVQYlWO0cAu1YmBgqGNgYBBhwA3eMDAwNDHLKGvPJqCQgYGBgYuBgcGUiZBCXh5uZnZ2NkYGBgYRJnwKNVSVOFbPn6RdkJEgzcDAwMDEwMDAIMDPyxzg7SrEzMzMCFOoraHKOamjVv3P37//V2/c/hquWE9bg7s8L1WxrbZIgZmZmVFXS51rQlu12s+fv/5llzbeuvfg8U8GBgYGZhll7bSHj5/9ZGJi/Bfg5SpupKfNFRXiK/nt+/e/OeWNtx49efYLZhuzjLJ2GgMDA8O5i1e//v3796+3m4PYuw8ffmeXNt568uzFLwYkwILMWbB83asbt+99u3Pv4Y83797/QfcwCwMkwOHBd+LMhS84AuctEwMDQzMDA8NbfEHIwMDwioGBoQkAbCxdJSir/p4AAAAASUVORK5CYII=) no-repeat 0 0
}

.login-container .login-form .checkbox-inline .icheckbox,
.login-container .reg-form .checkbox-inline .icheckbox {
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 3px;
  width: 11px;
  height: 11px;
  background-color: #606b77;
  border-radius: 2px
}

.login-container .login-form .form-control {
  padding-left: 48px
}

.startup {
  padding-left: 40px
}

.startup .backImg {
  width: 480px;
  height: 320px;
  position: absolute;
  top: 0;
  margin: 0 auto
}

.startup .progress {
  position: absolute;
  bottom: -5px;
  width: 500px;
  height: 8px
}

.startup .progress .progress-bar {
  background-color: #77bdd2
}

.startup .prompt {
  position: absolute;
  bottom: 4px;
  right: 22px
}

.startup .update-popup-layer {
  width: 382px;
  height: 212px;
  padding: 125px 63px 0;
  background: #fff url(../images/update-bg.png) no-repeat center -1px;
  border: none
}

.startup .update-popup-layer h2 {
  font-size: 16px;
  color: #67a2b4
}

.startup .update-popup-layer p {
  margin: 6px 0 4px;
  font-size: 14px;
  text-align: center
}

.startup .update-popup-layer .btn-block {
  padding-top: 15px;
  padding-left: 24px
}

.startup .update-popup-layer .btn {
  width: 180px;
  height: 39px;
  line-height: 31px;
  font-size: 16px
}

.startup .update-popup-layer:before {
  position: absolute;
  top: -10px;
  left: 60px;
  width: 25px;
  height: 25px;
  content: '';
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAABlElEQVRIibWVMUgcQRhG353YWIhiYSOpIpciJ1pYBixCwDKFdjaaRrQNWGgliGmEFGmC2KVIqhAs06VKpYmNaYKigsHCLoWKz2L3yGYzu3c7OT8YWL7Z/R//zOw3NZWcxoH9vPk/qge8EWCumxDU/KirP9QXgbmoEerkFngHvAU2gJ776AT1kX/0VW1GdNCrPlebZS8dZ0BX6o7aaFO4R51UX6kn6rxKLXC6WvoAzAT8Q+AzcA5cAP3AMDAGTAKD6XvLwJuy5UJdM16vs7VCG9/SWdX9TbUHvMwaZZCrCMANsJD/tgwyFAF5T9LJXyqDPI6AbIbMstN1DDyoAPhGknv/qKiTJxUBAF+KJoogKxUBAKdVIFPAdATkslNIH0kw1iIgfZ1CtoHRnPebJD6u20CGC2cyv/9qGgln6pb6TB3IRc1DdUn9HoiST0UR1XpYVj+qT9MkbRfjdXVGPcpAfqm1IkhDneigcGj0m1wBLQXrdOV6VRfVa3X9PiGky/cztNxlsRKjWZLTuJs1uw0BaAIHWeMOdLX+fmZYN8wAAAAASUVORK5CYII=) no-repeat 0 0;
  background-size: cover
}

.startup .update-popup-layer:after {
  content: '';
  position: absolute;
  top: -36px;
  left: 50%;
  margin-left: -29px;
  width: 55px;
  height: 120px;
  background: url(../images/update-rocket.png) no-repeat 0 0;
  background-size: cover
}

.historyHeader {
  width: 980px;
  height: 361px;
  background: url(../images/history-header.png) 0 0 no-repeat;
  background-size: cover
}

.historyHeader .header {
  background: none
}

.logout {
  width: 114px;
  height: 30px;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 8px 0px 0px 8px;
  position: absolute;
  right: 0;
  top: 124px;
  line-height: 30px;
  cursor: pointer;
  z-index: 10
}

.logout .out,
.logout .help {
  font-size: 15px;
  color: #fff;
  margin-left: 10px;
  cursor: pointer
}

.logout .out i,
.logout .help i {
  display: inline-block;
  width: 20px;
  height: 20px;
  padding-top: 5px
}

.logout .out i {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTMxREY3MTkyQzA2MTFFODg4QkJGNTFFOUE1QkQwM0YiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTMxREY3MUEyQzA2MTFFODg4QkJGNTFFOUE1QkQwM0YiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBMzFERjcxNzJDMDYxMUU4ODhCQkY1MUU5QTVCRDAzRiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBMzFERjcxODJDMDYxMUU4ODhCQkY1MUU5QTVCRDAzRiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Psuz6mkAAAEDSURBVHjazNSxDgFBEAbgPblDSSISpYpWofIWnkGi8gQ6hXgCiRKl1hvI4XSn4AlIJDQi7hBZ/8YUe+v2rqAwyZe4WTtmZ+UMzjn7NhLsBxFXZEIiwwzJ5eAOZyhJ+SJc4RDXSQW2MAopPoUNVD9WxGBJFvZwgzrl1oRRTqztICPtCxRp83e0pJxchNGaiI6uiAtHsCKKJOGk5AKDLYMNDym3Uk4vBu5CTXc7T7CUTQ3NjXq6wc7AU4emEMP3YS7n5SseQxq6Ef+rHqRgqOvEhCVNv0+/KncwoLWFMnymtlsAh77sU1GHPnN6zqvHDDu36KgJNlyITTkzbFbG37wKXgIMAECsoO5W8GifAAAAAElFTkSuQmCC) 0 5px no-repeat
}

.logout .help i {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTMzODgzRjIyQzA2MTFFODg4QkJGNTFFOUE1QkQwM0YiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTMzODgzRjMyQzA2MTFFODg4QkJGNTFFOUE1QkQwM0YiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBMzFERjcxQjJDMDYxMUU4ODhCQkY1MUU5QTVCRDAzRiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBMzFERjcxQzJDMDYxMUU4ODhCQkY1MUU5QTVCRDAzRiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PsY6AT8AAAEWSURBVHjazJSxa8JAFMaTCg6SURQT3UR3tyZD/4Du/mMRip2cIrhouhaKAXdn9xQtOHRtlut39lMe5yWLDn3w4/Leffe45H3EVUo5t8aDc4coa/IIErAHimvC+nXo1xHUQKz+ogAZmHMtWI+pu5wzm7xQuAKBsRewrqizNgkpSIHLWg8suTqsv1EX2pokvLK8wQBswdC4UUH9qeaKER/ADjwxb4BnPm/4cc+RgT4IzOm0QS7yOhiDBRgZ89C6pm3EX6Ar8m8wK7GA1h1tTT7oA1/seXz2hDagLrP5JDKm0wLvghbrKXVRmU+mwie+sdcRPnmtMpt24oTCH7CmY9fMFfcrHStfTR/OefiTeWTTu//mV/ArwACmsd4yW55dKwAAAABJRU5ErkJggg==) 0 5px no-repeat
}

.top {
  width: 100%;
  height: 244px;
  background-size: cover;
  position: relative
}

.top .xiong {
  width: 186px;
  height: 230px;
  position: absolute;
  left: 84px;
  bottom: 0;
  z-index: 1;
  background: url(../images/xiong_03.png) 0 0 no-repeat;
  background-size: cover
}

.top .count {
  width: 594px;
  height: 155px;
  position: absolute;
  right: 132px;
  bottom: 45px;
  background-color: #fff;
  border-radius: 16px
}

.top .count .prompt {
  color: #67a2b4;
  text-align: center;
  font-size: 18px;
  margin-bottom: 0;
  margin-top: 10px
}

.top .count .cishu {
  width: 146px;
  height: 46px;
  background-color: #7bb4fe;
  border-radius: 8px;
  text-align: center;
  line-height: 46px;
  color: #fff;
  float: left;
  margin-left: 40px;
  margin-top: 10px
}

.top .count .cishu span {
  font-size: 24px;
  font-weight: bold
}

.bottom {
  width: 100%;
  height: 254px;
  overflow: hidden;
  background-color: #f1f2f7;
  padding: 25px 36px 3px
}

.bottom .levels {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.bottom .levels .card {
  width: 436px;
  height: 167px;
  margin-bottom: 10px;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 0px 0px 0px #e3e4e8;
  box-shadow: 0px 0px 0px 0px #e3e4e8;
  padding: 10px;
  border-radius: 12px;
  position: relative;
  cursor: pointer
}

.bottom .levels .card .card-level-title {
  color: #67a2b4
}

.bottom .levels .card .foot {
  position: absolute;
  width: 75px;
  height: 75px;
  border-radius: 50%;
  background-color: #e5f5f9
}

.bottom .levels .card .foot img {
  width: 60px;
  height: 60px;
  margin-top: 8px;
  margin-left: 8px
}

.bottom .levels .card .foot:nth-child(even) {
  bottom: 10px
}

.bottom .levels .card .foot-01 {
  left: 10px
}

.bottom .levels .card .foot-02 {
  left: 22%
}

.bottom .levels .card .foot-03 {
  left: 42%
}

.bottom .levels .card .foot-04 {
  left: 62%
}

.bottom .levels .card .foot-05 {
  right: 10px
}

.bottom .unitList {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-top: 22px
}

.bottom .unitList .module {
  width: 436px;
  height: 64px;
  margin-bottom: 22px;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 0px 0px 0px #e3e4e8;
  box-shadow: 0px 0px 0px 0px #e3e4e8;
  border-radius: 12px;
  line-height: 64px;
  cursor: pointer
}

.bottom .unitList .module .icon-left {
  width: 50px;
  height: 100%;
  float: left;
  text-align: center;
  padding-top: 10px;
  padding-left: 5px
}

.bottom .unitList .module .icon-left i {
  display: inline-block;
  width: 27px;
  height: 27px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAbCAYAAACN1PRVAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDJDQUU5QTUyQzBGMTFFODlFQTBBOTVCMzNCOEFDRjQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDJDQUU5QTYyQzBGMTFFODlFQTBBOTVCMzNCOEFDRjQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0MkNBRTlBMzJDMEYxMUU4OUVBMEE5NUIzM0I4QUNGNCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0MkNBRTlBNDJDMEYxMUU4OUVBMEE5NUIzM0I4QUNGNCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvikcEsAAAC8SURBVHjaYvz//z8DvQATAx0BXS1jQeZEzlqHTQ0onN2AeDcOM8KAeC4Q86JLLE8LGiQ+A4IWLGoWQn1mj8MMDiBejUNvDT7LqoH4GhB/QRLLAuIiIFbBYdkVIJ4HxL1IYjxArEXIMhDoA+ILWMQIgSwktgEQzxk8qREKitCCkRzAQ6xlD4H4FYWWiUHjjKBla7HEGakAFGeeI6e4GrVs1LLRmhoOQMUMG4XmqpBSENMEMI425YacZQABBgCMmB7vMdHiBQAAAABJRU5ErkJggg==) 0 0 no-repeat
}

.bottom .unitList .module .icon-right {
  width: 64px;
  height: 100%;
  float: right;
  text-align: center;
  padding-top: 13px
}

.bottom .unitList .module .icon-right i {
  display: inline-block;
  width: 36px;
  height: 36px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC8AAAAvCAYAAABzJ5OsAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MkZEMEI0RkVFQkFEMTFFN0JBOTE5OTFBMzI3OEU4QkYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MkZEMEI0RkZFQkFEMTFFN0JBOTE5OTFBMzI3OEU4QkYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyRkQwQjRGQ0VCQUQxMUU3QkE5MTk5MUEzMjc4RThCRiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyRkQwQjRGREVCQUQxMUU3QkE5MTk5MUEzMjc4RThCRiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PlGeE5IAAAGsSURBVHja7Jm7LwRRFMZnRYjCexEhChVREQ0qiahokCiIhoJC4fF/eGUJkei2JVEQpUJDIYKIR0SlUVCIt/G7yddQSMRmzZF7kl9mm539vrtnzjn3TiwMw8BqZASGw4v34r14L96L/9/iM397g8bm9iou3bAE9z/57t7O1p+vfBfUwDjkWkubRbiEShhLp4FUiH+AGbiACpiAPEsPrDMwC+dQrhTKt1RtHmXgTAbcP1BgqVQ+ycAplMlAoaU6/wxzcAKlMlBkqUk5Awk4hhIZKLbUYZ2BeTiCuAzELY0HLzJwqJVPqYF0zDavsAAHyv1JPQtmBrNXdeJ9VZ8JVSMzU6UzsAHvqv99fz5V/iCqYVQL5hrZshXxtTAC2bANSQgtiK+HIf3WJqylQng6xDfBAMRgVeKjs5P6JlqhV5+TSpfAgvgO6IQ3WIHdSO5hv4RLjx5oU3ddUnMKoi7elcB+aNFsn9BoHERdvLvPIDToBMFtC68if/RBZMEw1MEtTMO1iXMb1XAn/AamdA2siF+HHLX7u3Se28T8Oykv3ov34r14L96L9+I/x4cAAwCo20/fiMzs0QAAAABJRU5ErkJggg==) 0 0 no-repeat;
  background-size: cover
}

.scoreList {
  width: 100%;
  height: 560px;
  padding: 30px;
  background-color: #f1f2f7
}

.scoreList .scoreListCard {
  width: 100%;
  height: 500px;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 0px 1px 0px rgba(204, 210, 220, 0.5);
  box-shadow: 0px 0px 1px 0px rgba(204, 210, 220, 0.5);
  border-radius: 9px;
  padding: 15px 20px
}

.scoreList .scoreListCard .row {
  height: 42px;
  margin: 0;
  text-align: center;
  line-height: 42px
}

.scoreList .scoreListCard .elli {
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap
}

.scoreList .scoreListCard .row-title {
  background-color: #f5f6fb;
  color: #838996
}

.scoreList .scoreListCard .recentList {
  width: 100%;
  height: 433px
}

.scoreList .scoreListCard .recentList .row:nth-child(even) {
  background-color: #f5f6fb
}

.dialoueMain {
  width: 980px;
  height: 604px;
  background-color: #f1f2f7;
  border: 1px solid #ccc;
  border-top: 0;
  overflow: hidden;
}

.dialoueMain .btnChanges {
  width: 100%;
  height: 90px;
  padding: 23px 45px 0
}

.dialoueMain .btnChanges .btn-change {
  display: inline-block;
  width: 149px;
  height: 40px;
  margin-bottom: 22px;
  margin-right: 30px;
  border-radius: 4px;
  text-align: center;
  line-height: 40px;
  background-color: #fff;
  font-weight: bold;
  color: #67a2b4;
  cursor: pointer
}

.dialoueMain .btnChanges .btn-active {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJUAAAAoCAYAAAD39rjkAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QzkxQjFGMjUyQzE0MTFFOEIxRjNBN0FBMEIwM0MxMTUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QzkxQjFGMjYyQzE0MTFFOEIxRjNBN0FBMEIwM0MxMTUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDOTFCMUYyMzJDMTQxMUU4QjFGM0E3QUEwQjAzQzExNSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDOTFCMUYyNDJDMTQxMUU4QjFGM0E3QUEwQjAzQzExNSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pg4BO2YAAAHeSURBVHja7JxBSgNBEEWrq3uSSQaClxAXuYDgJoKH8QaC7hTU02SlO0HcuXEliMeQia6EaPXgEaprTNd/UJvsquelM7+7SDi9fyFhX+pW6kRqQcCUeROpibzLLWwC0VPDfHa5Wr4FkepAPnyW2sPjtadNkaaJa2mnnzAf5W6uIdQ45N2pIqEyi+/t9ob/fvKAMYkDzWWXqo0fomPGO5Q9HESoJhGFKtvrGI/YFvFpeDEPoeIvDR6zcdJLiSKHqnuEVIbM5B0qxVB9n5DKiKkkvUnysdyQyijptRUmPUiFpAepakl6XeVJD1JZCpWTnuxQzMFd75CqEK3sUMmhUJCqZNKLfpcWUinTMA+7lOtwAg30iEPSi+7XAVIpHh10E19HB5CqeNLzd3QAqQoyE6EiwyhIpXV0kHZ+vhxS/aukV984MKQak1rHgSHViEnP2yUxpCqZ9AKSHqRSxsM4MKSyPDpwMg4MqYzwNA4MqYySXos7PUilnvQApNJKeh2SHqRSE4r8jgNDqkJ4HgeGVKWSHi6JIZUWGAeGVKpgHFhPqh7LgHFgRb6yVA9IergkVlzLxyzVhdSH54XAOLAafWI+z1K9Sx1KraU27o4OMA6swad8Je/yPxNfrZavvwIMAHOzIWkj+diMAAAAAElFTkSuQmCC) 0 0 no-repeat;
  color: #fff
}

.dialoueMain .btnChanges .btn-play-all {
  float: right;
  width: 140px;
  height: 40px;
  position: relative;
  cursor: pointer
}

.dialoueMain .btnChanges .btn-play-all .icon-playall {
  display: inline-block;
  width: 40px;
  height: 40px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAYAAACOEfKtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo2M2QxZGYyZS1jYjg2LTdiNGEtYTE4Yi0yNDk0YTliMjM5NDYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MUNDNkFDQTVGNzY3MTFFN0IxMkNFRDhFQjY5QjFFNDEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MUNDNkFDQTRGNzY3MTFFN0IxMkNFRDhFQjY5QjFFNDEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MzJiMGQxOWQtNWUwNi02ZDQ1LTk3NjMtNTlhNWU4MjQxN2M3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjYzZDFkZjJlLWNiODYtN2I0YS1hMThiLTI0OTRhOWIyMzk0NiIv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) 0 0 no-repeat;
  background-size: cover
}

.dialoueMain .btnChanges .btn-play-all .icon-paused {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAYAAACOEfKtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo2M2QxZGYyZS1jYjg2LTdiNGEtYTE4Yi0yNDk0YTliMjM5NDYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjI4MDRDMTdGNDQzMTFFNzhEMjRDMTAzODIzREFDMjgiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjI4MDRDMTZGNDQzMTFFNzhEMjRDMTAzODIzREFDMjgiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NWVhZGQ5M2QtODU0MC00ZDQ3LThjMmYtZTJkOGI4MzVhMmY3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjYzZDFkZjJlLWNiODYtN2I0YS1hMThiLTI0OTRhOWIyMzk0NiIv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) 0 0 no-repeat;
  background-size: cover
}

.dialoueMain .btnChanges .btn-play-all .word-playall {
  display: inline-block;
  height: 40px;
  margin-left: 10px;
  color: #67a2b4;
  position: absolute;
  top: 10px;
  white-space: nowrap
}

.dialoueMain .btnPlay {
  width: 100%;
  height: 90px;
  padding: 15px 45px
}

.dialoueMain .btnPlay .btn-bofang {
  width: 60px;
  height: 60px;
  padding-left: 8px;
  padding-top: 8px;
  cursor: pointer
}

.dialoueMain .btnPlay .btn-bofang .play {
  display: inline-block;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background-color: #68b5cd;
  padding-left: 10px;
  padding-top: 11px
}

.dialoueMain .btnPlay .btn-bofang .play i {
  display: inline-block;
  width: 22px;
  height: 20px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAABDCAYAAAB3NZ5BAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKTWlDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVN3WJP3Fj7f92UPVkLY8LGXbIEAIiOsCMgQWaIQkgBhhBASQMWFiApWFBURnEhVxILVCkidiOKgKLhnQYqIWotVXDjuH9yntX167+3t+9f7vOec5/zOec8PgBESJpHmomoAOVKFPDrYH49PSMTJvYACFUjgBCAQ5svCZwXFAADwA3l4fnSwP/wBr28AAgBw1S4kEsfh/4O6UCZXACCRAOAiEucLAZBSAMguVMgUAMgYALBTs2QKAJQAAGx5fEIiAKoNAOz0ST4FANipk9wXANiiHKkIAI0BAJkoRyQCQLsAYFWBUiwCwMIAoKxAIi4EwK4BgFm2MkcCgL0FAHaOWJAPQGAAgJlCLMwAIDgCAEMeE80DIEwDoDDSv+CpX3CFuEgBAMDLlc2XS9IzFLiV0Bp38vDg4iHiwmyxQmEXKRBmCeQinJebIxNI5wNMzgwAABr50cH+OD+Q5+bk4eZm52zv9MWi/mvwbyI+IfHf/ryMAgQAEE7P79pf5eXWA3DHAbB1v2upWwDaVgBo3/ldM9sJoFoK0Hr5i3k4/EAenqFQyDwdHAoLC+0lYqG9MOOLPv8z4W/gi372/EAe/tt68ABxmkCZrcCjg/1xYW52rlKO58sEQjFu9+cj/seFf/2OKdHiNLFcLBWK8ViJuFAiTcd5uVKRRCHJleIS6X8y8R+W/QmTdw0ArIZPwE62B7XLbMB+7gECiw5Y0nYAQH7zLYwaC5EAEGc0Mnn3AACTv/mPQCsBAM2XpOMAALzoGFyolBdMxggAAESggSqwQQcMwRSswA6cwR28wBcCYQZEQAwkwDwQQgbkgBwKoRiWQRlUwDrYBLWwAxqgEZrhELTBMTgN5+ASXIHrcBcGYBiewhi8hgkEQcgIE2EhOogRYo7YIs4IF5mOBCJhSDSSgKQg6YgUUSLFyHKkAqlCapFdSCPyLXIUOY1cQPqQ28ggMor8irxHMZSBslED1AJ1QLmoHxqKxqBz0XQ0D12AlqJr0Rq0Hj2AtqKn0UvodXQAfYqOY4DRMQ5mjNlhXIyHRWCJWBomxxZj5Vg1Vo81Yx1YN3YVG8CeYe8IJAKLgBPsCF6EEMJsgpCQR1hMWEOoJewjtBK6CFcJg4Qxwicik6hPtCV6EvnEeGI6sZBYRqwm7iEeIZ4lXicOE1+TSCQOyZLkTgohJZAySQtJa0jbSC2kU6Q+0hBpnEwm65Btyd7kCLKArCCXkbeQD5BPkvvJw+S3FDrFiOJMCaIkUqSUEko1ZT/lBKWfMkKZoKpRzame1AiqiDqfWkltoHZQL1OHqRM0dZolzZsWQ8ukLaPV0JppZ2n3aC/pdLoJ3YMeRZfQl9Jr6Afp5+mD9HcMDYYNg8dIYigZaxl7GacYtxkvmUymBdOXmchUMNcyG5lnmA+Yb1VYKvYqfBWRyhKVOpVWlX6V56pUVXNVP9V5qgtUq1UPq15WfaZGVbNQ46kJ1Bar1akdVbupNq7OUndSj1DPUV+jvl/9gvpjDbKGhUaghkijVGO3xhmNIRbGMmXxWELWclYD6yxrmE1iW7L57Ex2Bfsbdi97TFNDc6pmrGaRZp3mcc0BDsax4PA52ZxKziHODc57LQMtPy2x1mqtZq1+rTfaetq+2mLtcu0W7eva73VwnUCdLJ31Om0693UJuja6UbqFutt1z+o+02PreekJ9cr1Dund0Uf1bfSj9Rfq79bv0R83MDQINpAZbDE4Y/DMkGPoa5hpuNHwhOGoEctoupHEaKPRSaMnuCbuh2fjNXgXPmasbxxirDTeZdxrPGFiaTLbpMSkxeS+Kc2Ua5pmutG003TMzMgs3KzYrMnsjjnVnGueYb7ZvNv8jYWlRZzFSos2i8eW2pZ8ywWWTZb3rJhWPlZ5VvVW16xJ1lzrLOtt1ldsUBtXmwybOpvLtqitm63Edptt3xTiFI8p0in1U27aMez87ArsmuwG7Tn2YfYl9m32zx3MHBId1jt0O3xydHXMdmxwvOuk4TTDqcSpw+lXZxtnoXOd8zUXpkuQyxKXdpcXU22niqdun3rLleUa7rrStdP1o5u7m9yt2W3U3cw9xX2r+00umxvJXcM970H08PdY4nHM452nm6fC85DnL152Xlle+70eT7OcJp7WMG3I28Rb4L3Le2A6Pj1l+s7pAz7GPgKfep+Hvqa+It89viN+1n6Zfgf8nvs7+sv9j/i/4XnyFvFOBWABwQHlAb2BGoGzA2sDHwSZBKUHNQWNBbsGLww+FUIMCQ1ZH3KTb8AX8hv5YzPcZyya0RXKCJ0VWhv6MMwmTB7WEY6GzwjfEH5vpvlM6cy2CIjgR2yIuB9pGZkX+X0UKSoyqi7qUbRTdHF09yzWrORZ+2e9jvGPqYy5O9tqtnJ2Z6xqbFJsY+ybuIC4qriBeIf4RfGXEnQTJAntieTE2MQ9ieNzAudsmjOc5JpUlnRjruXcorkX5unOy553PFk1WZB8OIWYEpeyP+WDIEJQLxhP5aduTR0T8oSbhU9FvqKNolGxt7hKPJLmnVaV9jjdO31D+miGT0Z1xjMJT1IreZEZkrkj801WRNberM/ZcdktOZSclJyjUg1plrQr1zC3KLdPZisrkw3keeZtyhuTh8r35CP5c/PbFWyFTNGjtFKuUA4WTC+oK3hbGFt4uEi9SFrUM99m/ur5IwuCFny9kLBQuLCz2Lh4WfHgIr9FuxYji1MXdy4xXVK6ZHhp8NJ9y2jLspb9UOJYUlXyannc8o5Sg9KlpUMrglc0lamUycturvRauWMVYZVkVe9ql9VbVn8qF5VfrHCsqK74sEa45uJXTl/VfPV5bdra3kq3yu3rSOuk626s91m/r0q9akHV0IbwDa0b8Y3lG19tSt50oXpq9Y7NtM3KzQM1YTXtW8y2rNvyoTaj9nqdf13LVv2tq7e+2Sba1r/dd3vzDoMdFTve75TsvLUreFdrvUV99W7S7oLdjxpiG7q/5n7duEd3T8Wej3ulewf2Re/ranRvbNyvv7+yCW1SNo0eSDpw5ZuAb9qb7Zp3tXBaKg7CQeXBJ9+mfHvjUOihzsPcw83fmX+39QjrSHkr0jq/dawto22gPaG97+iMo50dXh1Hvrf/fu8x42N1xzWPV56gnSg98fnkgpPjp2Snnp1OPz3Umdx590z8mWtdUV29Z0PPnj8XdO5Mt1/3yfPe549d8Lxw9CL3Ytslt0utPa49R35w/eFIr1tv62X3y+1XPK509E3rO9Hv03/6asDVc9f41y5dn3m978bsG7duJt0cuCW69fh29u0XdwruTNxdeo94r/y+2v3qB/oP6n+0/rFlwG3g+GDAYM/DWQ/vDgmHnv6U/9OH4dJHzEfVI0YjjY+dHx8bDRq98mTOk+GnsqcTz8p+Vv9563Or59/94vtLz1j82PAL+YvPv655qfNy76uprzrHI8cfvM55PfGm/K3O233vuO+638e9H5ko/ED+UPPR+mPHp9BP9z7nfP78L/eE8/sl0p8zAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAKVSURBVHja7Ji/axRBFMc/u3eXGDEQIygSA3JFUongD/wBCgYrsVawtbGw0IggFjaC/4Ctiog/AioIXidaRE0aFVsFGwshXRSNJF7ua/NWJstlb2Z/FMI9WHbm7cx3997Me/PhIkl42jGgDbz2nYCkXlck6YqkVUlPPMb/u+o93j0E3ALOWH+QAMsSHwOeAfscX5RHvAaMA7H1m8A9YDv5LAJUBwaAOWBvHoGsZ7GJ+grLmZwVok4SllqOn+21f+McofB+QUw1FlUpHgNRVeKdol/eK6EUA8s5hHvtMiVf/hGYDxRv++yWOvAHOGzp3zD/DuC++daz1SIld5ukt1prrZCSm7WgC8AUcKfIfsyyZeAsMG1hCFr8KOCYO2AfM1+FeOlh6Yt7ccuRsCMljFue/rfcQh7xotwS2dzVtHhebpmx6nkSWASG7b5mQQ/J35KqOGQLLEkPnUWM01UxD7f8Bm5a+zQw4YS3lCS6BiyZxolu52oR8R/AB2tPdgOloukfpURLEx8B9lj7U7ckKyJ+wzK4A7TMtyEtnodbNgLnrP0I+GLtlbR4Hm5Zsgx+BZw33yjwa72qOC6paddRSV8zkqhb5ayl/X1u6XNLHy380WJC0lVJo75JlBxnDzySqGXPX7qZGvdAi1mHWbLsvd2ngEvpsNQk7XRqy3FJ3wJqS0PSnI35LmlLEpYBSe8CT38kzUh6I2mz9XdJ6ti4y4l4mWjx3HyzVaDFY7sfBDaVjRYJDTSAybLRYsF5vrVstFipEi3G3MOmbLTY7/wv8LlstDjlLOzPdHaFJNFdqyUj1t/tJNF0unAVQYu6QwqLyQvLQovrzpgLviV3UNLtgJL7wi25voBzUVI747BoWpyHXX+laPF3AObhNLlR3hFHAAAAAElFTkSuQmCC) 0 -46px no-repeat
}

.dialoueMain .btnPlay .btn-bofang .play .readplaying {
  -webkit-animation: change 1s infinite steps(2);
  animation: change 1s infinite steps(2)
}

@-webkit-keyframes change {
  0% {
    background-position: 0 0
  }

  50% {
    background-position: 0 -46px
  }

  100% {
    background-position: 0 0
  }
}

@keyframes change {
  0% {
    background-position: 0 0
  }

  50% {
    background-position: 0 -46px
  }

  100% {
    background-position: 0 0
  }
}

.dialoueMain .sentenceList,
.dialoueMain .moduleList {
  width: 100%;
  height: 514px;
  padding: 0 45px 30px;
  position: relative
}
.nav-container ~ .sentenceList,
.nav-container ~ .moduleList{
  height: 471px;
}
/* 
.dialoueMain .moduleList {
  height: 480px
} */

.dialoueMain .moduleList .long-card .long-top {
  border: 0;
  padding-bottom: 10px
}

.dialoueMain .moduleList .dialog-card .long-top {
  border: 0;
  padding-bottom: 10px
}

.dialoueMain .moduleList .answer-card {
  height: 470px
}

.dialoueMain .dialog-card,
.dialoueMain .long-card {
  width: 100%;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 0px 1px 0px rgba(204, 210, 220, 0.5);
  box-shadow: 0px 0px 1px 0px rgba(204, 210, 220, 0.5);
  border-radius: 9px;
  padding: 0 32px
}

.dialoueMain .dialog-card {
  height: 100%;
  padding: 40px 32px
}

.dialoueMain .dialog-card .row {
  margin: 0;
  margin-bottom: 8px
}
.dialoueMain .dialog-card .row:last-child{
  margin-bottom: 0;
}

.dialoueMain .dialog-card .row .col-xs-12 {
  width: 338px;
  min-height: 75px
}

.dialoueMain .dialog-card .row .col-xs-12 .col-txt {
  padding: 10px 5px;
  font-size: 18px;
  padding-right: 20px
}

.dialoueMain .dialog-card .row .col-xs-12 .col-bofang {
  position: absolute;
  right: 10px;
  bottom: 8px;
  width: 30px;
  height: 30px;
  cursor: pointer
}

.dialoueMain .dialog-card .row .col-xs-12 .col-bofang i {
  display: inline-block;
  width: 17px;
  height: 17px;
  margin-top: 8px;
  margin-left: 8px
}

.dialoueMain .dialog-card .row .col-xs-12 .bofanging {
  -webkit-animation: changeState 1s infinite steps(2);
  animation: changeState 1s infinite steps(2)
}

@-webkit-keyframes changeState {
  0% {
    background-position: 0 0
  }

  50% {
    background-position: 0 -34px
  }

  100% {
    background-position: 0 0
  }
}

@keyframes changeState {
  0% {
    background-position: 0 0
  }

  50% {
    background-position: 0 -34px
  }

  100% {
    background-position: 0 0
  }
}

.dialoueMain .dialog-card .row:nth-child(odd) .col-xs-12 {
  background-color: rgba(118, 171, 187, 0.2);
  border-radius: 0px 16px 16px 16px
}

.dialoueMain .dialog-card .row:nth-child(odd) .col-xs-12 .col-txt {
  color: #67a2b4
}

.dialoueMain .dialog-card .row:nth-child(odd) .col-xs-12 .col-bofang i {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAxCAYAAAA8wULMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTE1RkU2QzUyQzFDMTFFODk0QTk4QjQ2M0I0MEU4MkQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTE1RkU2QzYyQzFDMTFFODk0QTk4QjQ2M0I0MEU4MkQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1MTVGRTZDMzJDMUMxMUU4OTRBOThCNDYzQjQwRTgyRCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1MTVGRTZDNDJDMUMxMUU4OTRBOThCNDYzQjQwRTgyRCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PnODWbwAAAIRSURBVHjazJZNKARhGMdn1rS+tpB8HbgoLg6SOFB7cXTwcUByXOVAPsLJluTo4sLiopQkKwetclASxY1duchJipso1trxf/W8ek0zs7PvrPLUr2nfmf3Pvs/+n/+M2hvaUSxKBTOgAgyxhc3BLtMLPRYC+WAbzIJKJUVpJmtVYA/U02fdiUgZmAI+WusApcI1urA93UpkAozb3EilYxZIWPXEpzirpNUJj+K8MiKi/BsRzU7kMhMiy6AONBJbFte+pVKPCWt94ArMkUdUu7mx6glz5TzoBC8/yivh9PdJ89MMalM1S9V1/X/4RLPZ669QsmusZhNK66Ab7Bsa64FgMtV2WCidkIDpIEJQTTeUeLHrWkBYJpR4jYFpwJqzKxtKGyAOho1NTucvjoIIKEFPct345IF+udeNSBMoAO+yIgOgAZwZYyGdUCoCz2DETSgtgmJwa3S6k1ASK0HfyRYfZI5DSahPUCgVSoLB2E3unYqwuiZs4/HPH16sqUGwZHKuHOS4eVNilr8BB7wdMqEUp2H0Uw59i7CwWQAh4kJ41TKGEhfuB69gkg2kTCgFwBpYBaOgXSaUgtR0Ph5+mVBija7h/kFVy4SSQrbnI5EnE0rM9nfkFVZPMqF0BB5BK9+mm1AK0DEiE0ox8ksbOAenMqHkJY8kyWymUcBDKUreMNYHOKTROJZ9U2I36REXvgQYACo6iDO/H/HtAAAAAElFTkSuQmCC) 0 -34px no-repeat;
  background-size: cover
}

.dialoueMain .dialog-card .row:nth-child(even) .col-xs-12 {
  float: right;
  background-color: rgba(103, 162, 180, 0.9);
  border-radius: 16px 0px 16px 16px
}

.dialoueMain .dialog-card .row:nth-child(even) .col-xs-12 .col-txt {
  color: #fff
}

.dialoueMain .dialog-card .row:nth-child(even) .col-xs-12 .col-bofang i {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAxCAYAAAA8wULMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RDAyMzM5RDUyQzFDMTFFOEFGNjVDRDFCQTk5MDRERUUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RDAyMzM5RDYyQzFDMTFFOEFGNjVDRDFCQTk5MDRERUUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpEMDIzMzlEMzJDMUMxMUU4QUY2NUNEMUJBOTkwNERFRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpEMDIzMzlENDJDMUMxMUU4QUY2NUNEMUJBOTkwNERFRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoBGuMsAAAJGSURBVHja7Ja9b1MxFMUd56P0Q0kViRY14UtCMBVUKXSqGLqiqhKiExMjTNAFBnYY+RuYELB0Y0VdEFElxIQYWsqAiFpV0ArS0Cbm3PQ8eDF5SWwzcqVfHL8Xn8S+954XZYxRCaTAMqj0+EybpBuj4Jk5ilvWvTI4BSajaxn1d5wEK2BGdY8fIAv2wTEZRWQCXAEpMAYegskui2XhAdgBsq5FkfbkOUX6RRls8P0hRSVyInJGDRafrXkT4FTV8YwaPBrWvEXqWvlHiuNP7bHIjkMXkVEK2WJNEakNKFK0BAznLTnYG2ARpMEIWGa92LENNNOrOsS6lPxFsGH+hF32BfZV1F+q25m8A7NgNWFbhVihmaPX5O7MgcdgPqHDf8/bk9DQ6h+E7lNckqlKXxUPUxJDKoFMiCmNsKZqHJsuppTn9t+Dy0xzI9rOK9M7ou2sgo+gyPRPMdVp7WBKb8FpcFfaP9YaWZcUP2DfLMYsUs7EuIh8A5948IpuL5WqXUSGQQl8iXms2OOQi8g9WQBeWkatXUzpKj3lEVO9y+t7LqZ0jYtr3Fqdaw58TEmewUOskZyvKRV5v8B68Tal9H9T6rg3DTbBQnRNJ5iSZGYp4XtzLP8nYCrajpjSdS66CaoJriamNA7WWLXy/n6IKQ2DGvgOxnxNSUr+BdtkLsSUXnM8F2JKO1EbhJhSPhIPMaVLHNfl1N8MmJ0q2AIn+PRbBw0w7mNKsp074Cx4Cr76mNIF/oI6OB/yT0niNvgQYkqZ+PyXAAMAuscy2lDPzfAAAAAASUVORK5CYII=) 0 -34px no-repeat;
  background-size: cover
}

.dialoueMain .long-card {
  padding-top: 22px;
  margin-bottom: 20px
}
.dialoueMain .long-card:last-child{
  margin-bottom: 0;
}
.dialoueMain .long-card .ting-play,
.dialoueMain .long-card .ting-pause {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background-color: #8096de;
  margin-bottom: 10px;
  cursor: pointer
}

.dialoueMain .long-card .ting-play i {
  display: inline-block;
  width: 16px;
  height: 20px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAcCAYAAACOGPReAAACG0lEQVRIiY3VsY7UMBCA4X+82W1WOmhAdHQnUVJRgGgoaECiOCEEFQWIAh4AHoCGBwDe4FqKEw3dUYAQICokSigQWwG6O3b3Yg+FncRJ7Gwseb0eOZ+ScTyRlVWALeAhsA18AZ4DSyHROsFpYpEE9C1wMYp/ErgB/BgCh9A5cABggUlz/QLYAfZzYA41QFFN/lk4svX1p4E3wP0cmAljugEFDmw9nSG8xOd4OgbsofHCQ+vTEdoD/F2f2gS20HihhJ+Vg7Wrw5eBDwLnN5geTYFVrFSPh/BZ/MbdHERTIJ2YU1g2uZgDu8BTEntCLyitoTdGsACPBV5ZZSuPbgCrceXAaj2/BryzynYfHQlK+GNVOVatjHPAe6tcbdBEDodAwWOqsHY1fBLYc8o9AFk7PQH8Bn+ixoDdNVMj1XwJzHu7lwPJgCZ6/YCPRnAFUeuCRGAqLYVp5W8fX4DSJ6oKyAA4NRKDL4ArRlhAqFD5E9UHDVA0OTwGHhlfdOrWf/wBcCIwkRpcADtGQr2N0dZjD4CFgGnAz/gvw/cuWD1N+04T4MxIDO4Cl3JgD82BYe6AJ8Bt4CgHQiqnYax2OMz/AHeAvSGsh8ZgtSFh/g2fv69jQOgU6eruIvA1cCEHZj98Aof4zqx5/xB4Blwn1IWxIAClU0qnd0unf0unWjr9ZZ3esk7JdRd11X6XsilfM+CMwE/8SUm29Hvdbv8BirS/arLuIqgAAAAASUVORK5CYII=) 0 0 no-repeat;
  background-size: cover;
  margin-top: 12px;
  margin-left: 16px
}

.dialoueMain .long-card .ting-pause i {
  display: inline-block;
  width: 14px;
  height: 19px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAbCAYAAAB836/YAAABY0lEQVRIia2WO0oEQRCGv2p3WQNBRDyBiqgXMBCvIJgbeQAPJsYGm5htbGJkLMqqCD7YxZ4ug3n3vLZnd6Bg+P+ej6rqrmZkHinJsw18AlEqCN5TETJ1ayh8ABjgGHgE3oBn4CIAdglMBd6t8mCVPZlHOnFw8hvByMBQ+BbYAWYdsE3g1TpGVmHdgAhjAxzOkiLnDgQ2gN0OGMCREMME+Iu1g0FDVaYNlshr2bvkS01jIu2wkhBriqTA3jDKMAAjvhkAw4OBX3IwLPcqPSw2ti8sB64IFgOXgNXBTZPRBwY15zAElun+RHTBZAFY96R06E2JtGbYa5dLRsEN7WWpZP/G6AvLgKuCVW4bQSsftMHq/MIuLw/LgCksdAQrvsCgrXdBIyh5hl/p2Sksmi4Ae/FhwA/W6bV1qmlETm8ipzSFK8edU9UknFO9EusU4Aw4FXgCbin8PbS2QBgC58A+cC8w+QdWxXyoPKdU4gAAAABJRU5ErkJggg==) 0 0 no-repeat;
  background-size: cover;
  margin-top: 13px;
  margin-left: 15px
}

.dialoueMain .long-card .ting {
  cursor: pointer;
  width: 44px;
  height: 44px;
  margin-bottom: 10px;
  border-radius: 50%;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OEUyNjZENDUyQzIxMTFFODgwMDZGOTcyRkU1OUE1RjkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OEUyNjZENDYyQzIxMTFFODgwMDZGOTcyRkU1OUE1RjkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4RTI2NkQ0MzJDMjExMUU4ODAwNkY5NzJGRTU5QTVGOSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4RTI2NkQ0NDJDMjExMUU4ODAwNkY5NzJGRTU5QTVGOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PlZdlzIAAAS5SURBVHjazFlraBxVFD47+8pmN0m3m0dLqljXltqUGomCaLAUSWuRqgRrtSrYP4qI/tYqvrDib0VLfylIrVijaJGmNn+aVKmgfZFoaGKKEWy62002+0qyr/GcyZnNZszu3JnNJPvBB/u4955v7t7zuGdt73w6BhXAi+xE7kBuRW5GtiB9/H0CeQN5FfkHsh85gEyaNegwMceG3I08iNyL9JQZu5Z5J/Ix5OvIGeRJ5GfI00jZiHHJoNhu5EXkKeSTOmJLwcNzT/Faj1shOIj8CdmDvAuWD7TWd7x2cLkE70deQHaBdehiG09VIpjO6vvIr5D1YD3IxnG2aTMqmCZ8jHwDVh5k80gp0aUEf4B8GVYPL7IGIcF0jl6D1QdpeFpPMHnqUageHNVGD63gIyvkYKKoY01LCu62OHRVEvK6tamZPPKtiuOSzwH+egfU1tghL8sQjWUhPJWBfF6udOm3OcHIquBdZjOYw26Djq110NFWD01+5/++n53Lw+BoEn65FIUpfACT2M71S68q+KCZVdY1umDfrmZY2+AsOabGLcE9bXXQvsUHfecn4dcrMbOin1cFe7mSMoTWZjc8t3cduF0LbhBLZOHq3ymIxrPKzq9vdEPwVo/ymvjwAwFw2iU4dzFqRjBp9Dq4nq0xMtPllGDf7uaCWDyuyu6dx93Tnlevxw57OgPQdodXef/QfX6YiMzB6PiMUcGksVPi4tsQ7m9vgAbfQin99ekbeEanl3Su5EwOvjkTgsGRROEzegBJspnZ5R0keJuh6h3tkJOp+G0oBsPXUrrzfhyIwAw6oFLV45kPbjBTSsM2ErzJyIxGvwt8tfbCUej/Xew8UrQYHlu4Gd3WWmNG8CYS3GRkBsVZFTejGYgnc8Jz/w2nF8VsE2hycPoTNxqagy9OThR2zQiGryVhcjqjvE7N5swIrjN6p4NEKgehyfmdcmOMVY+HHuzoZIE18/E6gY44cTNt+tYcRwZEjZLIVw/cAk7nvJdnsjJ8dOwf5UHK4cAjLXB7kaNR5BjCDEhr5sRTd5x2OCwycsvGWsUg7agqluB02MpmuuJEo82ShEd3NhrZ4DAJHhEZufNef5mblnls3+yD9U0u0eEjJHhQbxTtYnPABVYhuKFWdOigxO0jHcESWAmXS/in65e41zVbNuin85DNypYJjiWEQhxpHJC4Mfd9uZFUI4yMpywRm87klfgsgB9Iq/pbf643uvfnSZjG8pHCV/Fu53JyIRmUde+pxWOuc9br6QvrhsRijTZut9IhusSVvS4oAbSwE4YiaSVF69aGGL83tnqU4okEjl+fNfJDXEG2F1+RaMve5WafLiIoMCIgUlv8/Dlmui38HmtcdGv+FnmmCm/NfcUbqY1XL3GqrhbEWVPJRspfyBeqSDD12Eb1emvUXv2wCsSShuN6vTUVh5CfrHJP7dBSX5QSTB75CvLwKog9zOdWNiJYFf0m8hnKnisglGw8yzZL1gEiVc2XyA4OL1aGLrJxTG+gaBlGnkpdxCc46ywXLvOaXdpoUKlgFT2cIvcgT+hVeWWqrhO8xt2i2bX4TmcUdL56mT5udT3IDRnqcWj/ug3B/F+3Q8izyHP8uSn8J8AA2gNbbX2t3ZUAAAAASUVORK5CYII=) 0 0 no-repeat
}

.dialoueMain .long-card .long-top {
  width: 100%;
  border-bottom: 2px dotted #d8d9df
}

.dialoueMain .long-card .long-top .number {
  min-width: 130px;
  max-width: 200px;
  height: 28px;
  background-color: #68b5cd;
  border-radius: 13px;
  text-align: center;
  line-height: 28px;
  color: #ffffff
}

.dialoueMain .long-card .long-top .wenti {
  font-size: 18px;
  padding: 8px 0
}

.dialoueMain .long-card .long-top .main-title {
  text-align: center;
  font-size: 24px
}

.dialoueMain .long-card .long-top .picture {
  padding-bottom: 10px;
  width: 100%
}

.dialoueMain .long-card .long-top .picture img {
  width: 100%
}

.dialoueMain .long-card .long-bottom {
  position: relative
}

.dialoueMain .long-card .long-bottom .title {
  margin-top: 10px;
  color: #838996
}

.dialoueMain .long-card .long-bottom .text {
  padding: 10px 0;
  font-size: 20px;
  margin: 0
}

.dialoueMain .long-card .long-bottom .btngroup {
  width: 100%;
  height: 60px
}

.dialoueMain .long-card .long-bottom .btngroup span {
  cursor: pointer;
  display: inline-block;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  margin-right: 20px;
  float: left
}

.dialoueMain .long-card .long-bottom .btngroup .play {
  background-color: #68b5cd
}

.dialoueMain .long-card .long-bottom .btngroup .play i {
  display: inline-block;
  width: 22px;
  height: 18px;
  background: url(data:image/png;base64,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) 0 -46px no-repeat;
  background-size: cover;
  vertical-align: -14px;
  margin-left: 10px
}

.dialoueMain .long-card .long-bottom .btngroup .play .playing {
  -webkit-animation: changePlay 1s infinite steps(2);
  animation: changePlay 1s infinite steps(2)
}

@-webkit-keyframes changePlay {
  0% {
    background-position: 0 0
  }

  50% {
    background-position: 0 -46px
  }

  100% {
    background-position: 0 0
  }
}

@keyframes changePlay {
  0% {
    background-position: 0 0
  }

  50% {
    background-position: 0 -46px
  }

  100% {
    background-position: 0 0
  }
}

.dialoueMain .long-card .long-bottom .btngroup .record i {
  display: inline-block;
  width: 100%;
  height: 100%;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OEU0NzE0QTIyQzIxMTFFODgwMDZGOTcyRkU1OUE1RjkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OEU0NzE0QTMyQzIxMTFFODgwMDZGOTcyRkU1OUE1RjkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4RTI2NkQ0QjJDMjExMUU4ODAwNkY5NzJGRTU5QTVGOSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4RTI2NkQ0QzJDMjExMUU4ODAwNkY5NzJGRTU5QTVGOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PhMX7hIAAASsSURBVHjazJldjBNVFMfPtNOWdrfL4hYRUBR2Kw8QgQUSNSsmxlU38Sui+BFj+IoCITzxQIhP4ueLT36tLxITBYMLkQcUJQSVRCARKa4kso0kEORTXPar03ba4X9mbjdr6bZz78y6e5Jf0qZz7/339txzzj3Vru9ZRx6sDjwAloF5IAmmgXrx+QC4BE6DU+BHcBgMqi6oKQjWwKNgFXgCRCXHZ8BesB3sB5bM4IDkYs+A38C3YIWCWBJjnhdz8FxPj4XgZvA96AILyD/jufaIuZv9EvwiOA7aaeysXayxwotg9tU3wZeggcbeeI2vwDaxdkXTq4j9BLxK/7+9DhrBpkoHcrQdfnucxJZso9DgyiXYZ7fQ+BtreKGW4BbQSRPHOsujR7ngj0B8Agnmg/jxaIduudfQFUwkSU/MJS1cT5bRS/mLJ6nY97cfIY8T1u6RqZmjwglwj1J+n9RIsaWrKdiULPvEovzZI5RJ7SAq5L2IToFFPGHJJR5TFhuMUN39GyuIdfYhNOs+ii1Z40dGfGSkD69UnSnc8hAFGmZWfUafvoD0afO8il5VEswl4pOqs+gzWl09F5q52Kvgp1hrQNSyk1RnCUSnuHsulvAqmDW2lQSrm+ay4NM0P8Lcg7zafPmDFiZNV/tROOS5/pI32/yAuNZIWWzZZqpvfwO/c1DOfXA44x3vUbT1FVXBSU4ct0r7LfxRC+HiUCzI7S6Pwe4GYk2qgqcGlFJxITcswDIzroZYeQOuFHJeF01VwXElZypmep1UPGU2FXvPuvuO19IUvGWOI9i4rnzqWHC/9Ab/0+PE1rvaKHt6P29Zjd0dohxSdOiOe+335tUeVb39LPiy7CiuD8iyKDRjEeqIyWT8vst+X1GsmaXM0U6KNCMj1iXs9+aFE6qCr7Bg6a9b6DtP+XNHnDv7ktVkZQdo8PD7ZF4+BX8xhVADzxyjwUPv2FVcOGmXApT7cx9ZOeU+Sg9HiW7wuOxII7XTDlPBxlkUXbqGzEt/UO7Mz5Q5/jnUFhAMwhDags/WUnDy7Y4rYGez6QNeEkc3l5cdeLFPKQkgeURRiem31co9FuX+OkRGd5d0KCyzDhbMfbArXuoJrsYiLe2IArP/m8VQA+cvpiiXPkiFf894TcsGSOiiYbfXTRNjNDMvpGzsHYcLcClpdO/Grh70uqMj7RswWNqO7X7MyAeNQ5gTa3v9FMv2mS9XpGDjnU5tgILInigSx05HEDn67RBmJ5qhqzT0y4fDEcTLFUkfPhVEqGboa+nMU9eEaDH9pu6SLTwSF6/r7bTsISVvK3WByvvDP4CH5S+hDXbJOaqrIE6zuyjagZG3+fLe2gbwq2xBZBl9cl1piVQM1ldrpHDWe20CNVK4v5eu1VvbAd6dAGJZw85avbWSbQWfjqPYD4QGciuYXZJP41vjIJbXrNgbria4JJqbyy+r1MwK1gdeEmta1Qr4WvYFaBXhZayMw+licX5q3jjcWFrEwufASR+FcgZ7VvTN0m6vSDLGmXAhl3kA1wzKKlZdu8QcnG67pCpDlRoHfCfg0rSNOzLk/HV7t2gblP912yMuCj+R89ftgOpPckOAAQA8e01CY7oG/QAAAABJRU5ErkJggg==) 0 0 no-repeat
}

.dialoueMain .long-card .long-bottom .btngroup .record .recording {
  border-radius: 50%;
  background: url(../images/Icon_Record_Stop.gif);
  background-size: cover
}

.dialoueMain .long-card .long-bottom .btngroup .record .finished {
  border-radius: 50%;
  background: url(../images/Icon_Score_Loading.gif);
  background-size: cover
}

.dialoueMain .long-card .long-bottom .btngroup .playback {
  padding-left: 8px;
  padding-top: 7px;
  background-color: #f29d77
}

.dialoueMain .long-card .long-bottom .btngroup .playback i {
  display: inline-block;
  width: 29px;
  height: 29px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAeCAYAAADU8sWcAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjZBNDlCRTkyQzI0MTFFOEJDRUJCM0VBMUNCOTkzMTciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjZBNDlCRUEyQzI0MTFFOEJDRUJCM0VBMUNCOTkzMTciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCNkE0OUJFNzJDMjQxMUU4QkNFQkIzRUExQ0I5OTMxNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCNkE0OUJFODJDMjQxMUU4QkNFQkIzRUExQ0I5OTMxNyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgyUh2wAAAIESURBVHja7JdNKERRFMdnjJKEfCbFCBvsKJKPpCSZJMspsrBjYyGLKSVKqVnYYWujLIZZM1IWSvkqSlOazEJNMayUr+d/66jruPPevTMLmzn163XvPef+555773lv3JZluf7L3FlxQysCueApE/EcTT8h5Ad74BG8gDlpfBWMGKuLlTvgA9fWX1uh8SZqn2rM9Qu7lbvBEgiDZhu/AXqGWaxHJ52pLAhmFf0JcAJOqV0nEghCkvA6KADjNGaU9klFmi/AEMhR+LfQUxzgDfK/AUV2aVd1loEkE94CeRr7OEz+UVDt5K/qXGTC+8BjcJACoEbHV9V5Jwm/gQY23gqmKcV2k9eCKRDUFa9nq95RBHXT2CH5qyZelub4AuU6V62JtQ9tbkMfuAIzdMJlOwcRMA/aqDA5nnY/W7nPZuWyRUB+pkXmg7ULNYpkFCyAV9PqyovMPWs32sR+gTUQUAj3gk6pvQmSTmkXqXuV0nmWIu23oMsmpSfSHM+prqoqcJft5ygbL3XY3yEWv21yz/tZcAJ4NQ+RuNsPLL7DRFwQZhPEQbuDsBiPsbiQaYUTVFB9lu2TavwgpV74FYMB6n9X/ODKdMR/3lRxKz0TcY3p1HaZKnBkKHxMe+/KVPznHT0GLh1Er8BEive9EtOvV1H7e4AXlNBXTRwcgFj2T0NW3Mm+BRgAgUIxn9x6UHUAAAAASUVORK5CYII=) 0 0 no-repeat
}

.dialoueMain .long-card .long-bottom .btngroup .playback .backing {
  -webkit-animation: toRotate 1.5s linear infinite;
  animation: toRotate 1.5s linear infinite
}

@keyframes toRotate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }

  100% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg)
  }
}

.dialoueMain .long-card .long-bottom .score {
  display: inline-block;
  height: 16px;
  margin-bottom: 14px;
  line-height: 16px;
  font-size: 16px;
  position: absolute;
  right: 66px;
  bottom: 9px;
  z-index: 1
}

.dialoueMain .long-card .long-bottom .score .tag {
  float: left;
  margin-right: 18px;
  color: #838996
}

.dialoueMain .long-card .long-bottom .score .tag:last-child {
  color: #67a2b4
}

.dialoueMain .long-card .long-bottom .score .tag:last-child span {
  font-size: 20px;
  font-weight: bold
}

.dialoueMain .long-card .long-bottom .point {
  width: 94px;
  height: 33px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAF4AAAAhCAYAAABQphx6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTU2NjBEMDIyQzQxMTFFOEI2QzU4NDNFQjZDOTkwMTMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTU2NjBEMDMyQzQxMTFFOEI2QzU4NDNFQjZDOTkwMTMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxNTM2NzE4QjJDNDExMUU4QjZDNTg0M0VCNkM5OTAxMyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxNTM2NzE4QzJDNDExMUU4QjZDNTg0M0VCNkM5OTAxMyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PtRSH70AAAELSURBVHja7NoxakJBGMTx1ZwgKhJyJ5FAQEGxSGXnARQEy0AgURGx8hLeICAIloGAB1EhEeeD964w2/wH5gK/Yt7u8irD3XGUUvpMxJqqulC/ofDD39Q39QyHFz5yUidw+OEjX+oeEj/8fzE5F1i88JFfdQyLH57JyQjP5GSCLydnCo8fPvKhHiDyw5eTc4XJCx/5UWcw+eEj70xOHvg/JicPPJOTET6yLT64xAwfN9oHyLzwHfUVLi98U11C5Ydfqw2ovPBd9QUmL/wTE5MHfqXWIfLC95gYP3xMzBwaP3ycYmrQeOH7ahsWL/xz8SxAzPBMTAb4gdqCwwsfE8Nv2hngN+ojFN7cBRgAv/gocJGUoJgAAAAASUVORK5CYII=) 0 0 no-repeat;
  position: absolute;
  right: -32px;
  bottom: 14px;
  text-align: center;
  line-height: 33px;
  color: #fff
}

.dialoueMain .long-card .long-bottom .point span {
  font-size: 18px
}

.dialoueMain .long-card .long-bottom .score-state {
  position: absolute;
  top: 6px;
  right: 75px
}

.dialoueMain .long-card .long-bottom .score-state .tag {
  color: #838996;
  margin-right: 15px
}

.dialoueMain .long-card .longWrite {
  margin-bottom: 30px
}

.dialoueMain .long-card .longWrite:last-child{
  margin-bottom: 0;
}

.dialoueMain .writeCard {
  padding-bottom: 22px
}

.dialoueMain .longReadList {
  width: 100%;
  height: 514px;
  padding: 0 45px 30px
}

.dialoueMain .longReadList .readCard {
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 0px 1px 0px rgba(204, 210, 220, 0.5);
  box-shadow: 0px 0px 1px 0px rgba(204, 210, 220, 0.5);
  border-radius: 9px;
  padding: 20px
}

.dialoueMain .longReadList .readCard .title {
  text-align: center;
  margin-bottom: 10px;
  font-size: 26px
}

.dialoueMain .longReadList .readCard .content {
  font-size: 24px
}

.dialoueMain .moduleListV2 {
  height: 560px;
  padding-top: 20px
}

.dialoueMain .listenPanel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 25px 0
}

.dialoueMain .listenPanel .long-card {
  width: 897px;
  min-height: 142px;
  background: #fff;
  -webkit-box-shadow: 0px 1px 1px 0px rgba(203, 209, 219, 0.5);
  box-shadow: 0px 1px 1px 0px rgba(203, 209, 219, 0.5);
  border-radius: 9px;
  margin: 10px;
  padding: 25px
}

.dialoueMain .listenPanel .long-card-title {
  color: #838995;
  margin-bottom: 20px
}

.gtecMain .longReadList {
  padding-top: 30px;
  height: 575px
}

.gtecMain .longReadList .readCard {
  padding: 20px 32px 75px;
  position: relative
}

.gtecMain .longReadList .readCard .card-body {
  height: 435px
}

.gtecMain .longReadList .readCard .long-bottom {
  position: absolute;
  bottom: 0;
  width: 826px;
  margin-top: 20px
}

.panel-item .panel-item-text,
.panel-item .score,
.panel-item .count {
  color: #5899ad
}

.panel-item-name {
  color: #5899ad
}

.panel-item-content {
  width: 357px;
  padding: 10px 20px;
  background: rgba(118, 171, 187, 0.2);
  border-radius: 0px 16px 16px 16px;
  position: relative
}

.panel-item-content .icon-rate {
  position: relative
}

.panel-item-content .icon-rate i {
  display: inline-block;
  width: 2px;
  position: absolute;
  background: #fff
}

.panel-item-content .icon-rate i:first-child {
  height: 12px;
  right: 0px;
  top: 3px;
  -webkit-animation-delay: .2s;
  animation-delay: .2s
}

.panel-item-content .icon-rate i:nth-child(2) {
  height: 7px;
  right: 4px;
  top: 5px;
  -webkit-animation-delay: .6s;
  animation-delay: .6s
}

.panel-item-content .icon-rate i:nth-child(3) {
  height: 15px;
  right: 9px;
  top: 2px;
  -webkit-animation-delay: 1.2s;
  animation-delay: 1.2s
}

.panel-item-content .icon-rate i:nth-child(4) {
  height: 20px;
  right: 14px;
  top: 0px;
  -webkit-animation-delay: 1.4s;
  animation-delay: 1.4s
}

.panel-item-content .icon-rate i:nth-child(5) {
  height: 10px;
  right: 19px;
  top: 4px;
  -webkit-animation-delay: 2s;
  animation-delay: 2s
}

.panel-item-content .icon-rate-play i {
  -webkit-animation: bodong 2s infinite ease;
  animation: bodong 2s infinite ease
}

@-webkit-keyframes bodong {
  0% {
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
    -webkit-transform-origin: center center;
    transform-origin: center center
  }

  30% {
    -webkit-transform: rotateX(90deg);
    transform: rotateX(90deg);
    -webkit-transform-origin: center center;
    transform-origin: center center
  }

  60% {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
    -webkit-transform-origin: center center;
    transform-origin: center center
  }

  80% {
    -webkit-transform: rotateX(270deg);
    transform: rotateX(270deg);
    -webkit-transform-origin: center center;
    transform-origin: center center
  }

  100% {
    -webkit-transform: rotateX(360deg);
    transform: rotateX(360deg);
    -webkit-transform-origin: center center;
    transform-origin: center center
  }
}

@keyframes bodong {
  0% {
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
    -webkit-transform-origin: center center;
    transform-origin: center center
  }

  30% {
    -webkit-transform: rotateX(90deg);
    transform: rotateX(90deg);
    -webkit-transform-origin: center center;
    transform-origin: center center
  }

  60% {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
    -webkit-transform-origin: center center;
    transform-origin: center center
  }

  80% {
    -webkit-transform: rotateX(270deg);
    transform: rotateX(270deg);
    -webkit-transform-origin: center center;
    transform-origin: center center
  }

  100% {
    -webkit-transform: rotateX(360deg);
    transform: rotateX(360deg);
    -webkit-transform-origin: center center;
    transform-origin: center center
  }
}

.panel-item-content .score {
  position: absolute;
  right: 0;
  display: inline-block;
  width: 56px;
  height: 24px;
  bottom: 10px;
  background: #68B5CD;
  text-align: center;
  color: #fff
}

.panel-item-content .score:before {
  content: '';
  position: absolute;
  top: 0;
  left: -12px;
  height: 0;
  width: 0;
  border-top: 12px solid #68B5CD;
  border-left: 12px solid transparent;
  border-bottom: 12px solid #68B5CD
}

.panel-item-content .count {
  position: absolute;
  right: 76px;
  bottom: 10px
}

.panel-item-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  margin-top: 10px
}

.panel-item-buttons span {
  display: inline-block;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  margin-right: 10px;
  cursor: pointer
}

.panel-item-buttons .play {
  background: #68B5CD
}

.panel-item-buttons .play i {
  display: inline-block;
  width: 12px;
  height: 12px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAkCAYAAAC9itu8AAABGElEQVQ4jd2SPyuFYRjGf46Tg1Le9yNYFNPJySIpi8VusNp8A/OhTorVB1AYLPIBDHaTRVJ8AJPY/AzeN4/Hef8tiqvu5er51XPf14VKNIvq9hAfldjYVN/UyyKgBSRACgyAY2CcErWB57IHsVpNHv8nIM1mD7CSiILZUF/LgmtH/BlwD3Sb7DAKdOp+6fe71AdOgNuyHUL1gKPQqAL2gSVgqi4AMEIQaBWwA1wDL7kRBxfrCjj/5qhJNrvqu58qzOGPdqmjHqrT+Q6JmqoDvxQCE+qjepoDw5QDfXVeXc0uOFeVQw9YAZaBB2C9SZdugNmmXbJJl7rAXd0urQEzwEWdLk2qT+FZq7o0ph5kWf0AUBfUraLyfQAjgO+N0Au2WgAAAABJRU5ErkJggg==) 0 -24px no-repeat;
  background-size: cover;
  vertical-align: -2px;
  margin-left: 7px
}

.panel-item-buttons .play i.playing {
  -webkit-animation: actionPlay 1s infinite steps(2);
  animation: actionPlay 1s infinite steps(2)
}

@-webkit-keyframes actionPlay {
  0% {
    background-position: 0 0
  }

  50% {
    background-position: 0 -24px
  }

  100% {
    background-position: 0 0
  }
}

@keyframes actionPlay {
  0% {
    background-position: 0 0
  }

  50% {
    background-position: 0 -24px
  }

  100% {
    background-position: 0 0
  }
}

.panel-item-buttons .record i {
  display: inline-block;
  width: 100%;
  height: 100%;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OEU0NzE0QTIyQzIxMTFFODgwMDZGOTcyRkU1OUE1RjkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OEU0NzE0QTMyQzIxMTFFODgwMDZGOTcyRkU1OUE1RjkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4RTI2NkQ0QjJDMjExMUU4ODAwNkY5NzJGRTU5QTVGOSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4RTI2NkQ0QzJDMjExMUU4ODAwNkY5NzJGRTU5QTVGOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PhMX7hIAAASsSURBVHjazJldjBNVFMfPtNOWdrfL4hYRUBR2Kw8QgQUSNSsmxlU38Sui+BFj+IoCITzxQIhP4ueLT36tLxITBYMLkQcUJQSVRCARKa4kso0kEORTXPar03ba4X9mbjdr6bZz78y6e5Jf0qZz7/339txzzj3Vru9ZRx6sDjwAloF5IAmmgXrx+QC4BE6DU+BHcBgMqi6oKQjWwKNgFXgCRCXHZ8BesB3sB5bM4IDkYs+A38C3YIWCWBJjnhdz8FxPj4XgZvA96AILyD/jufaIuZv9EvwiOA7aaeysXayxwotg9tU3wZeggcbeeI2vwDaxdkXTq4j9BLxK/7+9DhrBpkoHcrQdfnucxJZso9DgyiXYZ7fQ+BtreKGW4BbQSRPHOsujR7ngj0B8Agnmg/jxaIduudfQFUwkSU/MJS1cT5bRS/mLJ6nY97cfIY8T1u6RqZmjwglwj1J+n9RIsaWrKdiULPvEovzZI5RJ7SAq5L2IToFFPGHJJR5TFhuMUN39GyuIdfYhNOs+ii1Z40dGfGSkD69UnSnc8hAFGmZWfUafvoD0afO8il5VEswl4pOqs+gzWl09F5q52Kvgp1hrQNSyk1RnCUSnuHsulvAqmDW2lQSrm+ay4NM0P8Lcg7zafPmDFiZNV/tROOS5/pI32/yAuNZIWWzZZqpvfwO/c1DOfXA44x3vUbT1FVXBSU4ct0r7LfxRC+HiUCzI7S6Pwe4GYk2qgqcGlFJxITcswDIzroZYeQOuFHJeF01VwXElZypmep1UPGU2FXvPuvuO19IUvGWOI9i4rnzqWHC/9Ab/0+PE1rvaKHt6P29Zjd0dohxSdOiOe+335tUeVb39LPiy7CiuD8iyKDRjEeqIyWT8vst+X1GsmaXM0U6KNCMj1iXs9+aFE6qCr7Bg6a9b6DtP+XNHnDv7ktVkZQdo8PD7ZF4+BX8xhVADzxyjwUPv2FVcOGmXApT7cx9ZOeU+Sg9HiW7wuOxII7XTDlPBxlkUXbqGzEt/UO7Mz5Q5/jnUFhAMwhDags/WUnDy7Y4rYGez6QNeEkc3l5cdeLFPKQkgeURRiem31co9FuX+OkRGd5d0KCyzDhbMfbArXuoJrsYiLe2IArP/m8VQA+cvpiiXPkiFf894TcsGSOiiYbfXTRNjNDMvpGzsHYcLcClpdO/Grh70uqMj7RswWNqO7X7MyAeNQ5gTa3v9FMv2mS9XpGDjnU5tgILInigSx05HEDn67RBmJ5qhqzT0y4fDEcTLFUkfPhVEqGboa+nMU9eEaDH9pu6SLTwSF6/r7bTsISVvK3WByvvDP4CH5S+hDXbJOaqrIE6zuyjagZG3+fLe2gbwq2xBZBl9cl1piVQM1ldrpHDWe20CNVK4v5eu1VvbAd6dAGJZw85avbWSbQWfjqPYD4QGciuYXZJP41vjIJbXrNgbria4JJqbyy+r1MwK1gdeEmta1Qr4WvYFaBXhZayMw+licX5q3jjcWFrEwufASR+FcgZ7VvTN0m6vSDLGmXAhl3kA1wzKKlZdu8QcnG67pCpDlRoHfCfg0rSNOzLk/HV7t2gblP912yMuCj+R89ftgOpPckOAAQA8e01CY7oG/QAAAABJRU5ErkJggg==) 0 0;
  background-size: cover
}

.panel-item-buttons .record .recording {
  border-radius: 50%;
  background: url(../images/Icon_Record_Stop.gif);
  background-size: cover
}

.panel-item-buttons .record .finished {
  border-radius: 50%;
  background: url(../images/Icon_Score_Loading.gif);
  background-size: cover
}

.panel-item-buttons .playback {
  background-color: #f29d77
}

.panel-item-buttons .playback i {
  display: inline-block;
  width: 21px;
  height: 21px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAeCAYAAADU8sWcAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjZBNDlCRTkyQzI0MTFFOEJDRUJCM0VBMUNCOTkzMTciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjZBNDlCRUEyQzI0MTFFOEJDRUJCM0VBMUNCOTkzMTciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCNkE0OUJFNzJDMjQxMUU4QkNFQkIzRUExQ0I5OTMxNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCNkE0OUJFODJDMjQxMUU4QkNFQkIzRUExQ0I5OTMxNyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgyUh2wAAAIESURBVHja7JdNKERRFMdnjJKEfCbFCBvsKJKPpCSZJMspsrBjYyGLKSVKqVnYYWujLIZZM1IWSvkqSlOazEJNMayUr+d/66jruPPevTMLmzn163XvPef+555773lv3JZluf7L3FlxQysCueApE/EcTT8h5Ad74BG8gDlpfBWMGKuLlTvgA9fWX1uh8SZqn2rM9Qu7lbvBEgiDZhu/AXqGWaxHJ52pLAhmFf0JcAJOqV0nEghCkvA6KADjNGaU9klFmi/AEMhR+LfQUxzgDfK/AUV2aVd1loEkE94CeRr7OEz+UVDt5K/qXGTC+8BjcJACoEbHV9V5Jwm/gQY23gqmKcV2k9eCKRDUFa9nq95RBHXT2CH5qyZelub4AuU6V62JtQ9tbkMfuAIzdMJlOwcRMA/aqDA5nnY/W7nPZuWyRUB+pkXmg7ULNYpkFCyAV9PqyovMPWs32sR+gTUQUAj3gk6pvQmSTmkXqXuV0nmWIu23oMsmpSfSHM+prqoqcJft5ygbL3XY3yEWv21yz/tZcAJ4NQ+RuNsPLL7DRFwQZhPEQbuDsBiPsbiQaYUTVFB9lu2TavwgpV74FYMB6n9X/ODKdMR/3lRxKz0TcY3p1HaZKnBkKHxMe+/KVPznHT0GLh1Er8BEive9EtOvV1H7e4AXlNBXTRwcgFj2T0NW3Mm+BRgAgUIxn9x6UHUAAAAASUVORK5CYII=) 0 0;
  background-size: cover;
  margin-top: 3px;
  margin-left: 4px
}

.panel-item-buttons .playback i.backing {
  -webkit-animation: toRotate 1.5s linear infinite;
  animation: toRotate 1.5s linear infinite
}

@keyframes toRotate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }

  100% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg)
  }
}

.panel-item-score {
  margin: 10px 0 0
}

.panel-item-score .tag {
  color: #9AA4AB;
  font-size: 14px
}

.panel-item:nth-child(even) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end
}

.panel-item:nth-child(even) .panel-item-content {
  border-radius: 16px 0px 16px 16px
}

.dialoguePanel {
  width: 891px;
  height: 421px;
  background: #fff;
  -webkit-box-shadow: 0px 1px 1px 0px rgba(204, 210, 220, 0.5);
  box-shadow: 0px 1px 1px 0px rgba(204, 210, 220, 0.5);
  border-radius: 9px;
  padding: 30px
}

.dialoueMain-deep {
  background: #f6f8fa
}

.dialoueMain-deep .study-operate {
  padding: 0 43px
}

.dialogue-panel-deep {
  width: 891px;
  height: 460px;
  background: #fff;
  -webkit-box-shadow: 0px 1px 1px 0px rgba(204, 210, 220, 0.5);
  box-shadow: 0px 1px 1px 0px rgba(204, 210, 220, 0.5);
  border-radius: 9px;
  margin: 30px auto 20px;
  padding: 20px 30px 0
}

.dialogue-panel-deep .panel-item-content .icon-rate {
  left: 10px
}

.dialogue-panel-deep .panel-item-content .icon-rate i {
  background-color: #76ABBB
}

.dialogue-panel-deep .panel-item .panel-item-text {
  padding-left: 20px
}

.dialogue-panel-deep .panel-item.active .panel-item-content {
  background: rgba(103, 162, 180, 0.9)
}

.dialogue-panel-deep .panel-item.active .panel-item-content .icon-rate i {
  background-color: #fff
}

.dialogue-panel-deep .panel-item.active .panel-item-text {
  color: #fff
}

.countDown {
  width: 980px;
  height: 657px;
  background: url(../images/count-bg.png) 0 0 no-repeat;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -328px 0 0 -490px;
  z-index: 100
}

.countDown .downImg {
  position: absolute;
  top: 43%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.countDown .tips {
  width: 380px;
  height: 58px;
  background: #fff;
  opacity: 0.8;
  border-radius: 33px;
  position: absolute;
  top: 75%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  line-height: 58px;
  color: #353030;
  font-size: 18px
}

.roleChooseModal {
  width: 980px;
  height: 657px;
  background-color: rgba(0, 0, 0, 0.6);
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 100;
  display: none
}

.roleChooseModal-panel {
  width: 316px;
  background: #fff;
  border-radius: 16px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.roleChooseModal .modal-close {
  display: inline-block;
  width: 25px;
  height: 25px;
  position: absolute;
  right: 5px;
  top: 0;
  cursor: pointer;
  text-align: center;
  vertical-align: middle
}

.roleChooseModal .modal-close i {
  display: inline-block;
  width: 12px;
  height: 12px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAyUlEQVQokW3PvU7DQBBF4c8r/hoQz4ToECQBUpJnowoEJRQYUHgKV25dIlHQ0BBS0YylxexUs6Nzdu5UTdutcIIZauWa4BavKeBjLHFegK+wwBFOE26wxV5IFxl8jTvs4gezqmk78fMypC2m0c8zeIx1L5SkhB1s4oa1GPZVR94+3j94KMABquydsG8wKB24yTY9RP4/wjTgPsZ4EG8R0aSA5wF/B/yGZ1xm0j1GVdN2XzgMeBJwXmd4DOkz4QnvGBVgeImtH6h/AYt4Otji9uEjAAAAAElFTkSuQmCC) 0 0 no-repeat
}

.roleChooseModal .modal-header {
  text-align: center;
  padding: 20px 0
}

.roleChooseModal .modal-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-height: 230px
}

.roleChooseModal .modal-body-item {
  width: 255px;
  height: 55px;
  border-radius: 12px;
  margin-bottom: 10px;
  color: #fff;
  padding: 0 20px;
  line-height: 55px;
  cursor: pointer
}

.roleChooseModal .modal-body-item:nth-child(n) {
  background: -o-linear-gradient(315deg, #53dd92, #26d2b2);
  background: linear-gradient(135deg, #53dd92, #26d2b2)
}

.roleChooseModal .modal-body-item:nth-child(2n) {
  background: -o-linear-gradient(315deg, #ffae58, #ff8963);
  background: linear-gradient(135deg, #ffae58, #ff8963)
}

.roleChooseModal .modal-body-item:nth-child(3n+1) {
  background: -o-linear-gradient(346deg, #55c0fd 0%, #2b8afe 100%);
  background: linear-gradient(104deg, #55c0fd 0%, #2b8afe 100%)
}

#app,
.app {
  position: relative;
  width: 980px;
  height: 657px;
  margin: 0 auto;
  overflow: hidden
}

.header {
  background: #5899AD
}

.main>.content {
  padding: 20px 30px 0
}

.main {
  border: 1px solid #dadee5;
  border-top: 0;
  overflow: hidden;
}

.footer {
  width: 980px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 42px;
  padding: 0 30px;
  background: #ffffff;
  border: 1px solid #dadee5;
  border-width: 1px 0;
  border-top-width: 1px;
  border-left: 1px solid #dadee5;
  border-right: 1px solid #dadee5;
  color: #838996
}

.footer .version {
  font-size: 12px;
  line-height: 42px
}

.header-top {
  height: 117px
}

.header-welcome {
  position: relative;
  height: 205px;
  background: url(../images/header-cloudBg.png) no-repeat bottom center
}

.header-welcome .welcome-text {
  position: absolute;
  left: 206px;
  bottom: 33px;
  width: 688px;
  height: 138px;
  padding: 26px 0 0 70px;
  z-index: 2;
  background-color: #fff;
  border-radius: 12px;
  -webkit-box-shadow: 0 0 20px 27px rgba(70, 158, 254, 0.3);
  box-shadow: 0 0 20px 27px rgba(70, 158, 254, 0.3)
}

.header-welcome .welcome-text h2 {
  margin: 0 0 15px;
  font-size: 24px
}

.header-welcome .welcome-text .infor {
  font-size: 20px
}

.header-welcome .welcome-text .link {
  margin-left: 34px;
  color: #67a2b4
}

.header-welcome .welcome-text .link:hover {
  text-decoration: underline
}

.header-welcome .robot {
  width: 193px;
  height: 194px;
  position: absolute;
  z-index: 3;
  bottom: 0;
  left: 60px;
  background: url(../images/header-robot.png) no-repeat 0 0
}

.header-logo {
  float: left;
  width: 135px;
  height: 117px;
  text-align: center;
  padding-top: 11px
}

.header-logo img {
  width: 95px;
  height: 95px
}

.header-menu {
  float: left;
  padding-top: 8px;
  position: relative
}

.header-menu .item {
  cursor: pointer;
  float: left;
  width: 120px;
  height: 105px;
  margin: 0 5px;
  padding: 12px 0 8px;
  border-radius: 4px;
  font-size: 14px;
  color: #fff;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-line-pack: justify;
  align-content: space-between;
  line-height: initial
}

.header-menu .item.active,
.header-menu .item:hover {
  background-color: rgba(255, 255, 255, 0.2)
}

.header-menu .item .text {
  white-space: pre-wrap;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden
}

.header-menu .icon-left,
.header-menu .icon-right {
  width: 13px;
  position: absolute;
  top: 50%;
  cursor: pointer
}

.header-menu .icon-left {
  height: 18px;
  left: -10px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAASCAYAAACAa1QyAAABbUlEQVQ4T3WSv0rEQBCHZ24FGw+SHcGzEh/Bf7VgY+G1HvoAV1paaGEhPoCCvZWNYCfCyVWioIWn7yA2ObKTu8LiuOzIQhISs5cq+XY+duaXQZjxMPNKEAQ/iDjNSwrmc6IoWlBKDQDgiIh6rqbM0Ccx8421dkpE3dItBatJxphDETnTWm8g4q+T/rOKlCTJapqmb41GYzcMwy8n+FghicgcMz+LyB0RXTrBxxwvJGPMBQCshWHYRkTJ2qqxQmLmbRG5nUwm661WK3IHPpaHgqPRSKdp+ikiXSJ6cgc+Vk4ZRWTBGDNQSp0EQXCfzVJjFSlLaFNEHqy1W0T0PYsV7eUvxphjAGj3+/2dTqeTZkHUWCU9EcEkSXrW2hciOs/arLGK5D6Gw+GyUuoDAPa11q+zmG+N9gDgGhHdP0uyNivMu7BxHF8h4pLW+iCfucy8kojMM/M7AJxqrR+z+QrmlVzReDxebDabcb5SZfYHmPMOQ0A3fHUAAAAASUVORK5CYII=)
}

.header-menu .icon-right {
  height: 16px;
  right: -10px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAQCAYAAADNo/U5AAABVElEQVQ4T3WSMUsDMRiGv+/gcHC57+44J+lUnOuigyjd3MXBuZu4KO5dHMW1gv4B+wOKsw6CoEgnoYuLcB3Sr1dwENJEUi6luYuZLs+bJxeSF7XWWBTFVVEU141GgwEAfMxwO9B8MPMNAGwS0bENfMyRRqPRWpqmL0qpXpIkdyb0MUcyk9lstiWlfFZK7adp+vkfM3xxPDum02lHKXUmhNhtNpu/hvuYI5lFk8mkj4jfRHRuN6uymsTMkdb6AwBO4zgelBflsJpU/m1Pa92fz+fbWZblVeaVhBCHiHgbBEEriqLF262ymjQejzfCMHyXUp5kWfZkhCpzJNMEZh4g4isRdW07qsyRhBAXAHA0HA4P2u22LI9VY0uJmVtKqccgCHaI6Ku8tRpbPm6e5+thGL4BQDdJkgcT+Fi1sPemHUTUWSlsjTmSEOIyjuMeIv7YwMds9gdNP+3ILl2O5QAAAABJRU5ErkJggg==)
}

.progress-block {
  padding: 46px 0 0 0;
  text-align: center
}

.progress-block .item {
  display: inline-block;
  width: 168px;
  margin: 0 35px;
  text-align: center
}

.progress-block .item .tit {
  margin: 18px 0 6px;
  font-size: 16px;
  line-height: 1
}

.progress-block .item .tit,
.progress-block .item .tit>a {
  color: #3f4651
}

.progress-block .item .tit:hover,
.progress-block .item .tit>a:hover {
  color: #67a2b4
}

.progress-block .circle-block {
  position: relative;
  width: 168px;
  height: 168px
}

.progress-block .value-block {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  font-size: 18px;
  color: #838996
}

.progress-block .value-block .value {
  font-family: 'Adobe 黑体 Std';
  padding-top: 60px;
  display: block;
  color: #1c84fe;
  font-size: 28px
}

.progress-block .star-bar {
  margin: 0 auto;
  width: 100px
}

.progress-block .star-bar i {
  float: left;
  width: 15px;
  height: 15px;
  margin-right: 5px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAPCAYAAADUFP50AAAA7ElEQVQokY3QvUoDURDF8d8uC4IWiqAWfuEDWAQbeztBLHwBK8FGtBBLFXwDO1vxBcTWxkbEIJi0qUIaRVBBbWPhXdyEvcmeZu7MnP9wOUm90RLRBD7RLVumESjDHXZiV2PgNpZxirGq4ChOwnsG+1XBPcwW+kNM9psyLGENNayEWtQ4mnjAEx5xm9QbrVdMlX1ngHZTHIhEHlETlymucFYResE6vvNwjsOBQfrBJjr8p9rF+RDw3l9AiiAsDgF79kVwoc/4oTe0eSRl4FyobzgKfQ03YT6C6dycFcBrtHGBrzB7xgZWsYX33PwLLBYpQ6stDf8AAAAASUVORK5CYII=) no-repeat center
}

.progress-block .star-bar i.y {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAABj0lEQVQokXXSz4uPURQG8M9z7zuzsMFiymaUSbJgQRNZqPEXiLVSUrJRsrJQSvkHZKNm459godRY2jILaZQkC5aU/DgW7/v9+mZy6vbee97nOefe5zn5+eiMKIV8D7/QUNar3Ii6jq9msUQtRdoI+1+sUafFiiDo03eKOTlFDROApUrdSnNEy00ttLCMAfUPeX4a1wUtp6ZOl7U6PJIyJ+4mF9Wt6O6koUV1e8Vt2f3EAftwtlhPrGJd6thYKzJKeaXKmtR22MEWXg5pLhUPsliyRmFSEDXuNyQbquAzTrZqnqZnS6NaqYY+CTRQnfRSHa3Gu3YPlU8Nbysu6nmlZ1S7lxqKXjKUmvI1RPVs6u7W4MdMhC+68xnqXSbQXPlZx7HoE3Ft5vmQPTOj7VTlhXJolqj5r5lDeaz8+qt2WzAuWVGzISoli0xSB6chGsnV5zov44AaZ0Gl8CGxWr8nC1rWFk1p87mN/eKohniuOSdOVFzVvdFDHF/AGyYz4Rt5ho+4r7yf8ptiG/fwerHzHypBeYSLEIhtAAAAAElFTkSuQmCC) no-repeat center
}

.wind-movearea {
  position: absolute;
  right: 0;
  top: 37px;
  height: 80px;
  width: 160px;
  cursor: move
}

.wind-toolbar {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2
}

.wind-toolbar>a {
  float: left;
  width: 30px;
  height: 30px;
  background-position: center;
  background-repeat: no-repeat
}

.wind-toolbar a:focus {
  outline: none
}

.wind-toolbar .btn-set {
  width: 22px;
  height: 22px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpiNWZlOTY0MS0wYzFjLWRiNDMtYThkYy1iMzJhNmY2ZmM1MGUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjZEREIzNjQwRUM5MTFFOEFCNzQ5MkM1QUZBMTZEQUYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjZEREIzNjMwRUM5MTFFOEFCNzQ5MkM1QUZBMTZEQUYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MWE1OGNlZjktOTdiZi00YjQ3LTg0ODAtOGE0MGFiMjU4Yzk4IiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6Mzc3MGIzYjYtZTlkZi0xMWU3LWJkNTctODMzYzk3Zjg1ZDg4Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+tT5XcQAAAf1JREFUeNrElztLA0EUhbPGRMEIMaKFaCNBhNiKIHY+Aj7QykelhdiZv2AE7QVjakkhNmnSqa2CErWwsRC0sDEPiNEmIep6rszKMODOzCYmBz7YZfbeM8vcGe4Ypmm6FOQBYTAJhkE/8LOxV/AI0uAMnICKNCMZ2+AHUZA11ZVlMX673Hamy+DFdK4XlkPZ2A3iZu0UZzltjemDpFl7JUVz0Xjf/D/F/jJeUgh+Z5ObBkHQCQbAAkiAiiR+STT2KxTSLeiT7IIRULDJkbGq3QrYUqjQLompxaokV9Qy9ijs000heQikwDVYEca8oCjZ5176cEZi+gW6ucQ+8MyNl0CbYJ6W5JxtZkehnT7ALrgEV2AI9HLjBmgSYnokOcM0u/Mqt0lU+NtxhZgLl+Y5LGoHGJxpANyrnOf0cdmBIa37uvCng4qmpLJT40PBdJEdLqoqU1EUXfpKcM8T4Aj4NOKLZPzgwPiJe14Dbs34B9pON2BUM3CDdR6kkIOJ31JFzuEhpRH0Cd64d5p8u6bxPBVGC8hpFMadUFhjmoVJXq20xmVw4KqfyKtkHXV7IFsH0xzz+lkfq0WNgGOF4AArLktBDePIb1EK6xVrROvT0GavYe2t2NBnqjDM6Db04hVmG+Q1DPMsxvYKY2he2qa4S1sHGytwl7ZT1UvbtwADAPYYxDJj0+xXAAAAAElFTkSuQmCC);
  background-size: cover;
  margin-top: 5px;
  margin-right: 4px
}

.wind-toolbar .btn-min {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAECAYAAACHtL/sAAAASUlEQVQYlZ3LsRFEUAAFwP0XGyVcoAB1KIo+XKgKdShEJhAYTyrkNt+SpMOI2nMHfhhKkgXti3z3/WD9M+/YSpIGPaoX+cSE+QKHGRLzQyqfZwAAAABJRU5ErkJggg==)
}

.wind-toolbar .btn-close {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAz0lEQVQokX3RMU6CMRTA8X8Bw0zcXbgCyhEkxjizkDi7MLl6ADcFD6Fn4gAuBB3EBBL/LlTLS7/vJR3a935tX4vaVx/VB7Wr0jCSOlef1AHq1P94bcDpAHLcow7Vjxac1Oci/62Oc/KiAdfQRKW8Tg0vaihC1POAq6gG88m7AK9iXYfjSMAMOAnrt0D3aCW8Xuzps5i/qb141aQuA7qs9PyHM3opktsDypuOahj1ugWVeFPU3eUv2KtfDajEa/VHvUkqwBmwA95pj1NgAKx+ATeNSPzxP4B1AAAAAElFTkSuQmCC)
}

.wind-toolbar .btn-close:hover {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAz0lEQVQokX3RMU6CMRTA8X8Bw0zcXbgCyhEkxjizkDi7MLl6ADcFD6Fn4gAuBB3EBBL/LlTLS7/vJR3a935tX4vaVx/VB7Wr0jCSOlef1AHq1P94bcDpAHLcow7Vjxac1Oci/62Oc/KiAdfQRKW8Tg0vaihC1POAq6gG88m7AK9iXYfjSMAMOAnrt0D3aCW8Xuzps5i/qb141aQuA7qs9PyHM3opktsDypuOahj1ugWVeFPU3eUv2KtfDajEa/VHvUkqwBmwA95pj1NgAKx+ATeNSPzxP4B1AAAAAElFTkSuQmCC)
}

.wind-toolbar .btn-min:hover,
.wind-toolbar .btn-close:hover {
  background-color: #448599
}

.nav-container {
  padding: 0 30px;
  height: 43px;
  background-color: #ffffff
}

.nav-container .operate {
  line-height: 43px;
  font-size: 12px
}

.nav-container .operate>a {
  float: left;
  margin-left: 16px
}

.nav-container .operate>a:hover {
  color: #67a2b4
}

.nav-tab>li {
  float: left;
  margin: 0 10px;
  height: 43px;
  line-height: 43px;
  font-size: 16px;
  padding: 0
}

.nav-tab>li.active {
  border-bottom: 2px solid #67a2b4
}

.nav-tab>li.active>a {
  color: #67a2b4
}

.nav-tab>li>a {
  display: block
}

.nav-tab>li>a:hover {
  color: #67a2b4
}

.nav-tab .badge {
  vertical-align: 0;
  background-color: #fe4474;
  font-weight: normal;
  color: #fff;
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8)
}

.answer-result-list {
  max-height: 100%;
  overflow: hidden
}

.answer-result-list .item {
  padding-bottom: 30px;
  margin-bottom: 25px;
  font-size: 14px
}

.answer-result-list .item:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none
}

.answer-result-list .item-num {
  width: 27px;
  height: 20px;
  margin-bottom: 5px;
  background-color: #4095fe;
  background: -webkit-gradient(linear, left top, left bottom, from(#4095fe), to(#4da8ff));
  background: -o-linear-gradient(top, #4095fe, #4da8ff);
  background: linear-gradient(to bottom, #4095fe, #4da8ff);
  border-radius: 2px;
  text-align: center;
  line-height: 20px;
  font-size: 12px;
  color: #fff
}

.answer-result-list .item-tit {
  margin-bottom: 5px
}

.answer-result-list .item-tit>b {
  color: #67a2b4;
  text-transform: capitalize
}

.answer-result-list .item-con .lab {
  display: block;
  margin-bottom: 5px;
  width: 56px;
  height: 20px;
  border-radius: 3px;
  border: 1px solid #67a2b4;
  text-align: center;
  line-height: 20px;
  font-size: 12px;
  color: #67a2b4
}

.answer-result-list .item-con p {
  margin-bottom: 5px
}

.answer-result-list .item .score-bar {
  margin-bottom: 5px;
  color: #838996;
  font-size: 12px
}

.answer-result-list .item .score-bar>em {
  font-style: normal;
  color: #67a2b4
}

.answer-result-list .item .play {
  margin-left: 5px
}

.answer-result-list .item .play,
.answer-result-list .item .playback {
  color: #67a2b4;
  font-size: 12px
}

.answer-result-list .item .play:hover,
.answer-result-list .item .playback:hover {
  text-decoration: underline
}

#helpModal .modal-content {
  top: 100px
}

#helpModal .modal-content .modal-footer {
  border: 0;
  text-align: center
}

#helpModal .modal-content .modal-footer .btn-ok {
  width: 150px;
  height: 40px;
  border-radius: 5px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAToAAABUCAYAAAASy/vCAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo2M2QxZGYyZS1jYjg2LTdiNGEtYTE4Yi0yNDk0YTliMjM5NDYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjFGMTc5OTJGNDQzMTFFNzhEMjRDMTAzODIzREFDMjgiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjFGMTc5OTFGNDQzMTFFNzhEMjRDMTAzODIzREFDMjgiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NWVhZGQ5M2QtODU0MC00ZDQ3LThjMmYtZTJkOGI4MzVhMmY3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjYzZDFkZjJlLWNiODYtN2I0YS1hMThiLTI0OTRhOWIyMzk0NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PjFYf+4AAAPTSURBVHja7N3BqhtVHAbwk5lJcpP7EtplS110L4jexRWfQqhQtRtfwIWr6kIXItqFFB+iUERQcO2iaLeC2Few4IWbeM7Y2Hgbpe46n78f/Em52Z2ZfMnkzJfObtz9oVxwuc71Oq/XebHOsgB/WfZdOZr3FuL5clbnl+22fF0fb3/42tUf95+c7QXdos7Hdd6u01k3eNrQzcrxYrAQz7dNDbyvZrNy89arVx+VvUBrIXe3zrtCDg7r6ytnPRdyE9DVQ/Vm2ZZ773/3YLkfdJ/UObE+cFh94dSQ68dHpnLQystn55tPd5euV+rj/faGZWXg0OuljJerfSflJuh8s9lea5/orgs5+Ger+klOyE1W33WzGy3oTq0FHHY09GXe+9p64k7aEbxkHeBpLeCWg5AL8EI7igvrAH/XbiNZD77RSXnP8nYFF3S720h8LZdzTC0BPOE2EkEH8daD20gEHQRbDX0ZeiEn6CBUK+ov7LAKOkjVdlj9Gomgg9wXgKK+oINkbWf12A6roIPYkCst5IbS2WEVdJBKUV/QQbS2w6qoL+gg1tz/9yDoIJmivqCD7BNdUV/QQbKWbYr6gg6itU9ydlgFHcQ6UtRH0JFs6afQEXQkG4v6dlgRdMSe1HZYEXQkU9RH0JEdcuXPHVZFfQQdsVq1axByCDpSjT+FrqiPoCPVvFPUR9ARrB93WIUcgo7Uk7eG3PHCbSQIOkIp6iPoiKeoj6AjmqI+go5oC0V9BB3J2s3AK0V9BB2xJ6qiPoKOZIr6CDqyQ64o6iPoCKeoj6AjmqI+go5oivoIOqIp6iPoyD4hFfURdCRT1EfQEU9RH0FHNEV9BB3RFPURdERT1EfQkX3yKeoj6EimqI+gIzvkiqI+go5w4w6rkEPQkWos6tthRdCRSlEfQUc0RX0EHdHGHVZFfQQdsSFX2m0kg9tIEHTkWtXLVUV9BB2x2m0kcz+FjqAj1VxRH0FHsnYz8FpRH0FH7AmlqI+gI5miPoKOeIr6CDqirRT1EXQkU9RH0BFNUR9BR7RW1F8JOQQdqXZFfTusCDoyQ64o6jO9oDuzDPwXivpMzG8t6H62DjwrRX0m6GE7Y+9ZB56Foj6TtC3ftrP2yzrnVoN/o6jPRJ1vttsvhvqPn+rcrvOONeEQRX0m/GnuzkcnL93fXYe8V+cbq8JFbWd1rajPNEPu+0Xf3RzfrB//qe28vlHnszobK8RO+yRnh5WJqVer5U69Ajn94JUrv7c/DHtPtrBr6fd5nbfqnNa5VGdu3f6fFPWZkEd1fm0bD+07uXa5uv/kHwIMAOxgV1qJMsm2AAAAAElFTkSuQmCC) 0 0 no-repeat;
  background-size: cover;
  font-size: 20px;
  color: #fff
}

#helpModal .modal-content .modal-footer .btn-ok:focus {
  outline: none
}

.layui-layer-loading2 {
  margin: 0 auto;
}

.scroll-box{
  position: relative;
  height: 100%;
}