.label-radio {
  display: inline-block;
  line-height: 24px;
  font-size: 13px;
  position: relative;
  padding-left: 19px;
  overflow: hidden;
  margin-left: -3px;
}
.label-radio input[type='radio'] {
  display: none;
}
.label-radio .radio {
  position: absolute;
  width: 15px;
  left: 0;
  height: 15px;
  top: 4px;
  background-color: #fff;
  border: 1px solid #9D9D9D;
  border-radius: 50%;
  box-sizing: border-box;
  z-index: 1;
}
.label-radio input[type='radio']:checked + .radio {
  background-color: #FF7901;
  border-color: #FF7901;
}
.label-radio input[type='radio']:checked + .radio:before {
  content: '';
  left: 4px;
  top: 4px;
  position: absolute;
  width: 5px;
  height: 5px;
  background-color: #fff;
  border-radius: 50%;
  box-sizing: border-box;
  z-index: 2;
}
.dn {
  display: none;
}
.bgcw {
  border-radius: 4px;
  background-color: #fff;
  border: 1px solid #F5F5F5;
  box-sizing: border-box;
  padding: 15px;
}
.bgcw.top {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  padding: 0;
}
.breadcrumb {
  height: 30px;
}
.breadcrumb ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.breadcrumb ul li {
  position: relative;
  height: 30px;
  line-height: 30px;
  font-size: 12px;
  float: left;
  padding: 0 20px;
}
.breadcrumb ul li:before {
  line-height: 30px;
  content: '/';
  position: absolute;
  left: 0;
  top: 0;
  color: #999;
}
.breadcrumb ul li:first-child:before {
  display: none;
}
.breadcrumb ul li a {
  text-decoration: none;
  color: #999;
  font-size: 13px;
}
.page-title {
  font-size: 22px;
  color: #333;
  line-height: 2;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
}
.page-attr {
  font-size: 13px;
  color: #666;
  padding: 0 15px;
  position: relative;
  float: left;
}
.page-attr:before {
  content: '|';
  position: absolute;
  left: 0;
}
.page-attr:first-child {
  padding-left: 0;
}
.page-attr:first-child:before {
  display: none;
}
.page-attr.opinion {
  cursor: pointer;
  padding: 0;
  border-bottom: 1px dotted #ccc;
}
.page-attr.opinion::before {
  display: none;
}
.page-attr.opinion .opinion-list {
  display: none;
  position: absolute;
  background-color: #fff;
  margin-top: 10px;
  width: 320px;
  border: 1px solid #FF7901;
  border-radius: 3px;
  padding: 5px;
  left: -20px;
}
.page-attr.opinion .opinion-list:before {
  content: '';
  position: absolute;
  width: 7px;
  height: 7px;
  border: 1px solid #FF7901;
  border-right: none;
  border-bottom: none;
  background-color: #fff;
  /* IE 9 */
  /* Safari and Chrome */
  /* Opera */
  /* Firefox */
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  top: -5px;
  left: 50px;
}
.page-attr.opinion .opinion-list ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.page-attr.opinion .opinion-list ul li {
  line-height: 24px;
  font-size: 12px;
}
.page-attr.opinion .opinion-list ul li span.name {
  font-weight: bold;
  margin-left: 5px;
}
.page-attr.opinion .opinion-list ul li span.result {
  color: #FF7901;
  margin-left: 5px;
}
.page-attr.opinion .opinion-list:hover:after {
  display: block;
}
.page-attr.opinion:hover .opinion-list {
  display: block;
}
.page-line {
  height: 1px;
  background-color: #F5F5F5;
}
.page-result {
  color: #FF7901;
}
.homework-title {
  font-size: 14px;
  line-height: 2;
  color: #333;
}
.homework-task {
  margin: 0;
  padding: 0;
  list-style: none;
}
.homework-task li {
  position: relative;
  font-size: 14px;
  margin: 10px 0;
  line-height: 1.5;
  padding-left: 20px;
}
.homework-task li:before {
  font-family: "iconfont" !important;
  content: '\e637';
  position: absolute;
  left: 0;
  color: #FF7901;
  top: 0;
}
.homework-task li a {
  color: #00a0e9;
}
.homework-upload {
  border: 1px solid #E4ECF3;
  height: 180px;
  border-radius: 4px;
  background-color: #F5F5F5;
  text-align: center;
}
.homework-upload .box {
  margin-top: 50px;
}
.homework-upload .box a {
  text-decoration: none;
  color: #069dd5;
}
.homework-upload .upload-btn {
  display: inline-block;
  width: 140px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background-color: #FF7901;
  color: #fff;
  border-radius: 3px;
  border: none;
  padding: 0;
  font-size: 16px;
}
.homework-upload .upload-btn:before {
  content: '\e67b';
  font-family: 'iconfont';
  font-size: 18px;
  margin-right: 5px;
}
.homework-upload .format {
  font-size: 12px;
  color: #999;
  width: 80%;
  text-align: center;
  line-height: 20px;
  margin: 10px auto;
}
.homework-upload .webuploader.webuploader-big .webuploader-tips {
  margin: 0 170px;
}
.homework-preview {
  height: 520px;
  overflow: hidden;
}
.homework-preview img {
  width: 100%;
  height: 100%;
}
.homework-mark {
  height: 60px;
  background-color: #FAFAFA;
}
.homework-radios .title {
  font-size: 13px;
  float: left;
  line-height: 24px;
  width: 100px;
  text-align: center;
}
.homework-radios label {
  margin: 0 8px;
}
.homework-radios label.ml {
  margin-left: 0;
}
.homework-talkBox .bn-btn:before {
  content: '\e67b';
  font-family: 'iconfont';
  margin-right: 5px;
  font-size: 16px;
  vertical-align: middle;
}
.homework-talkBox .format {
  font-size: 12px;
  color: #999;
  line-height: 20px;
  margin: 10px 0;
}
.homework-talkBox .webuploader-list {
  padding: 10px;
  background-color: #f6f6f6;
  width: 445px;
}
.homework-talkBox .webuploader-list:empty {
  display: none;
}
.workshopHd {
  margin: 35px auto 15px;
  position: relative;
  padding-left: 185px;
  height: 120px;
}
.workshopHd p {
  margin: 0;
}
.workshopHd:before {
  content: '';
  border: 1px solid #F5F5F5;
  background-color: #fff;
  height: 118px;
  width: 157px;
  position: absolute;
  top: 0;
  left: 0;
}
.workshopHd-img {
  position: absolute;
  left: 4px;
  top: 4px;
  width: 151px;
  height: 112px;
}
.workshopHd-title {
  font-size: 24px;
  color: #333;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
}
.workshopHd-attr {
  position: relative;
  color: #666;
  padding-right: 20px;
  margin-right: 20px;
  font-size: 13px;
  border-right: 1px solid #666;
}
.workshopHd-attr a {
  color: #666;
  text-decoration: none;
  border-bottom: 1px dotted #666;
}
.workshopHd-attr:last-child {
  border-right: none;
}
.workshopHd-attr.info {
  cursor: pointer;
  padding: 0;
  border-bottom: 1px dotted #ccc;
}
.workshopHd-attr.info::before {
  display: none;
}
.workshopHd-attr.info .info-content {
  display: none;
  position: absolute;
  background-color: #fff;
  margin-top: 10px;
  width: 320px;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 10px;
  line-height: 20px;
  left: -30px;
  max-height: 200px;
  z-index: 99;
  font-size: 12px;
  color: #999;
  box-shadow: 3px 3px 3px #ddd;
}
.workshopHd-attr.info .info-content:before {
  content: '';
  position: absolute;
  width: 7px;
  height: 7px;
  border: 1px solid #ccc;
  border-right: none;
  border-bottom: none;
  background-color: #fff;
  /* IE 9 */
  /* Safari and Chrome */
  /* Opera */
  /* Firefox */
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  top: -5px;
  left: 50px;
}
.workshopHd-attr.info .info-content:hover:after {
  display: block;
}
.workshopHd-attr.info:hover .info-content {
  display: block;
}
.workshopHd-attr .tips {
  position: absolute;
  z-index: 1;
  top: 25px;
  right: -160px;
  width: 400px;
  max-width: 400px;
  padding: 3px 10px;
  color: #666;
  border: 1px solid #ff7901;
  background-color: #fff;
  border-radius: 3px;
  font-size: 12px;
  line-height: 20px;
}
.workshopHd-attr .tips:before,
.workshopHd-attr .tips:after {
  border: 6px solid transparent;
  border-bottom: 6px solid #fff;
  width: 0;
  height: 0;
  position: absolute;
  top: -11px;
  left: 210px;
  content: ' ';
  z-index: 10;
}
.workshopHd-attr .tips:before {
  border-bottom-color: #ff7901;
  top: -12px;
}
.workshopHd-bar {
  border-bottom: 1px solid #DCE3EA;
}
.workshopHd-bar ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.workshopHd-bar ul li {
  float: left;
  line-height: 44px;
  position: relative;
}
.workshopHd-bar ul li a {
  position: relative;
  display: block;
  color: #9E6B4A;
  padding: 0 23px;
  text-decoration: none;
}
.workshopHd-bar ul li a.on {
  color: #FF7901;
}
.workshopHd-bar ul li a.on:before {
  content: '';
  position: absolute;
  height: 2px;
  width: 100%;
  bottom: 0;
  left: 0;
  background-color: #FF7901;
}
.workshopBd {
  margin-top: 25px;
}
.workshopBd.mt0 {
  margin-top: 0;
}
.workshopBd .left {
  float: left;
  width: 220px;
}
.workshopBd .middle {
  float: left;
  width: 510px;
  margin: 0 10px;
}
.workshopBd .right {
  float: right;
  width: 250px;
}
.workshopBd .rightContent {
  float: right;
  width: 690px;
}
.workshopBd .rightContent.new-rightContent {
  width: 770px;
}
.workshopBd-mission {
  list-style: none;
  margin: 0;
  padding: 0;
}
.workshopBd-mission li {
  line-height: 40px;
  height: 40px;
  position: relative;
  padding-right: 50px;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  font-size: 13px;
}
.workshopBd-mission li a {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 13px;
  display: inline-block;
  line-height: 40px;
  color: #333;
  text-decoration: none;
}
.workshopBd-mission li.on a {
  color: #FF7901;
}
.workshopBd-statistics {
  margin: 0;
  padding: 0;
  list-style: none;
}
.workshopBd-statistics li {
  line-height: 40px;
  font-size: 13px;
  height: 40px;
  color: #333;
  overflow: hidden;
}
.workshopBd-statistics li i {
  position: relative;
  top: 1px;
  margin-right: 5px;
}
.workshopBd-questionnaire {
  position: relative;
  background: url('../images/questionnaire.png') no-repeat #fff;
  padding-top: 180px;
}
.workshopBd-questionnaire a.irightArrow {
  position: absolute;
  top: 135px;
  right: 20px;
  padding-left: 150px;
  color: #fff;
  font-size: 20px;
  text-decoration: none;
}
.workshopBd-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.workshopBd-list li {
  position: relative;
  padding-left: 10px;
  line-height: 40px;
  height: 40px;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
}
.workshopBd-list li a {
  font-size: 13px;
  color: #333;
  text-decoration: none;
}
.workshopBd-list li.on:before {
  content: '';
  position: absolute;
  left: 0px;
  top: 17px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: red;
}
.workshopBd-setting {
  margin: 0;
  padding: 0;
  list-style: none;
}
.workshopBd-setting li {
  line-height: 40px;
  height: 40px;
}
.workshopBd-setting li a {
  color: #FF7901;
  font-size: 14px;
  text-decoration: none;
}
.workshopBd-setting li a:after {
  margin-left: 10px;
  content: '\e686';
  font-family: 'iconfont';
  font-size: 18px;
  vertical-align: middle;
}
.o-btn {
  border-radius: 4px;
  background-color: #FF7901;
  height: 34px;
  line-height: 34px;
  color: #fff;
  text-align: center;
  font-size: 14px;
  border: none;
  display: block;
  text-decoration: none;
}
.o-btn .irightArrow {
  margin-left: 5px;
  font-size: 22px;
  vertical-align: middle;
}
.btn-tac {
  text-align: center;
}
.btn-tac .btn-new {
  margin: 0 10px;
}
.btn-new {
  font-size: 13px;
  line-height: 2.2;
  padding: 0 2.2em;
  color: #666;
  border-radius: 4px;
  text-decoration: none;
  cursor: pointer;
  border: 1px solid #C9C9C9;
  background-color: #FAFAFA;
}
.btn-new.orange {
  color: #fff;
  background-color: #FF7901;
  border-color: #FF7901;
}
.o-small-btn {
  border-radius: 4px;
  background-color: #FF7901;
  display: inline-block;
  color: #fff;
  text-decoration: none;
  border: none;
  font-size: 14px;
  height: 26px;
  line-height: 26px;
  padding: 0 18px;
}
.o-more {
  background: url(../images/circlemore.png) no-repeat center center;
  display: inline-block;
  width: 30px;
  height: 30px;
}
.workshop-title {
  position: relative;
  font-size: 16px;
  color: #333;
  padding-bottom: 10px;
  border-bottom: 1px solid #F5F5F5;
}
.workshop-title .tabs .txt {
  position: relative;
  margin-right: 15px;
  cursor: pointer;
}
.workshop-title .tabs .txt:after {
  content: "|";
  position: absolute;
  right: -18px;
  top: -1px;
  color: #000;
}
.workshop-title .tabs .txt:last-child {
  margin-left: 15px;
}
.workshop-title .tabs .txt:last-child:after {
  display: none;
}
.workshop-title .tabs .txt.on {
  color: #ff7901;
}
.workshop-title .o-more {
  position: absolute;
  right: 0px;
  top: -5px;
}
.workshop-title .o-small-btn {
  position: absolute;
  top: 0px;
  right: 10px;
}
.workshop-title .number {
  position: absolute;
  right: 10px;
  top: 2px;
  font-size: 12px;
  color: #999999;
}
.workshop-line {
  height: 1px;
  width: 100%;
  background-color: #F5F5F5;
  margin: 20px auto;
}
.workshop-wideLine {
  height: 2px;
  border-top: 1px dashed #F5F5F5;
  border-bottom: 1px dashed #F5F5F5;
  margin-bottom: 15px;
}
.workshop-block .workshop-title {
  color: #FF7901;
}
.workshop-block ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.workshop-block ul li {
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  color: #333;
  padding-right: 150px;
  position: relative;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
}
.workshop-block ul li a {
  text-decoration: none;
  color: #333;
}
.workshop-block ul li span.grey {
  position: absolute;
  width: 150px;
  line-height: 40px;
  right: 0;
  top: 0;
  color: #8F8F8F;
  font-size: 12px;
  text-align: center;
  *zoom: 1;
}
.workshop-block ul li span.grey:after,
.workshop-block ul li span.grey:before {
  content: "";
  display: table;
}
.workshop-block ul li span.grey:after {
  clear: both;
}
.workshop-block ul li span.grey:after,
.workshop-block ul li span.grey:before {
  content: "";
  display: table;
}
.workshop-block ul li span.grey:after {
  clear: both;
}
.workshop-block ul li span.grey:after,
.workshop-block ul li span.grey:before {
  content: "";
  display: table;
}
.workshop-block ul li span.grey:after {
  clear: both;
}
.workshop-block ul li span.name {
  display: inline-block;
  float: left;
  max-width: 50px;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
}
.workshop-warning {
  position: relative;
  height: 36px;
  background-color: #FAFAFA;
  padding-left: 30px;
  line-height: 36px;
  color: #FF7901;
  margin: 10px auto;
  font-size: 13px;
}
.workshop-warning:before {
  position: absolute;
  top: 10px;
  left: 10px;
  content: '';
  width: 15px;
  height: 15px;
  background: url(../images/kl-tips-bg.gif) no-repeat;
}
.workshop-warning .blue-color {
  font-weight: normal;
  font-style: normal;
  color: #3c9bce;
  text-decoration: none;
}
.workshop-lists {
  margin: 0;
  padding: 0;
  list-style: none;
}
.workshop-lists li {
  position: relative;
  height: 120px;
  padding-left: 165px;
  padding-right: 100px;
  margin-bottom: 20px;
  box-sizing: border-box;
  padding-bottom: 10px;
  border-bottom: 1px solid #F5F5F5;
}
.workshop-lists li a {
  text-decoration: none;
  display: block;
}
.workshop-lists li .face {
  position: absolute;
  left: 0;
  top: 0;
  width: 150px;
  height: 100px;
}
.workshop-lists li p {
  margin: 0;
}
.workshop-lists li p.title {
  color: #333;
  font-size: 16px;
}
.workshop-lists li p.time {
  position: relative;
  padding-left: 30px;
  font-size: 12px;
  color: #999;
  line-height: 30px;
}
.workshop-lists li p.time:before {
  content: '';
  position: absolute;
  left: 7px;
  top: 7px;
  width: 16px;
  height: 16px;
  background: url(../images/time1.png);
}
.workshop-lists li .state {
  position: absolute;
  right: 0;
  top: 0;
  display: inline-block;
  width: 70px;
  height: 26px;
  text-align: center;
  font-size: 13px;
  text-decoration: none;
  line-height: 27px;
  border-radius: 4px;
  overflow: hidden;
}
.workshop-lists li .state.ing {
  background-color: #FFE6E6;
  color: #FF4C4C;
}
.workshop-lists li .state.off {
  background-color: #DCF3FF;
  color: #23A4E9;
}
.workshop-lists li:last-child {
  border-bottom: none;
  margin-bottom: 0;
}
.workshop-table {
  width: 100%;
  table-layout: fixed;
}
.workshop-table th {
  line-height: 60px;
  font-size: 14px;
  font-weight: 400;
}
.workshop-table td {
  line-height: 60px;
  border-top: 1px solid #E8E8E8;
  color: #4A4A4A;
  font-size: 14px;
  text-align: center;
}
.workshop-table tr:nth-child(even) td {
  background-color: #FAFAFA;
}
.workshop-table tr td:nth-child(2) {
  text-align: left;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
}
.workshop-table tr:hover td {
  cursor: pointer;
  background-color: #DAEFFD;
}
.workshop-popup-radios .label-radio {
  font-size: 14px;
  margin-right: 30px;
}
.workshop-popup-radios .label-radio:last-child {
  margin-right: 0;
}
.workshop-popup-table {
  width: 85%;
  margin: 0 auto;
  margin-left: 5%;
}
.workshop-popup-table tr td:first-child {
  padding-right: 5px;
  line-height: 36px;
  text-align: right;
}
.workshop-popup-table tr td.videoUpload .homework-upload {
  height: 100px;
}
.workshop-popup-table tr td.videoUpload .homework-upload .box {
  margin-top: 20px;
}
.workshop-popup-table input[type="text"] {
  height: 36px;
  line-height: 36px;
  background-color: #FAFAFA;
  border: 1px solid #DDDDDD;
  box-sizing: border-box;
  font-size: 14px;
  width: 100%;
}
.workshop-popup-table textarea {
  border: 1px solid #DDDDDD;
  background-color: #FAFAFA;
  line-height: 20px;
  font-size: 14px;
  resize: none;
  width: 100%;
  outline: none;
  border-radius: 3px;
  box-sizing: border-box;
}
.workshop-popup-table .import {
  border: 1px solid #DDDDDD;
  background-color: #FAFAFA;
  line-height: 36px;
  height: 36px;
  box-sizing: border-box;
  padding-right: 56px;
  position: relative;
  border-radius: 4px;
}
.workshop-popup-table .import .import-btn {
  position: absolute;
  top: 0;
  right: 0;
  width: 56px;
  height: 36px;
  line-height: 36px;
  display: inline-block;
  font-size: 13px;
  text-align: center;
  color: #333;
  border-left: 1px solid #ddd;
  cursor: pointer;
}
.workshop-popup-table .import input[type="text"] {
  width: 100%;
  border: none;
  padding: 0;
  box-sizing: border-box;
  height: 32px;
  font-size: 14px;
  padding: 0 5px;
  line-height: 32px;
}
.workshop-tab {
  display: table;
  margin: 0;
  padding: 0;
  list-style: none;
}
.workshop-tab li {
  float: left;
  line-height: 30px;
  padding: 0 15px;
  margin-right: 30px;
  color: #666;
  font-size: 13px;
  border-radius: 3px;
  cursor: pointer;
}
.workshop-tab li:first-child {
  margin-right: 0;
}
.workshop-tab li.on {
  background-color: #FF7901;
  color: #fff;
}
.voteCover {
  width: 200px;
  height: 150px;
}
.red {
  color: red;
}
.imgWidthAuto img {
  max-width: 100%;
}
.liveOver {
  height: 360px;
  padding-top: 180px;
  text-align: center;
  color: #FFF;
  font-size: 30px;
  background-color: #000;
}
.bgcp {
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 30px;
}
.fileUploadName {
  max-width: 400px;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
}
.fileUploadName .againSelect {
  float: left;
  margin-left: 13px;
  color: #ff7901;
  font-size: 14px;
}
.workshopBd .tab {
  border-bottom: 1px solid #F5F5F5;
  padding-bottom: 10px;
}
.workshopBd .tab ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.workshopBd .tab ul.clearHr li:after {
  content: "";
}
.workshopBd .tab ul li {
  position: relative;
  float: left;
  cursor: pointer;
  margin-right: 15px;
  margin-left: 15px;
}
.workshopBd .tab ul li:first-child {
  margin-left: 0;
}
.workshopBd .tab ul li:after {
  position: absolute;
  content: "|";
  right: -17px;
  top: 1px;
  color: #000;
}
.workshopBd .tab ul li a {
  display: inline-block;
  height: 34px;
  line-height: 34px;
  color: #333;
  padding: 0 20px;
  text-decoration: none;
  font-size: 16px;
  font-weight: 700;
}
.workshopBd .tab ul li a:hover,
.workshopBd .tab ul li a.on {
  background-color: #ff7901;
  border-radius: 3px;
  color: #fff;
  font-weight: normal;
}
.workshopBd .tab ul li:last-child:after {
  display: none;
}
.workshopBd .tab ul li.on {
  color: #ff7901;
}
.workshopBd .noTab ul {
  float: left;
  margin-top: 6px;
}
.workshopBd .noTab ul li:hover {
  background-color: #fff;
}
.workshopBd .noTab .o-btn {
  padding: 0 15px;
}
.workshopBd .noTab .o-btn .iconfont {
  margin-right: 5px;
}
.workshopBd .noTab .goBack {
  text-decoration: none;
  color: #ff7901;
  font-size: 14px;
}
.workshopBd .noTab .goBack .jiantou {
  margin-left: 5px;
  font-size: 20px;
}
.workshopBd .screen {
  position: relative;
  height: 24px;
  padding: 18px 0 18px 20px;
  border-bottom: 1px solid #F5F5F5;
  line-height: 24px;
  font-size: 13px;
}
.workshopBd .screen .label-radio {
  margin-right: 10px;
}
.workshopBd .screen .txt {
  float: left;
  margin-right: 5px;
  color: #999;
}
.workshopBd .screen .input_select {
  width: 90px;
  line-height: 28px;
  border: none;
  background-color: transparent;
  -webkit-appearance: none;
}
.workshopBd .screen .con {
  width: 90px;
  color: #666;
  border: none;
}
.workshopBd .screen .con i.iconfont {
  margin-left: 10px;
}
.workshopBd .screen ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: none;
  position: absolute;
  top: 50px;
  left: 0;
  padding: 3px 0 5px;
  background-color: #fff;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.35);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.35);
  border-radius: 4px;
}
.workshopBd .screen ul li {
  width: 160px;
  height: 40px;
  line-height: 40px;
  padding: 0 5px 0 25px;
  box-sizing: border-box;
}
.workshopBd .screen ul li:before,
.workshopBd .screen ul li:after {
  box-sizing: inherit;
}
.workshopBd .screen ul li a {
  text-decoration: none;
  color: #666;
}
.workshopBd .screen ul li:hover,
.workshopBd .screen ul li.on {
  background-color: #ff7901;
}
.workshopBd .screen ul li:hover a,
.workshopBd .screen ul li.on a {
  color: #fff;
}
.workshopBd .homeWorkList {
  margin: 0;
  padding: 0;
  list-style: none;
}
.workshopBd .homeWorkList li {
  height: 50px;
  padding-top: 15px;
  padding-bottom: 20px;
  border-bottom: 1px solid #e9eaec;
}
.workshopBd .homeWorkList li h5 {
  margin: 0;
  padding-right: 220px;
  font-size: 14px;
  font-weight: normal;
}
.workshopBd .homeWorkList li h5 a {
  display: block;
  width: 100%;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  color: #333;
  text-decoration: none;
}
.workshopBd .homeWorkList li .articleInfo {
  margin-top: 13px;
  *zoom: 1;
}
.workshopBd .homeWorkList li .articleInfo:after,
.workshopBd .homeWorkList li .articleInfo:before {
  content: "";
  display: table;
}
.workshopBd .homeWorkList li .articleInfo:after {
  clear: both;
}
.workshopBd .homeWorkList li .articleInfo:after,
.workshopBd .homeWorkList li .articleInfo:before {
  content: "";
  display: table;
}
.workshopBd .homeWorkList li .articleInfo:after {
  clear: both;
}
.workshopBd .homeWorkList li .articleInfo:after,
.workshopBd .homeWorkList li .articleInfo:before {
  content: "";
  display: table;
}
.workshopBd .homeWorkList li .articleInfo:after {
  clear: both;
}
.workshopBd .homeWorkList li .articleInfo .name {
  float: left;
  max-width: 100px;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
}
.workshopBd .homeWorkList li .articleInfo .user:before {
  content: '\e66b';
  font-family: 'iconfont';
  margin-right: 5px;
  font-size: 16px;
  color: #999;
  vertical-align: middle;
}
.workshopBd .homeWorkList li .articleInfo .state {
  float: left;
  margin-top: -4px;
  display: inline-block;
  padding: 0 10px;
  border-radius: 3px;
  font-size: 12px;
  height: 20px;
  line-height: 20px;
}
.workshopBd .homeWorkList li .articleInfo .state.off {
  background-color: #dcf3ff;
  color: #23a4e9;
}
.workshopBd .homeWorkList li .articleInfo .state.ing {
  background-color: #ffe6e6;
  color: #ff4c4c;
}
.workshopBd .homeWorkList li .articleInfo .state.noAnswer {
  background-color: rgba(255, 121, 1, 0.2);
  color: #ff7901;
}
.workshopBd .homeWorkList li .articleInfo .state.closed {
  background-color: rgba(153, 153, 153, 0.2);
  color: #999;
}
.workshopBd .homeWorkList li .articleInfo .state.createIn {
  background-color: rgba(64, 181, 81, 0.2);
  color: #40b551;
}
.workshopBd .homeWorkList li .articleInfo .state.createIng {
  background-color: rgba(16, 142, 233, 0.2);
  color: #108EE9;
}
.workshopBd .homeWorkList li .seeDetail {
  margin-right: 10px;
  color: #ff7901;
  font-size: 13px;
  text-decoration: none;
}
.workshopBd .homeWorkList .newWorkName {
  max-width: 640px;
}
.workshopBd .resShare li h5 {
  position: relative;
}
.workshopBd .resShare li h5 .icon {
  position: absolute;
  left: 0;
  padding-left: 25px;
  max-width: 600px;
}
.workshopBd .resShare li .articleInfo {
  margin-top: 33px;
}
.workshopBd .resShare li .articleInfo .user:before {
  content: '\e66b';
  font-family: 'iconfont';
  margin-right: 5px;
  font-size: 16px;
  color: #999;
  vertical-align: middle;
}
.workshopBd .articleInfo {
  height: 24px;
  color: #999;
}
.workshopBd .articleInfo .name {
  font-style: normal;
}
.workshopBd .articleInfo em,
.workshopBd .articleInfo i {
  font-style: normal;
}
.workshopBd .articleInfo .single {
  float: left;
  margin-right: 10px;
  padding-right: 10px;
  margin-bottom: 10px;
  line-height: 12px;
  border-right: 1px solid #999;
  font-size: 12px;
  max-width: 115px;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
}
.workshopBd .articleInfo .single .red {
  color: red;
}
.workshopBd .articleInfo .single:last-child {
  border-right: none;
  padding-right: 0;
}
.workshopBd .clubList li {
  position: relative;
}
.workshopBd .clubList li .workshop-operation {
  top: 15px;
  margin-top: 0;
}
.workshopBd .clubList li .workshop-operation .workshop-editor:before {
  content: '|';
  padding: 0 9px;
}
.workshopBd .clubList li .workshop-operation .workshop-editor:first-child:before {
  content: '';
  padding: 0;
}
.workshopBd .clubList li .workshop-operation .workshop-editor:after {
  content: '';
  padding: 0;
}
.workshopBd .clubList li .workshop-operation a {
  text-decoration: none;
}
.workshopBd .clubList li .workshop-operation a.state {
  width: 70px;
  height: 26px;
  line-height: 27px;
  text-align: center;
  font-size: 13px;
  display: inline-block;
  border-radius: 3px;
  overflow: hidden;
}
.workshopBd .clubList li .workshop-operation a.state.off {
  background-color: #dcf3ff;
  color: #23a4e9;
}
.workshopBd .clubList li .workshop-operation a.state.ing {
  background-color: #ffe6e6;
  color: #ff4c4c;
}
.workshopBd .lesson-list2 {
  width: 100%;
  margin-top: 20px;
}
.workshopBd .lesson-list2 li {
  width: 31%;
  height: 100%;
  margin-left: 20px;
}
.workshopBd .lesson-list2 li:nth-child(3n+1) {
  margin-left: 0;
}
.workshopBd .lesson-list2 li .box {
  margin-left: 0;
  margin-right: 0;
  border-radius: 4px;
  box-shadow: none;
}
.workshopBd .lesson-list2 li .box .percentage {
  position: relative;
  height: 5px;
  background-color: #efefef;
}
.workshopBd .lesson-list2 li .box .percentage i {
  position: absolute;
  left: 0;
  top: 0;
  background-color: #ff7901;
  display: inline-block;
  height: 100%;
}
.workshopBd .lesson-list2 li .box .lesson-info h3 {
  color: #333;
  font-weight: 700;
}
.workshopBd .bn-pr0 {
  padding-right: 0;
}
.wsVideo .bgcw {
  padding: 5px 0 0 15px;
}
.wsVideo .bgcwTwo {
  padding: 15px;
}
.wsVideo .courseSubTitle {
  font-size: 12px;
  line-height: 24px;
  color: #666;
}
.wsVideo .kc-left-nav > li {
  box-sizing: border-box;
}
.wsVideo .kc-left-nav > li:before,
.wsVideo .kc-left-nav > li:after {
  box-sizing: inherit;
}
.wsVideo .kc-left-nav > li .first-nav span.title {
  width: 90px;
}
.wsVideo .kc-left-nav > li .second-nav li a:hover span.title {
  color: #f04134;
}
.wsVideo .kc-left-nav > li .second-nav li.cur a:hover span.title {
  color: #fff;
}
.wsVideo .kc-left-nav > li .second-nav span.title {
  width: 110px;
}
.wsVideo .kc-left-nav > li.cur .first-nav {
  background-color: #fa350f;
}
.wsVideo .kc-left-nav > li.cur .first-nav i {
  color: #fff;
}
.wsVideo .kc-left-nav > li.cur .first-nav i:last-child .icon-complete {
  color: #fff;
}
.wsVideo .kc-left-nav > li:last-child {
  border-bottom: none;
}
.wsVideo .rightContent .panel-box {
  border: 1px solid #F5F5F5;
  border-radius: 4px;
}
.wsVideo .rightContent .panel-box .summary {
  margin: 0;
  margin-top: 10px;
  line-height: 30px;
  color: #666;
  font-size: 14px;
}
.wsVideo .rightContent .kc-content-title {
  font-size: 16px;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
}
.wsVideo .kc-homework {
  padding-top: 25px;
  padding-bottom: 35px;
  background-color: #fff;
  border-top: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
}
.bgcwPadd {
  padding: 30px;
}
.bgcwPadd .fileInfo {
  border-bottom: 1px solid #F5F5F5;
}
.bgcwPadd .content {
  width: 680px;
  margin: 0 auto;
  margin-top: 55px;
}
.bgcwPadd .content .list li {
  height: 24px;
  line-height: 24px;
}
.bgcwPadd .content .list li .title {
  margin: 0;
  padding-right: 120px;
  font-size: 14px;
  color: #333;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
}
.bgcwPadd .uploadSuccess {
  background-color: #fff;
  border-top: none;
}
.bgcwPadd .uploadSuccess p {
  margin: 0;
}
.bgcwPadd .uploadSuccess .container {
  margin-left: 310px;
}
.bgcwPadd .uploadSuccess .container .lookFile {
  margin-top: 10px;
}
.bgcwPadd .uploadSuccess .container .lookFile a {
  margin-right: 10px;
  text-decoration: none;
  color: #069dd5;
}
.bgcwPadd .uploadSuccess .container .lookWorks .goto {
  padding-left: 10px;
  border-left: 1px solid #999;
}
.bgcwPadd .uploadSuccess .container .lookWorks .goto:first-child {
  padding-left: 0;
  border-left: none;
}
.bgcwPadd .uploadSuccess .container .lookWorks a {
  border-bottom: 1px dashed #999;
  color: #666;
}
.bgcwPadd .uploadSuccess .container .bn-btn {
  margin-left: 55px;
  height: 40px;
  line-height: 40px;
  font-size: 15px;
}
.bgcwPadd .uploadSuccess .container .lookCon .bn-btn {
  margin-left: 0;
}
.bgcwPadd .uploadSuccess .container .lookCon .more {
  margin-left: 20px;
  color: #999;
  font-size: 12px;
}
.bgcwPadd .uploadSuccess .container .lookCon .more a {
  color: #999;
  text-decoration: none;
  border-bottom: 1px dashed #999;
}
.addClub {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-top: 10px;
}
.addClub li {
  position: relative;
  float: left;
  font-size: 16px;
  width: 33.33%;
  padding-bottom: 10px;
}
.addClub li .step {
  text-align: center;
}
.addClub li .step .num {
  display: inline-block;
  width: 32px;
  height: 32px;
  line-height: 32px;
  border: 1px solid #666;
  border-radius: 50%;
  text-align: center;
  color: #fff;
  background-color: #666;
}
.addClub li .step .tip {
  color: #666;
  margin-left: 20px;
}
.addClub li:before {
  content: '';
  position: absolute;
  height: 2px;
  width: 100%;
  bottom: 0;
  background-color: #666;
}
.addClub li.on .step .num {
  border: 1px solid #ff7901;
  color: #ff7901;
  background-color: #fff;
}
.addClub li.on .step .tip {
  color: #ff7901;
}
.addClub li.on:before {
  background-color: #ff7901;
}
.workshopDetails .left {
  width: 250px;
}
.workshopDetails .left .bgcw {
  padding: 0;
}
.workshopDetails .left .bgcw .siderLeft {
  margin: 0;
  padding: 0;
}
.workshopDetails .left .bgcw .siderLeft li {
  position: relative;
  border-top: 1px solid #e8e8e8;
  height: 50px;
  line-height: 50px;
  margin-left: 30px;
  padding-right: 70px;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  box-sizing: border-box;
  list-style: none;
  cursor: pointer;
}
.workshopDetails .left .bgcw .siderLeft li:before,
.workshopDetails .left .bgcw .siderLeft li:after {
  box-sizing: inherit;
}
.workshopDetails .left .bgcw .siderLeft li:first-child {
  border-top: none;
}
.workshopDetails .left .bgcw .siderLeft li.on,
.workshopDetails .left .bgcw .siderLeft li:hover {
  margin-left: 0;
  padding-left: 30px;
  background-color: #ff7901;
}
.workshopDetails .left .bgcw .siderLeft li.on .study:before,
.workshopDetails .left .bgcw .siderLeft li:hover .study:before,
.workshopDetails .left .bgcw .siderLeft li.on .unStudy:before,
.workshopDetails .left .bgcw .siderLeft li:hover .unStudy:before {
  color: #fff;
}
.workshopDetails .left .bgcw .siderLeft li.on a,
.workshopDetails .left .bgcw .siderLeft li:hover a {
  color: #fff;
}
.workshopDetails .left .bgcw .siderLeft li.on:before,
.workshopDetails .left .bgcw .siderLeft li:hover:before {
  color: #fff;
}
.workshopDetails .left .bgcw .siderLeft li a {
  text-decoration: none;
  color: #333;
  font-size: 14px;
}
.workshopDetails .left .bgcw .siderLeft li:before {
  content: '\e614';
  font-family: 'iconfont';
  position: absolute;
  right: 20px;
  color: #999;
}
.workshopDetails .left .bgcw .siderLeft li .unStudy {
  position: absolute;
  right: 50px;
}
.workshopDetails .left .bgcw .siderLeft li .unStudy:before {
  content: "\e643";
  font-size: 14px;
  font-family: iconfont;
  color: #f93110;
}
.workshopDetails .left .bgcw .siderLeft li .study {
  position: absolute;
  right: 50px;
}
.workshopDetails .left .bgcw .siderLeft li .study:before {
  content: "\e62f";
  font-size: 14px;
  font-family: iconfont;
  color: #29bc78;
}
.workshopDetails .left .panel-box {
  border-radius: 4px;
  border: 1px solid #F5F5F5;
  box-sizing: border-box;
}
.workshopDetails .left .panel-box:before,
.workshopDetails .left .panel-box:after {
  box-sizing: inherit;
}
.workshopDetails .left .panel-box .bn-title {
  padding: 15px 0 10px;
  margin: 0 20px;
  border-bottom: 1px solid #e8e8e8;
}
.workshopDetails .left .panel-box .bn-title h4 {
  font-size: 14px;
}
.workshopDetails .left .panel-box .Page {
  margin: 0 20px;
  padding-bottom: 20px;
}
.workshopDetails .left .panel-box .Page a {
  margin-right: 20px;
  text-decoration: none;
  color: #999;
  font-size: 20px;
}
.workshopDetails .left .panel-box .Page a.on {
  color: #ff7901;
}
.workshopDetails .left .panel-box .signDetail {
  border-bottom: 0px;
  cursor: pointer;
}
.workshopDetails .left .panel-box .signDetail h4 {
  color: #ff7901;
}
.workshopDetails .left .panel-box .signDetail:before {
  content: '\e614';
  font-family: 'iconfont';
  margin-top: 4px;
  right: 20px;
  color: #ff7901;
  float: right;
}
.workshopDetails .rightContent {
  width: 730px;
}
.workshopDetails .rightContent .panel-box {
  border: 1px solid #f5f5f5;
  border-radius: 4px;
}
.workshopDetails .rightContent .kc-content-title {
  font-size: 16px;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
}
.workshopDetails .rightContent p {
  margin: 0;
  padding: 0;
}
.workshopDetails .rightContent p.title {
  padding: 20px 10px 15px 30px;
  border-bottom: 1px solid #F5F5F5;
  color: #333;
  font-weight: 700;
  font-size: 17px;
}
.workshopDetails .rightContent .detail {
  padding: 20px 30px 30px;
}
.workshopDetails .rightContent .detail .tip {
  font-size: 14px;
  color: #666;
  padding-bottom: 5px;
}
.workshopDetails .rightContent .detail .wsDetail .uploadBtn {
  margin-top: 20px;
  border: 1px solid #F5F5F5;
  border-radius: 4px;
  background-color: #fafafa;
  height: 74px;
  line-height: 74px;
  text-align: center;
}
.workshopDetails .rightContent .detail .wsDetail .uploadBtn .o-btn {
  display: inline-block;
  padding: 0 20px;
}
.workshopDetails .rightContent .detail .wsDetail .uploadBtn .o-btn .iconfont {
  margin-right: 5px;
}
.workshopDetails .rightContent .detail .tipTitle {
  margin-top: 20px;
}
.workshopDetails .rightContent .homework-upload .format {
  margin: 10px auto;
}
.tableList {
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  border: 1px solid #F5F5F5;
  text-align: center;
}
.tableList th {
  height: 48px;
  font-size: 14px;
  color: #333;
  background-color: #fafafa;
  border-bottom: 1px solid #F5F5F5;
}
.tableList tr {
  background-color: #fff;
}
.tableList td {
  padding-left: 5px;
  height: 48px;
  font-size: 14px;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  border-bottom: 1px solid #F5F5F5;
  color: #666;
}
.tableList td a {
  color: #ff7901;
}
.memberList .tableList td {
  height: 58px;
  line-height: 58px;
}
.memberList .tableList td.name {
  *zoom: 1;
  text-align: left;
}
.memberList .tableList td.name:after,
.memberList .tableList td.name:before {
  content: "";
  display: table;
}
.memberList .tableList td.name:after {
  clear: both;
}
.memberList .tableList td.name:after,
.memberList .tableList td.name:before {
  content: "";
  display: table;
}
.memberList .tableList td.name:after {
  clear: both;
}
.memberList .tableList td.name:after,
.memberList .tableList td.name:before {
  content: "";
  display: table;
}
.memberList .tableList td.name:after {
  clear: both;
}
.memberList .tableList td img {
  float: left;
  margin-top: 10px;
  margin-left: 15px;
  margin-right: 10px;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  vertical-align: middle;
}
.memberList .tableList td a {
  text-decoration: none;
}
.questionnaire {
  padding: 50px 80px;
}
.questionnaire h2 {
  margin: 0;
  padding: 0;
  text-align: center;
  font-size: 24px;
  color: #ff7901;
}
.questionnaire h2 .answer {
  display: inline-block;
  padding: 0 10px;
  margin-left: 5px;
  border-radius: 3px;
  font-size: 12px;
  height: 20px;
  line-height: 20px;
  font-weight: normal;
  vertical-align: middle;
}
.questionnaire h2 .noAnswer {
  background-color: rgba(255, 121, 1, 0.2);
  color: #ff7901;
}
.questionnaire h2 .closed {
  background-color: rgba(153, 153, 153, 0.2);
  color: #999;
}
.questionnaire h2 .createIn {
  background-color: rgba(64, 181, 81, 0.2);
  color: #40b551;
}
.questionnaire p {
  margin: 0;
  padding: 0;
}
.questionnaire p.title {
  padding-bottom: 25px;
  border-bottom: 1px solid #ededed;
  font-size: 22px;
  color: #333;
}
.questionnaire .summary {
  margin-top: 30px;
  padding-bottom: 20px;
  border-bottom: 1px solid #ededed;
  line-height: 26px;
  font-size: 13px;
  color: #333;
}
.questionnaire .kc-test .kc-question {
  padding-left: 30px;
}
.questionnaire .kc-test .kc-question .txt {
  position: relative;
  padding-left: 0;
  margin: 0;
}
.questionnaire .kc-test .kc-question .txt:before {
  content: '';
}
.questionnaire .kc-test .kc-question .txt .order {
  position: absolute;
  left: -30px;
}
.questionnaire .kc-test .kc-question .txt input {
  width: 100%;
  border: 1px solid #333;
  border-radius: 0;
  color: #333;
}
.questionnaire .kc-test .kc-question label {
  *zoom: 1;
  margin-top: 10px;
  padding-right: 30px;
}
.questionnaire .kc-test .kc-question label:after,
.questionnaire .kc-test .kc-question label:before {
  content: "";
  display: table;
}
.questionnaire .kc-test .kc-question label:after {
  clear: both;
}
.questionnaire .kc-test .kc-question label:after,
.questionnaire .kc-test .kc-question label:before {
  content: "";
  display: table;
}
.questionnaire .kc-test .kc-question label:after {
  clear: both;
}
.questionnaire .kc-test .kc-question label:after,
.questionnaire .kc-test .kc-question label:before {
  content: "";
  display: table;
}
.questionnaire .kc-test .kc-question label:after {
  clear: both;
}
.questionnaire .kc-test .kc-question label.label-radio {
  position: relative;
  padding-left: 25px;
  overflow: visible;
}
.questionnaire .kc-test .kc-question label.label-radio .radio {
  top: 6px;
}
.questionnaire .kc-test .kc-question label.label-radio .iDelete {
  position: absolute;
  top: 2px;
  right: 0;
  color: #999;
  font-size: 18px;
  text-decoration: none;
}
.questionnaire .kc-test .kc-question label.label-radio .checkBox {
  position: absolute;
  top: 0px;
  left: -25px;
}
.questionnaire .kc-test .kc-question label .choice {
  float: right;
  width: 250px;
  overflow: hidden;
  color: #9d6b4a;
}
.questionnaire .kc-test .kc-question label .choice .kc-progress {
  width: 70px;
  height: 6px;
  margin: 10px 10px 0 0;
}
.questionnaire .kc-test .kc-question label .choice .kc-progress .bn-progress-box {
  height: 100%;
  background-color: #9d6b4a;
}
.questionnaire .kc-test .kc-question label .choice .people {
  color: #9d6b4a;
}
.questionnaire .kc-test .kc-question label.notClick .radio,
.questionnaire .kc-test .kc-question label.notClick input[type=checkbox] {
  background-color: #eeeeee;
}
.questionnaire .kc-test .kc-question .edit {
  width: 100%;
  cursor: pointer;
}
.questionnaire .kc-test .kc-question .edit input {
  width: 100%;
  border: 1px solid #333;
  border-radius: 0;
  color: #333;
  line-height: 24px;
}
.questionnaire .kc-test .kc-question .editTitle {
  display: block;
}
.questionnaire .kc-test .kc-question input[type=checkbox] {
  margin: 6px 8px 0 25px;
  width: 16px;
  height: 16px;
  border-radius: 0;
}
.questionnaire .kc-test .kc-question input[type=checkbox]:checked {
  border-color: #ff7901;
}
.questionnaire .kc-test .kc-question input[type=checkbox]:checked:before {
  font-size: 15px;
  line-height: 14px;
  background-color: #ff7901;
  color: #fff;
}
.questionnaire .kc-test .kc-question input[type='radio']:checked + .radio {
  background-color: #ff7901;
}
.questionnaire .kc-test .kc-question input[type=text] {
  margin: 0;
}
.questionnaire .kc-test .kc-question .textarea textarea {
  height: 84px;
  width: 100%;
  margin-top: 20px;
  outline: none;
  font-size: 14px;
  line-height: 20px;
  border: 1px solid #ccc;
  background-color: #fff;
  overflow: auto;
  box-sizing: border-box;
}
.questionnaire .kc-test .kc-question .textarea textarea:before,
.questionnaire .kc-test .kc-question .textarea textarea:after {
  box-sizing: inherit;
}
.questionnaire .kc-test .kc-question .textarea .idea {
  padding-top: 10px;
  font-size: 14px;
  line-height: 24px;
  color: #333;
}
.questionnaire .kc-test .kc-question .questionTxt {
  font-size: 14px;
  color: #333;
  line-height: 24px;
}
.questionnaire .kc-test .kc-question .articleInfo {
  *zoom: 1;
  margin-top: 20px;
  color: #999;
}
.questionnaire .kc-test .kc-question .articleInfo:after,
.questionnaire .kc-test .kc-question .articleInfo:before {
  content: "";
  display: table;
}
.questionnaire .kc-test .kc-question .articleInfo:after {
  clear: both;
}
.questionnaire .kc-test .kc-question .articleInfo:after,
.questionnaire .kc-test .kc-question .articleInfo:before {
  content: "";
  display: table;
}
.questionnaire .kc-test .kc-question .articleInfo:after {
  clear: both;
}
.questionnaire .kc-test .kc-question .articleInfo:after,
.questionnaire .kc-test .kc-question .articleInfo:before {
  content: "";
  display: table;
}
.questionnaire .kc-test .kc-question .articleInfo:after {
  clear: both;
}
.questionnaire .kc-test .kc-question .articleInfo .single {
  float: left;
  margin-right: 10px;
  padding-right: 10px;
  line-height: 12px;
  border-right: 1px solid #999;
  font-size: 12px;
}
.questionnaire .kc-test .kc-question .articleInfo .single:last-child {
  border-right: none;
}
.questionnaire .kc-test .kc-question .chapterTool {
  display: none;
}
.questionnaire .kc-test .kc-question:hover .chapterTool,
.questionnaire .kc-test .kc-question.on .chapterTool {
  display: block;
  position: absolute;
  left: 25px;
  bottom: 3px;
}
.questionnaire .kc-test .kc-question:hover .chapterTool a,
.questionnaire .kc-test .kc-question.on .chapterTool a {
  text-decoration: none;
  color: #999;
  margin-right: 20px;
}
.questionnaire .kc-test .kc-question:hover .chapterTool .iAdd,
.questionnaire .kc-test .kc-question.on .chapterTool .iAdd {
  font-size: 13px;
  vertical-align: middle;
}
.questionnaire .kc-test .kc-test-submit {
  margin-top: 60px;
}
.questionnaire .kc-test .look {
  display: inline-block;
  margin-top: 20px;
  padding: 0 20px;
  color: #ff7901;
  text-decoration: none;
  border: 1px solid #ff7901;
  height: 30px;
  line-height: 30px;
  border-radius: 3px;
  font-size: 13px;
  box-sizing: border-box;
}
.questionnaire .kc-test .look:before,
.questionnaire .kc-test .look:after {
  box-sizing: inherit;
}
.questionnaire .kc-test .addSubject {
  text-align: center;
}
.questionnaire .kc-test .addSubject .openQues {
  position: relative;
  display: inline-block;
}
.questionnaire .kc-test .addSubject .openQues .look {
  height: 42px;
  line-height: 42px;
  margin-top: 30px;
  font-size: 15px;
  padding: 0 60px;
}
.questionnaire .kc-test .addSubject .openQues .look:after {
  content: '\e61f';
  font-family: 'iconfont';
  margin-left: 5px;
}
.questionnaire .kc-test .addSubject .openQues:hover ul {
  display: block;
}
.questionnaire .kc-test .addSubject .openQues ul {
  position: absolute;
  top: 72px;
  left: 1px;
  display: none;
  margin: 0;
  padding: 0;
  list-style: none;
  width: 200px;
  padding: 3px 0;
  background-color: #fff;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.35);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.35);
}
.questionnaire .kc-test .addSubject .openQues ul li {
  position: relative;
  height: 40px;
  line-height: 40px;
  font-size: 13px;
}
.questionnaire .kc-test .addSubject .openQues ul li a {
  color: #333;
  text-decoration: none;
}
.questionnaire .kc-test .addSubject .openQues ul li a:before {
  left: 45px;
  margin-top: -10px;
}
.questionnaire .kc-test .addSubject .openQues ul li:hover,
.questionnaire .kc-test .addSubject .openQues ul li.on {
  background-color: #f4f4f4;
}
.addQuestion {
  padding: 50px;
}
.worksBgcw {
  padding-bottom: 24px;
  background: url(../images/achvBg.png) no-repeat top;
  background-size: 100% 100%;
  text-align: left;
  color: #fff;
}
.worksBgcw h2,
.worksBgcw p {
  max-width: 1000px;
  padding: 0;
  margin: 0 auto;
}
.worksBgcw h2 {
  padding-top: 50px;
  font-size: 40px;
}
.worksBgcw .txt {
  padding-top: 5px;
  margin: 0 auto;
  font-size: 24px;
}
.worksBgcw .upload {
  display: block;
  border-radius: 25px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin-top: 7px;
  width: 180px;
  height: 48px;
  line-height: 48px;
  font-size: 18px;
  font-weight: bold;
  padding: 0 32px;
  text-decoration: none;
  background-color: #FFFA87;
  color: #7D3F2E;
  box-sizing: border-box;
}
.worksBgcw .upload:before,
.worksBgcw .upload:after {
  box-sizing: inherit;
}
.worksBgcw .upload.appraise {
  width: 148px;
  height: 55px;
  margin-top: -5px;
  line-height: 50px;
  border-radius: 0;
  padding: 0;
  background: url("../../res/images/activeAppraise.png") center center;
  font-size: 14px;
  color: #FF5353;
}
.worksBgcw .time {
  margin-top: 16px;
  color: #FFFCD6;
}
.worksBgcw .time > span {
  display: block;
  width: 327px;
  height: 26px;
  line-height: 26px;
  background: url(../images/achvTimeBg.png) no-repeat;
  text-align: center;
  font-size: 14px;
}
.worksList {
  padding-top: 20px;
}
.worksList ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.worksList .tab li {
  float: left;
  padding-right: 35px;
  font-size: 22px;
  color: #594338;
}
.worksList .tab li a {
  text-decoration: none;
  color: inherit;
}
.worksList .tab li a.on {
  font-weight: 700;
}
.worksList .tab li a.on:before {
  font-weight: normal;
}
.worksList .tab li:before {
  content: '|';
  margin-right: 35px;
}
.worksList .tab li:first-child:before {
  content: '';
  margin-right: 0;
}
.worksList .list {
  position: relative;
  margin-top: 15px;
  border: 11px solid #e7ecf2;
  background-color: #fff;
}
.worksList .list:before,
.worksList .list:after {
  position: absolute;
  top: -7px;
  content: '';
  width: 4px;
  height: 4px;
  background-color: #cab8ae;
  border-radius: 50%;
}
.worksList .list:before {
  left: -7px;
}
.worksList .list:after {
  right: -7px;
}
.worksList .list .dotBm:before,
.worksList .list .dotBm:after {
  position: absolute;
  bottom: -7px;
  content: '';
  width: 4px;
  height: 4px;
  background-color: #cab8ae;
  border-radius: 50%;
}
.worksList .list .dotBm:before {
  left: -7px;
}
.worksList .list .dotBm:after {
  right: -7px;
}
.worksList .list .dotBm .homeWorkList li {
  padding-left: 30px;
}
.worksList .list .dotBm .homeWorkList li h5 a {
  font-weight: 700;
  font-size: 15px;
}
.worksList .list .dotBm .homeWorkList li .workshop-operation {
  right: 30px;
}
.worksList .list .dotBm .homeWorkList li .workshop-operation .waitState {
  display: inline-block;
  height: 28px;
  line-height: 28px;
  padding: 0 15px;
  background-color: rgba(255, 121, 1, 0.2);
  border-radius: 20px;
}
.worksList .list .content li {
  float: left;
  width: 25%;
  height: 288px;
  padding: 15px;
  border-right: 1px solid #ededed;
  border-bottom: 1px solid #ededed;
  background-color: #fff;
  box-sizing: border-box;
}
.worksList .list .content li:before,
.worksList .list .content li:after {
  box-sizing: inherit;
}
.worksList .list .content li:nth-child(4n) {
  border-right: none;
}
.worksList .list .content li a {
  text-decoration: none;
}
.worksList .list .content li .img {
  display: block;
  width: 100%;
  height: 150px;
  overflow: hidden;
}
.worksList .list .content li .img img {
  width: 100%;
  height: 100%;
}
.worksList .list .content li .info {
  position: relative;
  padding-top: 5px;
}
.worksList .list .content li .info p {
  margin: 0;
  padding-top: 10px;
  font-size: 12px;
  color: #999;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
}
.worksList .list .content li .info p.title {
  color: #333;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
}
.worksList .list .content li .info p.name:before {
  content: '\e66b';
  font-family: 'iconfont';
  color: #999;
  margin-right: 5px;
  font-size: 16px;
  vertical-align: middle;
}
.worksList .list .content li .info p.time {
  padding-right: 60px;
}
.worksList .list .content li .info .waitState {
  position: absolute;
  right: 0;
  bottom: -4px;
  display: inline-block;
  height: 24px;
  line-height: 24px;
  padding: 0 15px;
  background-color: rgba(255, 121, 1, 0.2);
  border-radius: 20px;
  color: #ff7901;
  font-size: 12px;
}
.bsbb {
  box-sizing: border-box;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.clearfix {
  *zoom: 1;
}
.clearfix:after,
.clearfix:before {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
.ellipsis {
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}
.new-body-bg {
  background: #f3f4f4;
}
.new-workshop-header {
  width: 100%;
  height: 110px;
  padding-top: 30px;
  background: url('../images/new-bg1.png') no-repeat center top;
  background-size: 100% 100%;
  box-sizing: border-box;
}
.new-workshop-header .top {
  *zoom: 1;
}
.new-workshop-header .top:after,
.new-workshop-header .top:before {
  content: "";
  display: table;
}
.new-workshop-header .top:after {
  clear: both;
}
.new-workshop-header .top:after,
.new-workshop-header .top:before {
  content: "";
  display: table;
}
.new-workshop-header .top:after {
  clear: both;
}
.new-workshop-header .top:after,
.new-workshop-header .top:before {
  content: "";
  display: table;
}
.new-workshop-header .top:after {
  clear: both;
}
.new-workshop-header .fang-name {
  float: right;
  max-width: 200px;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  padding: 0 18px;
  border: 1px solid #c7e9ee;
  border-radius: 30px;
  line-height: 30px;
  font-size: 13px;
  color: #666;
}
.new-workshop-header .header-pic {
  float: left;
  width: 131px;
  height: 98px;
  overflow: hidden;
}
.new-workshop-header .header-pic img {
  width: 100%;
  height: auto;
  vertical-align: top;
}
.new-workshop-header .header-container {
  float: left;
  width: calc(100% - 155px);
  margin-left: 22px;
}
.new-workshop-header .header-container p {
  margin: 0 0 5px 0;
  padding: 0;
  line-height: 25px;
  font-size: 12px;
  color: #666;
}
.new-workshop-header .header-container p.role {
  margin-left: 35px;
}
.new-workshop-header .header-container .describe {
  position: relative;
  margin: 0 0 5px 0;
  padding: 0;
  line-height: 25px;
  font-size: 12px;
  color: #f00;
  *zoom: 1;
}
.new-workshop-header .header-container .describe:after,
.new-workshop-header .header-container .describe:before {
  content: "";
  display: table;
}
.new-workshop-header .header-container .describe:after {
  clear: both;
}
.new-workshop-header .header-container .describe:after,
.new-workshop-header .header-container .describe:before {
  content: "";
  display: table;
}
.new-workshop-header .header-container .describe:after {
  clear: both;
}
.new-workshop-header .header-container .describe:after,
.new-workshop-header .header-container .describe:before {
  content: "";
  display: table;
}
.new-workshop-header .header-container .describe:after {
  clear: both;
}
.new-workshop-header .header-container .new-describe-text {
  z-index: 5;
  position: absolute;
  top: 25px;
  left: 0;
  width: 100%;
  padding: 15px;
  border: 1px solid #6b9098;
  background: #fff;
  border-radius: 10px;
  box-sizing: border-box;
}
.new-workshop-header .header-container .new-describe-text:before,
.new-workshop-header .header-container .new-describe-text:after {
  box-sizing: inherit;
}
.new-workshop-header .header-container .new-summary {
  max-width: 700px;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
}
.new-workshop-header .header-container .open {
  text-decoration: none;
  color: #79a7b6;
}
.new-workshop-header .header-container .open:after {
  content: '\e635';
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}
.new-workshop-header .title {
  max-width: 600px;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  margin-bottom: 5px;
  line-height: 30px;
  font-size: 22px;
  color: #333;
}
.new-workshop-header .title .subject {
  font-size: 18px;
}
.new-workshop-nav {
  position: relative;
  width: 1000px;
  height: 54px;
  margin: 0 auto 0;
}
.new-workshop-nav:before {
  content: '';
  position: absolute;
  left: -13px;
  top: 0;
  width: 54px;
  height: 54px;
  background: url('../images/new-nav.png') no-repeat;
}
.new-workshop-nav ul,
.new-workshop-nav li {
  list-style: none;
}
.new-workshop-nav ul {
  float: right;
  width: 962px;
  height: 50px;
  margin: 0;
  padding: 0;
  background: #ff9337;
  border-bottom: 4px solid #f77902;
  border-bottom-right-radius: 20px;
  border-top-right-radius: 8px;
}
.new-workshop-nav li {
  float: left;
  margin: 0 5px;
}
.new-workshop-nav a {
  display: inline-block;
  width: 95px;
  height: 34px;
  margin-top: 8px;
  box-sizing: border-box;
  line-height: 32px;
  font-size: 17px;
  color: #fff;
  text-align: center;
  text-decoration: none;
}
.new-workshop-nav a:before,
.new-workshop-nav a:after {
  box-sizing: inherit;
}
.new-workshop-nav a.on {
  border: 1px solid #ffb66c;
  border-radius: 40px;
  background: #ec7300;
}
.new-workshop-main {
  margin-top: -16px;
  padding-top: 40px;
  background: #fff;
}
.new-workshop-main .right {
  float: right;
  width: 690px;
  padding-right: 22px;
  box-sizing: border-box;
}
.new-workshop-main .right:before,
.new-workshop-main .right:after {
  box-sizing: inherit;
}
.new-workshop-main .right .container section > .title {
  overflow: hidden;
  margin-bottom: 20px;
  padding-bottom: 5px;
  border-bottom: 1px solid #e9e9e9;
  line-height: 32px;
}
.new-workshop-main .right .container section > .title .title-bg {
  float: left;
  height: 32px;
  overflow: hidden;
}
.new-workshop-main .right .container section > .title .title-bg:after {
  content: '';
  display: inline-block;
  margin-left: 8px;
  width: 279px;
  height: 32px;
  background: url("../images/new-bg3.png") no-repeat;
  background-size: 100% 100%;
  vertical-align: middle;
}
.new-workshop-main .right .container section > .title .more {
  float: right;
  font-size: 12px;
  color: #999;
  text-decoration: none;
}
.new-workshop-main .right .new-workshop-list ul,
.new-workshop-main .right .new-workshop-list li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.new-workshop-main .right .new-workshop-list a {
  text-decoration: none;
}
.new-workshop-main .right .new-workshop-list li {
  margin-bottom: 30px;
}
.new-workshop-main .right .new-workshop-list .title {
  position: relative;
  width: 100%;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  margin-bottom: 10px;
  box-sizing: border-box;
  line-height: 20px;
  font-size: 14px;
  color: #333333;
}
.new-workshop-main .right .new-workshop-list .title:before,
.new-workshop-main .right .new-workshop-list .title:after {
  box-sizing: inherit;
}
.new-workshop-main .right .new-workshop-list .new-list-info {
  font-size: 12px;
  color: #8f8f8f;
}
.new-workshop-main .right .new-workshop-list .new-list-info .new-info-item {
  margin-right: 20px;
}
.new-workshop-main .right .new-workshop-list .new-list-info .new-info-item:after {
  content: '|';
  padding-left: 20px;
}
.new-workshop-main .right .new-workshop-list .new-list-info .new-info-item:last-child:after {
  content: '';
  padding-left: 0;
}
.new-workshop-main .right .new-workshop-list .new-theme-active .title {
  padding-left: 24px;
}
.new-workshop-main .right .new-workshop-list .new-theme-active .title:before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  width: 14px;
  height: 18px;
  background: url("../images/icon.png") no-repeat transparent;
  background-size: 450px 362px;
  background-position: -7px -158px;
  margin-top: -9px;
}
.new-workshop-main .right .new-workshop-list .new-theme-active .new-info-item {
  margin-right: 40px;
}
.new-workshop-main .right .new-workshop-list .new-theme-active .new-info-item:after {
  content: '';
  padding: 0;
}
.new-workshop-main .right .new-workshop-list .new-theme-active .new-info-item:last-child {
  margin-right: 0;
}
.new-workshop-main .right .new-workshop-list .new-resource a {
  position: relative;
  display: block;
  padding-top: 4px;
}
.new-workshop-main .right .new-workshop-list .new-resource a .title {
  position: relative;
  padding-left: 25px;
}
.new-workshop-main .right .new-workshop-list .new-resource a.resource-rar-icon:before,
.new-workshop-main .right .new-workshop-list .new-resource a.resource-7z-icon:before,
.new-workshop-main .right .new-workshop-list .new-resource a.resource-zip-icon:before {
  width: 40px;
  height: 52px;
  background: url("../images/icon.png") no-repeat transparent;
  background-size: 450px 362px;
  background-position: -250px -34px;
}
.new-workshop-main .right .new-workshop-list .new-resource a.resource-jpg-icon:before {
  width: 40px;
  height: 52px;
  background: url("../images/icon.png") no-repeat transparent;
  background-size: 450px 362px;
  background-position: -310px -34px;
}
.new-workshop-main .right .new-workshop-list .new-resource a.resource-docx-icon:before,
.new-workshop-main .right .new-workshop-list .new-resource a.resource-doc-icon:before {
  width: 40px;
  height: 52px;
  background: url("../images/icon.png") no-repeat transparent;
  background-size: 450px 362px;
  background-position: -10px -34px;
}
.new-workshop-main .right .new-workshop-list .new-resource a.resource-pdf-icon:before {
  width: 40px;
  height: 52px;
  background: url("../images/icon.png") no-repeat transparent;
  background-size: 450px 362px;
  background-position: -190px -34px;
}
.new-workshop-main .right .new-workshop-list .new-resource a.resource-ppt-icon:before,
.new-workshop-main .right .new-workshop-list .new-resource a.resource-pptx-icon:before {
  width: 40px;
  height: 52px;
  background: url("../images/icon.png") no-repeat transparent;
  background-size: 450px 362px;
  background-position: -130px -34px;
}
.new-workshop-main .right .new-workshop-list .new-resource a.resource-excel-icon:before,
.new-workshop-main .right .new-workshop-list .new-resource a.resource-xls-icon:before,
.new-workshop-main .right .new-workshop-list .new-resource a.resource-xlsx-icon:before {
  width: 40px;
  height: 52px;
  background: url("../images/icon.png") no-repeat transparent;
  background-size: 450px 362px;
  background-position: -70px -34px;
}
.new-workshop-main .right .new-workshop-list .new-resource a.resource-mp4-icon:before,
.new-workshop-main .right .new-workshop-list .new-resource a.resource-mp3-icon:before {
  width: 40px;
  height: 52px;
  background: url("../images/icon.png") no-repeat transparent;
  background-size: 450px 362px;
  background-position: -370px -34px;
}
.new-workshop-main .right .new-workshop-list .new-topic-discussion .title {
  padding-left: 31px;
  color: #333;
}
.new-workshop-main .right .new-workshop-list .new-topic-discussion .title:before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  width: 21px;
  height: 15px;
  background: url("../images/icon.png") no-repeat transparent;
  background-size: 450px 362px;
  background-position: -61px -158px;
  margin-top: -7.5px;
}
.new-workshop-main .right .new-workshop-list .new-team-work .title {
  padding-left: 30px;
  color: #333;
}
.new-workshop-main .right .new-workshop-list .new-team-work .title:before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  width: 20px;
  height: 20px;
  background: url("../images/icon.png") no-repeat transparent;
  background-size: 450px 362px;
  background-position: -30px -158px;
  margin-top: -10px;
}
.new-workshop-main .right .new-workshop-list .new-brief-report li {
  margin-bottom: 20px;
}
.new-workshop-main .right .new-workshop-list .new-brief-report .date {
  position: absolute;
  right: 0;
  top: 0;
  line-height: 20px;
  font-size: 12px;
  color: #8f8f8f;
}
.new-workshop-main .right .new-workshop-list .new-brief-report a {
  position: relative;
  display: block;
  padding-left: 25px;
  box-sizing: border-box;
}
.new-workshop-main .right .new-workshop-list .new-brief-report a:before,
.new-workshop-main .right .new-workshop-list .new-brief-report a:after {
  box-sizing: inherit;
}
.new-workshop-main .right .new-workshop-list .new-brief-report a:before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  width: 16px;
  height: 19px;
  background: url("../images/icon.png") no-repeat transparent;
  background-size: 450px 362px;
  background-position: -150px -158px;
  margin-top: -9px;
}
.new-workshop-main .right .new-workshop-list .new-brief-report .title {
  padding-right: 100px;
  margin-bottom: 0;
  color: #4a4a4a;
}
.new-workshop-main .right .new-workshop-list .new-brief-report .title p {
  float: left;
  max-width: 95%;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.new-workshop-main .right .new-workshop-list .new-brief-report .title.new:after {
  content: '';
  display: inline-block;
  width: 23px;
  height: 16px;
  background: url("../images/icon.png") no-repeat transparent;
  background-size: 450px 362px;
  background-position: -120px -158px;
  margin-left: 10px;
  vertical-align: middle;
}
.new-workshop-main .right .new-workshop-list .new-brief-report .title.no-read {
  padding-left: 15px;
  font-size: 16px;
  color: #333;
}
.new-workshop-main .right .new-workshop-list .new-brief-report .title.no-read:before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  width: 6px;
  height: 6px;
  margin-top: -3px;
  background: #ff7960;
}
.new-workshop-main .right .new-workshop-list .new-lesson-list .title {
  padding-left: 24px;
}
.new-workshop-main .right .new-workshop-list .new-lesson-list .title:before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  width: 17px;
  height: 20px;
  background: url("../images/icon.png") no-repeat transparent;
  background-size: 450px 362px;
  background-position: -173px -158px;
  margin-top: -10px;
}
.new-workshop-main .rightContent {
  float: right;
  width: 690px;
  padding-right: 22px;
  box-sizing: border-box;
}
.new-workshop-main .rightContent:before,
.new-workshop-main .rightContent:after {
  box-sizing: inherit;
}
.new-workshop-left {
  float: left;
  width: 250px;
  padding: 15px 20px 30px;
  background: #fff;
}
.new-workshop-left > div .title {
  margin-top: 30px;
}
.new-workshop-left > div .title:first-child {
  margin-top: 30px;
}
.new-workshop-left > div:first-child .title {
  margin-top: 0;
}
.new-workshop-left .title {
  margin-top: 30px;
  margin-bottom: 10px;
  line-height: 24px;
  font-size: 16px;
  color: #000;
}
.new-workshop-left .title:first-child {
  margin-top: 0;
}
.new-workshop-left .title .new-number-look {
  font-size: 12px;
  color: #999;
}
.new-workshop-left .title .more {
  float: right;
  line-height: 27px;
  font-size: 12px;
  text-decoration: none;
  color: #919191;
}
.new-workshop-left .my-task {
  margin: 0 0 30px;
  padding: 0;
  list-style-type: none;
}
.new-workshop-left .my-task li {
  position: relative;
  width: 250px;
  height: 60px;
  margin-bottom: 5px;
  padding: 0 15px 0 18px;
  border-radius: 5px;
  background-color: #f9fafe;
  box-sizing: border-box;
}
.new-workshop-left .my-task li:before,
.new-workshop-left .my-task li:after {
  box-sizing: inherit;
}
.new-workshop-left .my-task a {
  display: block;
  color: #333;
  text-decoration: none;
}
.new-workshop-left .my-task .task-name {
  margin-left: 62px;
  margin-right: 18px;
  line-height: 60px;
  font-size: 14px;
  color: #333;
}
.new-workshop-left .my-task .task-progress {
  line-height: 60px;
  font-size: 13px;
  color: #666;
}
.new-workshop-left .my-task .task-progress.complete {
  float: right;
  color: #999;
}
.new-workshop-left .my-task i {
  display: inline-block;
  vertical-align: middle;
}
.new-workshop-left .my-task i.task-icon {
  position: absolute;
  left: 18px;
  top: 50%;
  margin-top: -16px;
}
.new-workshop-left .my-task i.task-icon.task-resource-icon {
  margin-top: -13px;
}
.new-workshop-left .my-task i.task-icon.task-discuss-icon {
  margin-top: -15px;
}
.new-workshop-left .my-task i.link-icon {
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -10.5px;
}
.new-workshop-left .my-task.my-work .task-name {
  display: inline-block;
  width: 85px;
}
.new-workshop-left .my-task.my-work .work-progress {
  margin-left: 17px;
  font-size: 13px;
  color: #666;
}
.new-workshop-left .my-task.my-task-work .task-name {
  display: inline-block;
  width: 64px;
}
.new-workshop-left .my-task .myScore {
  background-color: #fef5da;
}
.new-workshop-left .pojec-brief {
  padding: 15px 0 25px 0;
  border: 1px solid #e1e1e1;
}
.new-workshop-left .pojec-brief a {
  display: block;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  line-height: 26px;
  color: #4a4a4a;
  font-size: 13px;
  text-decoration: none;
}
.new-workshop-left .pojec-brief .order-num {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-right: 6px;
  margin-left: 10px;
  border-radius: 2px;
  background-color: #f3f3f3;
  font-style: normal;
  line-height: 12px;
  font-size: 10px;
  color: #999;
  text-align: center;
}
.new-workshop-left .pojec-brief .order-num.orange-bg {
  background: #ff7901;
  color: #fff;
}
.new-workshop-left .statistics-container .table {
  width: 250px;
  height: 135px;
  margin: 0;
  padding: 0;
  border: solid 1px #e4e4e4;
  list-style: none;
  table-layout: fixed;
  border-collapse: collapse;
}
.new-workshop-left .statistics-container .table td {
  padding-left: 16px;
  border: solid 1px #e4e4e4;
  font-size: 12px;
}
.new-workshop-left .statistics-container .member-count {
  display: block;
  width: 250px;
  height: 44px;
  margin-top: 10px;
  background: url('../images/new-pic1.png') no-repeat;
  background-size: 100% 100%;
  text-decoration: none;
  color: #fff;
  line-height: 44px;
  font-size: 14px;
  text-align: center;
}
.new-workshop-left .new-workshop-manger {
  width: 250px;
  height: 190px;
  padding: 20px 0 0 10px;
  box-sizing: border-box;
  background: #f9fafe url('../images/new-bg2.png') no-repeat right bottom;
}
.new-workshop-left .new-workshop-manger:before,
.new-workshop-left .new-workshop-manger:after {
  box-sizing: inherit;
}
.new-workshop-left .new-workshop-manger a {
  float: left;
  width: 100px;
  height: 32px;
  margin: 0 0 15px 10px;
  border-radius: 3px;
  background-color: #ffffff;
  border: solid 1px #ffd3ad;
  color: #333;
  line-height: 32px;
  font-size: 13px;
  text-decoration: none;
  text-align: center;
}
.new-workshop-left .new-questionnaire {
  display: block;
  width: 250px;
  height: 78px;
  padding-top: 7px;
  padding-left: 121px;
  background: url('../images/new-pic3.png') no-repeat;
  background-size: 100% 100%;
  box-sizing: border-box;
  line-height: 78px;
  font-size: 18px;
  font-weight: 500;
  color: #fff;
  text-decoration: none;
}
.new-workshop-left .new-questionnaire:before,
.new-workshop-left .new-questionnaire:after {
  box-sizing: inherit;
}
.new-workshop-left .new-workshop-member {
  width: 250px;
  min-height: 126px;
  padding-top: 25px;
  padding-bottom: 10px;
  padding-left: 14px;
  background-color: #ffffff;
  border: solid 1px #e1e1e1;
  box-sizing: border-box;
}
.new-workshop-left .new-workshop-member:before,
.new-workshop-left .new-workshop-member:after {
  box-sizing: inherit;
}
.new-workshop-left .new-workshop-member ul,
.new-workshop-left .new-workshop-member li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.new-workshop-left .new-workshop-member a {
  text-decoration: none;
}
.new-workshop-left .new-workshop-member ul {
  *zoom: 1;
}
.new-workshop-left .new-workshop-member ul:after,
.new-workshop-left .new-workshop-member ul:before {
  content: "";
  display: table;
}
.new-workshop-left .new-workshop-member ul:after {
  clear: both;
}
.new-workshop-left .new-workshop-member ul:after,
.new-workshop-left .new-workshop-member ul:before {
  content: "";
  display: table;
}
.new-workshop-left .new-workshop-member ul:after {
  clear: both;
}
.new-workshop-left .new-workshop-member ul:after,
.new-workshop-left .new-workshop-member ul:before {
  content: "";
  display: table;
}
.new-workshop-left .new-workshop-member ul:after {
  clear: both;
}
.new-workshop-left .new-workshop-member .new-visitor-list li {
  height: 88px;
  overflow: hidden;
}
.new-workshop-left .new-workshop-member li {
  float: left;
  width: 48px;
  margin-right: 9px;
  margin-bottom: 15px;
}
.new-workshop-left .new-workshop-member li .new-photo {
  width: 48px;
  height: 48px;
}
.new-workshop-left .new-workshop-member li .new-photo img {
  width: 100%;
  height: 100%;
  border-radius: 100%;
}
.new-workshop-left .new-workshop-member li p {
  width: 100%;
  margin: 10px 0 0;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  font-size: 12px;
  color: #000;
  text-align: center;
}
.new-workshop-left .new-workshop-member li p.new-date {
  margin-top: 0;
  font-size: 10px;
  color: #999;
}
.task-course-icon {
  width: 32px;
  height: 32px;
  background: url("../images/icon.png") no-repeat transparent;
  background-size: 450px 362px;
  background-position: -7px -119px;
}
.task-work-icon {
  width: 32px;
  height: 31px;
  background: url("../images/icon.png") no-repeat transparent;
  background-size: 450px 362px;
  background-position: -96px -119px;
}
.task-active-icon {
  width: 32px;
  height: 32px;
  background: url("../images/icon.png") no-repeat transparent;
  background-size: 450px 362px;
  background-position: -50px -119px;
}
.task-lesson-icon {
  width: 29px;
  height: 31px;
  background: url("../images/icon.png") no-repeat transparent;
  background-size: 450px 362px;
  background-position: -140px -119px;
}
.task-prepar-icon {
  width: 30px;
  height: 32px;
  background: url("../images/icon.png") no-repeat transparent;
  background-size: 450px 362px;
  background-position: -176px -119px;
}
.task-resource-icon {
  width: 32px;
  height: 26px;
  background: url("../images/icon.png") no-repeat transparent;
  background-size: 450px 362px;
  background-position: -211px -119px;
}
.task-discuss-icon {
  width: 30px;
  height: 30px;
  background: url("../images/icon.png") no-repeat transparent;
  background-size: 450px 362px;
  background-position: -96px -88px;
}
.task-study-icon {
  width: 30px;
  height: 30px;
  background: url("../images/study.png") no-repeat;
  background-size: 100%;
}
.link-icon {
  width: 21px;
  height: 21px;
  background: url("../images/icon.png") no-repeat transparent;
  background-size: 450px 362px;
  background-position: -93px -158px;
}
.work-discuss-icon {
  width: 28px;
  height: 28px;
  background: url("../images/icon.png") no-repeat transparent;
  background-size: 450px 362px;
  background-position: -76px -181px;
}
.work-topic-icon {
  width: 28px;
  height: 28px;
  background: url("../images/icon.png") no-repeat transparent;
  background-size: 450px 362px;
  background-position: -40px -181px;
}
.work-questionnaire-icon {
  width: 29px;
  height: 25px;
  background: url("../images/icon.png") no-repeat transparent;
  background-size: 450px 362px;
  background-position: -112px -181px;
}
.work-briefing-icon {
  width: 26px;
  height: 26px;
  background: url("../images/icon.png") no-repeat transparent;
  background-size: 450px 362px;
  background-position: -7px -181px;
}
.work-briefing-icon {
  width: 26px;
  height: 26px;
  background: url("../images/icon.png") no-repeat transparent;
  background-size: 450px 362px;
  background-position: -7px -181px;
}
.work-recommend-icon {
  width: 25px;
  height: 26px;
  background: url("../images/icon.png") no-repeat transparent;
  background-size: 450px 362px;
  background-position: -151px -181px;
}
.new-workshop-userInfo {
  *zoom: 1;
}
.new-workshop-userInfo:after,
.new-workshop-userInfo:before {
  content: "";
  display: table;
}
.new-workshop-userInfo:after {
  clear: both;
}
.new-workshop-userInfo:after,
.new-workshop-userInfo:before {
  content: "";
  display: table;
}
.new-workshop-userInfo:after {
  clear: both;
}
.new-workshop-userInfo:after,
.new-workshop-userInfo:before {
  content: "";
  display: table;
}
.new-workshop-userInfo:after {
  clear: both;
}
.new-workshop-userInfo .role {
  margin-left: 35px;
}
.new-choose-container .choose-course {
  width: 658px;
  margin: 0;
}
.workshopBd .tab .addNewChoose li {
  margin: 0;
}
.workshopBd .tab .addNewChoose li:after {
  content: '';
}
.workshopBd .tab .addNewChoose li a {
  height: auto;
  padding: 0 0 0 5px;
  line-height: 22px;
  color: #ff7901;
  font-weight: normal;
  font-size: 12px;
}
.workshopBd .tab .addNewChoose li a:hover {
  background: none;
  color: #ff7901;
}
.newView {
  width: 820px;
  margin: 20px auto 0;
}
.newView iframe {
  border: none;
}
.yx-report-view.pdfView {
  width: 820px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}
.yx-report-view.pdfView iframe {
  border: none;
}
.kc-homework2 .homeWorkPdfView {
  width: 820px;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}
.kc-homework2 .homeWorkPdfView iframe {
  border: none;
}
.yx-report-view.lessonPdfView {
  width: 820px;
  margin-left: auto;
  margin-right: auto;
}
.yx-report-view.lessonPdfView iframe {
  border: none;
}
.activityList {
  padding: 30px 20px 20px;
}
.activityList > ul {
  margin: 0 0 20px 0;
  padding: 0;
  list-style: none;
}
.activityList > ul > li {
  position: relative;
  margin-bottom: 30px;
  padding: 0 10px 30px;
  border-bottom: 1px solid #F0F0F0;
}
.activityList > ul > li:last-child {
  margin-bottom: 0;
}
.activityList > ul > li .detail {
  max-width: 525px;
}
.activityList > ul > li .text {
  line-height: 20px;
  font-size: 14px;
  color: #8F9497;
}
.activityList > ul > li .detailBtn {
  position: absolute;
  right: 10px;
  top: 50%;
  width: 100px;
  height: 30px;
  margin-top: -30px;
  border: 1px solid #FF9648;
  border-radius: 3px;
  box-sizing: border-box;
  line-height: 31px;
  font-size: 14px;
  color: #FF9648;
  text-align: center;
}
.activityList > ul > li .detailBtn:before,
.activityList > ul > li .detailBtn:after {
  box-sizing: inherit;
}
.activityList > ul > li .date {
  margin-top: 10px;
  line-height: 20px;
  font-size: 14px;
  color: #8F9497;
}
.activityList > ul > li .date i {
  margin-right: 10px;
  color: #DEE0E1;
  font-size: 14px;
}
.activityList a {
  text-decoration: none;
}
.activityList p {
  margin: 0;
  padding: 0;
}
.activityList .title {
  display: block;
  margin-bottom: 10px;
  width: 100%;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  font-size: 16px;
  color: #000;
}
.activityIndex {
  margin-bottom: 50px;
  padding-bottom: 70px;
  background: #fff;
}
.activityIndex ul,
.activityIndex li,
.activityIndex p,
.activityIndex h4 {
  margin: 0;
  padding: 0;
}
.activityIndex ul,
.activityIndex li {
  list-style: none;
}
.activityIndex .info {
  position: relative;
  width: 100%;
  height: 120px;
  padding-top: 32px;
  background-color: #ffe9b7;
  box-sizing: border-box;
}
.activityIndex .info:before,
.activityIndex .info:after {
  box-sizing: inherit;
}
.activityIndex .info:before {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -32px;
  width: 0;
  height: 0;
  border-width: 16px 17px;
  border-style: solid;
  border-color: #ffe9b7 transparent transparent transparent;
  margin-left: -17px;
}
.activityIndex .info .name {
  position: relative;
  width: 582px;
  margin: 0 auto;
  padding: 8px 0;
  border-radius: 5px;
  box-shadow: 0 5px 14px 0 rgba(255, 116, 0, 0.57);
  box-sizing: border-box;
  background-image: linear-gradient(98deg, #ff7400, #fe9721);
  color: #fff;
  text-align: center;
}
.activityIndex .info .name:before,
.activityIndex .info .name:after {
  box-sizing: inherit;
}
.activityIndex .info .name:before {
  content: '';
  position: absolute;
  left: -61px;
  top: 50%;
  width: 86px;
  height: 33px;
  background: url("../images/icon.png") no-repeat transparent;
  background-size: 450px 362px;
  background-position: -202px -268px;
  margin-top: -16px;
}
.activityIndex .info .name:after {
  content: '';
  position: absolute;
  right: -61px;
  top: 50%;
  width: 85px;
  height: 33px;
  background: url("../images/icon.png") no-repeat transparent;
  background-size: 450px 362px;
  background-position: -294px -268px;
  margin-top: -16px;
}
.activityIndex .info .name .bg {
  position: absolute;
  left: 0;
  top: -7px;
  width: 100%;
  height: 7px;
  background-image: linear-gradient(to right, #ff942c, #ffd36f);
}
.activityIndex .info .name .bg:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  border-width: 10px 10px 0 0;
  border-style: solid;
  border-color: #ffe9b7 transparent transparent #ffe9b7;
}
.activityIndex .info .name .bg:after {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  width: 0;
  height: 0;
  border-width: 10px 0 0 10px;
  border-style: solid;
  border-color: #ffe9b7 #ffe9b7 transparent transparent;
}
.activityIndex .info .name h2,
.activityIndex .info .name p {
  margin: 0;
  padding: 0;
}
.activityIndex .info .name h2 {
  line-height: 32px;
  font-size: 26px;
  text-shadow: 0 3px 3px #fe6605;
}
.activityIndex .info .name h2.small {
  font-size: 20px;
}
.activityIndex .info .name p {
  line-height: 18px;
  font-size: 13px;
}
.activityIndex .info .evalBtn {
  position: absolute;
  right: 10px;
  top: 50%;
  height: 30px;
  margin-top: -15px;
  padding: 0 8px 0 15px;
  box-shadow: 0 2px 4px 0 #ffcc67;
  background-color: #fe8f19;
  border-radius: 3px;
  color: #fff;
  text-decoration: none;
  line-height: 30px;
  font-size: 14px;
}
.activityIndex .info .evalBtn .iconfont {
  padding-left: 4px;
  font-size: 12px;
}
.activityIndex .main {
  padding-top: 30px;
  background: #fff;
}
.activityIndex .topList {
  height: 192px;
  padding: 0 20px;
  *zoom: 1;
  box-sizing: border-box;
}
.activityIndex .topList:after,
.activityIndex .topList:before {
  content: "";
  display: table;
}
.activityIndex .topList:after {
  clear: both;
}
.activityIndex .topList:after,
.activityIndex .topList:before {
  content: "";
  display: table;
}
.activityIndex .topList:after {
  clear: both;
}
.activityIndex .topList:after,
.activityIndex .topList:before {
  content: "";
  display: table;
}
.activityIndex .topList:after {
  clear: both;
}
.activityIndex .topList:before,
.activityIndex .topList:after {
  box-sizing: inherit;
}
.activityIndex .topList .list {
  width: 50%;
  box-sizing: border-box;
  *zoom: 1;
}
.activityIndex .topList .list:before,
.activityIndex .topList .list:after {
  box-sizing: inherit;
}
.activityIndex .topList .list:after,
.activityIndex .topList .list:before {
  content: "";
  display: table;
}
.activityIndex .topList .list:after {
  clear: both;
}
.activityIndex .topList .list:after,
.activityIndex .topList .list:before {
  content: "";
  display: table;
}
.activityIndex .topList .list:after {
  clear: both;
}
.activityIndex .topList .list:after,
.activityIndex .topList .list:before {
  content: "";
  display: table;
}
.activityIndex .topList .list:after {
  clear: both;
}
.activityIndex .topList .list a {
  *zoom: 1;
  text-decoration: none;
}
.activityIndex .topList .list a:after,
.activityIndex .topList .list a:before {
  content: "";
  display: table;
}
.activityIndex .topList .list a:after {
  clear: both;
}
.activityIndex .topList .list a:after,
.activityIndex .topList .list a:before {
  content: "";
  display: table;
}
.activityIndex .topList .list a:after {
  clear: both;
}
.activityIndex .topList .list a:after,
.activityIndex .topList .list a:before {
  content: "";
  display: table;
}
.activityIndex .topList .list a:after {
  clear: both;
}
.activityIndex .topList .list h4 {
  float: left;
  max-width: 300px;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  line-height: 20px;
  font-weight: normal;
  font-size: 14px;
  color: #333;
}
.activityIndex .topList .list .date {
  float: right;
  line-height: 20px;
  font-size: 12px;
  color: #666;
}
.activityIndex .topList .list .text {
  margin-top: 7px;
  line-height: 18px;
  font-size: 12px;
  color: #999;
}
.activityIndex .topList .list li {
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px dashed #d7d7d7;
}
.activityIndex .topList .list .content {
  position: relative;
  margin-top: 25px;
  padding-left: 20px;
}
.activityIndex .topList .list .content:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 1px;
  height: 105px;
  background: #e8e8e8;
}
.activityIndex .topList .list .content:after {
  content: '';
  position: absolute;
  left: -3px;
  top: 105px;
  width: 7px;
  height: 7px;
  border: 1px solid #e8e8e8;
  border-radius: 50%;
  box-sizing: border-box;
}
.activityIndex .topList .list .content:after:before,
.activityIndex .topList .list .content:after:after {
  box-sizing: inherit;
}
.activityIndex .topList .list .empty {
  position: relative;
  height: 100%;
  padding-top: 97px;
  box-sizing: border-box;
  line-height: 16px;
  font-size: 12px;
  color: #cecece;
  text-align: center;
}
.activityIndex .topList .list .empty:before,
.activityIndex .topList .list .empty:after {
  box-sizing: inherit;
}
.activityIndex .topList .list .empty:before {
  content: '';
  position: absolute;
  left: 50%;
  top: 30px;
  width: 69px;
  height: 61px;
  margin-left: -35px;
  background: url('../images/empty.svg') no-repeat;
  background-size: 100% 100%;
}
.activityIndex .topList .noticeList {
  float: left;
  padding-right: 23px;
}
.activityIndex .topList .noticeList .title .iconBg {
  background: #1d86f0;
}
.activityIndex .topList .noticeList .title .chinese {
  border-bottom: 2px solid #1d86f0;
}
.activityIndex .topList .courseList {
  float: right;
  padding-left: 23px;
}
.activityIndex .topList .courseList .title .iconBg {
  background: #ffb940;
}
.activityIndex .topList .courseList .title .chinese {
  border-color: #ffb940;
}
.activityIndex .topList .courseList .content {
  padding-left: 65px;
}
.activityIndex .topList .courseList .content:before {
  left: 44px;
}
.activityIndex .topList .courseList .content:after {
  left: 41px;
}
.activityIndex .topList .courseList .firstData {
  position: absolute;
  left: 0;
  top: 0;
  width: 44px;
  height: 52px;
  padding-top: 5px;
  background: rgba(255, 185, 64, 0.2);
  box-sizing: border-box;
  font-size: 12px;
  color: #666;
  text-align: center;
}
.activityIndex .topList .courseList .firstData:before,
.activityIndex .topList .courseList .firstData:after {
  box-sizing: inherit;
}
.activityIndex .topList .courseList .day {
  display: block;
  line-height: 26px;
  font-size: 20px;
  font-weight: bold;
  color: #ff8d26;
  text-align: center;
}
.activityIndex .title {
  height: 26px;
  padding-bottom: 7px;
  border-bottom: 1px solid #d7d7d7;
  *zoom: 1;
  line-height: 26px;
}
.activityIndex .title:after,
.activityIndex .title:before {
  content: "";
  display: table;
}
.activityIndex .title:after {
  clear: both;
}
.activityIndex .title:after,
.activityIndex .title:before {
  content: "";
  display: table;
}
.activityIndex .title:after {
  clear: both;
}
.activityIndex .title:after,
.activityIndex .title:before {
  content: "";
  display: table;
}
.activityIndex .title:after {
  clear: both;
}
.activityIndex .title i {
  color: #fff;
}
.activityIndex .title .iconBg {
  display: inline-block;
  width: 26px;
  height: 26px;
  margin-right: 13px;
  border-radius: 100%;
  line-height: 26px;
  font-size: 14px;
  text-align: center;
}
.activityIndex .title .more {
  float: right;
  font-size: 12px;
  color: #666;
  text-decoration: none;
}
.activityIndex .title p {
  float: left;
}
.activityIndex .title .chinese {
  display: inline-block;
  padding-bottom: 6px;
  border-bottom: 2px solid;
  font-size: 18px;
  color: #000;
}
.activityIndex .title .english {
  margin-left: 8px;
  line-height: 18px;
  font-size: 13px;
  color: #cecece;
}
.activityIndex .title .english:before {
  content: '|';
  padding-right: 8px;
  font-size: 12px;
}
.activityIndex .centerList {
  margin-top: 35px;
  padding: 0 2px;
  *zoom: 1;
}
.activityIndex .centerList:after,
.activityIndex .centerList:before {
  content: "";
  display: table;
}
.activityIndex .centerList:after {
  clear: both;
}
.activityIndex .centerList:after,
.activityIndex .centerList:before {
  content: "";
  display: table;
}
.activityIndex .centerList:after {
  clear: both;
}
.activityIndex .centerList:after,
.activityIndex .centerList:before {
  content: "";
  display: table;
}
.activityIndex .centerList:after {
  clear: both;
}
.activityIndex .centerList .list {
  float: left;
  width: calc(100% / 3);
  padding: 0 18px;
  box-sizing: border-box;
}
.activityIndex .centerList .list:before,
.activityIndex .centerList .list:after {
  box-sizing: inherit;
}
.activityIndex .centerList .empty {
  position: relative;
  height: 100%;
  padding-top: 32px;
  box-sizing: border-box;
  line-height: 16px;
  font-size: 12px;
  color: #cecece;
  text-align: center;
}
.activityIndex .centerList .empty:before,
.activityIndex .centerList .empty:after {
  box-sizing: inherit;
}
.activityIndex .centerList .empty:before {
  content: '';
  display: block;
  width: 51px;
  height: 44px;
  margin: 0 auto 10px;
  background: url("../images/empty1.svg") no-repeat;
  background-size: 100% 100%;
}
.activityIndex .taskList .title .iconBg {
  background: #f16951;
}
.activityIndex .taskList .title .chinese {
  border-color: #f16951;
}
.activityIndex .taskList .content {
  width: 296px;
  height: 186px;
  margin-top: 30px;
  padding: 26px 27px 0;
  background: url("../images/active-bg2.png") no-repeat;
  background-size: 100% 100%;
  box-sizing: border-box;
}
.activityIndex .taskList .content:before,
.activityIndex .taskList .content:after {
  box-sizing: inherit;
}
.activityIndex .taskList .taskName {
  position: relative;
  display: inline-block;
  max-width: 100%;
  margin-bottom: 6px;
  line-height: 20px;
  font-size: 14px;
  color: #333;
}
.activityIndex .taskList .taskName .name {
  z-index: 3;
  position: relative;
  display: block;
  max-width: 100%;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
}
.activityIndex .taskList .taskName:before {
  z-index: 0;
  position: absolute;
  left: 0;
  bottom: 0;
  content: '';
  width: calc(100% + 5px);
  height: 9px;
  background: #c7eeff;
}
.activityIndex .taskList p {
  margin-bottom: 4px;
  line-height: 20px;
  font-size: 13px;
  color: #3f4b50;
}
.activityIndex .taskList .demand {
  height: 77px;
  margin-bottom: 4px;
  line-height: 20px;
  font-size: 13px;
  color: #3f4b50;
}
.activityIndex .taskList .btn {
  display: block;
  width: 83px;
  margin: 0 auto;
  padding: 4px 15px;
  background: #fdd86e;
  box-sizing: border-box;
  font-size: 13px;
  color: #633814;
  text-decoration: none;
}
.activityIndex .taskList .btn:before,
.activityIndex .taskList .btn:after {
  box-sizing: inherit;
}
.activityIndex .resourceList .title .iconBg {
  background: #50b476;
}
.activityIndex .resourceList .title .chinese {
  border-color: #50b476;
}
.activityIndex .resourceList .noData {
  position: relative;
  margin-top: 30px;
  padding-top: 110px;
  line-height: 16px;
  font-size: 12px;
  color: #cecece;
  text-align: center;
}
.activityIndex .resourceList .noData:before {
  content: '';
  position: absolute;
  left: 50%;
  top: 43px;
  width: 69px;
  height: 61px;
  margin-left: -35px;
  background: url('../images/empty.svg') no-repeat;
  background-size: 100% 100%;
}
.activityIndex .resourceList ul {
  margin-top: 30px;
}
.activityIndex .resourceList li {
  position: relative;
  margin-bottom: 20px;
  padding-left: 37px;
  box-sizing: border-box;
}
.activityIndex .resourceList li:before,
.activityIndex .resourceList li:after {
  box-sizing: inherit;
}
.activityIndex .resourceList li:last-child {
  margin-bottom: 0;
}
.activityIndex .resourceList li a {
  display: block;
  color: #333;
  text-decoration: none;
}
.activityIndex .resourceList li p {
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  line-height: 21px;
  font-size: 13px;
}
.activityIndex .resourceList li i {
  position: absolute;
  left: 0;
  top: 0;
  width: 17px;
  height: 21px;
}
.activityIndex .dynamicList .title .iconBg {
  background: #9670fc;
}
.activityIndex .dynamicList .title .chinese {
  border-color: #9670fc;
}
.activityIndex .dynamicList .content {
  width: 296px;
  height: 186px;
  margin-top: 30px;
  padding: 15px;
  background: url("../images/active-bg1.png") no-repeat;
  background-size: 100% 100%;
  box-sizing: border-box;
}
.activityIndex .dynamicList .content:before,
.activityIndex .dynamicList .content:after {
  box-sizing: inherit;
}
.activityIndex .dynamicList .content > ul > li {
  margin-bottom: 20px;
}
.activityIndex .dynamicList .content > ul > li:last-child {
  margin-bottom: 0;
}
.activityIndex .dynamicList .empty {
  padding-top: 41px;
}
.activityIndex .dynamicList .date {
  color: #495459;
  line-height: 18px;
  font-size: 13px;
}
.activityIndex .dynamicList .text {
  display: block;
  margin-top: 6px;
  margin-bottom: 16px;
  font-size: 13px;
  color: #333;
  text-decoration: none;
}
.activityIndex .dynamicList .picList {
  *zoom: 1;
}
.activityIndex .dynamicList .picList:after,
.activityIndex .dynamicList .picList:before {
  content: "";
  display: table;
}
.activityIndex .dynamicList .picList:after {
  clear: both;
}
.activityIndex .dynamicList .picList:after,
.activityIndex .dynamicList .picList:before {
  content: "";
  display: table;
}
.activityIndex .dynamicList .picList:after {
  clear: both;
}
.activityIndex .dynamicList .picList:after,
.activityIndex .dynamicList .picList:before {
  content: "";
  display: table;
}
.activityIndex .dynamicList .picList:after {
  clear: both;
}
.activityIndex .dynamicList .picList li {
  float: left;
  width: 62px;
  height: 62px;
  margin-right: 6px;
}
.activityIndex .dynamicList .picList li:last-child {
  margin-right: 0;
}
.activityIndex .dynamicList .picList li img {
  width: 100%;
  height: 100%;
}
.activityIndex .studyProgress {
  margin-top: 50px;
  padding: 0 20px;
}
.activityIndex .studyProgress .title {
  border-bottom: none;
}
.activityIndex .studyProgress .title .chinese {
  border-color: #4ec0ec;
}
.activityIndex .studyProgress .title .iconBg {
  background: #4ec0ec;
}
.activityIndex .studyProgress .scoreContainer {
  position: relative;
  float: left;
  width: 330px;
  height: 233px;
  padding: 20px 25px;
  box-sizing: border-box;
  border-radius: 3px;
  background: #fff;
}
.activityIndex .studyProgress .scoreContainer:before,
.activityIndex .studyProgress .scoreContainer:after {
  box-sizing: inherit;
}
.activityIndex .studyProgress .scoreContainer:after {
  content: '';
  position: absolute;
  right: 12px;
  bottom: 30px;
  width: 100px;
  height: 99px;
  background: url("../images/active-pic.png") no-repeat;
  background-size: 100% 100%;
}
.activityIndex .studyProgress .scoreContainer .content {
  position: relative;
  margin-top: 20px;
}
.activityIndex .studyProgress .scoreContainer .score {
  margin-bottom: 5px;
  line-height: 42px;
  font-size: 30px;
  color: #1b9bf1;
}
.activityIndex .studyProgress .scoreContainer .tips {
  line-height: 18px;
  font-size: 13px;
  color: #88929e;
}
.activityIndex .studyProgress .progressContainer {
  float: right;
  width: 590px;
  height: 233px;
  padding: 20px 30px;
  box-sizing: border-box;
  border-radius: 3px;
  background: #fff;
}
.activityIndex .studyProgress .progressContainer:before,
.activityIndex .studyProgress .progressContainer:after {
  box-sizing: inherit;
}
.activityIndex .studyProgress .progressContainer li {
  float: left;
  width: 50%;
  margin-top: 20px;
  box-sizing: border-box;
}
.activityIndex .studyProgress .progressContainer li:before,
.activityIndex .studyProgress .progressContainer li:after {
  box-sizing: inherit;
}
.activityIndex .studyProgress .progressContainer li:nth-child(odd) {
  padding-right: 45px;
}
.activityIndex .studyProgress .progressContainer li:nth-child(even) {
  padding-left: 45px;
}
.activityIndex .studyProgress .progressContainer li.signIn .progress {
  background: #e0efff;
}
.activityIndex .studyProgress .progressContainer li.courseEval .progress {
  background: #e0efff;
}
.activityIndex .studyProgress .progressContainer li.courseEval .size {
  background-image: linear-gradient(to left, #a29dee, #2d70ff);
}
.activityIndex .studyProgress .progressContainer li.taskEval .progress {
  background: #fdecd2;
}
.activityIndex .studyProgress .progressContainer li.taskEval .num {
  color: #ff8d26;
}
.activityIndex .studyProgress .progressContainer li.taskEval .size {
  background-image: linear-gradient(to right, #f8882e, #fac052);
}
.activityIndex .studyProgress .progressContainer .sign {
  margin-top: 5px;
  margin-bottom: 8px;
  line-height: 22px;
  font-size: 12px;
  color: #838d9a;
}
.activityIndex .studyProgress .progressContainer .num {
  float: right;
  font-size: 16px;
  color: #1b9bf1;
}
.activityIndex .studyProgress .progressContainer .status {
  margin-top: 5px;
  font-size: 12px;
  color: #838d9a;
}
.activityIndex .studyProgress .progressContainer .progress {
  width: 100%;
  height: 4px;
  border-radius: 20px;
  overflow: hidden;
}
.activityIndex .studyProgress .progressContainer .progress .size {
  display: inline-block;
  max-width: 100%;
  height: 6px;
  margin-top: -1px;
  background-image: linear-gradient(to right, #2ea4f2, #3ee1fc);
  border-radius: 20px;
  vertical-align: top;
}
.activityIndex .studyProgress .secondTitle {
  padding-bottom: 10px;
  border-bottom: 1px solid #e9e9e9;
  font-size: 14px;
  color: #333;
}
.activityIndex .studyProgress .container {
  height: 253px;
  padding: 10px;
  border-radius: 3px;
  margin-top: 20px;
  overflow: hidden;
  background: #e1f5ff;
  box-sizing: border-box;
}
.activityIndex .studyProgress .container:before,
.activityIndex .studyProgress .container:after {
  box-sizing: inherit;
}
.coursePage {
  position: relative;
}
.coursePage .crumbs {
  margin-bottom: 26px;
  font-size: 13px;
}
.coursePage .crumbs a {
  text-decoration: none;
  color: #999;
}
.coursePage .crumbs a:after {
  content: '/';
  padding: 0 8px;
}
.coursePage .crumbs .on {
  color: #333;
}
.coursePage ul,
.coursePage li,
.coursePage p,
.coursePage h4 {
  margin: 0;
  padding: 0;
}
.coursePage ul,
.coursePage li {
  list-style: none;
}
.coursePage .dateList {
  position: absolute;
  top: 90px;
  left: -125px;
  width: 96px;
}
.coursePage .dateList li {
  margin-bottom: 3px;
  padding-right: 8px;
  border-right: 5px solid #d8d8d8;
  line-height: 25px;
  font-size: 13px;
  letter-spacing: 0.8px;
  color: #999;
  text-align: right;
}
.coursePage .dateList li.on {
  border-color: #ff8d26;
  font-size: 18px;
  letter-spacing: 1.1px;
  color: #333;
}
.coursePage .list ul {
  position: relative;
  margin-bottom: 46px;
}
.coursePage .list ul:before {
  content: '';
  position: absolute;
  left: 86px;
  top: 0;
  width: 2px;
  height: 100%;
  background: #dadddf;
}
.coursePage .list ul li:last-child {
  margin-bottom: 0;
}
.coursePage .list li {
  height: 170px;
  margin-bottom: 20px;
}
.coursePage .list li.courseStatus {
  height: auto;
  margin-bottom: 13px;
  font-size: 20px;
  letter-spacing: 1.2px;
}
.coursePage .list li.courseStatus > div {
  position: relative;
  width: 71px;
  text-align: center;
}
.coursePage .list li.courseStatus > div:after {
  content: '';
  position: absolute;
  top: 0;
  right: -25px;
  width: 17px;
  height: 17px;
  box-sizing: border-box;
  border: 3px solid #fff;
  border-radius: 100%;
}
.coursePage .list li.courseStatus > div:after:before,
.coursePage .list li.courseStatus > div:after:after {
  box-sizing: inherit;
}
.coursePage .list li.courseStatus .unStart {
  color: #ff8d26;
}
.coursePage .list li.courseStatus .unStart:after {
  background: #ff8d26;
}
.coursePage .list li.courseStatus .doing {
  color: #4ca4ff;
}
.coursePage .list li.courseStatus .doing:after {
  background: #4ca4ff;
}
.coursePage .list li.courseStatus .end {
  color: #999;
}
.coursePage .list li.courseStatus .end:after {
  background: #999;
}
.coursePage .list li .time {
  position: relative;
  float: left;
  width: 72px;
  margin-top: 7px;
  margin-right: 44px;
  line-height: 40px;
  font-size: 28px;
  color: #333;
  text-align: center;
}
.coursePage .list li .time:after {
  content: '';
  position: absolute;
  top: 14px;
  right: -24px;
  width: 14px;
  height: 14px;
  border-radius: 100%;
  border: 2px solid #dadddf;
  background: #fff;
  box-sizing: border-box;
}
.coursePage .list li .time:after:before,
.coursePage .list li .time:after:after {
  box-sizing: inherit;
}
.coursePage .list li .time .day {
  line-height: 22px;
  font-size: 16px;
}
.coursePage .list li .time p {
  word-break: break-all;
}
.coursePage .list li .container {
  float: left;
  position: relative;
  width: calc(100% - 116px);
  height: 170px;
  padding: 25px 30px 25px 134px;
  background: #fff;
  box-sizing: border-box;
  border-radius: 5px;
}
.coursePage .list li .container:before,
.coursePage .list li .container:after {
  box-sizing: inherit;
}
.coursePage .list li .container:before {
  content: '';
  position: absolute;
  left: -20px;
  top: 23px;
  width: 0;
  height: 0;
  border-width: 4.5px 10px;
  border-style: solid;
  border-color: transparent #fff transparent transparent;
}
.coursePage .list li h4 {
  position: relative;
  margin-bottom: 14px;
  padding-right: 86px;
  height: 30px;
  font-size: 15px;
  font-weight: normal;
  color: #000;
}
.coursePage .list li h4 span {
  display: block;
  width: 100%;
  line-height: 30px;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
}
.coursePage .list li .intro {
  position: absolute;
  top: 0;
  right: 0;
  width: 76px;
  height: 30px;
  border: 1px solid #ff8d26;
  border-radius: 3px;
  box-sizing: border-box;
  text-align: center;
  font-size: 14px;
  line-height: 28px;
  color: #ff8d26;
  outline: none;
  cursor: pointer;
}
.coursePage .list li .intro:before,
.coursePage .list li .intro:after {
  box-sizing: inherit;
}
.coursePage .list li .info {
  height: 24px;
  margin-bottom: 7px;
  line-height: 18px;
  font-size: 13px;
  color: #8e959d;
  *zoom: 1;
}
.coursePage .list li .info:after,
.coursePage .list li .info:before {
  content: "";
  display: table;
}
.coursePage .list li .info:after {
  clear: both;
}
.coursePage .list li .info:after,
.coursePage .list li .info:before {
  content: "";
  display: table;
}
.coursePage .list li .info:after {
  clear: both;
}
.coursePage .list li .info:after,
.coursePage .list li .info:before {
  content: "";
  display: table;
}
.coursePage .list li .info:after {
  clear: both;
}
.coursePage .list li .info p {
  float: left;
}
.coursePage .list li .info p.date {
  margin-right: 30px;
}
.coursePage .list li .info p.teachers {
  margin-right: 30px;
}
.coursePage .list li .info p.teachers span {
  float: left;
}
.coursePage .list li .info p.teachers .speaker {
  position: relative;
  top: -1px;
  margin-left: 10px;
  width: 54px;
  height: 19px;
  border: 1px solid #ff8d26;
  border-radius: 1px;
  box-sizing: border-box;
  text-align: center;
  line-height: 17px;
  color: #ff8d26;
  outline: none;
  cursor: pointer;
}
.coursePage .list li .info p.teachers .speaker:before,
.coursePage .list li .info p.teachers .speaker:after {
  box-sizing: inherit;
}
.coursePage .list li .info p.teachers .speaker > span {
  display: block;
  width: 109%;
  height: 109%;
  line-height: 18.5px;
  *font-size: 11px;
  font-size: 12px;
  transform: scale(0.92);
  -webkit-transform: scale(0.92);
  -webkit-transform-origin: 0 0;
}
.coursePage .list li .info p.address {
  max-width: calc(100% - 230px);
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
}
.coursePage .list li .pic {
  position: absolute;
  left: 30px;
  top: 25px;
  width: 84px;
  height: 84px;
  border-radius: 100%;
  background: #fffaf1;
}
.coursePage .list li .pic:before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 42px;
  height: 42px;
  background: url("../images/icon.png") no-repeat transparent;
  background-size: 450px 362px;
  background-position: -10px -268px;
  margin-left: -21px;
  margin-top: -21px;
}
.coursePage .list li .operate {
  text-align: right;
  margin-top: 9px;
}
.coursePage .list li .operate a {
  line-height: 18px;
  font-size: 13px;
  color: #666;
  text-decoration: none;
}
.coursePage .list li .operate .iconfont {
  padding-right: 8px;
  font-size: 18px;
  vertical-align: middle;
  color: #666;
}
.coursePage .list li .operate .evaluate {
  margin-right: 40px;
}
.activityModal {
  z-index: 10011;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 309px;
  margin-left: -165px;
  padding: 0 0 15px;
  background: #fff;
  border-radius: 5px;
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.activityModal .title {
  position: relative;
  width: 100%;
  height: 152px;
  padding-top: 15px;
  background: url("../images/activityBg.png") no-repeat;
  background-size: 100% 100%;
  box-sizing: border-box;
  color: #fff;
  line-height: 22px;
  font-size: 16px;
  text-align: center;
}
.activityModal .title:before,
.activityModal .title:after {
  box-sizing: inherit;
}
.activityModal .title:before {
  content: '';
  position: absolute;
  left: 50%;
  top: 30px;
  width: 66px;
  height: 85px;
  margin-left: -30px;
  background: url("../images/activityBg1.png") no-repeat;
  background-size: 100% 100%;
}
.activityModal .title.courseTitle:before {
  top: 50px;
  width: 68px;
  height: 58px;
  margin-left: -34px;
  background: url("../images/activityBg2.png") no-repeat;
  background-size: 100% 100%;
}
.activityModal .closeBtn {
  z-index: 1000001;
  position: absolute;
  right: -12px;
  top: -12px;
  width: 24px;
  height: 24px;
  background: #fff;
  border-radius: 50%;
  line-height: 24px;
  color: #9c9c9c;
  text-decoration: none;
  text-align: center;
}
.activityModal .closeBtn:before {
  content: '\e623';
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
  margin-left: 1px;
  font-size: 10px;
  vertical-align: 2px;
}
.activityModal .content {
  margin-top: 10px;
  padding: 0 40px;
}
.activityModal .content .item {
  margin-bottom: 20px;
  color: #4c494d;
  font-size: 14px;
  *zoom: 1;
}
.activityModal .content .item:after,
.activityModal .content .item:before {
  content: "";
  display: table;
}
.activityModal .content .item:after {
  clear: both;
}
.activityModal .content .item:after,
.activityModal .content .item:before {
  content: "";
  display: table;
}
.activityModal .content .item:after {
  clear: both;
}
.activityModal .content .item:after,
.activityModal .content .item:before {
  content: "";
  display: table;
}
.activityModal .content .item:after {
  clear: both;
}
.activityModal .content label {
  float: left;
  margin-right: 15px;
}
.activityModal .content .stars {
  float: left;
}
.activityModal .content .stars .bn-rate {
  font-size: 20px;
}
.activityModal .content .stars .bn-rate-text {
  display: none;
  font-size: 0;
}
.activityModal .content .stars .bn-rate-star-full {
  color: #ff8d26;
}
.activityModal .content .stars .activityStar {
  margin-right: 10px;
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
  font-size: 20px;
  color: #ececec;
  cursor: pointer;
}
.activityModal .content .stars .activityStar:before {
  content: '\e60e';
}
.activityModal .content .stars .activityStar.light {
  color: #ff8d26;
}
.activityModal .content .stars .activityStar:last-child {
  margin-right: 0;
}
.activityModal .submit {
  display: block;
  width: 100px;
  height: 30px;
  margin: 10px auto 0;
  background: #ff8d26;
  border-radius: 23px;
  border: none;
  color: #fff;
  font-size: 14px;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.cd {
  cursor: default !important;
}
.mt5 {
  margin-top: 5px;
}
.mt10 {
  margin-top: 10px;
}
.mt20 {
  margin-top: 20px;
}
.mb20 {
  margin-bottom: 20px;
}
.cp {
  cursor: pointer;
}
.dn {
  display: none;
}
.tac {
  text-align: center;
}
.circle {
  border-radius: 50%;
}
.cropPicture .tip-window {
  position: fixed;
  width: auto;
  left: 50%;
  top: 50%;
  margin-left: 0;
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.cropPicture .tip-window.showCircle .bigimg,
.cropPicture .tip-window.showCircle .midimg,
.cropPicture .tip-window.showCircle .smallimg,
.cropPicture .tip-window.showCircle .cropper-view-box {
  border-radius: 50%;
}
.cropPicture .tip-window .window-con .window-text {
  width: 700px;
  height: 380px;
  position: relative;
}
.cropPicture .tip-window .window-con .window-text .left {
  box-sizing: border-box;
  width: 550px;
  height: 380px;
  display: table-cell;
  text-align: center;
  border-right: 1px solid #f0f0f0;
  vertical-align: middle;
  padding-right: 15px;
}
.cropPicture .tip-window .window-con .window-text .right {
  position: absolute;
  right: 0;
  top: 0;
  box-sizing: border-box;
  padding-left: 25px;
  width: 150px;
}
.cropPicture .tip-window .window-con .window-text .right .bigimg {
  width: 100px;
  height: 100px;
}
.cropPicture .tip-window .window-con .window-text .right .midimg {
  width: 50px;
  height: 50px;
}
.cropPicture .tip-window .window-con .window-text .right .smallimg {
  width: 30px;
  height: 30px;
  margin-left: 20px;
}
.orgIndex {
  font-family: PingFang SC, Helvetica Neue, Helvetica, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
  font-size: 12px;
  color: #333;
}
.orgIndex .oh {
  overflow: hidden;
}
.orgIndex .fl {
  float: left;
}
.orgIndex .fr {
  float: right;
}
.orgIndex .tac {
  text-align: center;
}
.orgIndex .db {
  display: block;
}
.orgIndex .di {
  display: inline-block;
}
.orgIndex h3 {
  display: block;
  *display: block;
  *zoom: 1;
  font-weight: normal;
}
.orgIndex dl,
.orgIndex dd,
.orgIndex h3 {
  margin: 0;
}
.orgIndex a {
  cursor: pointer;
  text-decoration: none;
}
.orgIndex i {
  font-style: initial;
}
.orgIndex ul,
.orgIndex ol,
.orgIndex dl {
  margin: 0;
  padding: 0;
}
.orgIndex li {
  list-style: none;
}
.orgIndex-bgcw {
  background-color: white;
}
.orgIndex-bgcp {
  background: url(../images/orgIndex-bg.jpg) center top no-repeat;
}
.orgIndex-container {
  margin: 0 auto;
  width: 1000px;
}
.orgIndex-header {
  position: relative;
  padding: 38px 0 0 206px;
  margin: 40px auto 50px;
  border-radius: 10px;
  height: 112px;
  width: 784px;
  color: #fff;
  box-shadow: 0 3px 10px 0 #EB4E2A;
  background: -ms-linear-gradient(right, #FF8138, #E8461B);
  background: -moz-linear-gradient(right, #FF8138, #E8461B);
  background: -o-linear-gradient(right, #FF8138, #E8461B);
  background: -webkit-linear-gradient(left, #FF8138, #E8461B);
  background: linear-gradient(to right, #FF8138, #E8461B);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF8138, endColorstr=#E8461B, GradientType=0);
}
.orgIndex-header-img {
  margin-right: 30px;
  position: absolute;
  margin-top: -20px;
  background-color: #fff;
  left: 0;
  top: 0;
  height: 186px;
  width: 186px;
  border-radius: 10px;
  box-shadow: 0 3px 10px 0 #EB4E2A;
}
.orgIndex-header-img img {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 100%;
  max-height: 100%;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
.orgIndex-header-title {
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  font-size: 30px;
  font-weight: bold;
}
.orgIndex-header-subtitle {
  margin-top: 10px;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  font-size: 14px;
}
.orgIndex-header-subtitle::before {
  content: '“';
}
.orgIndex-header-subtitle::after {
  content: '”';
}
.orgIndex-news-title,
.orgIndex-schoolBased-title {
  overflow: hidden;
  margin-bottom: 10px;
}
.orgIndex-news-title h3,
.orgIndex-schoolBased-title h3 {
  float: left;
  line-height: 1;
  font-size: 22px;
  font-weight: bold;
}
.orgIndex-news-title span,
.orgIndex-schoolBased-title span,
.orgIndex-news-title a,
.orgIndex-schoolBased-title a {
  float: right;
  margin-right: 20px;
  line-height: 22px;
  font-size: 12px;
  color: #9B9B9B;
}
.orgIndex-news-title span:hover,
.orgIndex-schoolBased-title span:hover,
.orgIndex-news-title a:hover,
.orgIndex-schoolBased-title a:hover {
  color: #FF9146;
}
.orgIndex-news-content,
.orgIndex-schoolBased-content {
  position: relative;
  background-color: #FAFAFA;
}
.orgIndex-news .no-data,
.orgIndex-schoolBased .no-data {
  position: absolute;
  top: 0;
  left: 0;
  padding-bottom: 0;
  width: 100%;
  height: 100%;
  background-color: white;
}
.orgIndex-news .no-data img,
.orgIndex-schoolBased .no-data img {
  margin-top: 30px;
}
.orgIndex-news {
  margin-bottom: 20px;
  width: 610px;
}
.orgIndex-news.orgIndex-news-list {
  width: 960px;
  padding: 20px;
  margin: 0 auto;
  background-color: white;
}
.orgIndex-news.orgIndex-news-list a {
  text-decoration: none;
}
.orgIndex-news.orgIndex-news-list .orgIndex-news-title {
  margin-bottom: 15px;
}
.orgIndex-news.orgIndex-news-list .orgIndex-news-content {
  min-height: auto;
  margin-bottom: 15px;
}
.orgIndex-news-content {
  position: relative;
  padding: 20px;
  min-height: 310px;
}
.orgIndex-news-content .box {
  padding-left: 84px;
  position: relative;
  overflow: hidden;
  height: 90px;
}
.orgIndex-news-content .box:not(:first-child) {
  margin-top: 20px;
}
.orgIndex-news-content .box .img {
  position: absolute;
  left: 0;
  top: 0;
  width: 74px;
  height: 90px;
  overflow: hidden;
}
.orgIndex-news-content .box .img img {
  width: 74px;
  height: 90px;
}
.orgIndex-news-content .box .title {
  margin-bottom: 8px;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  color: #333;
  font-size: 18px;
  font-weight: bold;
  cursor: pointer;
}
.orgIndex-news-content .box .title:hover {
  color: #FF9146;
}
.orgIndex-news-content .box .time {
  float: right;
  color: #FF9146;
}
.orgIndex-news-content .box .content {
  color: #9B9B9B;
  font-size: 13px;
  line-height: 20px;
}
.orgIndex-news-content .box.news {
  padding-left: 180px;
}
.orgIndex-news-content .box.news .img {
  width: 130px;
}
.orgIndex-news-content .box.news .img img {
  width: 130px;
}
.orgIndex-news .orgIndex-dynamic-content {
  position: relative;
  padding: 20px;
  min-height: 310px;
}
.orgIndex-news .orgIndex-dynamic-content .box {
  padding-left: 150px;
  position: relative;
  overflow: hidden;
  height: 90px;
}
.orgIndex-news .orgIndex-dynamic-content .box:not(:first-child) {
  margin-top: 20px;
}
.orgIndex-news .orgIndex-dynamic-content .box .img {
  position: absolute;
  left: 0;
  top: 0;
  width: 130px;
  height: 90px;
  overflow: hidden;
}
.orgIndex-news .orgIndex-dynamic-content .box .img img {
  width: 130px;
  height: 90px;
}
.orgIndex-news .orgIndex-dynamic-content .box .title {
  margin-bottom: 10px;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  color: #333;
  font-size: 14px;
  cursor: pointer;
}
.orgIndex-news .orgIndex-dynamic-content .box .title:hover {
  color: #FF9146;
}
.orgIndex-news .orgIndex-dynamic-content .box .time {
  float: right;
  color: #FF9146;
}
.orgIndex-news .orgIndex-dynamic-content .box .content {
  color: #9B9B9B;
  line-height: 20px;
}
.orgIndex-schoolBased {
  margin-bottom: 20px;
  width: 370px;
}
.orgIndex-schoolBased-content {
  padding: 5px 20px;
  min-height: 340px;
}
.orgIndex-schoolBased-content dl {
  overflow: hidden;
  margin: 20px 0;
  line-height: 20px;
}
.orgIndex-schoolBased-content dl::before {
  float: left;
  margin-top: 8px;
  margin-right: 10px;
  content: '';
  display: block;
  width: 4px;
  height: 4px;
  background-color: #FF9146;
}
.orgIndex-schoolBased-content dl:hover dt {
  color: #FF9146;
}
.orgIndex-schoolBased-content dt {
  float: left;
  font-size: 13px;
  width: 230px;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  color: #333;
}
.orgIndex-schoolBased-content dd {
  float: right;
  color: #FF9146;
}
.orgIndex-studyStar {
  margin: 0 auto 20px;
  width: 1000px;
  overflow: hidden;
}
.orgIndex-studyStar .title {
  float: left;
  width: 100px;
  height: 100px;
  background: url(../images/orgIndex-sprite.png) no-repeat transparent;
  background-position: -250px -105px;
  text-align: center;
  color: white;
}
.orgIndex-studyStar .title h2 {
  margin: 25px 0 10px 0;
  font-size: 20px;
}
.orgIndex-studyStar .title h2.only {
  margin: 35px 0 10px 0;
}
.orgIndex-studyStar .title .more {
  display: inline-block;
  font-size: 12px;
  cursor: pointer;
  color: white;
}
.orgIndex-studyStar .title .more:hover {
  color: #ac4600;
}
.orgIndex-studyStar .box {
  position: relative;
  margin-left: 20px;
  padding: 10px 85px 10px 20px;
  float: left;
  overflow: hidden;
  width: 175px;
  height: 80px;
  background-color: #FFF9EE;
}
.orgIndex-studyStar .box .name,
.orgIndex-studyStar .box .describe {
  display: block;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
}
.orgIndex-studyStar .box .name {
  margin-top: 15px;
  margin-bottom: 5px;
  font-size: 18px;
  color: #FF9146;
}
.orgIndex-studyStar .box .describe {
  font-size: 14px;
  color: #4A4A4A;
}
.orgIndex-studyStar .box .img {
  position: absolute;
  right: 10px;
  overflow: hidden;
  width: 65px;
  height: 80px;
}
.orgIndex-studyStar .box .img img {
  height: 80px;
  width: 65px;
}
.orgIndex-workshop {
  margin: 30px auto 0;
  width: 1000px;
}
.orgIndex-workshop-title {
  margin-bottom: 30px;
  line-height: 1;
  text-align: center;
  font-size: 28px;
  font-weight: bold;
}
.orgIndex-workshop-title::before,
.orgIndex-workshop-title::after {
  content: '';
  display: inline-block;
  width: 44px;
  height: 18px;
  background: url(../images/orgIndex-sprite.png) no-repeat transparent;
  background-position: -486px -354px;
}
.orgIndex-workshop-title::before {
  margin-right: 10px;
}
.orgIndex-workshop-title::after {
  margin-left: 10px;
}
.orgIndex-workshop-news {
  position: relative;
  width: 410px;
  height: 228px;
  background-color: white;
  box-shadow: 0 2px 4px 0 rgba(207, 207, 207, 0.5);
}
.orgIndex-workshop-news::after {
  content: '';
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: 0;
  width: 330px;
  height: 150px;
  background: url(../images/orgIndex-sprite.png) no-repeat transparent;
  background-position: 0 -210px;
}
.orgIndex-workshop-news .title {
  width: 410px;
  height: 50px;
  background: url(../images/orgIndex-sprite.png) no-repeat transparent;
  background-position: 0 -370px;
  text-indent: 20px;
  line-height: 50px;
  color: white;
  font-size: 18px;
}
.orgIndex-workshop-news .title .more {
  float: right;
  margin-right: 20px;
  font-size: 12px;
  color: white;
}
.orgIndex-workshop-news .title .more:hover {
  color: #ac4600;
}
.orgIndex-workshop-news .list {
  position: relative;
  z-index: 2;
  padding: 0 20px;
}
.orgIndex-workshop-news .list dl {
  margin: 20px 0;
  overflow: hidden;
  line-height: 20px;
}
.orgIndex-workshop-news .list dl::before {
  float: left;
  margin-top: 8px;
  margin-right: 10px;
  content: '';
  display: block;
  width: 4px;
  height: 4px;
  background-color: #FF9146;
}
.orgIndex-workshop-news .list dt {
  float: left;
  overflow: hidden;
  color: #333;
}
.orgIndex-workshop-news .list dd {
  float: right;
  overflow: hidden;
  color: #666;
}
.orgIndex-workshop-news .list span {
  float: left;
  display: block;
}
.orgIndex-workshop-news .list .name {
  color: #666;
}
.orgIndex-workshop-news .list .name::after {
  content: '发布';
}
.orgIndex-workshop-news .list .text {
  margin: 0 5px;
  max-width: 110px;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  font-size: 13px;
  cursor: pointer;
}
.orgIndex-workshop-news .list .text:hover {
  color: #FF9146;
}
.orgIndex-workshop-news .list .type {
  margin-right: 10px;
  color: #FF9146;
}
.orgIndex-workshop-news .list .type::before {
  content: '[';
}
.orgIndex-workshop-news .list .type::after {
  content: ']';
}
.orgIndex-workshop-news .list .no-data {
  margin-top: 30px;
}
.orgIndex-workshop-news .list .no-data img {
  display: none;
}
.orgIndex-workshop-news .list .no-data p {
  font-size: 13px;
}
.orgIndex-workshop-list {
  margin-left: 5px;
  overflow: hidden;
  width: 585px;
}
.orgIndex-workshop-list .box {
  float: left;
  margin: 0 0 15px 15px;
  background-color: white;
  width: 180px;
  box-shadow: 0 2px 4px 0 rgba(207, 207, 207, 0.5);
}
.orgIndex-workshop-list .box img {
  width: 180px;
  height: 130px;
}
.orgIndex-workshop-list .box .title,
.orgIndex-workshop-list .box .info {
  padding: 0 10px;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
}
.orgIndex-workshop-list .box .title {
  margin-top: 10px;
  font-size: 14px;
  color: #333;
}
.orgIndex-workshop-list .box .title:hover {
  color: #FF9146;
}
.orgIndex-workshop-list .box .info {
  overflow: hidden;
  margin: 5px 0 10px;
  color: #999;
}
.orgIndex-workshop-list .box .name {
  float: left;
  width: 80px;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
}
.orgIndex-workshop-list .box .name::before {
  content: '坊主:';
}
.orgIndex-workshop-list .box .num {
  float: left;
  margin-left: 5px;
  width: 75px;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
}
.orgIndex-workshop-list .box .num::before {
  content: '坊成员数:';
}
.orgIndex-workshop-list .more {
  float: left;
  position: relative;
  margin-left: 20px;
  text-align: center;
  width: 100%;
  color: #9B9B9B;
}
.orgIndex-workshop-list .more::before,
.orgIndex-workshop-list .more::after {
  content: '';
  position: absolute;
  top: 8px;
  width: 98px;
  height: 1px;
  background-color: #ddd;
}
.orgIndex-workshop-list .more::before {
  left: 160px;
}
.orgIndex-workshop-list .more::after {
  right: 160px;
}
.orgIndex-workshop-list .more:hover {
  color: #FF9146;
}
.orgIndex-resources {
  overflow: hidden;
  margin: 50px auto 0;
  width: 1020px;
}
.orgIndex-resources-title {
  margin-bottom: 30px;
  line-height: 1;
  text-align: center;
  font-size: 28px;
  font-weight: bold;
}
.orgIndex-resources-title::before,
.orgIndex-resources-title::after {
  content: '';
  display: inline-block;
  width: 44px;
  height: 18px;
  background: url(../images/orgIndex-sprite.png) no-repeat transparent;
  background-position: -486px -354px;
}
.orgIndex-resources-title::before {
  margin-right: 10px;
}
.orgIndex-resources-title::after {
  margin-left: 10px;
}
.orgIndex-resources-section {
  float: left;
  margin: 0 10px 20px;
  width: 490px;
  box-shadow: 0 1px 3px 0 rgba(207, 207, 207, 0.5);
  border-radius: 10px;
}
.orgIndex-resources-section.no1 .orgIndex-resources-section-title {
  background: url(../images/orgIndex-sprite.png) no-repeat transparent;
  background-position: -540px 0;
}
.orgIndex-resources-section.no1 .orgIndex-resources-section-title::before {
  background: url(../images/orgIndex-sprite.png) no-repeat transparent;
  background-position: -410px -110px;
}
.orgIndex-resources-section.no2 .orgIndex-resources-section-title {
  background: url(../images/orgIndex-sprite.png) no-repeat transparent;
  background-position: -540px -110px;
}
.orgIndex-resources-section.no2 .orgIndex-resources-section-title::before {
  background: url(../images/orgIndex-sprite.png) no-repeat transparent;
  background-position: -410px -158px;
}
.orgIndex-resources-section.no3 .orgIndex-resources-section-title {
  background: url(../images/orgIndex-sprite.png) no-repeat transparent;
  background-position: -540px -220px;
}
.orgIndex-resources-section.no3 .orgIndex-resources-section-title::before {
  background: url(../images/orgIndex-sprite.png) no-repeat transparent;
  background-position: -410px -206px;
}
.orgIndex-resources-section.no4 .orgIndex-resources-section-title {
  background: url(../images/orgIndex-sprite.png) no-repeat transparent;
  background-position: -540px -330px;
}
.orgIndex-resources-section.no4 .orgIndex-resources-section-title::before {
  background: url(../images/orgIndex-sprite.png) no-repeat transparent;
  background-position: -410px -254px;
}
.orgIndex-resources-section-title {
  display: block;
  text-align: center;
  width: 490px;
  height: 100px;
}
.orgIndex-resources-section-title::before {
  content: '';
  display: inline-block;
  margin-top: 25px;
  width: 120px;
  height: 30px;
}
.orgIndex-resources-section-title a {
  display: block;
  margin-top: 5px;
  color: white;
}
.orgIndex-resources-section-title a:hover {
  color: #FF9146;
}
ul.orgIndex-resources-section-list {
  padding: 20px 30px;
  height: 186px;
  background-color: white;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  line-height: 30px;
}
ul.orgIndex-resources-section-list li {
  position: relative;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  padding-right: 75px;
}
ul.orgIndex-resources-section-list li::before {
  float: left;
  margin-top: 13px;
  margin-right: 10px;
  content: '';
  display: block;
  width: 4px;
  height: 4px;
  background-color: #FF9146;
}
ul.orgIndex-resources-section-list li .sub {
  position: absolute;
  top: 0;
  right: 0;
  width: 75px;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  text-align: right;
  font-size: 12px;
}
ul.orgIndex-resources-section-list a {
  color: #333;
  font-size: 13px;
}
ul.orgIndex-resources-section-list a:hover span {
  color: #FF9146;
}
ul.orgIndex-resources-section-list i {
  float: left;
  position: relative;
  margin: 6px 5px 0 0;
  display: block;
  width: 16px;
  height: 16px;
}
.orgIndex-lessonStudy {
  position: relative;
  margin: 20px auto 0;
  padding: 50px 20px 30px 130px;
  width: 850px;
  height: 190px;
  background: url(../images/orgIndex-lesson-study.png) center no-repeat;
}
.orgIndex-lessonStudy-title {
  position: absolute;
  top: 50%;
  left: 50px;
  margin: -73px 0 0 0;
  width: 34px;
  height: 146px;
  background: url(../images/orgIndex-sprite.png) no-repeat transparent;
  background-position: -366px -110px;
}
.orgIndex-lessonStudy-title::before {
  content: '';
  position: absolute;
  top: -11px;
  left: -21px;
  width: 100%;
  height: 100%;
  padding: 10px 20px;
  border: 2px solid rgba(255, 255, 255, 0.5);
}
.orgIndex-lessonStudy-more {
  position: absolute;
  top: 0;
  right: 20px;
  line-height: 50px;
  color: white;
}
.orgIndex-lessonStudy-more:hover {
  color: #ac4600;
}
.orgIndex-lessonStudy-list {
  overflow: hidden;
  padding: 20px 10px;
  background-color: white;
}
.orgIndex-lessonStudy-list .box {
  float: left;
  margin: 0 5px;
  width: 156px;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  font-size: 14px;
}
.orgIndex-lessonStudy-list .box img {
  width: 156px;
  height: 112px;
}
.orgIndex-lessonStudy-list .box .title {
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  margin-top: 10px;
  color: #333;
  cursor: pointer;
}
.orgIndex-lessonStudy-list .box .title:hover {
  color: #FF9146;
}
.orgIndex-excellentWorks {
  position: relative;
  *zoom: 1;
  margin: 40px auto 0;
  width: 1000px;
  height: 240px;
}
.orgIndex-excellentWorks:after,
.orgIndex-excellentWorks:before {
  content: "";
  display: table;
}
.orgIndex-excellentWorks:after {
  clear: both;
}
.orgIndex-excellentWorks:after,
.orgIndex-excellentWorks:before {
  content: "";
  display: table;
}
.orgIndex-excellentWorks:after {
  clear: both;
}
.orgIndex-excellentWorks:after,
.orgIndex-excellentWorks:before {
  content: "";
  display: table;
}
.orgIndex-excellentWorks:after {
  clear: both;
}
.orgIndex-excellentWorks-title {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 240px;
  height: 200px;
  background: url(../images/orgIndex-sprite.png) no-repeat transparent;
  background-position: 0 0;
  text-align: center;
}
.orgIndex-excellentWorks-title::before {
  content: '';
  position: absolute;
  top: 40px;
  left: 28px;
  width: 180px;
  height: 70px;
  border: 2px solid rgba(255, 255, 255, 0.5);
}
.orgIndex-excellentWorks-title::after {
  content: '';
  position: absolute;
  top: 60px;
  left: 47px;
  width: 146px;
  height: 34px;
  background: url(../images/orgIndex-sprite.png) no-repeat transparent;
  background-position: -379px -302px;
}
.orgIndex-excellentWorks-title .more {
  display: inline-block;
  margin-top: 130px;
  color: white;
}
.orgIndex-excellentWorks-title .more:hover {
  color: #1b5dab;
}
.orgIndex-excellentWorks-list {
  position: relative;
  z-index: 1;
  padding: 30px 50px 30px 250px;
  height: 160px;
  margin: 20px 0 0 40px;
  background-color: white;
  box-shadow: 0 1px 7px 0 rgba(207, 207, 207, 0.5);
}
.orgIndex-excellentWorks-list::after {
  content: '';
  position: absolute;
  z-index: 2;
  right: 0;
  bottom: 0;
  width: 280px;
  height: 100px;
  background: url(../images/orgIndex-sprite.png) no-repeat transparent;
  background-position: -250px 0;
}
.orgIndex-excellentWorks-list ul {
  position: relative;
  z-index: 3;
  overflow: hidden;
}
.orgIndex-excellentWorks-list ul li {
  float: left;
  width: 50%;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  font-size: 14px;
  line-height: 40px;
}
.orgIndex-excellentWorks-list ul li::before {
  float: left;
  margin-top: 18px;
  margin-right: 10px;
  content: '';
  display: block;
  width: 4px;
  height: 4px;
  background-color: #4A90E2;
}
.orgIndex-excellentWorks-list ul li a {
  color: #333;
}
.orgIndex-excellentWorks-list ul li a:hover {
  color: #4A90E2;
}
.orgIndex-dataStatistics {
  margin: 40px auto 0;
  width: 1000px;
}
.orgIndex-dataStatistics-title {
  padding-bottom: 10px;
  border-bottom: 1px solid #E9E9E9;
  font-size: 22px;
  font-weight: bold;
}
.orgIndex-dataStatistics-feature {
  margin-top: 20px;
  overflow: hidden;
}
.orgIndex-dataStatistics-feature .no1 {
  background: url(../images/orgIndex-sprite.png) no-repeat transparent;
  background-position: 0 -440px;
}
.orgIndex-dataStatistics-feature .no2 {
  background: url(../images/orgIndex-sprite.png) no-repeat transparent;
  background-position: -250px -440px;
}
.orgIndex-dataStatistics-feature .no3 {
  background: url(../images/orgIndex-sprite.png) no-repeat transparent;
  background-position: -750px -440px;
}
.orgIndex-dataStatistics-feature .no4 {
  background: url(../images/orgIndex-sprite.png) no-repeat transparent;
  background-position: -500px -440px;
}
.orgIndex-dataStatistics-feature span {
  float: left;
  display: block;
  width: 240px;
  height: 130px;
}
.orgIndex-dataStatistics-feature span:not(:first-child) {
  margin-left: 13px;
}
.orgIndex-dataStatistics-list .box {
  padding: 20px 0;
}
.orgIndex-dataStatistics-list .box:not(:first-child) {
  border-top: 1px solid #E9E9E9;
}
.orgIndex-dataStatistics-list .box.on .content::before {
  margin-top: 2px;
  border-color: transparent transparent #FF9146 transparent;
}
.orgIndex-dataStatistics-list .box.on .detail {
  display: block;
}
.orgIndex-dataStatistics-list .box .content {
  overflow: hidden;
}
.orgIndex-dataStatistics-list .box .content::before {
  content: '';
  display: block;
  float: left;
  margin: 8px 8px 0 0;
  width: 0;
  height: 0;
  border-width: 6px;
  border-style: solid;
  border-color: #FF9146 transparent transparent transparent;
}
.orgIndex-dataStatistics-list .box .content .title {
  float: left;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
}
.orgIndex-dataStatistics-list .box .content .title:hover {
  color: #FF9146;
}
.orgIndex-dataStatistics-list .box .content .time {
  float: right;
  position: relative;
  width: 190px;
  text-align: right;
}
.orgIndex-dataStatistics-list .box .content .time::before {
  content: '统计时间：';
}
.orgIndex-dataStatistics-list .box .content .time::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 17px;
  height: 19px;
  background: url(../images/orgIndex-sprite.png) no-repeat transparent;
  background-position: -459px -354px;
}
.orgIndex-dataStatistics-list .box .detail {
  margin-top: 20px;
}
.orgIndex-dataStatistics-list .box .detail table {
  border-collapse: collapse;
  width: 100%;
  table-layout: fixed;
}
.orgIndex-dataStatistics-list .box .detail table tr:nth-child(2n) {
  background-color: #F5F9FC;
}
.orgIndex-dataStatistics-list .box .detail table th {
  background-color: #F5F9FC;
  text-align: left;
}
.orgIndex-dataStatistics-list .box .detail table th,
.orgIndex-dataStatistics-list .box .detail table td {
  padding: 10px;
  border: 1px solid #E9E9E9;
  white-space: nowrap;
}
.orgIndex-friendlyLink {
  margin: 40px auto;
  width: 1000px;
}
.orgIndex-friendlyLink-title {
  padding-bottom: 10px;
  border-bottom: 1px solid #E9E9E9;
  font-size: 22px;
  font-weight: bold;
}
.orgIndex-friendlyLink-content {
  margin-top: 20px;
}
.orgIndex-friendlyLink-content span,
.orgIndex-friendlyLink-content a {
  margin-right: 20px;
  line-height: 24px;
  color: #666;
}
.orgIndex-friendlyLink-content span:hover,
.orgIndex-friendlyLink-content a:hover {
  color: #FF9146;
}
.orgIndex .copyright {
  margin-top: 0;
}
.webuploader.webuploader-haveThumb {
  margin: 0 auto;
  position: relative;
  width: 300px;
  height: 150px;
  padding: 30px 0 0 180px;
}
.webuploader.webuploader-haveThumb .webuploader-list {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  padding: 4px;
  width: 150px;
  height: 150px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  background-color: #828822;
}
.webuploader.webuploader-haveThumb .webuploader-list:empty {
  background-color: #E3F3FA;
  border: none;
  text-align: center;
}
.webuploader.webuploader-haveThumb .webuploader-list:empty::before {
  content: '';
  display: inline-block;
  margin-top: 50px;
  width: 50px;
  height: 50px;
  background: url("../images/icon.png") no-repeat transparent;
  background-size: 450px 362px;
  background-position: -296px -62px;
}
.webuploader.webuploader-haveThumb .webuploader-list img {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  max-width: 100%;
  max-height: 100%;
}
.webuploader.webuploader-haveThumb .webuploader-list-item {
  position: relative;
  height: inherit;
  width: inherit;
}
.webuploader.webuploader-haveThumb .webuploader-list-item.webuploader-list-item-success::before {
  content: "\e61a";
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  bottom: 4px;
  right: 5px;
  z-index: 4;
  font-weight: 600;
  color: #00a854;
}
.webuploader.webuploader-haveThumb .webuploader-list-item.webuploader-list-item-error .webuploader-list-info {
  padding-right: 5px;
  background-color: #f04134;
  text-align: center;
  color: white;
}
.webuploader.webuploader-haveThumb .webuploader-list-info {
  position: absolute;
  z-index: 3;
  left: 0;
  bottom: 0;
  right: 0;
  padding-right: 30px;
  height: 26px;
  line-height: 26px;
  text-indent: 5px;
  background-color: rgba(0, 0, 0, 0.6);
  color: white;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  font-size: 12px;
}
.webuploader.webuploader-haveThumb .webuploader-list-progress {
  position: absolute;
  z-index: 3;
  left: 0;
  bottom: 0;
  right: 0;
  height: 4px;
  background-color: #f60;
  transition: width 0.2s;
  -ms-transition: width 0.2s;
  -o-transition: width 0.2s;
  -moz-transition: width 0.2s;
  -webkit-transition: width 0.2s;
}
.webuploader.webuploader-haveThumb .webuploader-tips {
  margin: 20px 0 0 0;
  color: #9B9B9B;
}
.webuploader.webuploader-big .uploadTips {
  width: 480px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  font-size: 14px;
  line-height: 26px;
  color: #666;
  text-align: left;
  word-break: break-all;
}
.webuploader.webuploader-big .uploadify:hover .uploadify-button {
  background: #ff7901;
  border-color: transparent;
  border: none;
}
.webuploader.webuploader-big .webuploader-pick {
  background-color: #ff7901;
  width: 190px;
  line-height: 58px;
  height: 58px;
  color: white;
  font-size: 20px;
}
.webuploader.webuploader-big .webuploader-pick::before {
  content: '\e67b';
  display: inline-block;
  vertical-align: middle;
  padding-right: 10px;
  font-family: iconfont;
  font-size: 32px;
}
.webuploader.webuploader-big .webuploader-pick-hover {
  background-color: #e76d00;
  border-color: #e76d00;
}
.webuploader.webuploader-big .webuploader-tips {
  margin: 0 70px;
  line-height: 2;
}
.webuploader.webuploader-small {
  height: 30px;
}
.webuploader.webuploader-small .webuploader-list {
  margin: 0;
}
.webuploader.webuploader-small .webuploader-pick {
  height: 28px;
  line-height: 28px;
}
.webuploader.webuploader-haveDeleteIcon .webuploader-list-item {
  cursor: pointer;
}
.webuploader.webuploader-haveDeleteIcon .webuploader-list-item::after {
  display: inline-block;
}
.webuploader-container {
  position: relative;
}
.webuploader-element-invisible {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
}
.webuploader-pick {
  display: inline-block;
  position: relative;
  overflow: hidden;
  padding: 0 15px;
  height: 34px;
  text-align: center;
  border: 1px solid #ff7901;
  border-radius: 3px;
  line-height: 34px;
  font-size: 12px;
  cursor: pointer;
  color: #ff7901;
}
.webuploader-pick-hover {
  color: white;
  background-color: #ff7901;
}
.webuploader-pick-disable {
  opacity: 0.6;
}
.webuploader-list {
  margin-bottom: 5px;
}
.webuploader-list:empty {
  display: none;
}
.webuploader-list-item:hover::after {
  color: red;
}
.webuploader-list-item::before,
.webuploader-list-item::after {
  font-family: iconfont;
  font-size: 16px;
}
.webuploader-list-item::before {
  content: "\e637";
  margin-right: 5px;
  color: #ff7901;
}
.webuploader-list-item::after {
  display: none;
  content: '\e683';
  margin-left: 5px;
  color: #ddd;
}
.webuploader-list-info {
  display: inline-block;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  max-width: 400px;
  vertical-align: middle;
  line-height: 36px;
  font-size: 13px;
}
.webuploader-tips {
  margin: 0;
  font-size: 12px;
}
.webuploader-tips a {
  color: #ff7901;
  text-decoration: none;
}
.activity .dynamicList {
  margin: 0;
  padding: 0;
  list-style: none;
  padding: 0 30px 20px;
}
.activity .dynamicList p {
  margin: 0;
}
.activity .dynamicList a {
  display: block;
  text-decoration: none;
}
.activity .dynamicList > li {
  padding: 20px 0;
  border-bottom: 1px solid #F0F0F0;
}
.activity .dynamicList > li .dynamicTitle {
  height: 27px;
  *zoom: 1;
}
.activity .dynamicList > li .dynamicTitle:after,
.activity .dynamicList > li .dynamicTitle:before {
  content: "";
  display: table;
}
.activity .dynamicList > li .dynamicTitle:after {
  clear: both;
}
.activity .dynamicList > li .dynamicTitle:after,
.activity .dynamicList > li .dynamicTitle:before {
  content: "";
  display: table;
}
.activity .dynamicList > li .dynamicTitle:after {
  clear: both;
}
.activity .dynamicList > li .dynamicTitle:after,
.activity .dynamicList > li .dynamicTitle:before {
  content: "";
  display: table;
}
.activity .dynamicList > li .dynamicTitle:after {
  clear: both;
}
.activity .dynamicList > li .dynamicTitle .title {
  float: left;
  width: 865px;
  line-height: 27px;
  font-size: 20px;
  color: #333;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
}
.activity .dynamicList > li .dynamicTime {
  font-size: 14px;
  line-height: 19px;
  color: #BCBCBC;
}
.activity .dynamicList > li .dynamicInfo {
  margin-top: 20px;
  font-size: 14px;
  color: #8F9497;
}
.activity .dynamicList > li .dynamicImageList {
  margin-top: 20px;
  *zoom: 1;
}
.activity .dynamicList > li .dynamicImageList:after,
.activity .dynamicList > li .dynamicImageList:before {
  content: "";
  display: table;
}
.activity .dynamicList > li .dynamicImageList:after {
  clear: both;
}
.activity .dynamicList > li .dynamicImageList:after,
.activity .dynamicList > li .dynamicImageList:before {
  content: "";
  display: table;
}
.activity .dynamicList > li .dynamicImageList:after {
  clear: both;
}
.activity .dynamicList > li .dynamicImageList:after,
.activity .dynamicList > li .dynamicImageList:before {
  content: "";
  display: table;
}
.activity .dynamicList > li .dynamicImageList:after {
  clear: both;
}
.activity .dynamicList > li .dynamicImageList pre,
.activity .dynamicList > li .dynamicImageList img {
  float: left;
  width: 100px;
  height: 100px;
  margin: 0 20px 0 0;
}
.activity .dynamicList > li .dynamicImageList pre:last-child,
.activity .dynamicList > li .dynamicImageList img:last-child {
  margin-right: 0;
}
.activity .informationList {
  margin: 0;
  padding: 0;
  list-style: none;
  padding: 20px 20px 0;
  *zoom: 1;
}
.activity .informationList:after,
.activity .informationList:before {
  content: "";
  display: table;
}
.activity .informationList:after {
  clear: both;
}
.activity .informationList:after,
.activity .informationList:before {
  content: "";
  display: table;
}
.activity .informationList:after {
  clear: both;
}
.activity .informationList:after,
.activity .informationList:before {
  content: "";
  display: table;
}
.activity .informationList:after {
  clear: both;
}
.activity .informationList p {
  margin: 0;
}
.activity .informationList a {
  display: block;
  text-decoration: none;
}
.activity .informationList > li {
  float: left;
  width: 264px;
  margin-bottom: 20px;
  margin-right: 20px;
  padding: 20px;
  background-color: white;
  border: 1px solid #D1D2D2;
}
.activity .informationList > li:nth-child(3n) {
  margin-right: 0;
}
.activity .informationList .informationTitle {
  margin-bottom: 20px;
  *zoom: 1;
}
.activity .informationList .informationTitle:after,
.activity .informationList .informationTitle:before {
  content: "";
  display: table;
}
.activity .informationList .informationTitle:after {
  clear: both;
}
.activity .informationList .informationTitle:after,
.activity .informationList .informationTitle:before {
  content: "";
  display: table;
}
.activity .informationList .informationTitle:after {
  clear: both;
}
.activity .informationList .informationTitle:after,
.activity .informationList .informationTitle:before {
  content: "";
  display: table;
}
.activity .informationList .informationTitle:after {
  clear: both;
}
.activity .informationList .informationTitle > i {
  float: left;
}
.activity .informationList .informationTitle .informationEllipsis {
  float: left;
  width: 222px;
  height: 38px;
  margin-left: 10px;
  font-size: 14px;
  color: #333;
}
.activity .informationList .examine {
  *zoom: 1;
}
.activity .informationList .examine:after,
.activity .informationList .examine:before {
  content: "";
  display: table;
}
.activity .informationList .examine:after {
  clear: both;
}
.activity .informationList .examine:after,
.activity .informationList .examine:before {
  content: "";
  display: table;
}
.activity .informationList .examine:after {
  clear: both;
}
.activity .informationList .examine:after,
.activity .informationList .examine:before {
  content: "";
  display: table;
}
.activity .informationList .examine:after {
  clear: both;
}
.activity .informationList .examine > span {
  float: left;
  line-height: 34px;
  font-size: 14px;
  color: #999;
}
.activity .informationList .examine > span i {
  margin-right: 10px;
}
.activity .informationList .examine > button {
  float: right;
  width: 90px;
  height: 34px;
  line-height: 32px;
  background-color: white;
  border-radius: 3px;
  border: 1px solid #999;
  font-size: 14px;
  color: #999;
}
.activity .noticeList {
  margin: 0;
  padding: 0;
  list-style: none;
  padding: 5px 0px;
}
.activity .noticeList p {
  margin: 0;
}
.activity .noticeList a {
  display: inline-block;
  text-decoration: none;
}
.activity .noticeList > li {
  position: relative;
  display: flex;
  justify-content: space-between;
  padding: 15px 0;
  border-bottom: 1px dashed #e9eaec;
  cursor: pointer;
}
.activity .noticeList > li:hover {
  background-color: #F0F8FC;
}
.activity .noticeList .noticeDetail {
  width: 940px;
}
.activity .noticeList .noticeDetail .title {
  *zoom: 1;
}
.activity .noticeList .noticeDetail .title:after,
.activity .noticeList .noticeDetail .title:before {
  content: "";
  display: table;
}
.activity .noticeList .noticeDetail .title:after {
  clear: both;
}
.activity .noticeList .noticeDetail .title:after,
.activity .noticeList .noticeDetail .title:before {
  content: "";
  display: table;
}
.activity .noticeList .noticeDetail .title:after {
  clear: both;
}
.activity .noticeList .noticeDetail .title:after,
.activity .noticeList .noticeDetail .title:before {
  content: "";
  display: table;
}
.activity .noticeList .noticeDetail .title:after {
  clear: both;
}
.activity .noticeList .noticeDetail .title > a {
  float: left;
  width: 750px;
  font-size: 14px;
  color: #333;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
}
.activity .noticeList .noticeDetail .noticeTime {
  display: inline-block;
  float: right;
  width: 115px;
  font-size: 14px;
  text-align: right;
  line-height: 19px;
  color: #BCBCBC;
}
.activity .noticeList .noticeDetail .info {
  margin-top: 20px;
  font-size: 14px;
  color: #8F9497;
}
.activity .activityWorkList {
  margin: 0;
  padding: 0;
  list-style: none;
  padding: 20px 15px 0;
  *zoom: 1;
}
.activity .activityWorkList:after,
.activity .activityWorkList:before {
  content: "";
  display: table;
}
.activity .activityWorkList:after {
  clear: both;
}
.activity .activityWorkList:after,
.activity .activityWorkList:before {
  content: "";
  display: table;
}
.activity .activityWorkList:after {
  clear: both;
}
.activity .activityWorkList:after,
.activity .activityWorkList:before {
  content: "";
  display: table;
}
.activity .activityWorkList:after {
  clear: both;
}
.activity .activityWorkList p {
  margin: 0;
}
.activity .activityWorkList a {
  display: block;
  text-decoration: none;
}
.activity .activityWorkList > li {
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
  padding: 20px 15px;
  background-color: white;
  border: 1px solid #D1D2D2;
}
.activity .activityWorkList > li:nth-child(3n) {
  margin-right: 0;
}
.activity .activityWorkList .workHeadline {
  *zoom: 1;
}
.activity .activityWorkList .workHeadline:after,
.activity .activityWorkList .workHeadline:before {
  content: "";
  display: table;
}
.activity .activityWorkList .workHeadline:after {
  clear: both;
}
.activity .activityWorkList .workHeadline:after,
.activity .activityWorkList .workHeadline:before {
  content: "";
  display: table;
}
.activity .activityWorkList .workHeadline:after {
  clear: both;
}
.activity .activityWorkList .workHeadline:after,
.activity .activityWorkList .workHeadline:before {
  content: "";
  display: table;
}
.activity .activityWorkList .workHeadline:after {
  clear: both;
}
.activity .activityWorkList .workHeadline i {
  float: left;
  margin-right: 10px;
}
.activity .activityWorkList .workHeadline .workCaption {
  float: left;
  width: 228px;
  height: 66px;
  margin-top: 3px;
}
.activity .activityWorkList .workHeadline .title {
  max-height: 48px;
  line-height: 24px;
  font-size: 14px;
  color: #000;
}
.activity .activityWorkList .workHeadline .status {
  margin-top: 2px;
  font-size: 12px;
  color: #999;
}
.activity .activityWorkList .workHeadline .status .unfinished {
  color: #FF5353;
}
.activity .activityWorkList .workHeadline .status .notStarted {
  color: #FF9332;
}
.activity .activityWorkList .workHeadline .status .accomplish {
  color: #4CA4FF;
}
.activity .activityWorkList .workTips {
  height: 30px;
  margin-top: 13px;
  *zoom: 1;
}
.activity .activityWorkList .workTips:after,
.activity .activityWorkList .workTips:before {
  content: "";
  display: table;
}
.activity .activityWorkList .workTips:after {
  clear: both;
}
.activity .activityWorkList .workTips:after,
.activity .activityWorkList .workTips:before {
  content: "";
  display: table;
}
.activity .activityWorkList .workTips:after {
  clear: both;
}
.activity .activityWorkList .workTips:after,
.activity .activityWorkList .workTips:before {
  content: "";
  display: table;
}
.activity .activityWorkList .workTips:after {
  clear: both;
}
.activity .activityWorkList .workTips .tipsTime {
  float: left;
  line-height: 30px;
  font-size: 12px;
  color: #666;
}
.activity .activityWorkList .workTips .tipsTime i {
  margin-left: 5px;
  margin-right: 7px;
  color: #D9D9D9;
}
.activity .activityWorkList .workTips > button {
  float: right;
  width: 80px;
  height: 30px;
  line-height: 28px;
  border-radius: 3px;
  border-width: 1px;
  border-style: solid;
  background-color: #fff;
  font-size: 13px;
}
.activity .activityWorkList .workTips .doHomework {
  border-color: #FF7902;
  color: #FF7902;
}
.activity .activityWorkList .workTips .disabled {
  background-color: #F5F5F5;
  border-color: #EFEFEF;
  color: #999;
  cursor: no-drop;
}
.activity .activityWorkList .workTips .examine {
  border-color: #B7B7B7;
  color: #666;
}
.activity .workRespondent p {
  margin: 0;
}
.activity .workRespondent a {
  display: block;
  text-decoration: none;
}
.activity .workRespondent .respondentIntroduce {
  margin-bottom: 15px;
  padding: 20px 30px;
  min-height: 90px;
  background-color: #fff;
  border-radius: 5px;
  border: 1px solid #E7E7E7;
}
.activity .workRespondent .respondentIntroduce .introduceTitle {
  font-size: 14px;
  line-height: 19px;
}
.activity .workRespondent .respondentIntroduce .introduceRequire {
  margin-top: 13px;
  line-height: 16px;
  font-size: 12px;
  color: #666;
}
.activity .workRespondent .respondentDetail {
  padding: 15px 0 10px;
  background-color: #fff;
  border-radius: 5px;
}
.activity .workRespondent .detailTips {
  position: relative;
  display: block;
  width: 86px;
  height: 30px;
  line-height: 30px;
  margin-left: 0.5px;
  background-color: #FF7902;
  font-size: 14px;
  color: #fff;
  text-align: center;
}
.activity .workRespondent .detailTips:before {
  position: absolute;
  top: 5px;
  right: -20px;
  content: '';
  width: 0;
  height: 0;
  border-width: 10px;
  border-style: solid;
  border-color: transparent transparent transparent #FF7902;
}
.activity .workRespondent textarea {
  width: 942px;
  height: 200px;
  padding: 15px;
  margin: 15px 30px 21px;
  font-size: 13px;
  color: #999;
  border: 1px solid #E4E4E4;
}
.activity .workRespondent .detailWork {
  width: 912px;
  margin: 15px 30px 22px;
  line-height: 26px;
  font-size: 14px;
  color: #333;
}
.activity .workRespondent .workImgList {
  margin: 0;
  padding: 0;
  list-style: none;
  padding: 0 30px;
  *zoom: 1;
}
.activity .workRespondent .workImgList:after,
.activity .workRespondent .workImgList:before {
  content: "";
  display: table;
}
.activity .workRespondent .workImgList:after {
  clear: both;
}
.activity .workRespondent .workImgList:after,
.activity .workRespondent .workImgList:before {
  content: "";
  display: table;
}
.activity .workRespondent .workImgList:after {
  clear: both;
}
.activity .workRespondent .workImgList:after,
.activity .workRespondent .workImgList:before {
  content: "";
  display: table;
}
.activity .workRespondent .workImgList:after {
  clear: both;
}
.activity .workRespondent .workImgList > li {
  position: relative;
  float: left;
  width: 178px;
  height: 178px;
  margin-right: 10px;
  margin-bottom: 20px;
  background-color: #FCFCFC;
  border: 1px solid #E6E8EB;
}
.activity .workRespondent .workImgList > li:nth-child(5) {
  margin-right: 0;
}
.activity .workRespondent .workImgList > li .iCancel {
  position: absolute;
  top: -9px;
  right: -8px;
  width: 20px;
  height: 20px;
  font-size: 22px;
  color: #707070;
  cursor: pointer;
}
.activity .workRespondent .workImgList > li .imageDetail {
  width: 178px;
  height: 178px;
  display: table-cell;
  vertical-align: middle;
}
.activity .workRespondent .workImgList > li img {
  display: block;
  max-width: 178px;
  max-height: 178px;
  margin-left: auto;
  margin-right: auto;
}
.activity .workRespondent .workImgList .workUpload .webuploader,
.activity .workRespondent .workImgList .workUpload .webuploader-big {
  width: 178px;
  height: 178px;
}
.activity .workRespondent .workImgList .workUpload .webuploader .webuploader-pick,
.activity .workRespondent .workImgList .workUpload .webuploader-big .webuploader-pick {
  width: 50px;
  height: 50px;
  line-height: 50px;
  margin: 48px 63px 0;
  padding: 0;
  background-color: #92B7EC;
  border-color: #92B7EC;
  text-align: center;
}
.activity .workRespondent .workImgList .workUpload .webuploader .webuploader-pick:before,
.activity .workRespondent .workImgList .workUpload .webuploader-big .webuploader-pick:before {
  padding-right: 0;
  font-size: 26px;
}
.activity .workRespondent .workImgList .workUpload .webuploader .webuploader-tips,
.activity .workRespondent .workImgList .workUpload .webuploader-big .webuploader-tips {
  margin: 0 10px;
  color: #666;
}
.activity .workRespondent .workSubmit {
  display: block;
  width: 80px;
  height: 30px;
  line-height: 28px;
  margin: 30px auto 20px;
  background-color: #fff;
  border: 1px solid #FF7902;
  border-radius: 3px;
  font-size: 13px;
  color: #FF7902;
}
.courseIntro {
  z-index: 10011;
  position: absolute;
  left: 50%;
  top: 200px;
  margin-left: -250px;
  width: 500px;
  background-color: #fff;
}
.courseIntro .title {
  position: relative;
  width: 100%;
  height: 50px;
  background-color: #F3F3F3;
  border-bottom: 1px solid #ccc;
  line-height: 50px;
  font-size: 16px;
  color: #333;
  text-align: center;
}
.courseIntro .title i {
  position: absolute;
  top: 0;
  right: 15px;
  color: #C0C0C0;
  cursor: pointer;
}
.courseIntro .content {
  padding: 20px 30px;
  font-size: 14px;
  line-height: 30px;
  color: #333;
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}
.iTool {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}
.iTool:before {
  content: '\e688';
}
body {
  font-family: Arial, 'Microsoft Yahei';
}
pre {
  white-space: pre-wrap;
  word-wrap: break-word;
}
a {
  cursor: pointer;
}
p,
div {
  word-break: break-all;
}
a.nothing {
  cursor: default;
}
.colorMain {
  color: #ff7901;
}
.hide {
  display: none;
}
.ie-compatible {
  font-size: 12px;
  line-height: 20px;
  outline: none;
}
.ie-compatible:empty:before {
  content: attr(data-placeholder);
  color: #999;
}
.h0 {
  height: 0;
}
.invisible {
  visibility: hidden;
}
/*
 * 个人中心都以前缀per开头,意为person的缩写
 * 此部分为less定义的公共变量,为了书写方便
 */
@font-face {
  font-family: "iconfont";
  src: url('../fonts/iconfont.eot');
  src: url('../fonts/iconfont.eot?#iefix') format('embedded-opentype'), url('../fonts/iconfont.woff') format('woff'), url('../fonts/iconfont.ttf') format('truetype'), url('../fonts/iconfont.svg#iconfont') format('svg');
}
@font-face {
  font-family: "hanti";
  src: url('../fonts/hanti.eot');
  src: url('../fonts/hanti.eot?#iefix') format('embedded-opentype'), url('../fonts/hanti.woff') format('woff'), url('../fonts/hanti.ttf') format('truetype'), url('../fonts/hanti.svg#iconfont') format('svg');
}
.score-demo {
  font-family: "hanti";
}
.ellipsis {
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
}
.clearfix {
  *zoom: 1;
}
.clearfix:after,
.clearfix:before {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
.bsbb {
  box-sizing: border-box;
}
.bsbb:before,
.bsbb:after {
  box-sizing: inherit;
}
.remove {
  margin: 0;
  padding: 0;
  list-style: none;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
body {
  background-color: #f0f2f5;
}
.bn-drop-panel a.login {
  line-height: 28px;
}
/* 左侧导航菜单 */
.menu {
  padding: 16px 0;
  background-color: #fff;
}
.menu .navText {
  padding-left: 32px;
  padding-right: 32px;
}
.menu .navText li {
  font-size: 14px;
  color: #111111;
  cursor: pointer;
  list-style: none;
}
.menu .navText li a {
  display: block;
  position: relative;
  padding-left: 56px;
  height: 40px;
  line-height: 40px;
  border-radius: 4px;
  font-size: 14px;
  color: #111111;
  text-decoration: none;
  box-sizing: border-box;
}
.menu .navText li a:before,
.menu .navText li a:after {
  box-sizing: inherit;
}
.menu .navText li a::before {
  content: "";
  position: absolute;
  display: inline-block;
  top: 10px;
  left: 20px;
  z-index: 2;
}
.menu .navText li a::after {
  content: "";
  position: absolute;
  display: inline-block;
  top: 6px;
  left: 16px;
  width: 30px;
  height: 30px;
  background-color: #fff;
  border-radius: 50%;
  box-shadow: 0 0 4px 0 rgba(102, 142, 145, 0.06);
  z-index: 1;
}
.menu .navText li.icon1 a::before {
  display: inline-block;
  background: url("../images/sprite2.svg") no-repeat transparent;
  width: 20px;
  height: 20px;
  background-position: -20px 0;
}
.menu .navText li.icon2 a::before {
  display: inline-block;
  background: url("../images/sprite2.svg") no-repeat transparent;
  width: 20px;
  height: 20px;
  background-position: -40px 0;
}
.menu .navText li.icon3 a::before {
  display: inline-block;
  background: url("../images/sprite2.svg") no-repeat transparent;
  width: 20px;
  height: 20px;
  background-position: -60px 0;
}
.menu .navText li.icon4 a::before {
  display: inline-block;
  background: url("../images/sprite2.svg") no-repeat transparent;
  width: 20px;
  height: 20px;
  background-position: -80px 0;
}
.menu .navText li.icon5 a::before {
  display: inline-block;
  background: url("../images/sprite2.svg") no-repeat transparent;
  width: 20px;
  height: 20px;
  background-position: -100px 0;
}
.menu .navText li.icon6 a::before {
  display: inline-block;
  background: url("../images/sprite2.svg") no-repeat transparent;
  width: 20px;
  height: 20px;
  background-position: -120px 0;
}
.menu .navText li.icon7 a::before {
  display: inline-block;
  background: url("../images/sprite2.svg") no-repeat transparent;
  width: 20px;
  height: 20px;
  background-position: -140px 0;
}
.menu .navText li.icon8 a::before {
  display: inline-block;
  background: url("../images/sprite2.svg") no-repeat transparent;
  width: 20px;
  height: 20px;
  background-position: -160px 0;
}
.menu .navText li.icon9 a::before {
  display: inline-block;
  background: url("../images/sprite2.svg") no-repeat transparent;
  width: 20px;
  height: 20px;
  background-position: -180px 0;
}
.menu .navText li.icon10 a::before {
  display: inline-block;
  background: url("../images/sprite2.svg") no-repeat transparent;
  width: 20px;
  height: 20px;
  background-position: -200px 0;
}
.menu .navText li.on a {
  background-color: #F5F8FF;
}
.myCommunityTitle {
  font-size: 18px;
  color: #2E2E2E;
  font-weight: 500;
  margin-left: 32px;
  margin-right: 32px;
  padding: 8px 0;
  box-sizing: border-box;
  border-bottom: 1px solid #D9DFE6;
}
/*
 * panel-box 为公用的盒容器,各模块公共的
 */
.panel-box {
  background-color: #fff;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.panel-box .describe {
  font-size: 12px;
  line-height: 25px;
  color: #f00;
}
/* 圆角 */
.panel-box-radius {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}
.around-circle {
  border-top-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.panel-bottom-raidus {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
/*-----------------------个人中心----------------------------------*/
/* 我的研修项目 title */
.bn-title-blue {
  padding: 20px;
}
.bn-title-blue h4 {
  padding-left: 7px;
  font: 16px/18px Arial, 'Microsoft Yahei';
  color: #069dd5;
  border-left: 3px solid #069dd5;
}
.bn-title-blue .bn-switch li {
  margin: 0;
}
.bn-title-blue .bn-switch li:first-child {
  margin-right: 26px;
}
.data-statis {
  padding: 0;
}
.data-statis .data-tab {
  position: relative;
  height: 36px;
  background: #f4f9fd;
}
.data-statis .data-tab ul,
.data-statis .data-tab li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.data-statis .data-tab .data-tab-box {
  width: 685px;
  margin: 0 auto;
  overflow: hidden;
}
.data-statis .data-tab a.page-btn {
  position: absolute;
  top: 0;
  width: 22px;
  height: 36px;
  border: 1px solid #e5e5e5;
  line-height: 36px;
  text-decoration: none;
  text-align: center;
  color: #2eaddc;
}
.data-statis .data-tab a.page-prev {
  left: 0;
  border-right: none;
}
.data-statis .data-tab a.page-next {
  right: 0;
  border-left: none;
}
.data-statis .data-tab a.page-btn-disabled {
  color: grey;
}
.data-statis .data-tab li {
  float: left;
  width: 99px;
  padding: 0 7px;
  font: 14px/36px Arial, 'Microsoft Yahei';
  border: 1px solid #e5e5e5;
  border-left: none;
  text-align: center;
}
.data-statis .data-tab li:first-child {
  border-left: 1px solid #e5e5e5;
}
.data-statis .data-tab li:hover,
.data-statis .data-tab li.cur {
  border-bottom-color: #fff;
  border-top-color: #20a7d9;
  background: #fff;
}
.data-statis .data-tab li:hover a,
.data-statis .data-tab li.cur a {
  color: #20a7d9;
}
.data-statis .data-tab li a {
  display: block;
  color: #333;
  text-decoration: none;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
}
.data-statis .query-box {
  height: 26px;
  margin: 15px 0;
}
.data-statis .query-box .input-box {
  float: left;
  margin: 0 0 0 20px;
  font: 12px/24px Arial, 'Microsoft Yahei';
  color: #333;
}
.data-statis .query-box label {
  padding: 0 6px 0 0;
}
.data-statis .query-box input[type=text] {
  width: 108px;
  height: 22px;
  padding: 2px 5px;
  border: 1px solid #ccc;
  border-radius: 3px;
  outline: none;
}
.data-statis .query-box select {
  width: 110px;
  height: 26px;
  outline: none;
  border: 1px solid #ccc;
  border-radius: 3px;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
}
.statis-box {
  float: left;
  width: 700px;
  margin: 0 15px;
}
.person-table {
  table-layout: fixed;
  width: 688px;
  margin: 0 auto;
  padding: 0 0 15px 0;
  font: 12px/20px Arial, 'Microsoft Yahei';
  color: #333;
}
.person-table p {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 10px;
  font-weight: normal;
}
.person-table table {
  background: #e4e8ea;
}
.person-table th {
  background: #f4f9fd;
}
.person-table td {
  height: 39px;
  background: #fff;
  text-align: center;
}
.person-table a {
  text-decoration: none;
  color: #069dd5;
}
.per-header {
  background-color: #fff;
  box-shadow: 0 4px 8px 0 rgba(102, 142, 145, 0.1);
}
.per-header li a {
  color: #069dd5;
}
.per-person-plan i.yellow {
  font-style: normal;
  color: #ff7901;
  font-weight: bold;
}
.per-again-choose {
  width: 100%;
  height: 12px;
  margin: 20px 0 0 0;
  font: 12px/12px 'microsoft yahei', 'sans-serif';
  color: #333;
}
.per-again-choose p {
  margin: 0;
  padding: 0;
}
.per-again-choose a {
  float: right;
  margin-right: 20px;
  color: #ff7901;
  text-decoration: none;
}
.per-again-choose a:hover {
  text-decoration: underline;
}
.per-project-list {
  margin: 20px 0 0 0;
}
.per-project-list ul {
  list-style: none;
  padding: 0;
}
.per-project-list ul.my-project-list li.blue-box {
  border-left: none;
}
.per-project-list ul.my-project-list .column-tip {
  color: #888;
}
.per-project-list ul.my-project-list .column-tip p a {
  color: #888;
  text-decoration: none;
}
.per-project-list ul.my-project-list .column-tip .demand {
  color: #888888;
}
.per-project-list ul.my-project-list .column-tip p {
  float: left;
  width: 430px;
}
.per-project-list ul.my-project-list .column-tip p .yellowColor {
  color: #ff7901;
  font-weight: bold;
}
.per-project-list ul.my-project-list .column-tip p .text {
  margin-right: 10px;
  color: #666;
}
.per-project-list ul.my-project-list .column-tip p a {
  text-decoration: none;
}
.per-project-list ul.my-project-list .column-link {
  color: #ff7901;
  box-sizing: border-box;
}
.per-project-list ul.my-project-list .column-link:hover {
  text-decoration: underline;
}
.per-project-list ul li {
  position: relative;
  margin: 0 0 9px 0;
  padding: 10px 0;
  background: #f4f9fd;
  border-radius: 5px;
}
.per-project-list ul li.red-box {
  border-left: 2px solid #f57665;
}
.per-project-list ul li.red-box .column-icon {
  background: #f47564;
}
.per-project-list ul li.yellow-box {
  border-left: 2px solid #f1c510;
}
.per-project-list ul li.yellow-box .column-icon {
  background: #f1c510;
}
.per-project-list ul li.blue-box {
  border-left: 2px solid #38b2ed;
}
.per-project-list ul li.blue-box .column-icon {
  background: #38b2ed;
}
.per-project-list ul li.green-box {
  border-left: 2px solid #67bb2f;
}
.per-project-list ul li.green-box .column-icon {
  background: #67bb2f;
}
.per-project-list ul li.lake-box {
  border-left: 2px solid #25cbc1;
}
.per-project-list ul li.lake-box .column-icon {
  background: #25cbc1;
}
.per-project-list p {
  margin: 0;
  padding: 0;
}
.per-project-list .person-column {
  float: left;
  width: 120px;
  margin: 0 0 0 17px;
  font: 14px/30px 'microsoft yahei', 'sans-serif';
  color: #333;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
}
.per-project-list .column-icon {
  float: left;
  width: 30px;
  height: 30px;
  margin-right: 15px;
  border-radius: 5px;
  text-align: center;
  color: #fff;
}
.per-project-list .column-icon .iconfont {
  font-size: 18px;
  line-height: 26px;
  vertical-align: middle;
}
.per-project-list .column-tip {
  float: left;
  width: 539px;
  margin: 0 0 0 10px;
  font: 12px/30px 'microsoft yahei', 'sans-serif';
  color: #999;
}
.per-project-list .column-tip p {
  float: left;
  width: 430px;
}
.per-project-list .column-con-list {
  position: relative;
  color: #666;
}
.per-project-list .column-link {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -15px;
  text-decoration: none;
  margin-right: 20px;
  font: 12px/30px 'microsoft yahei', 'sans-serif';
  color: #009cd7;
}
.per-certificate-tab {
  table-layout: fixed;
  width: 100%;
  border-collapse: collapse;
}
.per-certificate-tab th {
  height: 45px;
  line-height: 45px;
  font-size: 14px;
  background-color: #f4f9fd;
  border: 1px solid #e4e8ea;
}
.per-certificate-tab td {
  height: 40px;
  line-height: 40px;
  font-size: 12px;
  border: 1px solid #e4e8ea;
  text-align: center;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
}
.per-certificate-tab td:nth-child(1) {
  text-align: left;
  text-indent: 0.5rem;
}
.per-certificate-tab td a {
  text-decoration: none;
  color: #069dd5;
}
.per-pagination {
  padding: 0 20px;
  background-color: #fff;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.dotted-line {
  border-bottom: 1px dashed #999;
}
.dotted-line a {
  text-decoration: none;
}
/*个人信息*/
.per-left-top {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 32px 0 0 0;
  background-color: #fff;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.per-left-top .portrait {
  width: 90px;
  height: 90px;
  border-radius: 50%;
}
.per-left-top .portrait img {
  display: inline-block;
  width: 90px;
  height: 90px;
  overflow: hidden;
  border-radius: 50%;
  background: url(../images/portrait.svg) no-repeat;
}
.per-left-top .portrait span {
  z-index: 2;
  position: absolute;
  left: 0;
  top: 0;
  width: 49px;
  height: 40px;
}
.per-left-top .per-name {
  height: 28px;
  margin-top: 16px;
  text-align: center;
  font-size: 20px ;
  color: #262626;
}
/**/
.project-name {
  width: 100%;
  height: 75px;
  background: url('../images/re_03.png') no-repeat;
  border-bottom: 1px solid #ebedee;
}
.project-name .enter-link {
  position: relative;
  width: 730px;
  overflow: hidden;
}
.project-name .enter-link .title {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  padding-right: 122px;
  margin-left: 20px;
  font: normal 20px/75px Arial, 'Microsoft Yahei';
  text-decoration: none;
  color: #fe7901;
}
.project-name .enter-link .switchProject {
  position: absolute;
  top: 20px;
  border: 1px solid #fe7901;
  background-color: #fe7901;
  border-radius: 3px;
  color: #fff;
  text-align: center;
  padding: 5px 10px;
  margin-left: 20px;
  font: normal 15px/20px Arial, 'Microsoft Yahei';
  cursor: pointer;
  right: 20px;
}
.noticeInfo ul {
  list-style: none;
  padding: 0;
}
.noticeInfo ul li {
  position: relative;
  float: left;
  width: 335px;
  margin-left: 20px;
  padding: 10px;
  font-size: 13px;
  line-height: 20px;
  box-sizing: border-box;
}
.noticeInfo ul li a {
  text-decoration: none;
  color: black;
  display: block;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
}
.noticeInfo ul li.on {
  background-color: #fff0eb;
  border-radius: 3px;
}
.noticeInfo ul li.on:before {
  content: '未读';
  position: absolute;
  top: 9px;
  left: 10px;
  border: 1px solid red;
  border-radius: 3px;
  background-color: red;
  padding: 0px 5px;
  color: white;
  cursor: pointer;
}
.noticeInfo ul li.on a {
  color: black;
  padding-left: 48px;
}
.noticeInfo ul li.on:hover a {
  color: red;
}
.notice {
  background-color: #fff;
}
.notice .title {
  overflow: hidden;
  padding: 12px 20px;
  border-bottom: 1px solid #e7e7e7;
}
.notice .title img {
  float: left;
}
.notice .title a {
  float: right;
  margin-right: 20px;
  color: #ff7901;
  font-size: 12px;
  text-decoration: initial;
}
.notice ul {
  list-style: none;
  padding: 12px 0;
  margin: 0;
  overflow: hidden;
}
.notice ul li {
  position: relative;
  float: left;
  width: 335px;
  margin-left: 20px;
  padding: 2px 0;
  font-size: 13px;
  line-height: 20px;
  box-sizing: border-box;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
}
.notice ul li a {
  text-decoration: none;
  color: black;
  font-size: 12px;
}
.notice ul li.on:before {
  content: '未读';
  position: absolute;
  top: 3px;
  left: 0px;
  border: 1px solid red;
  border-radius: 3px;
  background-color: red;
  padding: 0px 2px;
  color: white;
  cursor: pointer;
  font-size: 12px;
  line-height: 16px;
}
.notice ul li.on a {
  color: red;
  padding-left: 33px;
}
.notice ul li.on a:hover {
  color: black;
}
.visitors-switch li {
  width: 43%;
  text-align: right;
}
.visitors-switch li:nth-child(2) {
  float: right;
  text-align: left;
}
.left-nav > li a {
  border-left: 2px solid #fff;
  padding-left: 20px;
}
.left-nav > li a i {
  width: 20px;
  margin-right: 20px;
}
.header-nav {
  margin-left: 20px;
  font-size: 16px;
}
.header-nav li a {
  margin-left: 3px;
  color: #2E2E2E;
}
.header-nav li.bn-cur {
  height: 48px;
  border-bottom: 2px solid #3B5AFB;
}
.header-nav li.bn-cur a {
  color: #3B5AFB;
  font-weight: bold;
}
.header-nav li:hover {
  height: 48px;
}
.header-nav li:hover a {
  color: #3B5AFB;
}
/* 蓝色标题 */
.title-name {
  font-size: 16px;
  line-height: 17px;
}
/* 资源 start */
.search-title {
  padding: 15px 0;
  border-bottom: 1px solid #e3e7e8;
}
.search-title .blue-link {
  float: right;
  margin-right: 14px;
  font: 14px/30px Arial, 'Microsoft Yahei';
  color: #069dd5;
  text-decoration: none;
}
.filter-box {
  border-bottom: 1px solid #d0d6d9;
}
.filter-box .bn-filter:last-child {
  border-bottom: none;
}
.filter-box .bn-filter .filter-open {
  height: auto;
}
.filter-box .bn-filter > a {
  text-align: left;
}
.filter-box .bn-close-btn {
  background: url('../images/bn-open-bg.gif') no-repeat 29px 6px;
}
.filter-box .bn-open-btn {
  background: url('../images/bn-close-bg.gif') no-repeat 29px 6px;
}
/* 排序 */
.sort-list {
  width: 100%;
  height: 40px;
  font: 12px/40px Arial, 'Microsoft Yahei';
  background: #f9f9f9;
}
.sort-list ul {
  float: right;
  margin: 0;
  padding: 0;
  list-style: none;
}
.sort-list li {
  float: left;
  margin: 0 19px 0 9px;
}
.sort-list li:hover a,
.sort-list li.cur a {
  color: #069dd5;
}
.sort-list li:hover a .iconfont,
.sort-list li.cur a .iconfont {
  color: #ccc;
}
.sort-list li:hover a .iconfont.active,
.sort-list li.cur a .iconfont.active {
  color: #069dd5;
}
.sort-list a {
  position: relative;
  display: block;
  padding-right: 20px;
  color: #666;
  text-decoration: none;
}
.sort-list a .iconfont {
  position: absolute;
  right: 0;
  font-size: 18px;
  line-height: 19px;
  color: #ccc;
}
.sort-list a .icon-up-triangle {
  bottom: 14px;
}
.sort-list a .icon-down-triangle {
  top: 14px;
}
.resource-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.resource-list.re-index {
  border-top: 6px solid #f0f2f5;
}
.resource-list > li {
  height: 100px;
  padding: 20px 18px;
  font: 12px/24px Arial, 'Microsoft Yahei';
  color: #999;
  border-bottom: 1px dashed #ebedee;
  box-sizing: border-box;
}
.resource-list > li:hover {
  background: #f4f9fd;
}
.resource-list > li a {
  display: block;
  color: #999;
  text-decoration: none;
}
.resource-list h3,
.resource-list p {
  margin: 0;
  padding: 0;
  list-style: none;
}
.resource-list p {
  float: left;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  width: 126px;
  margin-right: 15px;
}
.resource-list p b {
  color: #666;
  font-weight: normal;
}
.resource-list p em {
  display: inline-block;
  min-width: 21px;
  max-width: 65px;
  margin-left: 6px;
  padding: 0 7px;
  font-style: normal;
  color: #fff;
  line-height: 16px;
  background: #ffa200;
  border-radius: 8px;
  text-align: center;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  vertical-align: middle;
}
.resource-list .resource-name {
  position: relative;
  padding-right: 85px;
}
.resource-list .resource-name h3 {
  font: 14px/30px Arial, 'Microsoft Yahei';
  color: #009cd7;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
}
.resource-list .resource-name h3 a {
  color: #009cd7;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
}
.resource-list .resource-name .date {
  position: absolute;
  right: 0;
  top: 0;
  line-height: 30px;
  color: #666;
}
/* 优秀资源列表 && 最新资源 */
.excellent-resource {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 211px;
  margin: 0 auto;
}
.excellent-resource > li {
  margin: 0;
  padding: 0;
  list-style: none;
  height: 72px;
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #ebedee;
}
.excellent-resource > li:last-child {
  border-bottom: none;
}
.excellent-resource a {
  text-decoration: none;
}
.excellent-resource a:hover h3 {
  color: #009cd7;
}
.excellent-resource h3,
.excellent-resource p {
  margin: 0;
  padding: 0;
  list-style: none;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
}
.excellent-resource .excellent-pic {
  float: left;
  width: 94px;
  height: 72px;
  border: none;
  vertical-align: top;
}
.excellent-resource .excellent-info {
  float: left;
  width: 100%;
}
.excellent-resource .excellent-info h3 {
  font: normal 14px/24px Arial, 'Microsoft Yahei';
  color: #333;
}
.excellent-resource .excellent-info p {
  font: 12px/24px Arial, 'Microsoft Yahei';
  color: #999;
}
.excellent-resource .excellent-info .bn-star-box {
  margin-top: 5px;
}
/* 优秀资源 */
.good-resource-box .resource-list > li > a {
  width: 715px;
}
/* 资源预览 */
.view-title {
  width: 940px;
  padding: 20px 30px;
  border-bottom: 1px solid #e3e7e8;
}
.view-title h1 {
  margin: 0;
  padding: 0;
  list-style: none;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  font: normal 18px/36px Arial, 'Microsoft Yahei';
  color: #000;
}
.view-title p {
  margin: 0;
  padding: 0;
  list-style: none;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  float: left;
  color: #666;
}
.view-info p {
  width: 160px;
  margin-right: 15px;
  font: 14px/24px Arial, 'Microsoft Yahei';
}
.view-info p.w100 {
  width: 100px;
}
.view-data {
  margin-top: 20px;
}
.view-data p {
  float: left;
  margin: 0 35px 0 0;
  font: 12px/24px Arial, 'Microsoft Yahei';
  color: #333;
}
.view-data p .iconfont {
  float: left;
  padding-right: 4px;
  color: #71b5db;
}
.view-data .bn-star-list {
  margin-top: 3px;
}
.resource-preview {
  width: 940px;
  margin: 20px auto 0;
  padding: 0;
}
.resource-con {
  overflow-y: auto;
  overflow-x: hidden;
  width: 100%;
  height: 745px;
}
.my-operte {
  margin: 0;
  font: 14px/24px Arial, 'Microsoft Yahei';
  color: #333;
}
.my-operte .bn-star-box {
  margin-right: 35px;
}
.my-operte .bn-star-box .bn-star-tips {
  font-size: 16px;
  font-weight: bold;
}
.my-operte .bn-star-box .bn-star-list {
  margin: -2px 0 0 0;
}
.my-operte .bn-star-box .bn-star-list .iconfont {
  font-size: 20px;
}
.resource-down {
  height: 45px;
  padding: 0 26px;
  font: 18px/45px Arial, 'Microsoft Yahei';
  color: #fff;
  border: 1px solid #f18200;
  background-image: -moz-linear-gradient(to bottom, #ffa132, #ff8a00);
  background-image: -webkit-linear-gradient(to bottom, #ffa132, #ff8a00);
  background-image: -ms-linear-gradient(to bottom, #ffa132, #ff8a00);
  background-image: -o-linear-gradient(to bottom, #ffa132, #ff8a00);
  background-image: linear-gradient(to bottom, #ffa132, #ff8a00);
}
.resource-down:hover {
  color: #fff;
}
.resource-down .iconfont {
  margin-right: 23px;
  font-size: 22px;
}
.textarea-box {
  padding: 0 20px;
  margin: 0 auto 20px;
  font: 12px/26px Arial, 'Microsoft Yahei';
  color: #999;
}
.textarea-box .bn-comment-textarea {
  height: 78px;
}
.textarea-box .emotion {
  width: 20px;
  height: 26px;
  background: url('../images/icon.gif') no-repeat left 6px;
}
.textarea-box .emotion:hover {
  background-position: left -24px;
}
.resource-comment-list .bn-comment-list {
  margin: 0 20px;
}
/* 蓝色按钮 */
.btn-blue {
  height: 24px;
  min-height: 24px;
  padding: 0 15px;
  font: 12px/24px Arial, 'Microsoft Yahei';
  color: #fff;
  background: #3f9bce;
  border: 1px solid #0c8ac5;
  border-radius: 3px;
}
.btn-blue:hover {
  color: #fff;
  background: #3f9bce;
  border: 1px solid #0c8ac5;
}
/* 资源 end */
/* 课例研究 start */
/* 模拟选择框 */
.lesson-select-box {
  position: relative;
  font: 12px/28px Arial, 'Microsoft Yahei';
  color: #333;
}
.lesson-select-box ul {
  margin: 0;
  padding: 0;
  list-style: none;
  line-height: 25px;
}
.lesson-select-box li {
  padding: 0 10px;
  cursor: pointer;
}
.lesson-select-box li:hover {
  background: #f6f6f6;
}
.lesson-select-box:hover .lesson-select-option {
  display: block;
}
.lesson-select-value {
  position: relative;
  height: 28px;
  margin: 0;
  padding: 0;
  list-style: none;
  padding: 0 0 0 10px;
  border: 1px solid #ccc;
  border-radius: 3px;
  cursor: pointer;
}
.lesson-select-value .iconfont {
  margin-left: 6px;
  color: #d1d1d1;
  vertical-align: -1px;
}
.lesson-select-option {
  z-index: 10;
  position: absolute;
  left: 0;
  top: 28px;
  display: none;
  width: 100%;
  margin-bottom: 5px;
  background: #fff;
  border: 1px solid #ccc;
  box-shadow: 0 3px 3px #d3d3d3;
  box-sizing: border-box;
}
.lesson-list {
  overflow: hidden;
  margin: 0 auto;
}
.lesson-list ul,
.lesson-list li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.lesson-list li {
  position: relative;
  float: left;
  border: 1px solid #f5f5f5;
  box-sizing: border-box;
  box-shadow: 0 2px 3px #fafafa, 2px 0 3px #fafafa, 0 -2px 3px #fafafa, -2px 0 3px #fafafa;
}
.lesson-list a {
  font: 12px/22px Arial, 'Microsoft Yahei';
  color: #666;
  text-decoration: none;
}
.lesson-list .lesson-pic {
  width: 190px;
  height: 143px;
  overflow: hidden;
}
.lesson-list .lesson-pic img {
  width: 100%;
  height: 100%;
  -webkit-transition: all 300ms linear;
  -ms-transition: all 300ms linear;
  -moz-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  transition: all 300ms linear;
}
.lesson-list .lesson-pic:hover img {
  -webkit-transform: scale(1.5, 1.5);
  -ms-transform: scale(1.5, 1.5);
  -o-transform: scale(1.5, 1.5);
  -moz-transform: scale(1.5, 1.5);
  transform: scale(1.5, 1.5);
}
.lesson-list .lesson-info {
  font: 12px/22px Arial, 'Microsoft Yahei';
}
.lesson-list .lesson-info p,
.lesson-list .lesson-info h3 {
  margin: 0;
  padding: 0;
  list-style: none;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
}
.lesson-list .lesson-info h3 {
  font: 14px/26px Arial, 'Microsoft Yahei';
  color: #069dd5;
}
.lesson-list .lesson-info h3 a {
  font: 14px/26px Arial, 'Microsoft Yahei';
  color: #069dd5;
}
.lesson-list .lesson-question {
  color: #999;
}
.lesson-list .lesson-progress .progress {
  display: inline-block;
  width: 110px;
  height: 4px;
  border: none;
  background: #d6d6d8;
  color: #ffa200;
  border-color: #ffa200;
  vertical-align: 2px;
  margin-right: 5px;
}
.lesson-list .lesson-progress .progress i {
  display: block;
  height: 100%;
  background: #ffa200;
}
.lesson-list .lesson-good {
  z-index: 3;
  position: absolute;
  left: 10px;
  top: 10px;
}
.lesson-list .finishIcon {
  z-index: 3;
  position: absolute;
  left: -25px;
  top: -25px;
  border: 35px solid transparent;
  border-color: transparent transparent #2abb78 transparent;
  transform: rotate(315deg);
  -ms-transform: rotate(315deg);
  /* Internet Explorer */
  -moz-transform: rotate(315deg);
  /* Firefox */
  -webkit-transform: rotate(315deg);
  /* Safari 和 Chrome */
  -o-transform: rotate(315deg);
  /* Opera */
}
.lesson-list .finishIcon:before {
  content: '完成';
  display: block;
  position: absolute;
  font-size: 12px;
  color: #fff;
  left: -12px;
  top: 12px;
  width: 30px;
}
.lesson-research-list {
  width: 958px;
  padding: 0 2px;
  box-sizing: border-box;
}
.lesson-research-list li {
  width: 461px;
  height: 163px;
  margin: 0 0 18px 0;
  padding: 10px;
}
.lesson-research-list li:nth-child(2n) {
  float: right;
}
.lesson-research-list .lesson-info {
  float: left;
  width: 235px;
  margin-left: 10px;
}
.lesson-research-list .lesson-pic {
  float: left;
}
.lesson-list2 {
  width: 960px;
  margin: 0 auto;
  padding: 0;
  box-sizing: border-box;
  overflow: hidden;
}
.lesson-list2.lessonListThree {
  width: 700px;
}
.lesson-list2.lessonListThree li {
  width: 33.3%;
}
.lesson-list2 ul,
.lesson-list2 li {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
}
.lesson-list2 li {
  float: left;
  box-sizing: border-box;
  width: 25%;
  height: 250px;
  margin-bottom: 20px;
}
.lesson-list2 li .box {
  position: relative;
  margin-right: 10px;
  margin-left: 10px;
  border: 1px solid #f5f5f5;
  padding: 10px;
  color: #666;
  box-shadow: 0 2px 3px #fafafa, 2px 0 3px #fafafa, 0 -2px 3px #fafafa, -2px 0 3px #fafafa;
}
.lesson-list2 li .box .lesson-pic {
  width: 100%;
  height: 143px;
  overflow: hidden;
  cursor: pointer;
}
.lesson-list2 li .box .lesson-pic img {
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  -webkit-transition: transform 0.2s;
  -ms-transition: transform 0.2s;
  -moz-transition: transform 0.2s;
  -o-transition: transform 0.2s;
  transition: transform 0.2s;
}
.lesson-list2 li .box .lesson-pic:hover img {
  -webkit-transform: scale(1.2, 1.2);
  -ms-transform: scale(1.2, 1.2);
  -o-transform: scale(1.2, 1.2);
  -moz-transform: scale(1.2, 1.2);
  transform: scale(1.2, 1.2);
}
.lesson-list2 li .box .lesson-info {
  width: 100%;
  margin-left: 0;
  margin-top: 10px;
  font: 12px/25px Arial, 'Microsoft Yahei';
  cursor: pointer;
}
.lesson-list2 li .box .lesson-info p,
.lesson-list2 li .box .lesson-info h3 {
  margin: 0;
  padding: 0;
  list-style: none;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
}
.lesson-list2 li .box .lesson-info h3 {
  font: 14px/25px Arial, 'Microsoft Yahei';
  color: #069dd5;
}
.lesson-list2 li .box .lesson-info h3 a {
  font: 14px/25px Arial, 'Microsoft Yahei';
  color: #069dd5;
}
.lesson-list2 li .box .lesson-info .lesson-progress {
  position: relative;
  padding: 10px 40px;
}
.lesson-list2 li .box .lesson-info .lesson-progress .progress {
  position: absolute;
  left: 0;
  top: 0;
}
.lesson-list2 li .box .lesson-info .lesson-progress .num {
  position: absolute;
  right: 0;
  top: 0;
}
.lesson-list2 li .box .lesson-info .lesson-progress .percentage {
  position: relative;
  height: 5px;
  background: #efefef;
  border-radius: 3px;
}
.lesson-list2 li .box .lesson-info .lesson-progress .percentage i {
  position: absolute;
  left: 0;
  top: 0;
  background: #ffa200;
  display: inline-block;
  height: 100%;
  border-radius: 3px;
}
/*课例标识*/
.lesson-good,
.lesson-finish {
  z-index: 3;
  position: absolute;
  left: -25px;
  top: -25px;
  border: 35px solid transparent;
  transform: rotate(315deg);
  -ms-transform: rotate(315deg);
  /* Internet Explorer */
  -moz-transform: rotate(315deg);
  /* Firefox */
  -webkit-transform: rotate(315deg);
  /* Safari 和 Chrome */
  -o-transform: rotate(315deg);
  /* Opera */
}
.lesson-good:before,
.lesson-finish:before {
  content: '';
  display: block;
  position: absolute;
  font-size: 12px;
  color: #fff;
  left: -12px;
  top: 12px;
  width: 30px;
}
.lesson-good {
  border-color: transparent transparent #ffa200 transparent;
}
.lesson-good:before {
  content: '优秀';
}
.lesson-finish {
  border-color: transparent transparent #2abb78 transparent;
}
.lesson-finish:before {
  content: '完成';
}
/* 课例研究 end */
/* 我的课例 start */
.my-lesson {
  width: 700px;
}
.my-lesson ul {
  width: 730px;
}
.my-lesson li {
  width: 211px;
  padding: 10px;
  margin: 3px 27px 26px 3px;
}
.my-lesson li:hover .delete-icon {
  display: block;
}
.my-lesson .lesson-info {
  margin-top: 8px;
}
.my-lesson .lesson-pic {
  width: 190px;
  height: 143px;
}
.my-lesson .delete-icon {
  display: none;
  z-index: 10;
  position: absolute;
  right: -10px;
  top: -10px;
  width: 18px;
  height: 18px;
  background: #fff;
  border: 1px solid #f60;
  border-radius: 50%;
  text-align: center;
}
.my-lesson .delete-icon:before {
  content: '\e623';
  font-family: 'iconfont';
  color: #f60;
  line-height: 19px;
  vertical-align: top;
}
/* 我的课例 end */
/* 我的资源 start */
.my-resource .bn-title {
  padding: 0;
  border-bottom: 1px solid #e3e7e8;
  background-image: -webkit-linear-gradient(to bottom, #fff, #fdfdfd, #faf9f9);
  background-image: -ms-linear-gradient(to bottom, #fff, #fdfdfd, #faf9f9);
  background-image: -moz-linear-gradient(to bottom, #fff, #fdfdfd, #faf9f9);
  background-image: -o-linear-gradient(to bottom, #fff, #fdfdfd, #faf9f9);
  background-image: linear-gradient(to bottom, #fff, #fdfdfd, #faf9f9);
}
.my-resource .bn-title.blue-color {
  padding: 20px;
  background-image: none;
}
.my-resource .bn-title.blue-color .iconfont {
  padding-right: 6px;
  font-size: 20px;
  vertical-align: -2px;
}
.my-resource .bn-tab li {
  width: 180px;
  height: 50px;
  border-right: 1px solid #f4f4f4;
}
.my-resource .bn-tab li:nth-child(2) {
  margin: 0;
}
.my-resource .bn-tab li:nth-child(2) .iconfont {
  font-size: 16px;
}
.my-resource .bn-tab a {
  display: block;
  width: 100%;
  height: 100%;
  font: 16px/50px Arial, 'Microsoft Yahei';
  color: #666;
  text-align: center;
}
.my-resource .bn-tab a.bn-cur,
.my-resource .bn-tab a:hover {
  background: #069dd5;
  color: #fff;
}
.my-resource .bn-tab a.bn-cur .iconfont,
.my-resource .bn-tab a:hover .iconfont {
  color: #fff;
}
.my-resource .bn-tab .iconfont {
  padding-right: 7px;
  font-size: 20px;
  color: #13a3d6;
  vertical-align: -1px;
}
.my-resource .publish-box {
  width: 173px;
  height: 44px;
  padding: 6px 0 0 0;
  text-align: center;
  border-left: 1px solid #f4f4f4;
}
.my-resource .publish-box .bn-btn {
  width: 132px;
  height: 38px;
  font: 16px/38px Arial, 'Microsoft Yahei';
}
.my-resource .sort-list {
  background: #fff;
}
.my-resource .resource-list p {
  margin-right: 10px;
}
.my-resource .resource-list .resource-name {
  height: 30px;
  padding-right: 0;
}
.my-resource .resource-list .resource-name h3 {
  float: left;
  width: 500px;
}
.my-resource .resource-list .date {
  position: static;
  float: right;
}
.my-resource .resource-list .delete-do {
  float: right;
  margin-left: 10px;
  line-height: 30px;
}
/* 我的资源 end */
/* 我的自选课程 start */
.my-optional-course {
  padding: 0 16px;
  margin: 0 auto;
}
.my-optional-course .my-course-state {
  float: left;
  margin-left: 10px;
  font: 12px/26px Arial, 'Microsoft Yahei';
  color: #5fb335;
}
.my-optional-course .kc-pic {
  width: 225px;
  height: 175px;
  overflow: hidden;
}
.my-optional-course .kc-pic img {
  -webkit-transition: transform 0.2s;
  -ms-transition: transform 0.2s;
  -moz-transition: transform 0.2s;
  -o-transition: transform 0.2s;
  transition: transform 0.2s;
}
.my-optional-course .kc-pic:hover img {
  -webkit-transform: scale(1.2, 1.2);
  -ms-transform: scale(1.2, 1.2);
  -o-transform: scale(1.2, 1.2);
  -moz-transform: scale(1.2, 1.2);
  transform: scale(1.2, 1.2);
}
.my-optional-course .kc-course-box {
  overflow: hidden;
  width: 100%;
  margin: 20px 0 0 0;
}
.my-optional-course .kc-course-box a {
  color: #666;
  text-decoration: none;
}
.my-optional-course .kc-course-box > ul {
  width: 730px;
}
.my-optional-course .kc-course-box > ul > li {
  margin: 3px 12px 18px 2px;
  box-shadow: 0 2px 3px #f5f5f5, 2px 0 3px #f5f5f5, -2px 0 3px #f5f5f5, 0 -2px 3px #f5f5f5;
}
/* 我的自选课程 end */
/* Ta的个人资料 start */
.other-infomation {
  width: 690px;
  margin: 0 auto;
  padding: 0 0 30px 0;
  font: 12px/40px Arial, 'Microsoft Yahei';
  color: #333;
}
.other-infomation .bn-title {
  margin-bottom: 15px;
  padding: 20px 0 6px;
}
.other-infomation .blue-color h4 {
  color: #069dd5;
}
.other-infomation .ash-color {
  color: #999;
}
/* Ta的个人资料 end */
/* Ta的研修项目 start */
.other-project-list ul > li {
  margin: 0 0 20px 0;
  overflow: hidden;
}
.other-project-list .column-icon {
  margin-left: 15px;
}
.other-project-list .column-icon .iconfont {
  font-size: 22px;
  line-height: 30px;
}
.other-project-list .column-tip {
  float: none;
  width: auto;
  font: 14px/30px Arial, 'Microsoft Yahei';
  color: #333;
}
.other-project-list .column-tip p {
  width: 480px;
}
/* Ta的研修项目 end */
/* Ta的日志 start */
.jour-main-box.other-jour-list {
  border-top: none;
}
.jour-main-box.other-jour-list .jour-list .jour-view-sets:last-child {
  border-right: 0;
}
/* Ta的日志 end */
/* 收件箱 && 发件箱 start */
.per-info-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.per-info-list p {
  margin: 0;
  padding: 0;
  list-style: none;
}
.per-info-list a {
  text-decoration: none;
}
.per-info-list li {
  width: 100%;
  color: #333;
  list-style-type: none;
  border-bottom: 1px solid #f5f5f5;
}
.per-info-list li.already-read .person-info {
  font-weight: normal;
}
.per-info-list li .info-title {
  width: 60px;
  margin: 0 20px 0 10px;
  padding: 0 0 0 35px;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
}
.per-info-list li .info-con {
  width: 340px;
  margin-right: 15px;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
}
.per-info-list li .yellow {
  color: #ff7901;
}
.per-info-list .info-reply {
  float: left;
  margin-right: 18px;
  padding-left: 15px;
  color: #009cd7;
  background: url('../images/n-person-icon03.png') no-repeat left center;
}
.per-info-list .delete-icon {
  float: right;
  margin-right: 10px;
  color: #fc907f;
}
.per-info-list .person-info {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 49px;
  padding: 0 125px 0 19px;
  border-left: 2px solid #fff;
  cursor: pointer;
  font: bold 13px/49px Arial, 'Microsoft Yahei';
  box-sizing: border-box;
}
.per-info-list .person-info p {
  float: left;
}
.per-info-list .person-info:hover {
  background: #f4f9fd;
  border-left-color: #38b2ed;
}
.per-info-list .person-info:hover p.info-choose i {
  border-color: #2681b5;
}
.per-info-list .person-info:hover a {
  display: block;
}
.per-info-list .person-info .data {
  position: absolute;
  right: 17px;
  top: 0;
  font-size: 12px;
  line-height: 49px;
  color: #999;
  font-weight: normal;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
}
.per-info-list .person-info a {
  display: none;
  font-weight: normal;
}
.per-info-list .per-info-box {
  display: none;
  width: 100%;
  height: auto;
  padding: 0 0 10px 0;
  background-image: repeating-linear-gradient(-45deg, #fe0000, #fe0000 30px, #fff 30px, #fff 40px, #008bff 40px, #008bff 70px, #fff 70px, #fff 80px);
}
.per-info-list .info-detail {
  width: 710px;
  margin: 0 auto;
  padding-bottom: 30px;
  font: 12px/24px Arial, 'Microsoft Yahei';
  color: #333;
  background: #fff;
}
.per-info-list .ash {
  color: #999;
}
.per-info-list .email-top {
  width: 100%;
  margin: 0 auto;
  padding: 20px 25px;
  border-bottom: 1px solid #f5f5f5;
  box-sizing: border-box;
}
.per-info-list .email-top .email-operate {
  float: right;
  margin-top: -5px;
}
.per-info-list .email-top a {
  float: left;
  height: 27px;
  border: 1px solid #ccc;
  border-radius: 3px;
  line-height: 27px;
}
.per-info-list .email-top .info-reply {
  margin: 0 9px 0 0;
  padding: 0 11px 0 26px;
  color: #009cd7;
  background: url('../images/n-person-icon03.png') no-repeat 11px 6px;
}
.per-info-list .email-top .delete-icon {
  padding: 0 4px;
  color: #ff6d55;
}
.per-info-list .email-top .data {
  color: #999;
}
.per-info-list .info-receiver {
  width: 470px;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
}
.per-info-list .email-con,
.per-info-list .email-tail {
  width: 680px;
  margin: 8px auto 0;
}
.per-info-list .sender-time {
  position: relative;
  height: 24px;
  margin: 0 0 12px 0;
  border-bottom: 1px solid #f5f5f5;
}
.per-info-list .sender-time span {
  position: absolute;
  left: 0;
  top: 12px;
  padding: 0 10px 0 0;
  background: #fff;
}
.per-info-list .info-choose {
  width: 17px;
}
.all-select {
  margin-left: 21px;
  font: 13px/49px Arial, 'Microsoft Yahei';
  color: #333;
}
.all-select span {
  padding-left: 9px;
}
.all-select span:hover {
  text-decoration: underline;
}
.all-select .info-delete {
  margin-right: 20px;
  font-size: 12px;
  color: #666;
  text-decoration: none;
}
.all-select .info-delete:hover {
  text-decoration: underline;
}
.all-select .info-delete .iconfont {
  float: left;
  margin-right: 6px;
  color: #ff6d55;
}
.all-select .info-delete .iconfont:hover {
  text-decoration: none;
}
.info-choose {
  position: relative;
  height: 49px;
  line-height: 49px;
}
.info-choose label {
  cursor: pointer;
}
.info-choose input[type=checkbox] {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 50%;
  width: 17px;
  height: 17px;
  margin-top: -8px;
  cursor: pointer;
}
.info-choose input[type=checkbox]:checked + i {
  width: 17px;
  height: 17px;
  background: url('../images/n-person-bg03.gif') no-repeat;
  border: none;
  border-radius: 0;
}
.info-choose i {
  display: inline-block;
  width: 15px;
  height: 15px;
  border: 1px solid #ccc;
  vertical-align: middle;
  border-radius: 3px;
  background: #fff;
  cursor: pointer;
}
.receipt-list .info-title {
  background: url('../images/n-person-icon01.jpg') no-repeat left center;
}
.receipt-list .already-read .info-title {
  background: url('../images/n-person-icon02.jpg') no-repeat left center;
}
.receipt-list .click-view .person-info {
  border-left-color: #38b2ed;
  border-right: 2px solid #38b2ed;
  border-top: 1px solid #38b2ed;
  background: #f4f9fd;
}
.receipt-list .click-view .person-info a {
  display: none;
}
.receipt-list .click-view .per-info-box {
  display: block;
}
.send-list li .info-title {
  width: 100px;
}
.send-list li .info-con {
  width: 360px;
}
/* 收件箱&&发件箱  end */
/* 个人设置 start */
.person-set-box {
  width: 690px;
  margin: 0 auto;
  padding: 30px 0 0 0;
}
.set-title-tab {
  position: relative;
  width: 100%;
  height: 37px;
  margin: 0;
  padding: 0;
  list-style: none;
  border-bottom: 1px solid #5fc6ec;
}
.set-title-tab li {
  float: left;
  width: 102px;
  margin: 0 10px 0 0;
  text-align: center;
}
.set-title-tab a {
  display: block;
  font: 14px/36px Arial, 'Microsoft Yahei';
  color: #333;
  background: #e5f3fe;
  border: 1px solid #5fc6ec;
  text-decoration: none;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.set-title-tab a.tab-cur,
.set-title-tab a:hover {
  background: #fff;
  border-bottom: 1px solid #fff;
}
.person-set-con {
  padding: 24px 0 50px 0;
  font: 14px/24px Arial, 'Microsoft Yahei';
  color: #333;
  box-sizing: border-box;
}
.person-set-con p {
  margin: 0;
  padding: 0;
  list-style: none;
}
.person-set-con p.set-photo-tip {
  margin: 30px 0 11px 0;
  color: #999;
}
.set-option-list {
  margin: 0;
  padding: 0;
  list-style: none;
  margin: 10px 0 0 0;
}
.set-option-list li {
  position: relative;
  margin-bottom: 5px;
}
.set-option-list label {
  float: left;
  position: relative;
}
.set-option-list label input[type=radio] {
  position: absolute;
  left: 0;
  top: 4px;
  opacity: 0;
  cursor: pointer;
}
.set-option-list label input[type=radio]:checked + span {
  border: 0;
  background: url('../images/set-radio-bg.gif') no-repeat center center;
}
.set-option-list label span {
  display: inline-block;
  width: 14px;
  height: 14px;
  border: 1px solid #d1d7da;
  border-radius: 50%;
  box-sizing: border-box;
  vertical-align: -1px;
}
.set-option-list i.iconfont {
  float: left;
  width: 30px;
  margin-left: 20px;
  color: #069dd5;
}
.set-password {
  margin-top: 45px;
}
.set-password tr td:first-child {
  text-align: right;
}
.set-password td {
  padding-bottom: 15px;
}
.personal-data {
  font-size: 12px;
  color: #333;
}
.personal-data tr td {
  position: relative;
  padding-bottom: 15px;
  vertical-align: top;
  line-height: 30px;
}
.personal-data tr td:nth-child(2n+1) {
  text-align: right;
}
.personal-data input {
  width: 100%;
  border-radius: 3px;
}
.personal-data input.set-input {
  width: 244px;
}
.set-date {
  position: relative;
  line-height: 30px;
}
.set-date input {
  width: 100%;
  padding-right: 33px;
  box-sizing: border-box;
}
.set-date input:focus + .iconfont {
  border-left-color: #009cd7;
  color: #009cd7;
}
.set-date .icon-date {
  position: absolute;
  right: 0;
  top: 1px;
  padding: 0 4px;
  font-size: 22px;
  line-height: 29px;
  color: #ccc;
  border-left: 1px solid #ccc;
}
.person-photo-list {
  margin: 0;
  padding: 0;
  list-style: none;
  padding: 20px 0 0 0;
}
.person-photo-list li {
  float: left;
}
.person-photo-list li img {
  border-radius: 50%;
}
.person-photo-list li:first-child img {
  width: 180px;
  height: 180px;
}
.person-photo-list li:nth-child(2) {
  margin: 0 82px 0 94px;
}
.person-photo-list li:nth-child(2) img {
  width: 50px;
  height: 50px;
}
.person-photo-list li:nth-child(3) img {
  width: 30px;
  height: 30px;
}
i.set-red {
  padding-right: 3px;
  font-style: normal;
  color: #e81515;
}
.set-btn {
  padding: 15px 0 0 0;
  text-align: center;
}
.border-top {
  border-top: 1px solid #e3e7e8;
}
/* 个人设置 end */
/* 个人中心-积分规则 */
.integral-intro {
  width: 940px;
  margin: 0 auto;
  padding: 0 0 50px 0;
  font: 14px/26px Arial, 'Microsoft Yahei';
  color: #666;
}
.integral-intro h1 {
  margin: 0;
  padding: 0;
  list-style: none;
  font: 16px/58px Arial, 'Microsoft Yahei';
  color: #333;
  text-align: center;
}
.integral-intro p {
  margin: 0;
  padding: 0;
  list-style: none;
}
.integral-intro p:nth-child(2) {
  margin: 13px 0 22px 0;
  text-indent: 2em;
}
/* 个人中心-积分规则 end */
/* 个人中心关注列表 S */
.attention-con .bn-title {
  padding: 15px 0;
}
.attention-con .bn-title li {
  line-height: 30px;
}
.attention-list {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 1074px;
  margin-top: 19px;
}
.attention-list li {
  float: left;
  width: 95px;
  height: 162px;
  padding: 14px 21px;
  margin: 3px 17px 25px 3px;
  border: 1px solid #dededc;
  box-shadow: 3px 0 3px #f5f5f5, 0 3px 3px #f5f5f5, -3px 0 3px #f5f5f5, 0 -3px 3px #f5f5f5;
  text-align: center;
}
.attention-list a {
  font: 14px/26px Arial, 'Microsoft Yahei';
  color: #333;
  text-decoration: none;
}
.attention-list p {
  margin: 0;
  padding: 0;
  list-style: none;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  margin-top: 9px;
  margin-bottom: 10px;
}
.attention-list .attention-photo {
  width: 85px;
  height: 85px;
  padding: 2px;
  border: 1px solid #ececec;
  border-radius: 50%;
  vertical-align: top;
}
.attention-list .bn-btn {
  width: 100%;
  height: 32px;
  padding: 0;
  line-height: 30px;
  text-align: center;
  background: #ffa200;
  border-color: #ffa200;
}
.attention-list .bn-btn .iconfont {
  padding-right: 5px;
  line-height: 30px;
  vertical-align: -1px;
}
/* 已关注按钮 */
.attention-btn {
  width: 100%;
  padding: 0;
  background: #fff;
  border: 1px solid #ffa200;
  font: 12px/24px Arial, 'Microsoft Yahei';
  color: #ffa200;
}
.attention-btn:hover,
.attention-btn:focus {
  background: #fff;
  color: #ffa200;
}
.attention-btn .iconfont {
  padding-right: 8px;
  vertical-align: -2px;
}
.attention-btn.cancel-btn {
  color: #ff0000;
}
.attention-btn.cancel-btn .iconfont {
  font-size: 12px;
  vertical-align: -1px;
}
.main-con {
  width: 940px;
  margin: 0 auto;
}
/* 个人中心关注列表 E */
/* 个人中心首页 S */
.homepage-lesson-list {
  width: 202px;
}
.homepage-lesson-list .excellent-info {
  width: 97px;
  margin-left: 9px;
}
.homepage-lesson-list li {
  padding-bottom: 0;
  border-bottom: none;
}
/* 文字列表 */
.per-news-list {
  width: 202px;
  margin: 0 auto;
  padding: 0 0 25px 0;
  list-style-type: none;
}
.per-news-list li {
  margin-bottom: 15px;
  padding-left: 9px;
  background: url('../images/n-list-bg01.gif') no-repeat left 10px;
}
.per-news-list h4,
.per-news-list p {
  margin: 0;
  padding: 0;
  list-style: none;
}
.per-news-list h4 {
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  font: 14px/24px Arial, 'Microsoft Yahei';
  color: #333;
}
.per-news-list p {
  height: 20px;
  font: 12px/20px Arial, 'Microsoft Yahei';
  color: #999;
}
.per-news-list p span.fl {
  width: 110px;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
}
.per-news-list a {
  text-decoration: none;
}
.per-question-list li {
  padding-left: 16px;
  background: url('../images/qlist-bg-02.gif') no-repeat left 5px;
}
/* 动态 */
.per-dynamic-state {
  margin: 0;
  padding: 0;
  list-style: none;
}
.per-dynamic-state > li {
  overflow: hidden;
  width: 100%;
  padding: 20px 0 0;
  margin-bottom: 20px;
  background: #fff;
  box-sizing: border-box;
}
.per-dynamic-state a {
  text-decoration: none;
}
.per-dynamic-state .bn-comment-box {
  margin-top: 0;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}
.per-dynamic-state .bn-comment-list {
  padding-top: 10px;
  border-top: 1px solid #ebedee;
}
.per-dynamic-state .bn-comment-list li {
  border-bottom: none;
}
.per-dynamic-state .bn-sub-comment-list {
  padding-left: 55px;
}
.per-dynamic-state .bn-sub-comment-list .bn-comment {
  margin-top: 5px;
}
.per-dynamic-state .bn-comment {
  width: auto;
  margin: 0 20px;
}
.per-dynamic-state .bn-comment-avatar {
  width: 40px;
  height: 40px;
}
.per-dynamic-state .bn-comment-body {
  margin-left: 55px;
}
.per-dynamic-state .bn-comment-title,
.per-dynamic-state .bn-comment-con {
  padding-right: 55px;
}
.per-dynamic-state .bn-comment-title span {
  color: #7e7c82;
}
.per-dynamic-state .bn-comment-title span.bn-comment-time {
  color: #999;
}
.more-dynamic {
  height: 50px;
  text-align: center;
}
.more-dynamic a {
  display: block;
  font: 12px/50px Arial, 'Microsoft Yahei';
  color: #333;
  text-decoration: none;
}
.more-dynamic a:after {
  content: '\e642';
  margin-left: 3px;
  font-family: 'iconfont';
  font-size: 12px;
  vertical-align: -2px;
  color: #a1a1a1;
}
.state-header {
  position: relative;
  margin: 0 20px;
  padding: 0 0 0 60px;
}
.state-header .state-photo {
  position: absolute;
  left: 0;
  top: 0;
  width: 50px;
  height: 50px;
  border-radius: 50%;
}
.state-header .state-name {
  margin: 0;
  padding: 0;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  font: 14px/28px Arial, 'Microsoft Yahei';
  color: #333;
}
.state-header .state-meta {
  font: 12px/22px Arial, 'Microsoft Yahei';
  color: #999;
}
.per-state-con {
  margin: 10px 20px 0;
  padding-bottom: 20px;
  font: 14px/22px Arial, 'Microsoft Yahei';
  color: #333;
}
.per-state-con > h3 {
  margin: 0;
  padding: 0;
  list-style: none;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: normal;
  color: #3c9bce;
}
.per-state-con > h3 a {
  color: #3c9bce;
}
.per-state-con > a {
  color: #3c9bce;
}
.per-state-con > p {
  margin: 0;
  padding: 0;
  list-style: none;
}
.per-state-con > p a {
  font-size: 13px;
  color: #3c9bce;
}
.per-state-pic {
  height: 90px;
  margin: 5px 0 0 0;
}
.per-state-pic img {
  float: left;
  width: 80px;
  height: 80px;
  margin-right: 10px;
  vertical-align: top;
}
.per-state-operate {
  margin: 0 20px;
  padding-bottom: 10px;
  text-align: right;
}
.per-state-operate .state-item {
  font: 12px/24px Arial, 'Microsoft Yahei';
  color: #666;
}
.per-state-operate .state-item:first-child {
  padding-right: 29px;
  margin-right: 29px;
  border-right: 1px solid #d9d9d9;
}
.per-state-operate .state-item:first-child .iconfont {
  vertical-align: -2px;
}
.per-state-operate .state-item:first-child:hover {
  color: #ff7901;
}
.per-state-operate .state-item:first-child:hover .iconfont {
  color: #ff7901;
}
.per-state-operate .thumb-up {
  color: #ff7901;
}
.per-state-operate .thumb-up .iconfont {
  color: #ff7901;
}
.per-state-operate .iconfont {
  padding-right: 5px;
  font-size: 20px;
  color: #686e78;
  vertical-align: -5px;
}
.thumb-up,
.thumb-up .iconfont {
  color: #ff7901;
}
/* 个人中心首页 E */
/* 我的说说 start */
.per-talk-box {
  padding: 20px 20px 10px;
  box-sizing: border-box;
  font: 12px/24px Arial, 'Microsoft Yahei';
  color: #333;
}
.per-talk-box .talk-remind {
  color: #666;
}
.per-talk-box .talk-remind em {
  font-size: 18px;
  font-weight: bold;
}
.per-talk-box .bn-comment-textarea {
  height: 90px;
}
.per-talk-box .iconfont {
  float: left;
  margin-right: 3px;
  color: #ffa406;
  font-size: 20px;
  text-decoration: none;
}
.per-talk-list .bn-comment-list {
  padding-bottom: 20px;
  border-top: none;
}
.per-talk-list .bn-comment-box {
  margin: 10px 0 0 0;
  background: #fafafa;
  border: 1px solid #ddd;
}
.per-talk-list .bn-comment-box.said-comment {
  margin: 0;
  padding: 9px 20px;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}
.per-talk-list .idea-btn {
  display: none;
  margin: 10px 0 0;
  text-align: right;
}
.per-talk-list .idea-btn .iconfont {
  float: left;
  margin-right: 3px;
  font-size: 20px;
  color: #ffa406;
}
.per-talk-list .idea-btn a.fl {
  color: #333;
  font-size: 12px;
}
.per-talk-list .editable-state .talk-operate {
  display: none;
}
.per-talk-list .editable-state .idea-btn {
  display: block;
}
.per-talk-list .talk-con {
  display: inline;
  box-sizing: border-box;
}
.per-talk-list .talk-con[contenteditable=true] {
  display: block;
  min-height: 53px;
  padding: 4px 8px;
  outline: none;
  border: 1px solid #ff7901;
}
.per-talk-list .talk-operate {
  display: inline;
}
.per-talk-list .per-state-con .talk-editor,
.per-talk-list .per-state-con .talk-delete {
  padding-left: 10px;
  color: #999;
}
.talk-comment-list {
  background: #fafafa;
}
.said-comment .bn-comment-textarea {
  height: 34px;
  margin-bottom: 0;
}
.said-comment .bn-emotion {
  display: none;
}
.said-comment .said-press {
  display: none;
  margin-top: 10px;
  color: #b6b6b6;
}
.said-comment .said-press a.fl {
  color: #b6b6b6;
}
.said-comment .said-press a.fl:hover {
  color: #ffa200;
}
.said-comment .said-press .iconfont {
  float: left;
  font-size: 20px;
}
.said-comment.comment-active .bn-comment-textarea {
  height: 60px;
  border-color: #ff7901;
}
.said-comment.comment-active .bn-emotion {
  display: block;
}
.said-comment.comment-active .said-press {
  display: block;
}
/* 我的说说 end */
/* footer start */
footer {
  width: 100%;
  height: 70px;
  text-align: center;
  line-height: 70px;
  margin: 20px 0 0 0;
  background: #2f3440;
}
footer.hideMargin {
  margin: 0;
}
footer .footer-logo {
  vertical-align: middle;
  margin-right: 28px;
}
footer .copyright {
  display: inline;
  margin-top: 0;
  font: 12px Arial, 'Microsoft Yahei';
  color: #fff;
  background: none;
  opacity: 0.8;
}
footer .record {
  color: #fff;
  opacity: 0.7;
  font-size: 12px;
  text-decoration: none;
  cursor: pointer;
}
footer .record:hover {
  opacity: 0.5;
}
footer .record.style {
  position: relative;
  padding-left: 20px;
}
footer .record.style::after {
  content: "";
  position: absolute;
  top: -1px;
  left: 4px;
  background: url(../images/record.png) no-repeat;
  width: 20px;
  height: 20px;
}
/* footer end */
/* 弹框 S */
html.global-style {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  overflow-y: hidden;
}
html.global-style body {
  display: block;
  width: 100%;
  height: 100%;
}
.black-shade {
  z-index: 100;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.7;
}
.black-shade iframe {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: transparent;
  top: 0;
  left: 0;
}
.bounced-window {
  z-index: 110;
  position: absolute;
  left: 50%;
  top: 100px;
  width: 640px;
  height: auto;
  margin-left: -320px;
  font: 14px/30px Arial, 'Microsoft Yahei';
  color: #333;
  background: #fff;
}
.bounced-window .lesson-select-box {
  display: inline-block;
}
.bounced-window .lesson-select-value {
  display: inline-block;
  border-radius: 0;
  color: #999;
}
.bounced-window .bn-comment-textarea {
  height: 220px;
}
.bounced-window .resource-textarea {
  height: 78px;
}
.bn-modal-content .lesson-select-box {
  display: inline-block;
}
.bn-modal-content .lesson-select-value {
  display: inline-block;
  border-radius: 0;
  color: #999;
}
.bn-modal-content .bn-comment-textarea {
  height: 220px;
}
.bn-modal-content .resource-textarea {
  height: 78px;
}
.bounced-title {
  height: 40px;
  margin-bottom: 30px;
  background: #f9f9f9;
  border-bottom: 1px solid #cccccc;
}
.bounced-title h2 {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-left: 20px;
  font: 14px/40px Arial, 'Microsoft Yahei';
  color: #333;
  font-weight: bold;
}
.bounced-title a {
  margin-right: 20px;
  text-decoration: none;
}
.bounced-title .iconfont {
  color: #999;
  font-size: 12px;
  line-height: 40px;
}
.bounced-title .iconfont:hover {
  color: #ff7901;
}
.tip-window {
  width: 430px;
  margin-left: -215px;
}
.tip-window .window-btn {
  text-align: right;
}
.tip-window .window-btn .bn-btn {
  margin: 0;
}
.tip-window .window-btn .bn-btn:first-child {
  margin-right: 15px;
}
.tip-window-text {
  padding-left: 34px;
  font: 14px/24px Arial, 'Microsoft Yahei';
  color: #333;
  background: url('../images/tip-bg.gif') no-repeat left top;
}
.tip-window-text p {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 12px;
}
.window-con {
  padding: 0 20px 20px;
}
.window-con td {
  padding-bottom: 15px;
  vertical-align: top;
}
.bn-modal-body td {
  padding-bottom: 15px;
  vertical-align: top;
}
.resource-table {
  line-height: 24px;
}
.resource-table tr td:first-child,
.resource-table tr td.align-right {
  text-align: right;
}
.resource-table tr td.align-left {
  text-align: left;
}
.message-table span {
  float: left;
}
.resource-tips {
  padding-top: 5px;
  margin-bottom: 15px;
  font: 12px/20px Arial, 'Microsoft Yahei';
  color: #999;
  border-top: 1px solid #d9d9d9;
}
.window-btn {
  text-align: center;
}
.window-btn .bn-btn {
  margin: 0 20px;
}
.info-window,
.bn-modal-body {
  line-height: 14px;
}
.info-window .bn-comment-textarea,
.bn-modal-body .bn-comment-textarea {
  height: 78px;
}
.info-window .bn-theme,
.bn-modal-body .bn-theme {
  height: 100px;
}
.info-window .info-con-tip,
.bn-modal-body .info-con-tip {
  font: 12px/14px Arial, 'Microsoft Yahei';
  color: #999;
}
.info-window .resource-textarea,
.bn-modal-body .resource-textarea {
  height: 78px;
}
.bn-modal-body {
  font: 14px/30px Arial, 'Microsoft Yahei';
}
/* 弹框 E */
/* 文件选择按钮 */
.file-btn-box {
  position: relative;
  line-height: 30px;
}
.file-btn-box span.bn-red {
  font-size: 12px;
  margin-left: 130px;
}
.file-btn-box input[type=file] {
  z-index: 120;
  position: absolute;
  left: 0;
  top: 0;
  width: 110px;
  height: 28px;
  opacity: 0;
  cursor: pointer;
}
.file-btn-box .file-btn {
  z-index: 112;
  position: absolute;
  left: 0;
  border: 1px solid #ff7901;
  background: #fff;
  color: #ff7901;
  cursor: pointer;
}
input.bcvet-input {
  width: 100%;
  border-radius: 0;
}
button {
  outline: none;
}
/* 改变tab */
.bn-title > .big-tab li {
  font-size: 16px;
  color: #999;
  font-weight: bold;
}
.bn-title > .big-tab li:nth-child(2) {
  margin: 0 18px;
}
.bn-title > .big-tab a {
  font-size: 16px;
  color: #999;
  font-weight: normal;
}
/* 改变title */
.bcvet-title {
  margin: 0 auto;
}
.bcvet-title .bn-title {
  padding: 20px 0 15px;
}
.bcvet-title.resource-right-title {
  width: 211px;
}
.blue-color h4 {
  font-size: 16px;
  color: #3c9bce;
}
.blue-color-small {
  padding: 15px;
}
.blue-color-small h4 {
  font-size: 14px;
  color: #3c9bce;
}
/* 面包屑 */
.bcvet-bread {
  margin: 0;
  padding: 0;
  list-style: none;
  height: 36px;
  font: 12px/36px Arial, 'Microsoft Yahei';
}
.bcvet-bread li {
  float: left;
  color: #666;
}
.bcvet-bread li a {
  color: #3C6390;
}
.bcvet-bread li span {
  color: #999;
}
/****************************************
 *      课程  chelin                     *
*****************************************/
.kc-nav {
  padding-bottom: 10px;
}
.kc-nav .kc-nav-header {
  background-color: #3dBFF5;
  border-bottom: 1px solid #24A0D4;
}
.kc-nav .kc-nav-header h2 {
  margin: 0;
  line-height: 50px;
  font-size: 14px;
  text-indent: 15px;
  color: #ffffff;
}
.kc-nav > ul {
  margin: -3px 0 0 0;
  padding: 0;
  background-color: #34afe3;
  list-style: none;
  font-size: 13px;
}
.kc-nav > ul > li {
  position: relative;
  margin-top: 3px;
  border-right: none;
  line-height: 33px;
  color: #ffffff;
  text-indent: 1rem;
}
.kc-nav > ul > li div.title {
  position: relative;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  padding-right: 30px;
}
.kc-nav > ul > li div.title:after {
  position: absolute;
  right: 5px;
  font-family: 'iconfont';
  content: '\e614';
}
.kc-nav > ul > li.cur {
  background-color: #ffffff;
  color: #009cd7;
}
.kc-nav > ul > li.cur .title:after {
  color: #009cd7;
}
.kc-nav > ul > li:hover {
  background-color: #ffffff;
  color: #009cd7;
  cursor: pointer;
}
.kc-nav > ul > li .kc-nav-box {
  position: absolute;
  z-index: 99;
  top: -1px;
  left: 250px;
  box-sizing: border-box;
  width: 600px;
  text-indent: 0;
  cursor: default;
}
.kc-nav > ul > li .kc-nav-box .box {
  overflow: hidden;
  padding: 10px 20px;
  background-color: #ffffff;
  border: 1px solid #009cd7;
  border-left: none;
  display: inline-block;
}
.kc-nav > ul > li .kc-nav-box span {
  position: relative;
  margin-right: 20px;
  float: left;
  color: black;
  font-size: 12px;
  cursor: pointer;
}
.kc-nav > ul > li .kc-nav-box span:after {
  content: '';
  position: absolute;
  top: 11px;
  right: -10px;
  width: 1px;
  height: 10px;
  background-color: #e9eaec;
}
.kc-nav > ul > li .kc-nav-box span:last-child:after {
  display: none;
}
.kc-nav > ul > li .kc-nav-box span:hover {
  color: #009cd7;
}
.kc-nav > ul > li .kc-nav-box h4 {
  margin: 0;
  font-size: 16px;
  color: #3c9bce;
  text-indent: -2px;
}
.kc-nav > ul > li .kc-nav-box ul {
  margin: 0;
  padding: 0;
}
.kc-nav > ul > li .kc-nav-box ul li {
  position: relative;
  float: left;
  font-size: 12px;
  color: #666666;
  text-indent: 0;
  padding: 0 10px;
}
.kc-nav > ul > li .kc-nav-box ul li a {
  line-height: 20px;
}
.kc-nav > ul > li .kc-nav-box ul.bn-nav li a {
  padding: 0;
}
.kc-nav > ul > li .kc-nav-box ul.bn-nav li.cur a {
  color: #3c9bce;
}
.kc-nav > ul > li .kc-nav-box ul.bn-nav li:hover a {
  color: #3c9bce;
}
.kc-course-nav {
  list-style: none;
  margin: 0 20px;
  padding: 0;
}
.kc-course-nav li {
  position: relative;
  height: 72px;
  cursor: pointer;
  margin-bottom: 10px;
}
.kc-course-nav li img {
  position: absolute;
  top: 0;
  left: 0;
  height: 72px;
  width: 94px;
}
.kc-course-nav li .kc-course-content {
  margin-left: 100px;
}
.kc-course-nav li .kc-course-content h4 {
  position: relative;
  margin: 0;
  padding-top: 8px;
  font-weight: normal;
  font-size: 14px;
}
.kc-course-nav li .kc-course-content p {
  margin-top: 20px;
  font-size: 12px;
  color: #999999;
}
.kc-course-nav li:hover .kc-course-content h4 {
  color: #00a0e9;
}
.kc-breadcrumb {
  margin-left: 20px;
  float: left;
  line-height: 35px;
}
.kc-breadcrumb li {
  font-size: 12px;
}
.kc-breadcrumb a {
  font-size: 12px;
}
.kc-breadcrumb span {
  font-size: 12px;
}
.kc-breadcrumb .kc-sign {
  color: #3B5AFB;
}
.kc-sign {
  float: right;
  line-height: 35px;
  margin-right: 20px;
  font-size: 14px;
  text-decoration: none;
  color: #3B5AFB;
}
.kc-courses {
  background-color: #ffffff;
  border-top: 5px solid #f1f2f6;
}
.kc-course-box ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.kc-course-box > ul > li {
  position: relative;
  float: left;
  overflow: hidden;
  height: 235px;
  width: 225px;
  margin: 0 15px 15px 0;
  color: #666;
  cursor: pointer;
  background-color: #ffffff;
  box-shadow: 1px 1px 3px #e4e4e4;
}
.kc-course-box > ul > li .bn-btn {
  position: absolute;
  bottom: 10px;
  right: 10px;
}
.kc-course-box > ul > li .kc-course-box-header {
  height: 235px;
  overflow: hidden;
}
.kc-course-box > ul > li p {
  margin: 0 10px;
  height: 44px;
  overflow: hidden;
  line-height: 20px;
  color: #999;
  font-size: 12px;
  border-top: 1px solid #e6e6e6;
}
.kc-course-box > ul > li:nth-child(3n) {
  margin-right: 0;
}
.kc-course-box > ul > li img {
  transition: height 0.5s;
  display: block;
  width: 225px;
  height: 150px;
}
.kc-course-box > ul > li img.hide {
  transition: height 0.5s;
  height: 130px;
}
.kc-course-box > ul > li h5 {
  margin: 10px 10px 5px;
  color: #262626;
  font-weight: 500;
  height: 20px;
  line-height: 20px;
  font-size: 14px;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
}
.kc-course-box > ul > li .kc-name {
  height: 24px;
  margin: 0 10px;
  font-size: 12px;
}
.kc-course-box > ul > li .kc-name .kc-speaker {
  float: left;
  width: 60%;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
}
.kc-course-box > ul > li .kc-name .kc-time {
  float: left;
  width: 32%;
  margin-left: 10px;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
}
.kc-course-box > ul > li .kc-name i.icon-time {
  font-size: 14px;
  position: relative;
  top: 1px;
  margin-right: 3px;
}
.kc-course-box > ul > li .kc-btn {
  float: right;
  margin-right: 10px;
  font-size: 12px;
}
.kc-star {
  margin: 0 10px 10px 10px;
}
.kc-star .bn-star-tips {
  font-size: 12px;
  line-height: 18px;
}
.kc-search .kc-btn-group {
  float: left;
  width: auto;
  height: 30px;
  line-height: 30px;
  background-color: transparent;
}
.kc-search .kc-btn-group a {
  position: relative;
  margin-right: 25px;
  font-size: 12px;
  text-decoration: none;
  color: #333;
}
.kc-search .kc-btn-group a i {
  line-height: 1;
}
.kc-search .kc-btn-group a .icon-up-triangle {
  bottom: 10px;
}
.kc-search .kc-btn-group a .icon-down-triangle {
  top: 10px;
}
.kc-search .bn-search {
  float: right;
}
/*************pub***************/
.kc-progress {
  float: left;
  margin: 13px 3px 0 0;
  width: 50px;
  height: 3px;
}
.kc-progress .bn-progress-box {
  height: 3px;
}
.bn-1000 .kc-envelope {
  float: right;
  text-decoration: none;
  margin: 0 0 0 5px;
  color: #3B5AFB;
}
.bn-1000 .kc-envelope i {
  font-size: 26px;
}
.kc-left-nav {
  list-style: none;
  margin: 0;
  padding: 0;
}
.kc-left-nav .icon-adown {
  font-size: 24px;
}
.kc-left-nav > li {
  border-bottom: 1px solid #e8e8e8;
}
.kc-left-nav > li .first-nav {
  cursor: pointer;
  height: 48px;
  line-height: 48px;
  background-color: #ffffff;
  font-size: 14px;
}
.kc-left-nav > li .first-nav i,
.kc-left-nav > li .first-nav span {
  float: left;
}
.kc-left-nav > li .first-nav i:first-child {
  margin-left: 6px;
  margin-right: 5px;
  color: #fa350f;
}
.kc-left-nav > li .first-nav i:last-child {
  float: right;
  font-size: 13px;
  margin-right: 10px;
  color: #fc3211;
}
.kc-left-nav > li .first-nav i:last-child.icon-complete {
  color: #29bc78;
}
.kc-left-nav > li .first-nav i.icon-circle {
  font-size: 13px;
  color: #666;
}
.kc-left-nav > li .first-nav span.module {
  color: #333;
}
.kc-left-nav > li .first-nav span.title {
  margin-left: 5px;
  width: 150px;
  color: #333333;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
}
.kc-left-nav > li .first-nav span.un-study {
  width: 10px;
  position: relative;
  float: right;
  margin-right: 10px;
  font-size: 12px;
  color: #f93110;
}
.kc-left-nav > li .first-nav span.un-study:before {
  position: absolute;
  content: "\e643";
  font-size: 14px;
  font-family: iconfont;
  color: #f93110;
}
.kc-left-nav > li .first-nav span.have-study {
  position: relative;
  float: right;
  width: 10px;
  margin-right: 10px;
  font-size: 12px;
  color: #29bc78;
}
.kc-left-nav > li .first-nav span.have-study:before {
  position: absolute;
  content: "\e62f";
  font-size: 12px;
  font-family: iconfont;
  color: #29bc78;
}
.kc-left-nav > li .first-nav:before,
.kc-left-nav > li .first-nav:after {
  content: "";
  display: table;
}
.kc-left-nav > li .first-nav:after {
  clear: both;
}
.kc-left-nav > li .first-nav {
  *zoom: 1;
  /*IE/7/6*/
}
.kc-left-nav > li.cur {
  cursor: pointer;
}
.kc-left-nav > li.cur .first-nav {
  background-color: #fa350f;
  border-bottom: 1px solid #e8e8e8;
}
.kc-left-nav > li.cur .first-nav i {
  color: #fff;
}
.kc-left-nav > li.cur .first-nav span {
  color: #fff;
}
.kc-left-nav > li.cur .first-nav span:before {
  color: #fff;
}
.kc-left-nav > li .second-nav {
  margin-left: 15px;
  padding: 0;
  list-style: none;
  border-left: 1px dashed #8d9393;
}
.kc-left-nav > li .second-nav span {
  float: left;
}
.kc-left-nav > li .second-nav span.title {
  width: 170px;
  font-size: 12px;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
}
.kc-left-nav > li .second-nav i {
  float: right;
  font-size: 12px;
  margin-right: 10px;
}
.kc-left-nav > li .second-nav .icon-complete {
  color: #29bc78;
}
.kc-left-nav > li .second-nav .icon-hourglass {
  color: #f93110;
}
.kc-left-nav > li .second-nav .icon-circle {
  font-size: 13px;
  color: #666;
}
.kc-left-nav > li .second-nav > li {
  line-height: 36px;
  background: url("../images/line_03.png") no-repeat 0 17px;
}
.kc-left-nav > li .second-nav > li a {
  margin-left: 20px;
  text-indent: 2px;
  height: 36px;
  display: block;
  text-decoration: none;
}
.kc-left-nav > li .second-nav > li a span {
  color: #333;
}
.kc-left-nav > li .second-nav > li a span.sub-title {
  width: 120px;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
}
.kc-left-nav > li .second-nav > li:hover a span {
  color: #f93110;
}
.kc-left-nav > li .second-nav > li.cur a {
  background-color: #f93110;
}
.kc-left-nav > li .second-nav > li.cur a span,
.kc-left-nav > li .second-nav > li.cur a i {
  color: #fff;
}
.kc-left-nav > li .second-nav li:before,
.kc-left-nav > li .second-nav li:after {
  content: "";
  display: table;
}
.kc-left-nav > li .second-nav li:after {
  clear: both;
}
.kc-left-nav > li .second-nav li {
  *zoom: 1;
  /*IE/7/6*/
}
.kc-left-nav-explanation {
  height: 40px;
  line-height: 40px;
}
.kc-left-nav-explanation span {
  float: left;
}
.kc-left-nav-explanation span.txt {
  margin: 0 0 0 10px;
  font-size: 14px;
}
.kc-left-nav-explanation span.optional {
  position: relative;
  text-indent: 15px;
  font-size: 12px;
  color: #666;
}
.kc-left-nav-explanation span.optional:before {
  position: absolute;
  left: -15px;
  content: "\e65b";
  font-size: 14px;
  font-family: iconfont;
}
.kc-left-nav-explanation span.un-study {
  position: relative;
  margin-right: 10px;
  text-indent: 15px;
  font-size: 12px;
  color: #f93110;
}
.kc-left-nav-explanation span.un-study:before {
  position: absolute;
  left: -15px;
  content: "\e643";
  font-size: 13px;
  font-family: iconfont;
  color: #f93110;
}
.kc-left-nav-explanation span.have-study {
  position: relative;
  margin-right: 10px;
  text-indent: 15px;
  font-size: 12px;
  color: #29bc78;
}
.kc-left-nav-explanation span.have-study:before {
  position: absolute;
  left: -15px;
  content: "\e62f";
  font-size: 13px;
  font-family: iconfont;
  color: #29bc78;
}
/*-------------视频-------------*/
.kc-video-title {
  height: 83px;
}
.kc-video-title h2 {
  max-width: 720px;
  font: normal 24px/83px Arial, 'Microsoft Yahei';
  color: #333;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  margin: 0;
  padding: 0;
  list-style: none;
}
.kc-video-title button {
  height: 40px;
  margin-top: 23px;
  font-size: 14px;
}
.kc-video-title-star {
  margin: 30px 0 0 10px;
}
.kc-video-title-star .iconfont {
  font-size: 20px;
}
.kc-video-left-star {
  margin: 0 20px;
}
.kc-video-left-star .iconfont {
  font-size: 30px;
}
.kc-video-introduction p.kc-content {
  overflow: hidden;
  margin: 0;
  font-size: 14px;
  line-height: 24px;
  color: #333;
  word-wrap: break-word;
}
.kc-video-introduction .kc-img {
  width: 210px;
  height: 143px;
}
.kc-video-introduction .kc-video-tab {
  width: 100%;
  font-size: 12px;
  color: #333;
}
.kc-video-introduction .kc-video-tab tr {
  /* &:last-child {

				td {
					padding-bottom: 20px;
				}

			} */
}
.kc-video-introduction .kc-video-tab tr td:first-child {
  color: #666;
}
.kc-video-introduction .kc-video-tab td {
  line-height: 24px;
}
.kc-video-introduction .kc-video-tab td:first-child {
  width: 85px;
}
.kc-video-introduction .kc-video-tab td i {
  float: left;
  margin: 0 5px 0 0;
  color: #616161;
}
.kc-video-introduction .kc-video-tab .kc-detail-info {
  width: 125px;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.kc-video-introduction .kc-video-course {
  font-size: 14px;
}
.kc-video-introduction .kc-video-course p {
  margin: 0;
  line-height: 24px;
  color: #333;
  word-wrap: break-word;
}
.kc-video-introduction .kc-video-course p.kc-title {
  color: #666;
}
.kc-panel {
  height: 460px;
  overflow: hidden;
}
.kc-panel.newResourceView {
  width: 820px;
  margin: 20px auto 0;
  height: 1133px;
}
.kc-panel.newResourceView iframe {
  border: none;
}
.kc-like {
  height: 30px;
  line-height: 30px;
  font-size: 12px;
}
.kc-like p {
  margin: 0;
  cursor: pointer;
  float: right;
}
.kc-like p:hover {
  color: #ff7901;
}
.kc-like p.praise {
  color: #ff7901;
}
.kc-like p:before {
  content: "\e63a";
  font-family: 'iconfont';
  font-size: 17px;
  vertical-align: -2px;
}
.kc-like p span {
  margin-left: 3px;
}
.kc-like p.left {
  float: left;
}
.kc-like p.left span.color {
  color: #ff7901;
}
.kc-like p.left:before {
  content: '';
}
.kc-like .icon-support {
  position: relative;
  top: 1px;
  right: 3px;
}
.kc-all-comments {
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  color: #333333;
  text-indent: 2rem;
  background-color: #f6f6f6;
}
.kc-content-title {
  margin: 25px auto 6px;
  font-size: 14px;
  line-height: 24px;
  color: #ff7901;
}
.kc-content-title.big {
  font-size: 24px;
}
.kc-content-title2 {
  margin: 15px auto 6px;
  padding-bottom: 8px;
  font-size: 14px;
  line-height: 36px;
  color: #333;
  border-bottom: 1px solid #e9eaec;
  display: flex;
  align-items: center;
}
.kc-content-title2.big {
  font-size: 24px;
}
.kc-content-title2 svg {
  margin-right: 4px;
}
.reviewResultTitle {
  display: flex;
  align-items: center;
  padding-bottom: 16px;
  border-bottom: 1px solid #e9eaec;
}
.reviewResultTitle .kc-content-title2 {
  margin: 0;
  flex: 1;
  border: none;
  padding-bottom: 0;
}
.reviewResultStatus .status1,
.reviewResultStatus .status2,
.reviewResultStatus .status3,
.reviewResultStatus .status4,
.reviewResultStatus .status5 {
  padding: 0 16px;
  display: flex;
  align-items: center;
  height: 40px;
  line-height: 38px;
  font-size: 14px;
  border-radius: 4px;
  font-weight: bold;
}
.reviewResultStatus .status1 svg,
.reviewResultStatus .status2 svg,
.reviewResultStatus .status3 svg,
.reviewResultStatus .status4 svg,
.reviewResultStatus .status5 svg {
  margin-right: 4px;
}
.reviewResultStatus .status1 {
  border: 1px solid #FD494D;
  background-color: rgba(255, 73, 77, 0.04);
}
.reviewResultStatus .status2 {
  color: #1A9FFF;
  border: 1px solid currentColor;
  background-color: rgba(26, 159, 255, 0.04);
}
.reviewResultStatus .status3 {
  color: #10C700;
  border: 1px solid currentColor;
  background-color: rgba(37, 216, 21, 0.04);
}
.reviewResultStatus .status4 {
  border: 1px solid #1565D8;
  background-color: rgba(21, 101, 216, 0.06);
}
.reviewResultStatus .status5 {
  border: 1px solid #FC9700;
  background-color: rgba(252, 151, 0, 0.04);
}
.reviewResultList {
  position: relative;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.65);
}
.reviewResultList .status1,
.reviewResultList .status2,
.reviewResultList .status3,
.reviewResultList .status4 {
  margin-left: 8px;
  padding: 0 8px;
  display: inline-block;
  align-items: center;
  height: 26px;
  line-height: 26px;
  border-radius: 2px;
  font-weight: bold;
  border: 1px solid currentColor;
  font-size: 14px;
}
.reviewResultList .status1 {
  color: #FD494D;
  background-color: rgba(255, 73, 77, 0.04);
}
.reviewResultList .status2 {
  color: #1A9FFF;
  background-color: rgba(26, 159, 255, 0.04);
}
.reviewResultList .status3 {
  color: #10C700;
  background-color: rgba(37, 216, 21, 0.04);
}
.reviewResultList .status4 {
  color: #1565D8;
  background-color: rgba(21, 101, 216, 0.06);
}
.reviewResultMore {
  position: absolute;
  right: 0;
  bottom: 10px;
  color: rgba(0, 0, 0, 0.45);
  cursor: pointer;
  transition: all 0.3s;
}
.reviewResultMore:hover {
  opacity: 0.7;
}
.kc-score {
  height: 20px;
  line-height: 20px;
  font-size: 12px;
  text-align: center;
}
.kc-content-title-align-c {
  text-align: center;
}
.kc-content {
  font: 14px/30px Arial, 'Microsoft Yahei';
  color: #333;
}
/*********话题讨论*********/
.kc-box {
  border-bottom: 1px solid #dddddd;
  margin-bottom: 10px;
}
.kc-box p.txt {
  margin: 0;
  line-height: 28px;
  font-size: 14px;
}
/*********问答作业***********/
.kc-homework {
  background-color: #f6f6f6;
}
.kc-homework p {
  margin: 0;
}
.kc-homework p.txt,
.kc-homework pre.txt {
  font-size: 14px;
  font-family: 'microsoft yahei', '微软雅黑', 'fantasy', 'sans-serif';
  line-height: 28px;
  color: #333;
}
.kc-homework p.attachment {
  position: relative;
  box-sizing: border-box;
  padding-left: 22px;
  font: 14px/28px Arial, 'Microsoft Yahei';
  color: #333;
}
.kc-homework p.attachment:before {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 16px;
  line-height: 28px;
  color: #ff8b00;
  content: "\e637";
  font-family: iconfont;
}
.kc-homework p.attachment a {
  color: #00a0e9;
}
.kc-homework2 p {
  margin: 0;
}
.kc-homework2 p.txt,
.kc-homework2 pre.txt {
  font-size: 14px;
  font-family: 'microsoft yahei', '微软雅黑', 'fantasy', 'sans-serif';
  line-height: 28px;
  color: #333;
}
.kc-homework2 p.attachment {
  position: relative;
  box-sizing: border-box;
  padding-left: 22px;
  font: 14px/28px Arial, 'Microsoft Yahei';
  color: #333;
}
.kc-homework2 p.attachment:before {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 16px;
  line-height: 28px;
  color: #ff8b00;
  content: "\e637";
  font-family: iconfont;
}
.kc-homework2 p.attachment a {
  color: #00a0e9;
}
.kc-questions {
  border: 1px solid #e3e7e8;
}
.kc-questions ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.kc-questions ul li {
  padding: 15px 0;
  font-size: 14px;
  border-bottom: 1px dashed #e3e7e8;
}
.kc-questions ul li:last-child {
  border-bottom: none;
}
/***********客观试题*************/
.kc-test p.txt,
.kc-test div.txt {
  margin: 10px 0 0 0;
  font-size: 14px;
  line-height: 28px;
  text-indent: 2rem;
}
.kc-test p.txt.big,
.kc-test div.txt.big {
  font-size: 18px;
  text-indent: 2rem;
}
.kc-test p.txt span.order,
.kc-test div.txt span.order {
  width: 30px;
  float: left;
  margin-right: 5px;
}
.kc-test .kc-question {
  position: relative;
  padding: 30px 0;
}
.kc-test .kc-question p.txt {
  padding-left: 25px;
  font-size: 15px;
  font-weight: bold;
  text-indent: 0;
}
.kc-test .kc-question p.txt:before {
  position: absolute;
  left: 0;
  color: #FF7901;
  font-family: iconfont;
  content: '\e60d';
}
.kc-test .kc-question div.txt {
  padding-left: 25px;
  font-size: 15px;
  font-weight: bold;
  text-indent: 0;
}
.kc-test .kc-question div.txt:before {
  position: absolute;
  left: 0;
  color: #FF7901;
  font-family: iconfont;
  content: '\e60d';
}
.kc-test p.green {
  margin: 10px 0 0 25px;
  color: #25ab6d;
  font-size: 14px;
}
.kc-test p.red {
  margin: 10px 0 0 25px;
  color: #fa320e;
  font-size: 14px;
}
.kc-test div.explain {
  margin: 10px 0 0 25px;
  background: url("../images/kc_jx3.png") no-repeat;
  font-size: 12px;
  line-height: 22px;
}
.kc-test div.explain span {
  float: left;
  margin: 0 8px 0 0;
  width: 50px;
  color: #ffffff;
  font-size: 12px;
  text-align: center;
}
.kc-test div.explain p {
  margin: 0;
  float: left;
  margin-left: 10px;
  width: 570px;
}
.kc-test .border-bottom {
  padding: 15px 0;
  font-size: 18px;
  margin-top: 0;
  border-bottom: 1px solid #e3e7e8;
}
.kc-test .border-top {
  border-top: 1px solid #e3e7e8;
}
.kc-test .kc-question {
  border-bottom: 1px dashed #d9d9d9;
}
.kc-test .kc-question:nth-last-child(2) {
  border-bottom: none;
}
.kc-test .kc-question label {
  display: block;
  line-height: 28px;
  font-size: 14px;
}
.kc-test .kc-question label.max span {
  max-width: 630px;
}
.kc-test .kc-question label input {
  float: left;
  margin: 8px 5px 0 25px;
}
.kc-test .kc-question div.fr {
  margin: 0;
  width: 200px;
  overflow: hidden;
  line-height: 30px;
  font-size: 12px;
  color: #999999;
}
.kc-test .kc-question div.fr span.blue {
  color: #00a0e9;
  margin-right: 5px;
}
.kc-test .kc-question div.fr span.grey {
  color: #999999;
}
.kc-test .kc-question .content:before,
.kc-test .kc-question .content:after {
  content: "";
  display: table;
}
.kc-test .kc-question .content:after {
  clear: both;
}
.kc-test .kc-question .content {
  *zoom: 1;
  /*IE/7/6*/
}
.kc-test .kc-test-submit {
  display: block;
  padding: 0px 15px;
  margin: 10px auto;
  font-size: 12px;
}
/******************************************
 * 2016-2-19 5:00 chelin 日志              *
 * 日志默认以jour开头 为journal缩写          *
 ******************************************/
.jour-main .jour-main-header {
  height: 56px;
  background: url("../images/jour_03.png") repeat-x;
  overflow: hidden;
}
.jour-main .jour-main-header .location {
  font-size: 14px;
  float: left;
  margin: 20px 5px 0 0;
}
.jour-main .jour-main-header .bn-breadcrumb {
  float: left;
  margin: 20px 0 0 0;
}
.jour-main .jour-main-header .kc-sign {
  margin: 11px 0 0 0;
  color: #3B5AFB;
}
.jour-main .jour-main-header .kc-sign i {
  margin-right: 5px;
}
.jour-main .jour-main-box {
  background-color: #ffffff;
  border-top: 1px solid #ebedee;
}
.jour-main .jour-main-box ul {
  margin: 0;
  padding: 0;
  list-style: none;
  background-color: #ebedee;
}
.jour-main .jour-main-box ul li {
  padding-top: 16px;
  margin-bottom: 4px;
  background-color: #ffffff;
}
.jour-main .jour-main-box ul a {
  font: 12px/26px Arial, 'Microsoft Yahei';
  color: #666;
  text-decoration: none;
}
.jour-main .jour-main-box ul .jour-time {
  margin: 0 0 13px 0;
  padding: 0 20px;
  color: #999;
}
.jour-main .jour-main-box ul .title {
  padding: 0 20px;
  margin: 0;
  line-height: 20px;
  font-size: 14px;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  color: #262626;
  font-weight: 500;
}
.jour-main .jour-main-box ul .privacy:before {
  position: relative;
  top: -1px;
  margin: 0 3px 0 0;
  font-size: 13px;
  content: '\e601';
  font-family: iconfont;
  color: #ffb500;
}
.jour-main .jour-main-box ul .txt {
  padding: 0 20px;
  line-height: 18px;
  font-size: 12px;
}
.jour-main .jour-main-box .message {
  padding: 0 20px;
  height: 40px;
  line-height: 40px;
  font-size: 12px;
  color: #686e78;
  background-color: #fafafa;
}
.jour-main .jour-main-box .message p {
  float: left;
  margin: 0;
}
.jour-main .jour-main-box .message p i {
  color: orange;
  font-size: 12px;
  margin-right: 5px;
}
.jour-main .jour-main-box .message .jour-view-sets {
  padding: 0 73px;
  margin: 10px 0 0 0px;
  border-left: 1px solid #d9d9d9;
  height: 20px;
  line-height: 20px;
  float: left;
}
.jour-main .jour-main-box .message .jour-view-sets i {
  float: left;
  margin: 1px 3px 0 0;
}
.jour-main .jour-main-box .message .jour-view-sets:nth-child(2) {
  margin-left: 35px;
}
.jour-main .jour-main-box .message .jour-view-sets:nth-child(4) {
  border-right: 1px solid #d9d9d9;
}
.jour-main .jour-main-box .message .btns {
  float: right;
}
.jour-main .jour-main-box .message .btns a,
.jour-main .jour-main-box .message .btns span {
  color: #686e78;
  text-decoration: none;
  margin-right: 5px;
}
.jour-main .jour-main-box .jour-list .jour-view-sets {
  padding: 0 73px;
  border-left: none;
  border-right: 1px solid #d9d9d9;
}
.jour-main .jour-main-box .jour-list .jour-view-sets:nth-child(2) {
  margin-left: 0;
  border-right: none;
}
.jour-main .jour-main-box .jour-view-title {
  margin: 0 20px;
  text-align: center;
  line-height: 60px;
  height: 50px;
  font-size: 16px;
  border-bottom: 1px solid #edf1f2;
  color: #069dd5;
  overflow: hidden;
}
.jour-main .jour-main-box .jour-view-txt {
  padding: 0 20px;
  font-size: 12px;
  line-height: 24px;
}
.jour-main .jour-view-comment-box {
  padding: 20px 20px 0;
  background-color: #ffffff;
}
.jour-main img {
  max-width: 100%;
}
/*2016-3-1 2:15 */
.jour-class {
  padding: 0 15px;
  line-height: 26px;
}
.jour-class p {
  float: left;
  margin: 0;
  width: 80px;
  font-size: 14px;
  color: #000000;
}
.jour-class a {
  float: right;
  text-decoration: none;
  font-size: 12px;
  color: #333;
}
.jour-class a:hover {
  color: #069dd5;
}
.jour-class-ul {
  list-style: none;
  font-size: 12px;
  color: #3B5AFB;
  margin: 0;
  padding: 0;
}
.jour-class-ul a {
  display: block;
  padding: 0 15px;
  color: #333;
}
.jour-class-ul a.cur {
  color: #3B5AFB;
  background: #e2f4ff;
}
.jour-class-ul li {
  line-height: 30px;
}
.jour-class-ul li p {
  margin: 0;
  width: 80px;
  height: 30px;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  float: left;
}
.jour-class-ul li span {
  float: right;
}
.jour-other {
  margin-bottom: 0px;
  line-height: 30px;
  border-bottom: 1px solid #077fab;
}
.jour-other .jour-down-list {
  font-size: 12px;
  color: #077fab;
  cursor: pointer;
}
.jour-other .jour-down-list:after {
  content: '\e61f';
  font-family: iconfont;
}
.jour-other-hidden .jour-down-list:after {
  content: '\e66f';
  font-family: 'iconfont';
}
.jour-create {
  float: left;
  height: 32px;
  line-height: 32px;
  width: 108px;
  margin: 10px 0 0 0;
  font-size: 14px;
}
.jour-draft {
  float: right;
  margin: 10px 0 0 0;
  line-height: 32px;
  font-size: 12px;
  color: #333;
}
.jour-lists {
  padding: 0 20px 16px;
  background-color: #ffffff;
}
.jour-lists ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.jour-lists ul li {
  border-bottom: 1px solid #edf1f2;
}
.jour-lists ul li p.jour-lists-title {
  margin: 0;
  float: left;
  width: 575px;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  color: #333;
}
.jour-lists ul li div.jour-lists-btns {
  float: right;
  line-height: 40px;
  font-size: 14px;
}
.jour-lists ul li div.jour-lists-btns a {
  text-decoration: none;
  color: #009cd7;
}
.jour-lists ul li div.jour-lists-btns span {
  color: #cacaca;
}
.jour-lists ul li.jour-add {
  height: 40px;
  background-color: #e9f6fb;
}
.jour-lists ul li.jour-add input {
  float: left;
  height: 26px;
  margin: 10px 10px 0 10px;
  line-height: 18px;
  border-radius: 0;
  border: 1px solid #069dd5;
  font-size: 14px;
  color: #666;
}
.jour-lists ul li.jour-add button {
  margin: 10px 8px 0 0px;
  background-color: #069dd5;
  color: #ffffff;
  font-size: 12px;
  padding: 2px 10px;
  border: 1px solid #0c8ac5;
}
.jour-lists .jour-add-btn {
  margin: 10px 0 0 0;
  font-size: 12px;
}
/*新建日志*/
.jour-new-box {
  background-color: #ffffff;
}
.jour-new-box .jour-new-box-title {
  display: block;
  width: 100%;
  border-radius: 0;
  height: 50px;
  line-height: 50px;
  font-size: 24px;
  color: #666666;
  text-align: center;
}
.jour-new-box .jour-new-box-main {
  border: 1px solid #d4d4d4;
  border-radius: 4px;
}
.jour-new-box .jour-new-box-main .jour-new-box-header {
  height: 590px;
  overflow: hidden;
}
.jour-new-box .jour-new-box-main .jour-new-box-operation {
  font-size: 12px;
  line-height: 40px;
  height: 40px;
  background-color: #f6f6f6;
  border-top: 1px solid #d4d4d4;
}
.jour-new-box .jour-new-box-main .jour-new-box-operation span {
  margin-left: 20px;
}
.jour-new-box .jour-new-box-main .jour-alert-txt {
  text-align: right;
  font-size: 12px;
  color: #999;
  padding: 0 20px;
}
.jour-new-box .jour-new-btns {
  position: relative;
  text-align: center;
}
.jour-new-box .jour-new-btns .draft-btn {
  position: absolute;
  right: 0;
  top: 0;
}
/*2016-3-2 10:00 chelin
Workshop
以wk缩写
*/
.wk-lists ul {
  list-style: none;
  margin: 0 25px;
  padding: 0;
}
.wk-lists ul li {
  overflow: hidden;
  height: 90px;
  border-bottom: 1px solid #ebedee;
}
.wk-lists ul li a {
  text-decoration: none;
}
.wk-lists ul li .title {
  margin: 20px auto 10px;
  height: 20px;
  line-height: 20px;
  font-size: 14px;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
}
.wk-lists ul li .title a {
  color: #333;
}
.wk-lists ul li .title span.sign {
  margin-right: 3px;
  color: #ec7002;
}
.wk-lists ul li .txt {
  margin: 0;
  height: 20px;
  line-height: 20px;
  font-size: 12px;
  color: #999;
}
.wk-lists ul li .txt span {
  float: left;
}
.wk-lists ul li .txt span.name {
  max-width: 100px;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  margin-right: 15px;
}
.wk-lists ul li .txt span.name a {
  color: #3c9bce;
}
.wk-lists ul li .txt span.name:last-child {
  max-width: 210px;
  margin-left: 15px;
  margin-right: 0;
}
.wk-lists ul li .txt span.name:last-child.long {
  max-width: 470px;
}
.wk-switch li {
  margin-top: 3px;
}
.wk-switch li a {
  font-size: 12px;
}
.wk-workshop-lists li a {
  text-decoration: none;
}
.wk-workshop-lists li .kc-course-content h4 {
  height: 20px;
  line-height: 20px;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  color: #333;
}
.wk-workshop-lists li .kc-course-content p {
  margin: 0;
  line-height: 20px;
  height: 20px;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
}
.wk-workshop-lists li .kc-course-content p span.color {
  color: #ff7901;
}
.bn-title .wk-title {
  color: #3c9bce;
}
.wk-lists-box ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.wk-lists-box ul li {
  float: left;
  margin: 0 20px 20px 0;
  width: 176px;
  height: 210px;
  border-radius: 4px;
  box-shadow: 1px 1px 3px #999;
  overflow: hidden;
  cursor: pointer;
}
.wk-lists-box ul li:nth-child(5n) {
  margin-right: 0;
}
.wk-lists-box ul li a {
  display: block;
  text-decoration: none;
}
.wk-lists-box ul li div.imgbox {
  width: 100%;
  height: 132px;
  overflow: hidden;
}
.wk-lists-box ul li div.imgbox img {
  width: 100%;
  height: 132px;
  transition: all 0.5s;
}
.wk-lists-box ul li h5 {
  margin: 0 10px;
  height: 26px;
  line-height: 26px;
  font-weight: normal;
  font-size: 14px;
  color: #333;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
}
.wk-lists-box ul li p {
  margin: 0 10px;
  height: 20px;
  line-height: 20px;
  font-size: 12px;
  color: #999;
}
.wk-lists-box ul li p span.orange {
  color: #ff7901;
}
.wsListBox {
  margin: 30px 30px 0;
}
.wsListBox ul li {
  padding: 10px;
  width: 212px;
  height: 250px;
  margin: 0 16px 16px 0;
  border-radius: 0;
  box-sizing: border-box;
}
.wsListBox ul li:before,
.wsListBox ul li:after {
  box-sizing: inherit;
}
.wsListBox ul li:nth-child(3n) {
  margin-right: 0;
}
.wsListBox ul li:nth-child(5n) {
  margin-right: 16px;
}
.wsListBox ul li div.imgbox {
  height: 144px;
}
.wsListBox ul li div.imgbox img {
  height: 100%;
}
.wsListBox ul li h5 {
  margin: 5px 10px;
}
.wsListBox ul li p {
  margin: 5px 10px;
}
/* 2016-3-3 研修项目 research 以re缩写开头*/
.re-breadcrumb {
  margin: 10px 20px;
}
.re-breadcrumb li a,
.re-breadcrumb li span {
  font-size: 12px;
}
.re-con {
  padding: 0 0 30px;
}
.re-lists-box ul li {
  width: 144px;
  height: 195px;
  padding: 1px;
  margin-right: 35px;
}
.re-lists-box ul li div.imgbox {
  width: 144px;
  height: 108px;
  margin: 0 auto 5px;
}
.re-lists-box ul li div.imgbox img {
  height: 100%;
}
.re-lists-box ul li:nth-child(4n) {
  margin-right: 0;
}
.re-lists-box ul li:nth-child(5n) {
  margin-right: 35px;
}
.re-joinwk {
  overflow: hidden;
  height: 44px;
}
.re-title {
  margin-bottom: 0;
}
/* .re-trend {
	margin: 0 20px;
	height: 40px;
	overflow: hidden;
	font-size: 12px;
	img {
		float: left;
		margin: 5px 0 0 0;
	}
	.re-trend-box {
		p {
			float: left;
			margin-left: 10px;
			width: 430px;
			line-height: 18px;
			.ellipsis;
			a {
				text-decoration: none;
				color: @333;
			}
		}
		i {
			float: left;
			margin: -3px 5px 0;
			font-size: 40px;
			color: #ffa200;
		}
		span {
			float: left;
			color: @999;
			line-height: 40px;
		}
		.re-trend-box-newest{
			float: left;
			margin: 10px 5px 0;
			padding: 0 10px;
			display: inline-block;
			height: 20px;
			line-height: 20px;
			background-color: #ffa200;
			border-radius: 3px;
			font-size: 12px;
			color: white;
		}
	}

	.bn-more {
		margin: 11px 0 0 0;
	}
} */
.re-nav > ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.re-nav > ul > li {
  float: left;
  width: 50%;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background-color: #f2f2f2;
  color: #999;
  cursor: pointer;
}
.re-nav > ul > li.cur {
  background-color: #ffffff;
  color: #069dd5;
}
.re-nav > ul > li.bn-grid-1-1 {
  width: 100%;
}
.re-nav-boxes {
  height: 370px;
  overflow: auto;
}
.re-nav-boxes ul {
  margin: 0 20px;
  padding: 0;
  list-style: none;
}
.re-nav-boxes ul li {
  height: 67px;
  border-bottom: 1px solid #f2f2f2;
}
.re-nav-boxes ul li:last-child {
  border-bottom: none;
}
.re-nav-boxes ul li .l {
  width: 435px;
  float: left;
  overflow: hidden;
}
.re-nav-boxes ul li .l p.title {
  margin: 10px 0 0;
  font-size: 14px;
  color: #333;
  height: 24px;
  line-height: 30px;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
}
.re-nav-boxes ul li .l p.txt {
  margin: 0;
  font-size: 12px;
  line-height: 20px;
  color: #999;
}
.re-nav-boxes ul li a {
  float: right;
  margin: 15px 0 0;
}
/* 表情 */
#emotions {
  left: 0;
  top: 480px;
  width: 395px;
  font-size: 12px;
  position: absolute;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  display: none;
  background: none repeat scroll 0 0 #FFFFFF;
  border: 1px solid #E8E8E8;
}
#emotions .container {
  padding: 1px;
  overflow: hidden;
  width: 380px;
}
#emotions div {
  margin: 5px 10px;
  padding: 1px;
  overflow: hidden;
}
#emotions img {
  border: 0;
}
/* 研修学习 作业 */
.yx-header {
  height: auto;
  box-shadow: 0 3px 5px #e4e5e6;
}
.yx-header .bn-1000 .kc-envelope i {
  line-height: 20px;
}
.yx-header .bn-drop-panel {
  color: #666;
  font-size: 12px;
  line-height: 20px;
  /*.bn-drop-panel-sub-box {
			padding-top: 0;
		}*/
}
.yx-header .bn-drop-panel img {
  width: 20px;
  height: 20px;
}
.yx-header .bn-drop-panel .icon-adown {
  color: #666;
}
.yx-header .bn-drop-panel .bn-drop-panel-box {
  height: 20px;
}
.yx-top {
  padding-top: 8px;
  width: 1000px;
  margin: 0 auto;
  box-sizing: border-box;
}
.yx-project-name {
  margin: 0;
  font: bold 30px/50px Arial, 'Microsoft Yahei';
  color: #1565D8;
  text-align: center;
  word-wrap: normal;
}
.yx-nav {
  overflow: hidden;
  width: 100%;
  height: 40px;
  margin: 16px 0 0 0;
  font: 14px/24px Arial, 'Microsoft Yahei';
  color: #d3d3d3;
  text-align: center;
}
.yx-nav a {
  position: relative;
  display: inline-block;
  width: 100px;
  height: 32px;
  padding-bottom: 8px;
  color: #333;
  text-decoration: none;
}
.yx-nav a:before {
  content: '|';
  position: absolute;
  right: -4px;
  top: 0;
  color: #d3d3d3;
}
.yx-nav a.cur {
  position: relative;
  color: #1565D8;
  font-weight: bold;
  background: url('../images/yx-nav-cur.png') no-repeat center bottom;
}
.yx-nav a.cur .iconfont {
  color: #1565D8;
  font-weight: normal;
}
.yx-nav a:hover {
  color: #1565D8;
  font-weight: bold;
}
.yx-nav a:hover .iconfont {
  font-weight: normal;
  color: #1565D8;
}
.yx-nav a:last-child:before {
  content: '';
}
.yx-nav .iconfont {
  padding-right: 3px;
  color: #666;
  vertical-align: -2px;
}
.yx-tab {
  margin: 0;
  padding: 0;
  list-style: none;
}
.yx-tab li {
  float: left;
  margin-right: 4px;
  font: 14px/40px Arial, 'Microsoft Yahei';
}
.yx-tab a {
  display: block;
  padding: 0 25px;
  height: 40px;
  color: #555;
  background: #dceaf2;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  text-align: center;
  text-decoration: none;
}
.yx-tab a:hover,
.yx-tab a.cur {
  background: #fff;
  color: #1565D8;
}
.search-condition {
  margin: 0;
  padding: 0;
  list-style: none;
  padding: 13px 16px 10px 16px;
  border-bottom: 1px solid #ebedee;
}
.search-condition li {
  display: inline-block;
  margin-right: 26px;
  font: 12px/26px Arial, 'Microsoft Yahei';
  color: #666;
}
.search-condition select {
  height: 26px;
  padding: 0 0 0 5px;
  border-color: #ebedee;
  border-radius: 5px;
  outline: none;
}
/* 研修作业列表 */
.yx-task-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.yx-task-list > li {
  position: relative;
  padding: 12px 30px 14px;
  border-bottom: 1px solid #ebedee;
}
.yx-task-list > li:hover {
  background: #f4f9fd;
}
.yx-task-list > li:hover .task-name a {
  color: #3cb1e0;
  text-decoration: underline;
}
.yx-task-list a {
  text-decoration: none;
}
.yx-task-list h3.task-name {
  width: 858px;
  margin: 0;
  padding: 0;
  font: 14px/28px Arial, 'Microsoft Yahei';
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
}
.yx-task-list h3.task-name a {
  color: #333;
  max-width: 661px;
  float: left;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
}
.yx-task-list h3.task-name .evaluate {
  position: absolute;
  top: 14px;
  font-size: 12px;
  color: #ff7901;
  background-color: #ffe7da;
  padding-top: 3px;
  padding-bottom: 2px;
  padding-right: 5px;
  padding-left: 5px;
  margin-left: 20px;
  line-height: 14px;
  text-align: center;
}
.yx-task-list .look-task {
  position: absolute;
  right: 30px;
  top: 50%;
  margin-top: -14px;
  font: 12px/28px Arial, 'Microsoft Yahei';
  color: #FD494D;
}
.yx-task-list .experts-recommend {
  position: absolute;
  top: -5px;
  left: -5px;
  width: 74px;
  height: 68px;
  background: url(../images/experts-recommend.png) no-repeat center;
  zoom: 0.8;
}
/*此处为学习内容里作业互评列表, 因宽度不一样,加class=homework-list调整*/
.homework-list li {
  padding: 10px 0;
}
.homework-list li ul.task-info li {
  margin-right: 10px;
}
.homework-list li h3.task-name {
  width: 715px;
}
.task-info {
  margin: 0;
  padding: 0;
  list-style: none;
  font: 12px/24px Arial, 'Microsoft Yahei';
  color: #888;
}
.task-info > li {
  float: left;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  width: 150px;
  margin-right: 30px;
}
.task-info > li:nth-child(3),
.task-info > li:nth-child(4),
.task-info > li:nth-child(5) {
  /* width: auto;
			min-width: 100px; */
  width: 120px;
}
.task-info > li .iconfont {
  float: left;
  padding-right: 2px;
}
.task-info .editor-report,
.task-info .delete-report {
  color: #888;
}
.task-info .editor-report:hover,
.task-info .delete-report:hover {
  color: #888;
}
.task-page-info {
  position: relative;
  text-align: center;
}
.task-page-info .iconfont {
  vertical-align: -2px;
}
.task-page-info .task-single {
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  display: inline-block;
  max-width: 300px;
  padding-left: 30px;
}
.task-page-info .task-single-result {
  color: #ff7901;
  font-size: 16px;
}
.task-page-info .look-opinion {
  margin-left: 8px;
  vertical-align: 8px;
}
.task-page-info .look-opinion2 {
  position: relative;
  margin-left: 8px;
  vertical-align: 8px;
  color: #00a0e9;
  text-decoration: underline;
}
.task-page-info .look-opinion2 .task-opinion-list {
  left: -120px;
  right: auto;
}
.task-page-info .look-opinion2:hover .task-opinion-list {
  display: block;
}
.task-page-info .experts-recommend {
  position: absolute;
  top: -53px;
  left: -5px;
  width: 74px;
  height: 68px;
  background: url(../images/experts-recommend.png) no-repeat center;
  cursor: pointer;
}
.task-page-info .experts-recommend .task-opinion-list {
  top: 26px;
  left: 48px;
  right: auto;
}
.task-page-info .experts-recommend .task-opinion-list .task-outer {
  top: 8px;
  right: 308px;
}
.task-page-info .experts-recommend .task-opinion-list .task-inner {
  top: 8px;
  right: 306px;
}
.task-page-info .experts-recommend:hover .task-opinion-list {
  display: block;
}
.task-page-info .experts-recommend-text {
  width: 182px;
  height: 40px;
  background: url(../images/experts-recommend-text.png) no-repeat center;
}
.task-page-right {
  margin: 15px 0 0 0;
  text-align: right;
}
.task-page-right .iconfont {
  padding-right: 2px;
  vertical-align: -2px;
}
.task-page-right .task-single {
  padding-left: 30px;
}
.task-page-right a.task-single:hover,
.task-page-right a.task-single.task-support {
  color: #ff7901;
}
/* 查看批阅意见 列表 */
.task-opinion-list {
  z-index: 10;
  display: none;
  position: absolute;
  top: 28px;
  right: 25px;
  width: 310px;
  padding: 10px;
  border: 1px solid #ff9901;
  border-radius: 4px;
  background: #fff;
  font: 12px/24px Arial, 'Microsoft Yahei';
  color: #333;
  text-align: left;
}
.task-opinion-list ul,
.task-opinion-list li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.task-opinion-list li {
  float: none;
  margin-bottom: 3px;
  line-height: 22px;
  border-bottom: 2px solid #f0f2f5;
}
.task-opinion-list li:last-child {
  border-bottom: none;
}
.task-opinion-list li p {
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
  padding-left: 36px;
}
.task-opinion-list li p span:first-child {
  position: absolute;
  left: 0;
  top: 0;
}
.task-opinion-list .blue-color {
  font-style: normal;
  color: #2ca5d8;
}
.task-opinion-list .task-outer {
  color: #ff9901;
  right: 220px;
}
.task-opinion-list .task-inner {
  right: 220px;
  top: -11px;
  color: #fff;
}
.orange-color {
  font-weight: normal;
  font-style: normal;
  color: #ff9901;
  text-decoration: none;
}
.green-color {
  color: #29bc78;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
}
.look-opinion {
  padding: 1px 7px;
  font-size: 11px;
  line-height: 14px;
  text-decoration: none;
  border-radius: 4px;
}
.look-opinion:hover .task-opinion-list {
  display: block;
}
/* 单选框评论选择 */
.choose-status label {
  float: left;
  position: relative;
  margin-left: 30px;
  cursor: pointer;
}
.choose-status input[type=radio] {
  position: absolute;
  left: 0;
  top: 4px;
  opacity: 0;
  width: 14px;
  height: 14px;
  cursor: pointer;
}
.choose-status input[type=radio]:checked + i {
  border: 4px solid #ff7901;
}
.choose-status input[type=radio]:disabled {
  cursor: no-drop;
}
.choose-status input[type=radio]:disabled + i {
  border: 4px solid #d0d6d9;
  cursor: no-drop;
}
.choose-status i {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-right: 3px;
  border: 1px solid #d2d8db;
  border-radius: 50%;
  box-sizing: border-box;
  vertical-align: -2px;
  cursor: pointer;
}
.bn-comment-list .choose-status label {
  margin-left: 15px;
}
/* 批阅作业页面 */
h2.task-page {
  margin: 0;
  padding: 0;
  list-style: none;
  padding: 21px 0 0 0;
  font: 18px/26px Arial, 'Microsoft Yahei';
  color: #333;
  text-align: center;
}
.task-evaluate {
  width: 100%;
  height: 30px;
  margin-top: 12px;
  font: 14px/30px Arial, 'Microsoft Yahei';
  color: #333;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  background: #f9f9f9;
}
.task-evaluate .task-tips {
  float: left;
  margin-left: 30px;
  font-weight: normal;
}
.task-evaluate .task-result {
  float: left;
  margin-left: 12px;
  font-weight: normal;
}
.task-evaluate .bn-star-list {
  margin: 0 0 0 5px;
}
.task-evaluate label {
  padding-left: 0;
  padding-right: 40px;
  color: #d43938;
}
.task-evaluate2 {
  width: 100%;
  margin-top: 12px;
  font-size: 12px;
  color: #333;
  background: #f9f9f9;
  overflow: hidden;
}
.task-evaluate2 .experts-recommend-text {
  width: 182px;
  height: 40px;
  background: url(../images/experts-recommend-text.png) no-repeat center;
}
.task-evaluate2 .task-tips {
  float: left;
  margin-left: 30px;
  font-weight: normal;
}
.task-evaluate2 .task-result {
  float: left;
  margin-left: 12px;
  font-weight: normal;
}
.task-evaluate2 .bn-star-list {
  margin: 0 0 0 5px;
}
.task-evaluate2 label {
  margin-left: 15px;
}
.task-evaluate2 label input {
  margin-right: 5px;
}
.task-evaluate2 .task-box {
  float: left;
  overflow: hidden;
  height: 60px;
  line-height: 60px;
  position: relative;
  width: 1000px;
}
.task-evaluate2 .task-box:nth-child(2) {
  position: relative;
  margin-left: 30px;
}
.task-evaluate2 .task-box:nth-child(2):after {
  content: '';
  position: absolute;
  top: 30%;
  left: 0;
  height: 40%;
  width: 1px;
  background-color: #d3d5d9;
}
.task-evaluate2 .task-box p {
  margin-top: 0;
  margin-bottom: 0;
}
.task-evaluate2 .task-box .uncommented {
  position: absolute;
  top: 15px;
  left: 250px;
  padding: 0px 10px;
  width: 160px;
  height: 35px;
  line-height: 32px;
  background-color: #FF4949;
  color: white;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  font-weight: bold;
  font-size: 15px;
  text-align: center;
  display: flex;
  align-items: center;
}
.task-author {
  display: inline-block;
  max-width: 180px;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  vertical-align: -8px;
}
.evaluate-already {
  position: absolute;
  left: 30px;
  top: 0;
}
.evaluate-already .bn-star-list {
  margin: 0;
}
.evaluate-already .bn-star-list .iconfont {
  font-size: 14px;
}
.evaluate-already .tips {
  font: normal 12px/24px Arial, 'Microsoft Yahei';
}
.evaluate-already2 {
  display: inline-block;
  vertical-align: top;
}
.evaluate-already2 .bn-star-list {
  margin: 0;
}
.evaluate-already2 .bn-star-list .iconfont {
  font-size: 14px;
}
.evaluate-already2 .tips {
  float: left;
  font: normal 12px/26px Arial, 'Microsoft Yahei';
}
.evaluationWork {
  position: fixed;
  right: 30px;
  top: 30%;
  z-index: 99;
}
.evaluationWork .text {
  position: relative;
  cursor: pointer;
  background: no-repeat url(../images/evaluationWork.svg);
  background-position: 0px 0px;
  width: 84px;
  height: 136px;
}
.evaluationWork .text .info {
  position: absolute;
  top: 54px;
  left: 22px;
  width: 40px;
  font-size: 20px;
  color: #fff;
  font-weight: bold;
}
/* 简报 S */
.build-report-title {
  padding: 10px 20px;
}
.yx-report-list {
  width: 100%;
  margin: 0 auto;
  padding: 0;
  list-style-type: none;
}
.yx-report-list li {
  height: 24px;
  padding: 15px 20px;
  font: 14px/24px Arial, 'Microsoft Yahei';
  border-bottom: 1px solid #ebedee;
}
.yx-report-list li:hover {
  background: #f4f9fd;
}
.yx-report-list li:hover p {
  color: #3cb1e0;
}
.yx-report-list li > a {
  color: #333;
}
.yx-report-list a {
  text-decoration: none;
}
.yx-report-list p {
  width: 570px;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  margin: 0;
  padding: 0;
  list-style: none;
}
.yx-report-list .bn-artical-info a {
  color: #666;
}
.yx-report-list .bn-artical-info .bn-single-info2 {
  display: inline-block;
  width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/* 共用编辑&&删除 */
.editor-report,
.delete-report {
  text-decoration: none;
  color: #666;
}
.editor-report:hover:after {
  color: #666;
}
.editor-report:after {
  content: '|';
  padding: 0 6px 0 9px;
}
/* 查看简报 */
.yx-report-tile {
  position: relative;
  width: 100%;
  margin: 0 auto 10px;
  padding: 24px 0 5px;
  box-sizing: border-box;
  border-bottom: 1px solid #edf1f2;
  text-align: center;
}
.yx-report-tile .bn-artical-info {
  line-height: 12px;
}
.yx-report-tile .bn-single-info {
  display: inline-block;
  width: 160px;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  line-height: 12px;
}
.yx-report-tile h2 {
  margin: 0 0 3px 0;
  padding: 0 105px;
  font: 18px/28px Arial, 'Microsoft Yahei';
  color: #333;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  box-sizing: border-box;
}
.yx-report-tile p {
  margin: 0;
  padding: 0;
  list-style: none;
  font: 12px/24px Arial, 'Microsoft Yahei';
  color: #888;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
}
.yx-report-tile p span.kl-attr-span {
  margin-right: 15px;
  color: #999;
}
.yx-report-tile p span.kl-attr-span i {
  font-size: 10px;
  margin-right: 3px;
}
.yx-report-tile .back-report-list {
  position: absolute;
  right: 0;
  top: 24px;
}
.back-report-list {
  font: 14px/24px Arial, 'Microsoft Yahei';
  color: #ff8115;
  text-decoration: none;
}
.back-report-list .iconfont {
  padding-right: 5px;
  font-size: 14px;
  vertical-align: -1px;
}
.yx-report-view {
  width: 100%;
  height: 500px;
  overflow: hidden;
  font: 14px/28px Arial, 'Microsoft Yahei';
  color: #333;
}
.yx-report-view.scroll {
  overflow: auto;
}
/* 查看简报 E */
/* 新建简报 S */
.new-build-report {
  width: 960px;
  margin: 20px auto 0;
  padding: 0 0 30px 0;
}
.new-build-report .build-repot-text {
  font: 14px/26px Arial, 'Microsoft Yahei';
  color: #333;
}
.new-build-report .file-btn-box {
  font: 12px/28px Arial, 'Microsoft Yahei';
  color: #333;
}
.new-build-report .file-btn-box .bn-btn {
  line-height: 28px;
  color: #2ca5d8;
}
input[type=text].report-title {
  width: 100%;
  height: 48px;
  padding: 0 6px;
  font: 24px/48px Arial, 'Microsoft Yahei';
  color: #666;
  border-radius: 0;
  border-color: #d4d4d4;
  background: #fbfbfb;
  text-align: center;
  box-shadow: inset 0 2px 2px #efefef, inset -2px 0 2px #efefef, inset 0 -2px 2px #efefef, inset 2px 0 2px #efefef;
}
/* 新建简报 E */
/* 研修心得(日志) S */
.yx-project-log {
  margin: 0;
  padding: 0;
  list-style: none;
}
.yx-project-log > li {
  padding: 15px 30px;
  border-bottom: 1px solid #ebedee;
}
.yx-project-log > li a {
  text-decoration: none;
}
.yx-project-log > li h3 {
  width: 100%;
  margin: 0 0 5px 0;
  padding: 0;
  font: 14px/24px Arial, 'Microsoft Yahei';
  color: #333;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
}
.yx-project-log > li p {
  margin: 0;
  padding: 0;
  font: 12px/26px Arial, 'Microsoft Yahei';
  color: #999;
}
.yx-project-log > li:hover {
  background: #f4f9fd;
}
.yx-project-log > li:hover h3 {
  color: #009cd7;
}
.yx-project-log .editor-report {
  padding-left: 60px;
}
.yx-project-log .editor-report:after {
  content: '';
}
.yx-project-log .bn-artical-info {
  margin-top: 10px;
}
.yx-project-log .bn-artical-info .bn-single-info {
  position: relative;
  float: left;
  padding: 0 40px 0 30px;
  text-align: center;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
}
.yx-project-log .bn-artical-info .bn-single-info:after {
  content: '|';
  position: absolute;
  top: 0;
  right: 0;
  color: #d9d9d9;
  font-size: 14px;
  line-height: 24px;
}
.yx-project-log .bn-artical-info .bn-single-info:first-child {
  margin-left: -30px;
}
.yx-log-view {
  text-indent: 2em;
}
.yx-log-view p {
  margin: 0;
  padding: 0;
  list-style: none;
}
.yx-log-view .yx-log-classify {
  color: #686e78;
}
/* 研修心得(日志) E */
/* 项目课例 S */
.yx-project-lesson .search-title {
  padding-top: 0;
  padding-left: 30px;
  border-bottom: 6px solid #ebedee;
  margin-bottom: 20px;
}
.yx-project-lesson .search-title .bn-search em {
  color: #3B5AFB;
}
.yx-project-lesson .lesson-research-list {
  padding-top: 25px;
}
.new-build-lesson {
  padding: 30px 0 0 0;
}
.new-build-lesson .bn-title h4 {
  font: bold 16px/36px Arial, 'Microsoft Yahei';
  color: #333;
}
.yx-lesson-name {
  position: relative;
  margin-bottom: 15px;
  font: 14px/34px Arial, 'Microsoft Yahei';
  color: #333;
}
.yx-lesson-name input[type=text] {
  width: 450px;
  height: 32px;
  padding: 9px 5px;
  line-height: 14px;
  border-color: #dedede;
  border-radius: 0;
}
.yx-group p {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-bottom: 5px;
  font: 14px/30px Arial, 'Microsoft Yahei';
  color: #666;
}
.yx-group table {
  background: #ebedee;
  border-collapse: separate;
  border-spacing: 1px;
  font: 13px/42px Arial, 'Microsoft Yahei';
  color: #333;
}
.yx-group th {
  font: 14px/42px Arial, 'Microsoft Yahei';
  background: #f8f8f8;
}
.yx-group td {
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  background: #fff;
  text-align: center;
}
/* 项目课例 E */
/* 研修学习园地 S */
.yx-study-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.yx-study-list > li {
  padding: 15px 30px;
  color: #888;
  border-bottom: 1px solid #ebedee;
}
.yx-study-list > li:hover {
  background: #f4f9fd;
}
.yx-study-list > li:hover h3 {
  color: #3cb1e0;
  text-decoration: underline;
}
.yx-study-list > li h3 {
  width: 100%;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  margin: 0;
  padding: 0;
  list-style: none;
  font: 14px/32px Arial, 'Microsoft Yahei';
  color: #333;
}
.yx-study-list a {
  text-decoration: none;
}
.yx-study-list .editor-report,
.yx-study-list .delete-report {
  color: #888;
}
.yx-study-list .bn-single-info {
  float: left;
  width: 150px;
  padding: 0;
  margin-right: 10px;
  color: #888;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
}
.yx-study-list .bn-single-info:nth-child(5),
.yx-study-list .bn-single-info:nth-child(6) {
  width: 100px;
}
.yx-study-list .bn-single-info2 {
  float: left;
  padding: 0;
  color: #888;
  margin-right: 15px;
}
.yx-study-list .bn-single-info2:before {
  font-size: 16px;
}
.yx-study-list .bn-single-info2 .text {
  float: right;
  display: inline-block;
  max-width: 50px;
  font-style: normal;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
}
.yx-study-list .bn-single-info2 .text1 {
  float: right;
  display: inline-block;
  max-width: 120px;
  font-style: normal;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
}
.yx-project-study .bn-single-info {
  width: 150px;
}
.yx-project-study .bn-single-info:nth-child(3) {
  width: 150px;
}
.yx-project-study .bn-single-info:nth-child(5),
.yx-project-study .bn-single-info:nth-child(6) {
  width: 110px;
}
.yx-study-view h6 {
  margin-bottom: 10px;
  font-weight: normal;
}
/* 研修学习园地 E */
/*研修yx-nav*/
.yx-left-nav h1 {
  margin: 0;
  padding: 0 10px;
  height: 44px;
  cursor: pointer;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  line-height: 44px;
  font-size: 14px;
  color: #fb4e2d;
  border-bottom: 1px solid #e8e8e8;
}
.yx-left-nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.yx-left-nav ul.f-ul .hidden .s-ul {
  display: none;
}
.yx-left-nav ul.f-ul .hidden i.icon-down-triangle {
  transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  /* IE 9 */
  -moz-transform: rotate(-90deg);
  /* Firefox */
  -webkit-transform: rotate(-90deg);
  /* Safari 和 Chrome */
  -o-transform: rotate(-90deg);
  /* Opera */
}
.yx-left-nav ul.f-ul div.f-title {
  position: relative;
  line-height: 37px;
  border-bottom: 1px solid #e8e8e8;
}
.yx-left-nav ul.f-ul div.f-title > a {
  display: block;
  text-decoration: none;
  color: #333333;
  padding: 0 10px;
}
.yx-left-nav ul.f-ul div.f-title > a.cur {
  background-color: #fa350f;
}
.yx-left-nav ul.f-ul div.f-title > a.cur h2 {
  color: #fff;
}
.yx-left-nav ul.f-ul div.f-title > a.cur i.icon-complete {
  color: #fff;
}
.yx-left-nav ul.f-ul div.f-title > a.cur i.icon-hourglass {
  color: #fff;
}
.yx-left-nav ul.f-ul div.f-title i.iconfont {
  position: absolute;
  top: 0;
}
.yx-left-nav ul.f-ul div.f-title i.icon-complete {
  right: 10px;
  font-size: 12px;
  color: #29bb78;
}
.yx-left-nav ul.f-ul div.f-title i.icon-hourglass {
  right: 10px;
  font-size: 12px;
  color: #f93110;
}
.yx-left-nav ul.f-ul div.f-title h2 {
  margin: 0 15px;
  line-height: 37px;
  font-size: 14px;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
}
.yx-left-nav ul.f-ul ul.s-ul .hidden .icon-more-down-small {
  left: 12px;
  transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  /* IE 9 */
  -moz-transform: rotate(-90deg);
  /* Firefox */
  -webkit-transform: rotate(-90deg);
  /* Safari 和 Chrome */
  -o-transform: rotate(-90deg);
  /* Opera */
}
.yx-left-nav ul.f-ul ul.s-ul .hidden .t-ul {
  display: none;
}
.yx-left-nav ul.f-ul ul.s-ul li.active {
  border-bottom: 1px dashed #eeeeee;
}
.yx-left-nav ul.f-ul ul.s-ul li.active h4 {
  position: relative;
  margin: 0 0 0 18px;
  padding: 0;
  font-size: 12px;
  height: 37px;
  line-height: 37px;
  font-weight: normal;
  border-left: 1px dashed #8eb3d0;
  background: url("../images/line_03.png") no-repeat 0 17px;
}
.yx-left-nav ul.f-ul ul.s-ul li.active h4 a {
  display: block;
  margin-left: 23px;
  text-decoration: none;
  color: #333;
}
.yx-left-nav ul.f-ul ul.s-ul li.active h4 a span {
  float: left;
}
.yx-left-nav ul.f-ul ul.s-ul li.active h4 a span.t-title-box {
  width: 150px;
  margin-left: 5px;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
}
.yx-left-nav ul.f-ul ul.s-ul li.active h4 a:hover {
  color: #f93110;
}
.yx-left-nav ul.f-ul ul.s-ul li.active h4 a.cur {
  background-color: #f93110;
  color: #fff;
}
.yx-left-nav ul.f-ul ul.s-ul li.active h4 a.cur i {
  color: #fff;
}
.yx-left-nav ul.f-ul ul.s-ul li.active h4 i {
  position: absolute;
  right: 10px;
  font-size: 12px;
}
.yx-left-nav ul.f-ul ul.s-ul li.active h4 i.icon-complete {
  color: #29bb78;
}
.yx-left-nav ul.f-ul ul.s-ul li.active h4 i.icon-hourglass {
  color: #f93110;
}
.yx-left-nav ul.f-ul ul.s-ul .s-title {
  position: relative;
  line-height: 37px;
  border-bottom: 1px dashed #e8e8e8;
}
.yx-left-nav ul.f-ul ul.s-ul .s-title i.iconfont {
  position: absolute;
}
.yx-left-nav ul.f-ul ul.s-ul .s-title i.icon-more-down-small {
  left: 10px;
  top: 15px;
  height: 10px;
  line-height: 10px;
  color: #db8a56;
  background-color: #FFFFFF;
  overflow: hidden;
}
.yx-left-nav ul.f-ul ul.s-ul .s-title i.icon-complete {
  top: 0px;
  right: 10px;
  font-size: 12px;
  color: #29bb78;
}
.yx-left-nav ul.f-ul ul.s-ul .s-title i.icon-hourglass {
  top: 0px;
  right: 10px;
  font-size: 12px;
  color: #f93110;
}
.yx-left-nav ul.f-ul ul.s-ul .s-title h3 {
  margin: 0 30px 0 18px;
  padding: 0;
  text-indent: 7px;
  line-height: 37px;
  font-size: 14px;
  font-weight: normal;
  border-left: 1px dashed #8eb3d0;
  cursor: pointer;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
}
.yx-left-nav ul.f-ul ul.s-ul .t-ul .t-title {
  position: relative;
  line-height: 37px;
  border-bottom: 1px dashed #e8e8e8;
}
.yx-left-nav ul.f-ul ul.s-ul .t-ul .t-title h4 {
  margin: 0 0 0 18px;
  padding: 0;
  font-size: 12px;
  font-weight: normal;
  border-left: 1px dashed #8eb3d0;
  background: url("../images/line_03.png") no-repeat 0 17px;
}
.yx-left-nav ul.f-ul ul.s-ul .t-ul .t-title h4 a {
  position: relative;
  display: block;
  margin: 0 0 0 22px;
  text-decoration: none;
  color: #333;
}
.yx-left-nav ul.f-ul ul.s-ul .t-ul .t-title h4 a span {
  float: left;
}
.yx-left-nav ul.f-ul ul.s-ul .t-ul .t-title h4 a span.t-title-box {
  width: 130px;
  margin-left: 5px;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
}
.yx-left-nav ul.f-ul ul.s-ul .t-ul .t-title h4 a i.icon-complete {
  position: absolute;
  top: 0px;
  right: 10px;
  font-size: 12px;
  color: #29bb78;
}
.yx-left-nav ul.f-ul ul.s-ul .t-ul .t-title h4 a i.icon-hourglass {
  position: absolute;
  top: 0px;
  right: 10px;
  font-size: 12px;
  color: #fa350f;
}
.yx-left-nav ul.f-ul ul.s-ul .t-ul .t-title h4 a:hover {
  color: #fa350f;
}
.yx-left-nav ul.f-ul ul.s-ul .t-ul .t-title h4 a.cur {
  background-color: #fa350f;
  color: #fff;
}
.yx-left-nav ul.f-ul ul.s-ul .t-ul .t-title h4 a.cur i.icon-complete {
  color: #fff;
}
.yx-left-nav ul.f-ul ul.s-ul .t-ul .t-title h4 a.cur i.icon-hourglass {
  color: #fff;
}
/*yx-问答作业未完成*/
.yx-homework-list {
  position: relative;
  padding-left: 20px;
  margin: 0 15px 5px 0;
  box-sizing: border-box;
  border-bottom: 1px dashed #e3e7e8;
}
.yx-homework-list i {
  position: absolute;
  left: 0;
  top: 3px;
  font-size: 14px;
  color: #ff7901;
}
.yx-homework-list .yx-question {
  margin: 0;
  padding: 0;
  font-size: 14px;
  line-height: 20px;
}
.yx-homework-list .yx-answer-box {
  margin: 10px auto 15px;
}
.yx-homework-list .yx-answer-box .yx-answer {
  width: 100%;
  height: 20px;
  line-height: 20px;
  resize: none;
  font-size: 12px;
  border: 1px solid #e3e7e8;
}
.yx-homework-list .yx-answer-box .focus {
  height: 60px;
  border: 1px solid #ff7901;
}
.yx-homework-list .yx-answer-box button {
  float: right;
}
.yx-prompt {
  font-size: 12px;
  text-align: center;
  color: #fc351c;
}
.yx-prompt-left {
  font-size: 12px;
  line-height: 30px;
  text-align: left;
  color: #fc351c;
}
.yx-prompt-left2 .webuploader-tips {
  font-size: 12px;
  line-height: 30px;
  text-align: left;
  color: #9b9b9b;
}
.yx-btn-center {
  text-align: center;
}
.yx-btn-right {
  text-align: right;
}
.yx-describe {
  position: relative;
  background-color: #f6f6f6;
  padding: 10px;
}
.yx-describe textarea {
  border: 1px solid #e8e8e8;
  resize: none;
  height: 100px;
  width: 99%;
  line-height: 20px;
}
.yx-preview {
  height: 400px;
}
/*2016-3-21 作业互评列表*/
.homework-list-title {
  line-height: 30px;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  font-weight: bold;
  font-size: 14px;
  border-bottom: 1px solid #d9d9d9;
}
.homework-read {
  height: 150px;
  width: 598px;
  border: none;
  resize: none;
  outline: none;
  border: 1px solid #fff;
}
.homework-read:focus {
  border: 1px solid #ff7901;
}
/*研修项目工作坊 以.yx-ws命名*/
.yx-ws-search {
  margin: 0;
  padding-top: 0;
  padding-left: 20px;
  border-bottom: none;
}
.yx-ws-search .bn-search em {
  color: #ff7901;
}
/*研修项目选课 以.ch命名 原义为choose*/
.ch-title {
  margin: 10px auto 0;
}
.ch-title p {
  margin: 0 0 0 20px;
  float: left;
  width: 800px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 18px;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
}
.ch-title p.text-left {
  text-align: left;
}
.ch-title.ch-detail {
  margin-bottom: 20px;
}
.ch-title.ch-detail p {
  float: none;
  width: auto;
}
.ch-title a {
  float: right;
  margin-right: 20px;
  line-height: 40px;
  font-size: 14px;
  text-decoration: none;
  color: #ff7901;
}
.ch-view {
  margin: 0 20px;
  min-height: 400px;
}
.ch-download {
  margin: 20px 20px 0;
  padding-bottom: 30px;
}
.ch-download a {
  text-decoration: none;
  font-size: 12px;
  float: right;
  color: #ff7901;
}
.ch-download-accessory {
  margin: 0 20px 20px;
  color: #999;
  font-size: 12px;
}
.ch-download-accessory i {
  margin: 0 5px;
  font-size: 12px;
  color: #ff7901;
}
.ch-download-accessory a {
  color: #3c9bce;
}
.ch-tab,
.choose-course {
  margin: 0 20px;
  width: 960px;
  box-sizing: border-box;
  table-layout: fixed;
  border-collapse: collapse;
}
.ch-tab th,
.choose-course th,
.ch-tab td,
.choose-course td {
  border: 1px solid #ebedee;
  text-align: center;
}
.ch-tab th,
.choose-course th {
  background-color: #f8f8f8;
  line-height: 47px;
}
.ch-tab td,
.choose-course td {
  padding: 10px 0;
  font-size: 12px;
}
.ch-tab td.four-td,
.choose-course td.four-td {
  text-align: left;
  text-indent: 10px;
}
.ch-tab td .ch-btn-bg,
.choose-course td .ch-btn-bg {
  overflow: hidden;
  height: 22px;
  width: 44px;
  text-align: center;
  line-height: 20px;
  font-size: 12px;
  color: #fff;
  border-radius: 10px;
  background-color: #ff7901;
  border: none;
}
.ch-tab td p.title,
.choose-course td p.title {
  margin: 0 auto;
  font-size: 14px;
  line-height: 24px;
  color: #333;
}
.ch-tab td p.txt,
.choose-course td p.txt {
  margin: 0 auto;
  line-height: 20px;
}
.ch-tab td p.txt span.orange,
.choose-course td p.txt span.orange {
  color: #ff7901;
}
.ch-tab td label,
.choose-course td label {
  display: block;
  line-height: 24px;
  font-size: 13px;
}
.ch-tab td label input,
.choose-course td label input {
  margin-right: 2px;
}
.ch-tab td label .course-hour,
.choose-course td label .course-hour {
  padding-left: 10px;
  font-style: normal;
  font-size: 12px;
  color: #999;
}
.ch-tab td label.block,
.choose-course td label.block {
  font-size: 14px;
  text-align: left;
  text-indent: 10px;
}
.ch-tab td label.block input[type=checkbox],
.choose-course td label.block input[type=checkbox] {
  width: 14px;
  height: 14px;
}
.choose-course {
  width: 695px;
}
.ch-btns {
  margin: 15px auto 0;
  text-align: center;
}
/*评论tab*/
.comment-tab {
  padding-left: 20px;
  margin: 0 auto 10px;
  border-bottom: 10px solid #f6f6f6;
}
.comment-tab ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.comment-tab ul li {
  float: left;
  width: 87px;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  text-align: center;
  color: #333;
  cursor: pointer;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.comment-tab ul li.cur {
  color: #ff7901;
  background-color: #f9f8f7;
  border: 1px solid #edeae8;
  border-bottom: none;
}
/* 问答 */
.question-tab li {
  font-size: 16px;
}
.question-answer-box .search-title {
  border-bottom: none;
}
.question-answer-box .filter-box {
  border: 1px solid #e3e7e8;
}
.question-answer-box .bn-filter {
  border-bottom: none;
}
.question-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.question-list > li {
  margin-bottom: 25px;
  padding: 0 20px 15px;
  border-bottom: 1px solid #f0f2f5;
}
.question-list a {
  text-decoration: none;
}
.question-list a:hover h3.question-title {
  text-decoration: underline;
  color: #3cb1e0;
}
.question-top-info {
  position: relative;
  width: 100%;
  padding-right: 90px;
  box-sizing: border-box;
}
.question-top-info .answer-link {
  position: absolute;
  right: 0;
  top: 0;
}
.answer-link {
  font: bold 14px/30px Arial, 'Microsoft Yahei';
  color: #ff7901;
}
.answer-link .iconfont {
  float: left;
  font-size: 24px;
  font-weight: normal;
}
h3.question-title {
  margin: 0;
  padding: 0;
  list-style: none;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  position: relative;
  width: 100%;
  padding-left: 63px;
  font: bold 14px/24px Arial, 'Microsoft Yahei';
  color: #000;
  box-sizing: border-box;
}
h3.question-title .question-status {
  position: absolute;
  left: 0;
  top: 2px;
  display: block;
  width: 55px;
  height: 20px;
  font: normal 14px/20px Arial, 'Microsoft Yahei';
  color: #fafafa;
  text-align: center;
  border-radius: 4px;
}
h3.question-title .question-status.unsolved {
  background: #ff5723;
}
h3.question-title .question-status.solved {
  background: #00cb65;
}
.question-master {
  margin: 0 0 0 63px;
  font: 12px/30px Arial, 'Microsoft Yahei';
  color: #999;
}
.question-master a {
  padding-right: 15px;
  color: #005699;
}
.question-text {
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  margin: 0 0 0 63px;
  padding: 0;
  font: 12px/30px Arial, 'Microsoft Yahei';
  color: #333;
}
.question-text img {
  display: block;
  max-width: 100%;
}
.answer-text {
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  margin: 0 0 0 63px;
  padding: 6px 20px;
  font: 12px/30px Arial, 'Microsoft Yahei';
  color: #333;
  background: #f9f9f9;
}
.answer-text p {
  width: 100%;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
}
.new-answer img {
  display: block;
  max-width: 100%;
}
.new-answer .answer-mark {
  padding-left: 25px;
  font-size: 13px;
  color: #ff5722;
  background: url('../images/question-new-bg.gif') no-repeat left center;
}
.pleased-answer .answer-mark {
  padding-left: 20px;
  font-size: 13px;
  color: #00cc66;
  background: url('../images/question-bg02.gif') no-repeat left center;
}
.question-info {
  margin-top: 14px;
  text-align: right;
}
.question-info .icon-close-btn {
  font-size: 14px;
  vertical-align: -1px;
}
.question-con {
  padding: 30px 0 15px;
  border-bottom: 1px solid #f0f2f5;
}
.question-con .question-title {
  height: auto;
  white-space: normal;
  overflow: auto;
  font-size: 18px;
}
.question-con .question-text {
  font-size: 14px;
  line-height: 26px;
  color: #666;
}
.question-con .question-master {
  margin-bottom: 7px;
  border-bottom: 1px solid #f0f2f5;
}
.question-con .question-master a {
  text-decoration: none;
}
.question-con .question-master a:after {
  content: '|';
  padding-left: 15px;
  color: #ababab;
}
.answer-box {
  position: relative;
  margin: 15px 20px 0;
  padding: 30px 0 30px 115px;
  box-sizing: border-box;
  border-top: 2px solid #f0f2f5;
}
.answer-box .answer-link {
  position: absolute;
  left: 0;
  top: 30px;
  font-size: 16px;
  color: #333;
}
.answer-box .answer-link .iconfont {
  font-size: 32px;
  color: #ff7901;
}
.answer-box .answer-textarea {
  width: 100%;
  height: auto;
  margin-top: 7px;
}
/* 问答右边列表 */
.right-question-list {
  margin: 0;
  padding: 0;
  list-style: none;
  padding: 0 15px 20px;
  box-sizing: border-box;
}
.right-question-list li {
  width: 100%;
  padding-left: 15px;
  background: url('../images/question-bg01.gif') no-repeat left center;
  box-sizing: border-box;
}
.right-question-list li a {
  display: block;
  width: 100%;
  font: 12px/28px Arial, 'Microsoft Yahei';
  color: #333;
  text-decoration: none;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
}
.ask-question {
  margin-bottom: 5px;
  background: none;
}
.ask-question h2 {
  padding-left: 36px;
  font: bold 16px/40px Arial, 'Microsoft Yahei';
  color: #333;
  background: url('../images/question-bg03.gif') no-repeat left center;
}
.ask-question .iconfont {
  color: #666;
}
h3.ask-tips {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-top: 10px;
  font: 14px/24px Arial, 'Microsoft Yahei';
  color: #333;
}
.ask-question-con {
  margin-bottom: 20px;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  border-radius: 4px;
  line-height: 20px;
}
.ask-question-con .task-evaluate select {
  margin: 0 9px;
  padding: 0 0 0 4px;
  outline: none;
  font-size: 12px;
  color: #000;
}
.ask-question-title input {
  border-radius: 0;
  line-height: 22px;
}
.ask-question-title p.tips {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-top: 4px;
  font: 12px/24px Arial, 'Microsoft Yahei';
  color: #999;
  text-align: right;
}
.answer-list {
  border-top: 10px solid #f0f2f5;
}
.answer-list .bn-comment-list {
  padding: 0 30px;
}
.answer-list .bn-comment {
  line-height: inherit;
}
/*问答 question 以.qu命名*/
.qu-box {
  position: relative;
  padding-left: 60px;
  margin: 15px 20px 0;
  box-sizing: border-box;
}
.qu-box p.sign {
  position: absolute;
  left: 0;
  top: 3px;
  width: 50px;
  margin: 0;
  line-height: 20px;
  text-align: center;
  font-size: 14px;
  border-radius: 4px;
  color: #fff;
}
.qu-box p.solve {
  background-color: #20D178;
}
.qu-box p.resolve {
  background-color: #ff5723;
}
.qu-box h3 {
  font-size: 18px;
  margin-bottom: 5px;
}
.qu-box p.detail {
  margin: 0 0 10px;
  padding: 0 0 10px;
  font-size: 12px;
  border-bottom: 1px solid #eeeeee;
}
.qu-box p.detail.detail-noborder {
  border-bottom: none;
}
.qu-box p.detail a,
.qu-box p.detail span {
  margin-right: 10px;
  color: #999;
}
.qu-box p.detail .blue {
  color: #005699;
  text-decoration: none;
}
.qu-box .answer {
  margin: 0;
  font-size: 14px;
  line-height: 24px;
  color: #666;
}
.qu-box .answer img {
  max-width: 100%;
}
.qu-box p.operate {
  font-size: 12px;
  text-align: right;
}
.qu-box p.operate span.btn {
  margin-left: 20px;
  color: #666;
}
.qu-box p.operate span.btn i {
  margin-right: 5px;
  vertical-align: -2px;
  color: #888;
}
.qu-box p.operate span.btn .icon-close-btn {
  font-size: 14px;
  vertical-align: -1px;
}
.qu-satisfied {
  margin: 15px 20px 0;
  border: 1px solid #eeeeee;
  background-color: #f6f6f6;
}
.qu-satisfied .reward {
  height: 59px;
  border-bottom: 1px solid #eeeeee;
  line-height: 59px;
  font-size: 14px;
  color: #ef1606;
}
.qu-satisfied .reward img.sign {
  float: left;
  margin: 7px 10px 0 20px;
}
.qu-satisfied .qu-box {
  padding-left: 70px;
}
.qu-satisfied .qu-box .head {
  position: absolute;
  left: 0;
  height: 52px;
  width: 52px;
  border-radius: 50%;
}
.qu-satisfied .qu-box .answer {
  color: #333;
}
.qu-adopt {
  height: 35px;
  text-align: right;
}
.qu-adopt button {
  margin: 5px 0 0 0;
  border: none;
  height: 30px;
  padding: 0 20px;
  border: 1px solid #ff7901;
  color: #ff7901;
  background-color: #fff8e8;
  font-size: 14px;
}
.qu-adopt button i {
  position: relative;
  top: -1px;
  font-size: 14px;
  margin-right: 3px;
}
/* 访客 */
.attention-list-more a {
  color: #069dd5;
  font-size: 26px;
  text-decoration: none;
}
.visitor {
  height: 208px;
}
/*课例研究*/
.kl-tab li {
  width: 125px;
  margin: 0;
}
.kl-breadcrumb {
  font-size: 12px;
  line-height: 40px;
}
.kl-breadcrumb p {
  float: left;
  margin: 0 10px 0 1px;
}
.kl-breadcrumb ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.kl-breadcrumb ul li,
.kl-breadcrumb ul span,
.kl-breadcrumb ul a {
  font-size: 12px;
}
.kl-count {
  margin: 0;
  padding: 0;
  list-style: none;
}
.kl-count li {
  border-top: 1px solid #e8e8e8;
  text-indent: 20px;
  line-height: 45px;
  font-size: 14px;
  cursor: pointer;
}
.kl-count li a {
  text-decoration: none;
  color: #333;
}
.kl-count li a i {
  margin-right: 3px;
}
.kl-count li.cur,
.kl-count li:hover {
  background-color: #fa350f;
}
.kl-count li.cur a,
.kl-count li:hover a {
  color: #fff;
}
.kl-count li:last-child {
  border-bottom: 1px solid #e8e8e8;
}
.kl-count-detail p {
  margin: 0 auto 15px;
  line-height: 40px;
  font-size: 14px;
  color: #000;
  border-bottom: 1px solid #e8e8e8;
}
.kl-count-detail p span {
  font-size: 14px;
  line-height: 40px;
  margin-left: 5px;
}
.kl-count-detail p span.good {
  float: right;
  color: #ff7901;
}
.kl-count-detail p span.complete {
  float: right;
  color: #29bc78;
}
.kl-count-detail ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.kl-count-detail ul li {
  font-size: 12px;
  line-height: 24px;
  color: #333;
}
.kl-sub-title {
  font-size: 14px;
  color: #ff7901;
}
.kl-sub-tab {
  width: 100%;
  border-collapse: collapse;
  color: #333;
  table-layout: fixed;
  border: 1px solid #cbcbcb;
}
.kl-sub-tab th,
.kl-sub-tab td {
  border: 1px solid #efefef;
  height: 40px;
}
.kl-sub-tab th {
  font-size: 14px;
  font-weight: normal;
  background-color: #f8f8f8;
}
.kl-sub-tab th.white {
  background-color: #fff;
  text-align: center;
}
.kl-sub-tab td {
  text-align: center;
  font-size: 12px;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
}
.kl-sub-tab td a {
  font-size: 12px;
  text-decoration: none;
}
.kl-sub-tab td a.orange {
  padding: 0 4px;
  color: #ff7901;
  text-decoration: underline;
}
.kl-sub-tab td a.grey {
  color: #333;
}
.kl-sub-tab td a.grey:hover {
  color: #ff7901;
}
.kl-sub-tab td.reason {
  white-space: normal;
  text-align: left;
  padding-left: 3px;
}
.kl-sub-tab td.text-left {
  text-align: left;
  text-indent: 3px;
}
.kl-textarea {
  padding: 10px;
  border: 1px solid #ff7901;
  min-height: 80px;
  font-size: 14px;
}
.kl-textarea:focus {
  outline: none;
}
.kl-textarea-read {
  padding: 10px;
  border: 1px solid #e8e8e8;
  background-color: #fafafa;
  color: #333;
  font: 14px/26px Arial, 'Microsoft Yahei';
}
.kl-count-box {
  border: 1px solid #e8e8e8;
}
.kl-count-box p.kl-count-title {
  border-bottom: 1px solid #e8e8e8;
  margin: 0;
}
.kl-count-box p.kl-count-title span.th {
  display: block;
  line-height: 40px;
  float: left;
  background-color: #f8f8f8;
  color: #333;
  font-size: 14px;
  width: 20%;
  text-align: center;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
}
.kl-count-box ul.kl-count-lists {
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  list-style: none;
}
.kl-count-box ul.kl-count-lists a:last-child li {
  border-bottom: none;
}
.kl-count-box ul.kl-count-lists li {
  border-bottom: 1px solid #e8e8e8;
}
.kl-count-box ul.kl-count-lists li p {
  margin: 0;
}
.kl-count-box ul.kl-count-lists li p span.td {
  display: block;
  float: left;
  color: #333;
  font-size: 12px;
  line-height: 40px;
  width: 20%;
  text-align: center;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
}
.kl-count-box ul.kl-count-lists li p span.td:first-child {
  color: #ff7901;
}
.kl-count-box ul.kl-count-lists li.cur p {
  background-color: #f4fbff;
  border-bottom: 1px solid #e8e8e8;
}
/* 课例内容页 */
.lesson-conbox {
  position: relative;
  z-index: 9;
  padding: 0 15px 10px;
}
.lesson-conbox i.red {
  font-style: normal;
  color: #f21212;
}
.lesson-conbox .describe {
  font-size: 12px;
  line-height: 25px;
  color: #f00;
}
.lesson-tips {
  font: 14px/24px Arial, 'Microsoft Yahei';
  color: #333;
  text-align: center;
}
.lesson-tips img {
  margin-right: 6px;
  vertical-align: middle;
}
.lesson-tips p {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-bottom: 6px;
  font: 14px/24px Arial, 'Microsoft Yahei';
  color: #333;
}
.lesson-plan {
  margin-top: 15px;
  padding: 0 20px 15px;
}
.lesson-plan-info {
  width: 475px;
  font: 13px/30px Arial, 'Microsoft Yahei';
  color: #333;
}
.lesson-plan-info i.red {
  font-style: normal;
  color: #f21212;
}
.lesson-plan-info tr td {
  padding-bottom: 15px;
}
.lesson-plan-info tr td:nth-child(2n+1) {
  text-align: right;
}
.lesson-hr {
  height: 4px;
  background: #f0f2f5;
  border-top: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
}
.lesson-plan-pic {
  width: 166px;
  padding: 5px;
  border: 1px solid #f5f5f5;
  box-shadow: 0 2px 2px #fafafa, 0 -2px 2px #fafafa, 2px 0 2px #fafafa, -2px 0 2px #fafafa;
  text-align: center;
}
.lesson-plan-pic img {
  width: 164px;
  height: 124px;
}
.lesson-plan-pic p {
  margin: 0;
  padding: 0;
  list-style: none;
  font: 13px/26px Arial, 'Microsoft Yahei';
  color: #069dd5;
  text-align: center;
}
.make-lesson-plan {
  font: 13px/30px Arial, 'Microsoft Yahei';
  color: #000;
}
.make-lesson-plan td {
  position: relative;
}
.make-lesson-plan tr:nth-child(3n) td {
  padding: 0 0 20px 0;
}
.make-lesson-plan input {
  width: 390px;
  border-radius: 2px;
}
.make-lesson-plan .bn-error {
  border-color: #ed623f;
  background: #ffe4e0;
}
.make-lesson-plan .bn-error:focus {
  border-color: #ed623f;
  background: #ffe4e0;
}
h3.lesson-plan-title {
  margin: 0;
  padding: 0;
  list-style: none;
  font: bold 14px/30px Arial, 'Microsoft Yahei';
  color: #000;
}
.task-tache {
  margin-bottom: 30px;
}
.task-tache table {
  font: 13px/24px Arial, 'Microsoft Yahei';
  color: #333;
  background: #cbcbcb;
  border-collapse: separate;
  border-spacing: 1px;
}
.task-tache tr td {
  position: relative;
  height: auto;
  min-height: 38px;
  padding: 0 15px;
  background: #fff;
  vertical-align: middle;
}
.task-tache tr td div.container {
  position: relative;
  height: auto;
  min-height: 38px;
  padding-right: 90px;
}
.task-tache tr td span.person-complete {
  position: relative;
  padding-left: 15px;
}
.task-tache tr td span.person-complete:before {
  position: absolute;
  left: 0;
  font-family: iconfont;
  content: "\e62f";
  font-size: 13px;
  color: #29bb78;
}
.task-tache tr td span.person-hourglass {
  position: relative;
  padding-left: 15px;
}
.task-tache tr td span.person-hourglass:before {
  position: absolute;
  left: 0;
  font-family: iconfont;
  content: "\e643";
  font-size: 13px;
  color: #fc3211;
}
.task-tache tr td .orange-color {
  display: block;
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -12px;
  line-height: 24px;
  text-decoration: underline;
}
.task-tache tr td:first-child {
  background: #fafafa;
}
.task-tache .task-person {
  float: left;
  width: 64px;
  height: 20px;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  margin: 6px 7px 6px 0;
}
.look-task-detail .task-tache tr td:nth-child(even) {
  padding-right: 0;
}
.lesson-task-tips {
  margin-bottom: 10px;
}
.lesson-task-tips p {
  margin: 0;
  padding: 0;
  list-style: none;
  font: 13px/28px Arial, 'Microsoft Yahei';
  color: #333;
}
.lesson-task-tips .lesson-task {
  margin: 0;
  padding: 0;
  list-style: none;
  padding-left: 17px;
  font: 12px/24px Arial, 'Microsoft Yahei';
  color: #a29999;
  background: url('../images/kl-bg-02.gif') no-repeat left center;
}
.task-tache-title {
  margin-bottom: 10px;
  font: 13px/26px Arial, 'Microsoft Yahei';
  color: #333;
}
.task-tache-title h3 {
  margin: 0;
  padding: 0;
  list-style: none;
  font: bold 14px/26px Arial, 'Microsoft Yahei';
  color: #ff7901;
}
.task-tache-title input[type=text] {
  width: 125px;
  border-radius: 2px;
}
.teacher {
  margin: 0;
  color: #333;
  font: 13px/26px Arial, 'Microsoft Yahei';
}
.teacher i {
  font-style: normal;
}
.task-teacher p {
  float: left;
  width: 80px;
  height: 24px;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  margin: 6px 0;
  margin-right: 11px;
}
/* 弹框 */
.lesson-bounced-title {
  background: #f9f9f9;
  border-bottom: 1px solid #dedede;
}
.lesson-bounced-title h2 {
  color: #333;
}
.lesson-bounced-title .iconfont {
  color: #9b9b9b;
}
.lesson-window-con .choose-status {
  font: 14px/24px Arial, 'Microsoft Yahei';
  color: #333;
}
.lesson-window-con .choose-status label {
  margin-bottom: 10px;
}
.lesson-window-con .choose-status label.control-number {
  margin-left: 0;
  margin-right: 25px;
  padding-right: 0;
}
.lesson-window-con .choose-status label.control-number input {
  float: left;
}
.lesson-window-con .choose-status label.control-number input[type=checkbox] {
  margin-top: 4px;
}
.lesson-window-con .choose-status label.control-number i {
  float: left;
  margin-top: 5px;
}
.lesson-window-con .choose-status label .plan-teacher-name {
  float: left;
  width: 70px;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
}
.lesson-window-con .choose-status .block-box label.control-number {
  margin-right: 22px;
}
.lesson-window-con .more-choose label {
  padding-right: 0;
  margin-left: 0;
}
.lesson-window-con .window-btn {
  margin-top: 20px;
}
.more-choose {
  font: 14px/26px Arial, 'Microsoft Yahei';
  color: #333;
}
.more-choose p {
  margin: 0;
  padding: 0;
  list-style: none;
}
.more-choose label {
  padding-right: 40px;
}
.more-choose input[type=checkbox] {
  margin-right: 6px;
  border-radius: 0;
  vertical-align: -2px;
}
.more-choose input[type=checkbox]:checked {
  border: 1px solid #ff7901;
  background: #ff7901;
}
.more-choose input[type=checkbox]:checked:before {
  color: #fff;
  vertical-align: 1px;
}
.lesson-plan-name {
  margin: 0;
  padding: 0;
  list-style: none;
  margin: 10px 0 20px;
  font: 18px/26px Arial, 'Microsoft Yahei';
  color: #333;
  text-align: center;
}
.lesson-plan-detial {
  background: #cbcbcb;
  font: 13px/20px Arial, 'Microsoft Yahei';
  color: #333;
}
.lesson-plan-detial .task-person {
  float: left;
  width: 64px;
  height: 24px;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  margin: 6px 2px 6px 0;
}
.lesson-plan-detial p {
  margin: 0;
  padding: 0;
  list-style: none;
}
.lesson-plan-detial p.key-word {
  font-size: 12px;
  color: #666;
}
.lesson-plan-detial tr td {
  padding: 10px 15px;
  background: #fff;
}
.lesson-plan-detial tr td:nth-child(odd) {
  background: #fafafa;
}
.lesson-plan-detial tr td.white-bg {
  background: #fff;
}
.lesson-research-question {
  margin: 0;
  padding: 0;
  list-style: none;
  font: 14px/20px Arial, 'Microsoft Yahei';
  color: #000;
}
.comment-tips {
  margin: 0;
  padding: 0;
  list-style: none;
  margin: 20px 0 5px 0;
  font: 14px/20px Arial, 'Microsoft Yahei';
  color: #000;
}
.comment-tips .iconfont {
  font-size: 24px;
  color: #ff7901;
  vertical-align: -4px;
}
.lesson-viewpage {
  width: 100%;
  overflow: hidden;
}
.lesson-viewpage img {
  max-width: 100%;
}
.down-teach {
  display: inline-block;
  padding: 0 15px;
  font: 12px/20px Arial, 'Microsoft Yahei';
  color: #fff;
  text-decoration: none;
  vertical-align: 7px;
  border-radius: 4px;
}
.lesson-top-title {
  margin: 0;
  padding: 0;
  list-style: none;
  margin: 0 0 10px 0;
  font: 14px/30px Arial, 'Microsoft Yahei';
  color: #000;
}
.lesson-top-title input[type=text] {
  width: 345px;
  border-radius: 0;
}
.teach-plan-con {
  padding: 40px 20px;
  border: 1px solid #e8e8e8;
  font: 14px/28px Arial, 'Microsoft Yahei';
  color: #333;
}
.teach-plan-con img {
  max-width: 100%;
}
.teach-plan-table {
  font: 12px/20px Arial, 'Microsoft Yahei';
  color: #333;
}
.teach-plan-table table {
  background: #cbcbcb;
}
.teach-plan-table tr td {
  height: 38px;
  padding: 0 0 0 15px;
  background: #fff;
}
.teach-plan-table tr td:first-child {
  background: #fafafa;
}
.teach-plan-table p {
  float: left;
  margin: 0;
  padding: 0;
  list-style: none;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  margin-right: 12px;
}
.teach-plan-table p:first-child {
  width: 92px;
}
.teach-plan-table p:nth-child(2) {
  max-width: 180px;
}
.teach-plan-table p:nth-child(3) {
  float: right;
  max-width: 325px;
  margin-right: 0;
}
.teach-plan-table p a {
  padding: 0 6px 0 0;
  color: #ff7901;
  text-decoration: none;
}
.teach-plan-table p a:after {
  content: '|';
  padding-left: 6px;
}
.teach-plan-table p a:last-child:after {
  content: '';
  padding-left: 0;
}
.teach-plan-table p a.disabled {
  color: #999;
}
.kl-mainbox {
  margin: 0 20px;
  min-height: 500px;
}
.kl-edition-clear p {
  margin: 0;
  padding: 0;
  list-style: none;
}
.kl-edition-box {
  border: 1px solid #cccccc;
}
.kl-edition-box .kl-edition-box-header {
  padding: 10px;
  background-color: #fafafa;
  border-bottom: 1px solid #efefef;
}
.kl-edition-box .kl-edition-box-header h3 {
  margin: 0;
  font-size: 18px;
  line-height: 24px;
  color: #333;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
}
.kl-edition-box .kl-edition-box-header p {
  margin: 0;
  line-height: 24px;
  color: #999;
  font-size: 12px;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
}
.kl-edition-box .kl-edition-box-header p span i {
  font-size: 12px;
}
.kl-edition-box .kl-edition-box-body {
  padding: 10px;
  min-height: 400px;
}
.lesson-attach-con .bn-single-info {
  width: auto;
  max-width: 320px;
}
.no-data {
  padding-bottom: 20px;
}
.no-data img {
  display: block;
  width: auto;
  height: auto;
  margin: 0 auto;
}
.no-data p {
  font-size: 18px;
  line-height: 28px;
  color: #999;
  text-align: center;
}
.no-data.font-small p {
  margin-top: 0;
  font-size: 12px;
}
.no-data.font-middle p {
  font-size: 14px;
}
.no-data.font-big p {
  font-size: 16px;
}
/* 工作坊 */
.workshop-banner {
  background: #ff7901;
  min-height: 150px;
}
.workshop-header {
  position: relative;
  width: 1000px;
  margin: 0 auto;
  padding: 24px 0;
  box-sizing: border-box;
}
.workshop-photo {
  position: absolute;
  left: 0;
  top: 24px;
  width: 133px;
  height: 100px;
}
.workshop-btn {
  width: 82px;
  margin-left: 12px;
  font: 12px/20px Arial, 'Microsoft Yahei';
  color: #ff7901;
  background: #fff;
  border-radius: 15px;
  text-decoration: none;
  text-align: center;
}
.workshop-info {
  position: relative;
  padding: 0 85px 0 160px;
  color: #fff;
}
.workshop-info h2 {
  margin: 0;
  padding: 0;
  list-style: none;
  font: bold 18px/24px Arial, 'Microsoft Yahei';
}
.workshop-info p {
  margin: 0;
  padding: 0;
  list-style: none;
  font: 12px/24px Arial, 'Microsoft Yahei';
}
.workshop-info .workshop-intro-box {
  height: 48px;
  overflow: hidden;
}
.workshop-info .workshop-intro-box.workshop-all {
  height: auto;
}
.workshop-info .workshop-intro {
  text-indent: -3em;
  padding-left: 37px;
}
.workshop-info .work-attr {
  float: left;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  max-width: 200px;
  padding-right: 40px;
}
.workshop-info .workshop-show {
  position: absolute;
  right: 0;
  bottom: 0;
  font-size: 12px;
  text-decoration: none;
  color: #fff;
}
.workshop-info .workshop-show .iconfont {
  margin-left: -4px;
  font-style: normal;
  font-size: 19px;
  vertical-align: -3px;
}
.workshop-info .workshop-hide i.icon-more-down-small {
  display: inline-block;
  transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
}
.workshop-switch li {
  margin: 0 16px 0 0;
}
.workshop-switch li a {
  font-size: 16px;
}
.workshop-switch li.bn-cur a {
  color: #ff7d08;
}
.workshop-modebox {
  width: 705px;
  margin: 0 auto;
}
.workshop-module {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 705px;
}
.workshop-module li {
  float: left;
  width: 79px;
  height: 74px;
  margin-right: 10px;
  border-radius: 5px;
  text-align: center;
  box-sizing: border-box;
}
.workshop-module li:last-child {
  margin-right: 0;
}
.workshop-module li p {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-top: 5px;
  font: 13px/20px Arial, 'Microsoft Yahei';
}
.workshop-module li:last-child {
  margin-right: 0;
}
.workshop-module li.green-bg {
  background: #59c7a4;
}
.workshop-module li.orange-bg {
  background: #ff6f43;
}
.workshop-module li.brown-bg {
  background: #eea236;
}
.workshop-module li.blue-bg {
  background: #8dadef;
}
.workshop-module li.yellow-bg {
  background: #ecc351;
}
.workshop-module li.pink-bg {
  background: #f07a74;
}
.workshop-module li.violet-bg {
  background: #9d91d2;
}
.workshop-module li a {
  display: block;
  height: 100%;
  padding: 12px 0;
  color: #fff;
  text-decoration: none;
  box-sizing: border-box;
}
.workshop-module li .iconfont {
  font-size: 24px;
}
.workshop-module-six li {
  width: 109px;
  height: 90px;
  padding: 22px 0;
}
.workshop-index-list {
  margin: 0;
  padding: 0;
  list-style: none;
  padding: 0 20px;
}
.workshop-index-list > li {
  position: relative;
  padding: 15px 0;
  border-bottom: 1px dashed #ebedee;
}
.workshop-index-list > li:last-child {
  border-bottom: none;
}
.workshop-index-list a {
  text-decoration: none;
}
.workshop-index-list .list-name {
  margin: 0;
  padding: 0;
  list-style: none;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  position: relative;
  width: 100%;
  margin-bottom: 5px;
  font: 14px/24px Arial, 'Microsoft Yahei';
  color: #333;
  box-sizing: border-box;
}
.workshop-index-list .list-name a {
  color: #333;
}
.workshop-index-list .bn-artical-info .bn-single-info {
  float: left;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  width: 200px;
  margin-right: 20px;
  padding: 0;
  color: #888;
}
.theme-index-list .bn-artical-info .bn-single-info {
  width: 230px;
}
.single-list {
  margin-top: 10px;
}
.single-list > li {
  padding: 0;
}
.single-list .list-name {
  margin: 0;
  padding-right: 180px;
  line-height: 35px;
}
.single-list .subject-name {
  position: absolute;
  right: 0;
  top: 50%;
  width: 160px;
  margin-top: -12px;
  font: 12px/24px Arial, 'Microsoft Yahei';
  color: #666;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
}
.two-part-list {
  padding-bottom: 20px;
}
.two-part-list > li {
  padding-right: 100px;
}
.two-part-list > li:last-child {
  border-bottom: 1px dashed #ebedee;
}
.two-part-list .look-detail {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -12px;
  font: 12px/24px Arial, 'Microsoft Yahei';
  color: #ff7901;
}
.two-part-list .bn-artical-info .bn-single-info {
  width: auto;
  margin: 0 20px 0 0;
}
.two-part-list .bn-artical-info .bn-single-info i,
.two-part-list .bn-artical-info .bn-single-info span {
  float: left;
}
.two-part-list .bn-artical-info .bn-single-info span:last-child {
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  max-width: 55px;
}
.two-part-list .bn-artical-info .bn-single-info.time span:last-child {
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  max-width: 65px;
}
.workshop-count {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-left: 20px;
  font: 12px/24px Arial, 'Microsoft Yahei';
  color: #333;
}
.workshop-count li {
  margin-bottom: 10px;
}
.workshop-count .iconfont {
  padding-right: 3px;
  vertical-align: -2px;
  color: #999;
}
.workshop-result-list > li {
  padding-right: 35px;
}
.workshop-activity-list > li {
  padding-right: 100px;
}
.workshop-activity-list .bn-artical-info .bn-single-info {
  width: 215px;
}
.workshop-operation {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -12px;
  font: 12px/24px Arial, 'Microsoft Yahei';
  color: #ff7901;
}
.workshop-operation a {
  color: #ff7901;
}
.workshop-operation .workshop-editor:after {
  content: '|';
  padding: 0 9px;
}
.bn-title .work-bread {
  color: #999;
}
.bn-title .work-bread a {
  font-weight: bold;
  color: #666;
  text-decoration: none;
}
.bn-title .work-bread i {
  padding: 0 7px;
  font-style: normal;
  font-weight: bold;
  color: #666;
}
.bn-title .work-bread .current-position {
  color: #333;
  font-weight: bold;
}
.main-activity-con .bn-title {
  margin-top: 9px;
}
.main-activity-con .bn-title h4 {
  line-height: 36px;
  color: #ff7901;
}
.activity-summary {
  margin: 0 0 20px 0;
  padding: 20px 10px;
  border: 1px solid #efefef;
  background: #fafafa;
  font: 14px/26px Arial, 'Microsoft Yahei';
  color: #333;
}
/*工作坊头像*/
.gzf-pic {
  padding: 10px;
  margin: 0 auto;
  width: 140px;
  height: 150px;
  box-sizing: border-box;
  overflow: hidden;
  box-shadow: 0px 0px 2px #ccc;
}
.gzf-pic img {
  width: 118px;
  height: 96px;
  margin: 0 auto;
}
.gzf-pic p {
  margin: 0;
  font-size: 13px;
  line-height: 24px;
  color: #069dd5;
  text-align: center;
}
.workshop-theme {
  font-size: 12px;
  padding: 0 10px;
  margin-bottom: 5px;
}
.workshop-theme p.attachment {
  font-size: 12px;
}
/* 课例研究里面开始时间-结束时间 */
.task-tache table.control-time {
  background: #fff;
}
.task-tache table.control-time tr td {
  padding: 0;
}
.task-tache table.control-time tr td:first-child {
  background: none;
}
/*工作坊主题修改界面*/
.wk-theme-brief {
  position: relative;
  display: block;
  padding: 8px 30px 8px 0;
  font-size: 14px;
  text-decoration: none;
  color: #000;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
}
.wk-theme-brief i {
  position: absolute;
  right: 0px;
  float: right;
  color: #d7d7d7;
}
.wk-theme-brief:hover,
.wk-theme-brief.cur {
  color: #ff7901;
}
.wk-theme-brief:hover i,
.wk-theme-brief.cur i {
  color: #ff7901;
}
.wk-theme-ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.wk-theme-ul li {
  border-bottom: 1px dashed #e3e7e8;
}
.wk-theme-ul li:last-child {
  border-bottom: none;
}
.wk-theme-ul li a {
  text-decoration: none;
  color: #000;
}
.wk-theme-table {
  display: block;
  font-size: 14px;
  table-layout: fixed;
  margin: 10px 20px;
}
.wk-theme-table td {
  height: 40px;
  line-height: 40px;
}
.wk-theme-table td p {
  margin: 0 auto;
  line-height: 40px;
  font-size: 14px;
  color: #666;
}
.wk-theme-table td p.txt {
  margin: 8px auto 0;
  width: 100%;
  float: left;
  line-height: 24px;
}
.wk-theme-table td.t-r {
  text-align: right;
  vertical-align: top;
}
.wk-theme-simulate-table {
  padding: 10px 20px;
  min-height: 65px;
}
.wk-theme-simulate-table p {
  position: relative;
  padding-left: 100px;
  margin: 0;
  font-size: 14px;
  color: #666;
}
.wk-theme-simulate-table p.joinNum {
  line-height: 40px;
}
.wk-theme-simulate-table p.joinNum:before {
  position: absolute;
  left: 0;
  content: '参与人员：';
  width: 100px;
  text-align: right;
  color: #000;
}
.wk-theme-simulate-table p.description {
  line-height: 24px;
}
.wk-theme-simulate-table p.description:before {
  position: absolute;
  left: 0;
  content: '活动描述：';
  width: 100px;
  text-align: right;
  color: #000;
}
.wk-drop-box {
  width: 105px;
  height: 30px;
}
.wk-drop-box .bn-panel-box {
  cursor: pointer;
  height: 30px;
  line-height: 30px;
  font-size: 12px;
  color: #fff;
  background-color: #ff7901;
}
.wk-drop-box .bn-panel-box i {
  font-size: 12px;
  margin: 0 5px 0 8px;
  color: #fff;
}
.wk-drop-box .bn-panel-drop-box {
  border: 1px solid #e3e7e8;
}
.wk-drop-box .bn-panel-drop-box ul {
  position: relative;
  background-color: #fff;
  margin: 0;
  padding: 0;
  list-style: none;
  z-index: 99;
}
.wk-drop-box .bn-panel-drop-box ul li {
  height: 26px;
  line-height: 26px;
  font-size: 12px;
  cursor: pointer;
}
.wk-drop-box .bn-panel-drop-box ul li a {
  color: #333333;
  text-decoration: none;
}
.wk-drop-box .bn-panel-drop-box ul li i {
  margin: 0 5px 0 8px;
  font-size: 12px;
  color: #cdcdcd;
}
.wk-drop-box .bn-panel-drop-box ul li:hover {
  background-color: #f8f8f8;
}
.wk-theme-drop-box {
  margin: 10px 20px 0;
  padding-bottom: 10px;
  border-bottom: 1px solid #e3e7e8;
}
.wk-theme-tab {
  margin: 0 20px;
  height: 31px;
  border-bottom: 1px solid #e3e7e8;
}
.wk-theme-tab ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.wk-theme-tab ul li {
  cursor: pointer;
  float: left;
  font-size: 12px;
  width: 80px;
  text-align: center;
  color: #333;
  height: 31px;
  line-height: 30px;
}
.wk-theme-tab ul li.cur {
  color: #ff7901;
  border-bottom: 1px solid #ff7901;
}
.wk-return {
  text-decoration: none;
  color: #ff7901;
  line-height: 24px;
  font-size: 14px;
}
.wk-return i {
  font-size: 12px;
  margin-right: 3px;
}
.wk-return span.iconfont {
  margin-right: 3px;
  vertical-align: middle;
  font-size: 12px;
}
.loading-box {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #fff;
}
.loading-box p {
  margin: 0;
  padding: 0;
  list-style: none;
  color: #999;
}
.loading-bg {
  z-index: 20;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #161311;
  opacity: 0.4;
}
.loading-text p {
  margin: 0;
  padding: 0;
  list-style: none;
  color: #fff;
}
.loading-font {
  z-index: 50;
  position: absolute;
  left: 0;
  top: 52%;
  width: 100%;
  color: #fff;
  text-align: center;
}
.loading-con {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  margin-top: -30px;
  text-align: center;
}
.loading-relative {
  position: static;
  text-align: center;
}
.other-home-page {
  width: 200px;
  height: 32px;
  margin: 24px auto 0;
}
.other-home-page .iconfont {
  padding-right: 5px;
  vertical-align: -1px;
  line-height: 30px;
}
.other-home-page .bn-btn {
  width: 95px;
  height: 32px;
  padding: 0;
  line-height: 30px;
  text-align: center;
}
.other-home-page .icon-close-btn {
  font-size: 14px;
  vertical-align: 0;
}
.prepare-lesson .teach-plan-table p:first-child {
  width: 150px;
}
.upload-style {
  font-size: 12px;
  line-height: 30px;
}
.title-a {
  color: #ff7901;
  font-size: 12px;
  text-decoration: none;
}
.annex-name {
  position: relative;
  padding-left: 20px;
  border-bottom: 1px solid #e3e7e8;
  font-size: 12px;
  line-height: 30px;
  color: #333;
}
.annex-name .iconfont {
  position: absolute;
  left: 0;
  top: 0;
  color: #ff7901;
  font-size: 12px;
}
.annex-name a {
  margin-right: 10px;
  text-decoration: none;
  color: #069dd5;
}
.bbn {
  border-bottom: none;
}
.upload-result tr td {
  vertical-align: top;
  font: 12px/24px Arial, 'Microsoft Yahei';
  color: #333;
}
.upload-result tr td:first-child {
  text-align: right;
}
.loader {
  background: #000 url("../images/load5.gif") no-repeat 50% 50%;
  background-size: 86px 86px;
  min-height: 400px;
  width: 100%;
  height: 100%;
}
.critics {
  display: inline-block;
  width: 49px;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  vertical-align: -8px;
}
.upload-file-tips {
  margin: 0;
  padding: 0;
  list-style: none;
  padding-left: 19px;
  font: 12px/26px Arial, 'Microsoft Yahei';
  color: #999;
  background: url('../images/lesson-tips-icon.gif') no-repeat left center;
}
.upload-file-tips.top {
  background: url('../images/lesson-tips-icon.gif') no-repeat 0 8px;
}
.upload-file-tips.top a {
  color: #ff7901;
  text-decoration: none;
}
.table-red {
  margin-left: -5px;
}
.briefing-list .bn-single-info {
  float: left;
  width: 80px;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
}
.briefing-list .bn-single-info:first-child {
  width: 85px;
}
.a-default {
  cursor: default;
}
.applogo {
  margin: 30px auto;
  text-align: center;
  font-size: 35px;
  font-weight: bold;
}
.app-logo {
  display: block;
  width: 30vw;
  margin: 10vh auto 5vh;
}
.app-container {
  display: flex;
  margin-top: 15vh;
}
.app-download {
  flex: 1;
  padding-left: 15vh;
}
.app-download img {
  height: 20vh;
}
.appwarp {
  padding: 45px 0 25px;
  width: 270px;
  margin: 0 auto;
  border: 1px solid #ccc;
  box-shadow: 1px 1px 2px #ccc;
  border-radius: 4px;
  background-color: white;
  text-align: center;
}
.appwarp img {
  width: 185px;
  height: 185px;
}
.appwarp p {
  text-align: center;
  font-size: 18px;
}
.appwarp .tips {
  font-size: 13px;
  color: #666;
}
.app-btn {
  margin-top: 5vh;
  width: 15vw;
  height: 5vw;
  line-height: 5vw;
  font-size: 2.5vw;
  text-align: center;
  border-radius: 20px;
  color: #fff;
  background-color: #00A9F2;
  text-decoration: none;
  display: block;
}
@media (max-width: 414px) {
  .app-logo {
    margin-top: 20vw;
    width: 60vw;
  }
  .app-container {
    display: block;
  }
  .app-download {
    padding-left: 15vw;
    margin-bottom: 10vw;
  }
  .app-download img {
    height: 20vw;
  }
  .app-btn {
    margin-top: 2vh;
    width: 15vh;
    height: 5vh;
    line-height: 5vh;
  }
}
.workshop-topic-activity-list {
  margin-top: 25px;
}
.add-activity {
  position: absolute;
  top: 95px;
  right: 20px;
  z-index: 10;
}
.course-score {
  padding: 10px 0;
  border-bottom: 1px solid #ddd;
}
.course-score .iconfont {
  font-size: 20px;
}
.kl-tab-box {
  position: relative;
}
.download-error {
  font-size: 14px;
  color: #666;
}
.white-bg {
  background: #fff;
}
.banner {
  float: left;
  position: relative;
  overflow: hidden;
  width: 658px;
  height: 370px;
  box-sizing: border-box;
}
.banner .commonEmpty {
  border: 1px solid #e9eaec;
  box-sizing: border-box;
}
.banner ul,
.banner li {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
.banner li {
  position: absolute;
  left: 0;
  top: 0;
}
.banner li.on {
  z-index: 2;
}
.banner li.on img {
  opacity: 1;
}
.banner img {
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
.newsList {
  width: 488px;
  border: 1px solid #e9eaec;
}
.newsList .title {
  background-image: -webkit-linear-gradient(-45deg, rgba(254, 238, 198, 0.7) 25%, transparent 25%, transparent 50%, rgba(254, 238, 198, 0.7) 50%, rgba(254, 238, 198, 0.7) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(-45deg, rgba(254, 238, 198, 0.7) 25%, transparent 25%, transparent 50%, rgba(254, 238, 198, 0.7) 50%, rgba(254, 238, 198, 0.7) 75%, transparent 75%, transparent);
  background-image: repeating-linear-gradient(-45deg, rgba(254, 238, 198, 0.5) 0, rgba(254, 238, 198, 0.5) 10%, transparent 0, transparent 50%);
  background-color: #fdfdfd;
  background-size: 6px 6px;
  overflow: hidden;
  height: 46px;
  border-bottom: 1px solid #e9eaec;
  line-height: 46px;
}
.newsList .title h3 {
  margin: 0;
  padding: 0;
  list-style: none;
  float: left;
  margin-left: 15px;
  font-size: 14px;
  font-weight: normal;
}
.newsList .title h3 .iconfont {
  padding-right: 7px;
  font-weight: normal;
  font-size: 20px;
  vertical-align: -2px;
  color: #ff7901;
}
.newsList .title .more {
  float: right;
  padding-right: 12px;
  font-size: 12px;
  color: #333;
  text-decoration: none;
}
.newsList .title .more:after {
  content: '\e670';
  display: inline-block;
  margin-top: -1px;
  padding-left: 4px;
  font-family: 'iconfont';
  font-size: 18px;
  color: #ff7901;
  vertical-align: middle;
}
.newsList .title .more:hover {
  color: #ff7901;
  transition: all 0.2s;
}
.newsList ul,
.newsList li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.newsList .list {
  position: relative;
  border-top: none;
  height: 150px;
  background-color: #fff;
}
.newsList .list li {
  position: relative;
  height: 37px;
  margin: 0 15px 0 35px;
  border-bottom: 1px dashed #e9eaec;
  box-sizing: border-box;
}
.newsList .list li:first-child:after {
  height: 50%;
  top: 50%;
}
.newsList .list li:last-child {
  border-bottom: none;
}
.newsList .list li:last-child:after {
  height: 50%;
}
.newsList .list li:last-child:first-child:after {
  height: 0;
}
.newsList .list li:after {
  content: '';
  position: absolute;
  left: -19px;
  top: 0px;
  width: 2px;
  height: 100%;
  padding-bottom: 1px;
  border-left: 2px solid #f2f5f8;
}
.newsList .list li:before {
  content: '';
  z-index: 5;
  position: absolute;
  left: -20px;
  top: 50%;
  margin-top: -2px;
  width: 4px;
  height: 4px;
  background: #ebecee;
  border-radius: 50%;
}
.newsList li {
  line-height: 36px;
  outline: none;
}
.newsList li a {
  float: left;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  max-width: 290px;
  font-size: 13px;
  color: #333;
  text-decoration: none;
  box-sizing: border-box;
  outline: none;
}
.newsList li a:hover {
  color: #ff7901;
  transition: all 0.2s;
}
.newsList li a.new {
  position: relative;
  padding-right: 44px;
}
.newsList li a.new:before {
  position: absolute;
  top: 0;
  right: 0;
  content: '\e674';
  color: #ff7901;
  font-family: "iconfont" !important;
  font-size: 37px;
  font-style: normal;
  text-decoration: none;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}
.newsList li .date {
  float: right;
  font-size: 13px;
  color: #666;
}
.newsList.small-width {
  width: 350px;
  height: 268px;
}
.newsList.small-width .list {
  height: 221px;
}
.newsList.small-width li a {
  max-width: 180px;
}
.newsList.subjectIndex {
  width: 650px;
  height: 180px;
  overflow: hidden;
  border-top: 1px solid #e9eaec;
  border-bottom: 1px solid #e9eaec;
}
.newsList.subjectIndex .list {
  border-bottom: none;
}
.newsList.subjectIndex .list a {
  max-width: 470px;
}
.newsList.homepage {
  position: relative;
  float: right;
  width: 322px;
  border: none;
}
.newsList.homepage:before {
  content: '';
  position: absolute;
  left: 4px;
  top: 38px;
  width: 0;
  height: 0;
  overflow: hidden;
  border-style: dashed solid dashed dashed;
  border-width: 10px;
  border-color: transparent transparent #cccccd transparent;
  transform: rotate(45deg);
}
.newsList.homepage .title {
  border-top: 1px solid #e9eaec;
  border-left: 1px solid #e9eaec;
  border-right: 1px solid #e9eaec;
}
.newsList.homepage ul {
  width: 307px;
  height: 320px;
  margin-left: 13px;
  border: 1px solid #e9eaec;
  border-top: none;
}
.newsList.homepage li {
  position: relative;
  width: 100%;
  padding: 0 26px;
  box-sizing: border-box;
}
.newsList.homepage li.on {
  background: #ff7901;
}
.newsList.homepage li.on:last-child {
  margin-top: -1px;
}
.newsList.homepage li.on + li a {
  border-top-color: transparent;
}
.newsList.homepage li.on a {
  color: #fff;
  border-top-color: #ff7901;
}
.newsList.homepage li.on:before {
  position: absolute;
  left: -28px;
  top: 0;
  content: '';
  width: 0;
  height: 0;
  overflow: hidden;
  border-style: dashed solid dashed dashed;
  border-width: 23px 14px;
  border-color: transparent #ff7901 transparent transparent;
}
.newsList.homepage li:first-child a {
  border-top-color: transparent;
}
.newsList.homepage li a {
  float: none;
  display: block;
  width: 100%;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  font: 13px/45px Arial, 'Microsoft Yahei';
  color: #333;
  border-top: 1px dashed #e9eaec;
}
.newsList.projectIndex {
  border: none;
  margin: 16px 0;
  float: right;
  width: 265px;
}
.newsList.projectIndex:before {
  display: none;
}
.newsList.projectIndex ul {
  border: none;
}
.newsList.projectIndex ul li {
  position: relative;
  width: 100%;
  padding: 0 26px;
  box-sizing: border-box;
}
.newsList.projectIndex ul li.on {
  background: #ff7901;
}
.newsList.projectIndex ul li.on + li a {
  border-top-color: transparent;
}
.newsList.projectIndex ul li.on a {
  color: #fff;
  border-top-color: #ff7901;
}
.newsList.projectIndex ul li.on:before {
  position: absolute;
  left: -28px;
  top: 0;
  content: '';
  width: 0;
  height: 0;
  overflow: hidden;
  border-style: dashed solid dashed dashed;
  border-width: 23px 14px;
  border-color: transparent #ff7901 transparent transparent;
}
.newsList.projectIndex ul li:first-child a {
  border-top-color: transparent;
}
.newsList.projectIndex ul a {
  float: none;
  display: block;
  width: 100%;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  font-size: 13px;
  line-height: 46px;
  color: #333;
  border-top: 1px dashed #e9eaec;
}
.panel-bg {
  width: 100%;
  border-top: 1px solid #e9eaec;
  border-bottom: 1px solid #e9eaec;
  background: #f9f9f9;
}
.gallery-list .control {
  float: right;
  height: 26px;
  margin-top: 10px;
}
.gallery-list .control .btn {
  display: block;
  float: left;
  width: 38px;
  height: 100%;
  line-height: 26px;
  border: 1px solid #ebebeb;
  text-decoration: none;
  text-align: center;
  color: #adadad;
}
.gallery-list .control .btn:hover:after {
  color: #ff7901;
}
.gallery-list .control .btn:after {
  content: '\e612';
  font-family: 'iconfont';
}
.gallery-list .control .btn:first-child {
  border-right: none;
}
.gallery-list .control .btn:first-child:after {
  content: '\e611';
}
.gallery-list .control .btn.disabled {
  color: #ccc;
}
.gallery-list .control .btn.disabled:hover:after {
  color: #ccc;
}
.gallery {
  margin: 0;
  padding: 0;
  list-style: none;
}
.gallery ul {
  height: 202px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.gallery li {
  position: relative;
  float: left;
  width: 324px;
  height: 187px;
  overflow: hidden;
  margin: 15px 14px 0 0;
  background: #e9eaec;
}
.gallery li:after {
  content: '项目待上线';
  display: block;
  width: 100%;
  height: 100%;
  padding-top: 130px;
  font-size: 16px;
  line-height: 32px;
  color: #cfcfcf;
  background: url('../images/no-data.jpg') no-repeat center 30px;
  text-align: center;
  box-shadow: border-box;
}
.gallery li img {
  width: 100%;
  height: 100%;
}
.subject-filter {
  border: 2px solid #e9eaec;
  background: url('../images/homepage-bg1.jpg') repeat;
}
.subject-filter:before {
  content: '';
  float: left;
  min-height: 180px;
  padding-left: 280px;
  background: url('../images/homepage-pic2.png') no-repeat 19px 28px;
}
.subject-filter dl {
  float: right;
  margin: 0;
  padding: 0;
  list-style: none;
  width: 700px;
  min-height: 188px;
  margin: -2px -2px -2px 0;
  padding-top: 13px;
  padding-bottom: 13px;
  font-size: 13px;
  line-height: 26px;
  color: #fff;
  box-sizing: border-box;
  border: 2px solid #ff7901;
  background: rgba(255, 121, 1, 0.7);
}
.subject-filter dl dt {
  float: left;
  width: 70px;
  margin-left: 30px;
  text-align: right;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
}
.subject-filter dl dd {
  margin-left: 105px;
}
.subject-filter dl dd a {
  padding-right: 6px;
  color: #fff;
  text-decoration: none;
  white-space: nowrap;
}
.subject-filter dl dd a:after {
  content: '';
  height: 12px;
  padding-left: 10px;
  background: url('../images/homepage-pic3.png') no-repeat right center;
}
.subject-filter dl dd a:last-child:after {
  padding-left: 0;
  background: none;
}
.subject-filter dl dd a:hover {
  text-decoration: underline;
  transition: all 0.2s;
}
.subject-filter dl li {
  position: relative;
  margin-left: 30px;
  padding-left: 77px;
  font: 13px/26px Arial, 'Microsoft Yahei';
  color: #fff;
}
.subject-filter dl li span:first-child {
  position: absolute;
  left: 0;
  top: 0;
}
.subject-filter dl li a {
  float: left;
  margin-right: 10px;
  line-height: 26px;
  color: #fff;
  text-decoration: none;
  white-space: nowrap;
}
.subject-filter dl li a:after {
  content: '';
  height: 12px;
  padding-right: 10px;
  background: url('../images/homepage-pic3.png') no-repeat right center;
}
.subject-filter dl li a:last-child:after {
  background: none;
}
.photoList {
  overflow: hidden;
  width: 1000px;
  padding: 25px 24px 0;
  border: 1px solid #e9eaec;
  box-sizing: border-box;
}
.photoList.workShop {
  padding: 25px 15px 20px;
  height: 202px;
}
.photoList.workShop li {
  padding: 0 10px;
  width: 141px;
  height: 162px;
}
.photoList.workShop li a {
  width: inherit;
  display: block;
}
.photoList.workShop li img {
  width: 141px;
  height: 106px;
}
.photoList.workShop li p {
  margin: 0;
}
.photoList.workShop li .scienceSection {
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  font-size: 12px;
  color: #999;
}
.photoList.workShop.moreOrgIndex {
  padding: 0;
  width: 100%;
  height: auto;
  border: none;
}
.photoList.workShop.moreOrgIndex li {
  padding: 20px 5px 0;
  width: 178px;
  height: auto;
  border-bottom: none;
}
.photoList.workShop.moreOrgIndex li .title {
  height: 52px;
  white-space: initial;
}
.photoList.workShop.regionIndex {
  height: auto;
}
.photoList.workShop.regionIndex li {
  height: auto;
}
.photoList.workShop.regionIndex p {
  white-space: initial;
}
.photoList.workShop.regionIndex img {
  width: 110px;
  height: 110px;
  margin-left: 15px;
  border: none;
}
.photoList.workShop2 {
  padding: 25px 15px 20px;
}
.photoList.workShop2 li {
  width: 173px;
  padding: 0 10px;
}
.photoList.workShop2 li a {
  width: inherit;
  display: block;
}
.photoList.workShop2 li img {
  width: inherit;
  height: 131px;
}
.photoList.workShop2 li p {
  margin: 0;
}
.photoList .container {
  position: relative;
  width: 950px;
  height: 202px;
  overflow: hidden;
}
.photoList .container .content ul {
  float: left;
}
.photoList ul,
.photoList li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.photoList li {
  float: left;
  width: 135.5px;
  text-align: center;
}
.photoList li a {
  text-decoration: none;
  color: #333;
}
.photoList li img {
  display: block;
  width: 118px;
  height: 143px;
  border: 1px solid #c0c0c0;
}
.photoList li img[src=""],
.photoList li img:not([src]) {
  width: 120px;
  height: 145px;
  border: none;
}
.photoList li p {
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  margin: 10px 10px 17px;
  padding: 0;
  text-align: center;
  font: 14px/26px Arial, 'Microsoft Yahei';
  color: #333;
}
@keyframes move {
  0% {
    left: -30px;
  }
  50% {
    left: -15px;
  }
  100% {
    left: 0;
  }
}
@-moz-keyframes move {
  0% {
    left: -30px;
  }
  50% {
    left: -15px;
  }
  100% {
    left: 0;
  }
}
@-webkit-keyframes move {
  0% {
    left: -30px;
  }
  50% {
    left: -15px;
  }
  100% {
    left: 0;
  }
}
@-o-keyframes move {
  0% {
    left: -30px;
  }
  50% {
    left: -15px;
  }
  100% {
    left: 0;
  }
}
.regionCommunityList {
  width: 663px;
  min-height: 180px;
  padding: 15px 180px 15px 15px;
  border: 1px solid #e9eaec;
  background: url('../images/homepage-bg3.jpg') 480px center no-repeat;
  box-sizing: border-box;
}
.regionCommunityList .content {
  height: 150px;
  overflow-y: auto;
}
.regionCommunityList ul,
.regionCommunityList li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.regionCommunityList dl {
  margin: 0;
  background: #fff;
  font-size: 13px;
  line-height: 20px;
}
.regionCommunityList dl dt {
  position: relative;
  padding-right: 10px;
  float: left;
  width: 45px;
  color: #999;
  text-align: right;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
}
.regionCommunityList dl dt:after {
  content: ':';
  position: absolute;
  line-height: 20px;
  right: 0;
}
.regionCommunityList dl dd {
  margin-left: 60px;
  margin-bottom: 3px;
}
.regionCommunityList dl dd.onlyCity {
  margin-left: 0;
  margin-bottom: 0;
}
.regionCommunityList dl dd:after {
  clear: both;
}
.regionCommunityList dl a {
  float: left;
  margin-bottom: 3px;
  padding-left: 5px;
  color: #333;
  line-height: 20px;
  text-decoration: none;
  white-space: nowrap;
}
.regionCommunityList dl a.on,
.regionCommunityList dl a:hover {
  background: #ff7901;
  color: #fff;
  border-radius: 4px;
  transition: all 0.2s;
}
.regionCommunityList dl a.on:after,
.regionCommunityList dl a:hover:after {
  background: none;
}
.regionCommunityList dl a:after {
  content: '';
  padding-right: 5px;
  background: url('../images/homepage-bg6.gif') no-repeat right center;
}
.regionCommunityList dl a:last-child:after {
  background: none;
}
.regionCommunityList li {
  float: left;
  position: relative;
  height: 31px;
  margin-bottom: 10px;
}
.regionCommunityList li dl {
  display: none;
  z-index: 2;
  position: absolute;
  border: 1px solid #e9eaec;
  top: 34px;
  width: 410px;
  margin: 0;
  padding: 20px;
  box-sizing: border-box;
}
.regionCommunityList li dl dd {
  margin-bottom: 10px;
}
.regionCommunityList li:hover span {
  z-index: 3;
  position: relative;
  height: 35px;
  background: #fff;
  border-bottom: none;
  color: #ff7901;
}
.regionCommunityList li:hover dl {
  display: block;
}
.regionCommunityList li span {
  display: block;
  margin: 0 9px 0 0;
  padding: 0 9px;
  font: 14px/24px Arial, 'Microsoft Yahei';
  color: #666;
  border: 1px solid #e9eaec;
  background: #f9f9f9;
  cursor: pointer;
}
.help {
  width: 320px;
  height: 180px;
  padding: 25px;
  box-sizing: border-box;
  border: 1px solid #e9eaec;
}
.help.regionIndex {
  padding: 0;
  width: auto;
  height: auto;
  text-align: center;
  border: none;
}
.help.regionIndex .btn {
  margin: 0 20px;
  text-align: left;
  display: inline-block;
}
.help.regionIndex .btn.toolDownload {
  margin-bottom: auto;
}
.help a.btn {
  display: block;
  width: 237px;
  height: 62px;
  margin: 0 auto;
  padding: 0;
  font-size: 24px;
  font-weight: bold;
  line-height: 62px;
  color: #fff;
  text-decoration: none;
  box-sizing: border-box;
  border-radius: 5px;
}
.help a.btn:before {
  float: left;
  margin-left: 27px;
  margin-right: 23px;
  font-weight: normal;
  font-size: 38px;
  font-family: 'iconfont';
}
.help a.btn.toolDownload {
  margin-bottom: 15px;
  background: #069dd5;
}
.help a.btn.toolDownload:before {
  content: '\e672';
}
.help a.btn.usingHelp {
  background: #fe9232;
}
.help a.btn.usingHelp:before {
  margin-right: 30px;
  content: '\e671';
  font-size: 42px;
}
.project {
  width: 974px;
  padding: 16px 13px;
}
.project .list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.project .list li {
  position: relative;
  float: left;
  width: 148px;
  height: 200px;
  margin-right: 5px;
  border: 5px solid #fff;
  background: #fff;
}
.project .list li:last-child {
  margin-right: 0;
}
.project .list li:hover {
  transition: box-shadow 0.3s;
}
.project .list li a {
  position: relative;
  text-decoration: none;
  color: #777;
  display: block;
}
.project .list li.more {
  border-color: transparent;
  background-image: -webkit-linear-gradient(-45deg, rgba(254, 238, 198, 0.7) 25%, transparent 25%, transparent 50%, rgba(254, 238, 198, 0.7) 50%, rgba(254, 238, 198, 0.7) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(-45deg, rgba(254, 238, 198, 0.7) 25%, transparent 25%, transparent 50%, rgba(254, 238, 198, 0.7) 50%, rgba(254, 238, 198, 0.7) 75%, transparent 75%, transparent);
  background-image: repeating-linear-gradient(-45deg, rgba(254, 238, 198, 0.5) 0, rgba(254, 238, 198, 0.5) 10%, transparent 0, transparent 50%);
  background-color: #fdfdfd;
  background-size: 6px 6px;
}
.project .list li.more a {
  display: block;
  padding-top: 150px;
  width: inherit;
  height: inherit;
  background: url(../images/project-default-viewmore.png) center 30px no-repeat;
  box-sizing: border-box;
  text-align: center;
  color: #ff7901;
  font-size: 14px;
}
.project .list li img {
  position: relative;
  width: 100%;
  height: 114px;
  vertical-align: top;
}
.project .list li p {
  margin: 0 4px;
  padding: 0;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  font: 12px/24px Arial, 'Microsoft Yahei';
}
.project .list li p.title {
  margin-top: 9px;
  font-size: 14px;
  color: #000;
}
.project .view-more {
  margin-right: 35px;
  color: #ff7901;
  font-size: 14px;
  display: inline-block;
  text-decoration: none;
}
.project .view-more:hover {
  text-decoration: underline;
  transition: all 0.2s;
}
.project .subtitle {
  width: 540px;
}
.project.num1 {
  background: #9ce5eb url('../images/homepage-pic4.png') no-repeat 50px 34px;
}
.project.num1 .container {
  width: 574px;
  margin: 30px 0 45px 400px;
}
.project.num1 .container .title {
  font: bold 48px/48px Arial, 'Microsoft Yahei';
  color: #d43a00;
}
.project.num1 .container p {
  margin: 0;
  padding: 0;
  list-style: none;
  margin: 11px 0 0 0;
  font: 16px/26px Arial, 'Microsoft Yahei';
  color: #666;
}
.project.num1 .list li:hover {
  box-shadow: 0 0 10px #24a6b1;
}
.project.num1 .content {
  margin: 40px 0 0 0;
}
.project.num1 .content img {
  padding: 5px 0 0 0;
}
.project.num1 .content .text {
  display: inline;
  float: left;
  margin: 0 0 0 13px;
  font: bold 16px/26px Arial, 'Microsoft Yahei';
  color: #06445c;
}
.project.num2 {
  background: #0c7499 url('../images/homepage-pic6.jpg') no-repeat 675px 27px;
}
.project.num2 .list {
  margin-top: 56px;
}
.project.num2 .list li {
  height: 186px;
}
.project.num2 .list li .more {
  margin-top: 24px;
}
.project.num2 .list li .list-title {
  margin-top: 9px;
  font-size: 14px;
  color: #000;
}
.project.num2 .list li:hover {
  box-shadow: 0 0 10px #000000;
}
.project.num2 .title {
  width: 530px;
  margin-left: 30px;
  padding-top: 37px;
  font: 16px/26px Arial, 'Microsoft Yahei';
  color: #fff;
}
.project.num2 .pic {
  margin-right: 27px;
}
.copyright {
  width: 100%;
  height: 47px;
  margin-top: 50px;
  color: #FFFFFF;
  font-size: 13px;
  line-height: 47px;
  text-align: center;
  background-color: #2F3440;
}
.commonTitle {
  overflow: hidden;
  height: 42px;
}
.commonTitle .title {
  position: relative;
  float: left;
  color: #ff7901;
  font-size: 18px;
  line-height: 42px;
}
.commonTitle.projectIndex {
  border-bottom: 2px solid #ff7901;
}
.commonTitle.projectIndex .title:before {
  content: '|';
  position: absolute;
  right: -10px;
  color: #e9eaec;
  font-size: 12px;
}
.commonTitle.shortTitle {
  width: 650px;
}
.commonTitle.shortTitle .more {
  float: right;
  margin-right: 0;
  color: #333;
}
.commonTitle.shortTitle .more:after {
  content: '\e670';
  font-family: 'iconfont';
  font-size: 18px;
  float: right;
  margin-left: 5px;
  color: #ff7901;
}
.commonTitle span.time {
  float: left;
  margin-left: 20px;
  color: #666;
  line-height: 42px;
  font-size: 12px;
}
.commonTitle .tab {
  float: right;
  margin: 0;
  font-size: 14px;
  list-style: none;
}
.commonTitle .tab li {
  position: relative;
  float: left;
  padding: 0 20px;
  color: #333;
  cursor: pointer;
}
.commonTitle .tab li:not(:last-child):after {
  position: absolute;
  right: 0;
  color: #333;
  line-height: 41px;
  content: '|';
}
.commonTitle .tab li span,
.commonTitle .tab li a {
  display: inline-block;
  line-height: 41px;
  text-decoration: none;
  color: #333;
}
.commonTitle .tab li a:hover {
  color: #ff7901;
}
.commonTitle .tab li.on span,
.commonTitle .tab li.on a {
  line-height: 41px;
  border-bottom: 1px solid #ff7901;
  color: #ff7901;
}
.commonTitle .more {
  margin-left: 10px;
  float: left;
  margin-right: 15px;
  line-height: 42px;
  font-size: 14px;
  color: #ff7901;
  text-decoration: initial;
}
.links {
  margin: 0;
  padding: 10px 0;
  border-top: 1px solid #e9eaec;
}
.links li {
  float: left;
  margin-right: 20px;
  list-style: none;
}
.links li a {
  color: #666666;
  font-size: 13px;
  line-height: 26px;
  text-decoration: none;
  outline: none;
}
.links li a:hover {
  color: #ff7901;
  transition: all 0.2s;
}
.projectSubHeader {
  position: relative;
  margin: 15px auto;
  overflow: hidden;
  width: 990px;
  height: 60px;
  background: #fe871b;
  border: 5px solid #fef7e6;
}
.projectSubHeader .img {
  position: absolute;
  top: 0;
  left: 0;
  height: 60px;
  width: 190px;
  background-image: url("../images/sub-header.png");
  background-size: contain;
}
.projectSubHeader .title {
  position: relative;
  left: 30px;
  margin: 0 auto;
  width: 630px;
  color: #fff;
  font-size: 28px;
  font-weight: 700;
  line-height: 60px;
  text-align: center;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
}
.projectSubHeader .studyBtn {
  position: absolute;
  right: 25px;
  top: 17px;
  width: 80px;
  height: 26px;
  line-height: 26px;
  color: #ff7901;
  font-size: 14px;
  text-align: center;
  text-decoration: none;
  background-color: #fff;
  border-radius: 20px;
  box-shadow: 1px 1px 1px #ddd;
}
.small-banner {
  width: 630px;
}
.small-banner .container {
  height: 221px;
  overflow: hidden;
  border-top: none;
}
.small-banner .container .banner {
  width: auto;
  height: auto;
}
.small-banner .container .banner ul.small-width {
  position: relative;
  float: left;
  margin: 18px 10px;
  width: 330px;
  height: 186px;
}
.small-banner .container .banner ul.small-width li a {
  max-width: none;
}
.small-banner .container .banner ul.small-width li a img {
  vertical-align: top;
  width: 330px;
  height: 186px;
}
.regionSubHeader {
  position: relative;
  height: 45px;
  padding: 35px 0 50px;
  background-image: -webkit-linear-gradient(-45deg, rgba(254, 238, 198, 0.4) 25%, transparent 25%, transparent 50%, rgba(254, 238, 198, 0.4) 50%, rgba(254, 238, 198, 0.4) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(-45deg, rgba(254, 238, 198, 0.4) 25%, transparent 25%, transparent 50%, rgba(254, 238, 198, 0.4) 50%, rgba(254, 238, 198, 0.4) 75%, transparent 75%, transparent);
  background-image: linear-gradient(-45deg, rgba(254, 238, 198, 0.4) 25%, transparent 25%, transparent 50%, rgba(254, 238, 198, 0.4) 50%, rgba(254, 238, 198, 0.4) 75%, transparent 75%, transparent);
  background-color: #fdfdfd;
  background-size: 6px 6px;
  text-align: center;
  color: #ff7901;
  font-size: 30px;
  font-weight: 700;
  letter-spacing: 2px;
}
.regionSubHeader:after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  margin-left: -500px;
  width: 1000px;
  height: 48px;
  background: url('../images/regionSubHeader.png') no-repeat center;
}
.dataStatistics.isempty td:empty:before {
  content: '0';
  font-size: 12px;
}
.dataStatistics .box {
  border-top: 1px solid #e9eaec;
}
.dataStatistics .box:last-child {
  border-bottom: 1px solid #e9eaec;
}
.dataStatistics .box:last-child.on {
  border-bottom: none;
  padding-bottom: 0;
}
.dataStatistics .box:first-child.on {
  border-top: none;
  padding-top: 0;
}
.dataStatistics .box.on {
  padding: 30px 0;
}
.dataStatistics .box.on .title {
  background-image: -webkit-linear-gradient(-45deg, rgba(254, 238, 198, 0.4) 25%, transparent 25%, transparent 50%, rgba(254, 238, 198, 0.4) 50%, rgba(254, 238, 198, 0.4) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(-45deg, rgba(254, 238, 198, 0.4) 25%, transparent 25%, transparent 50%, rgba(254, 238, 198, 0.4) 50%, rgba(254, 238, 198, 0.4) 75%, transparent 75%, transparent);
  background-image: linear-gradient(-45deg, rgba(254, 238, 198, 0.4) 25%, transparent 25%, transparent 50%, rgba(254, 238, 198, 0.4) 50%, rgba(254, 238, 198, 0.4) 75%, transparent 75%, transparent);
  background-color: #fdfdfd;
  background-size: 6px 6px;
}
.dataStatistics .box.on .title:before,
.dataStatistics .box.on .title:after {
  display: none;
}
.dataStatistics .box.on .title h3 {
  background-color: rgba(255, 121, 1, 0.6);
  color: white;
}
.dataStatistics .box.on .title h3:before {
  display: none;
}
.dataStatistics .box.on .table {
  display: block;
}
.dataStatistics .title {
  position: relative;
  height: 60px;
  line-height: 60px;
  cursor: pointer;
}
.dataStatistics .title:before,
.dataStatistics .title:after {
  content: '';
  position: absolute;
  z-index: 1;
  background-color: #ff7901;
  border-radius: 1px;
}
.dataStatistics .title:before {
  top: 22px;
  right: 29px;
  width: 2px;
  height: 16px;
}
.dataStatistics .title:after {
  top: 29px;
  right: 22px;
  width: 16px;
  height: 2px;
}
.dataStatistics .title h3 {
  margin: 0;
  padding: 0 15px;
  display: block;
  height: inherit;
  font-weight: 400;
  letter-spacing: 1px;
}
.dataStatistics .title h3:before {
  content: '';
  position: absolute;
  top: 18px;
  right: 18px;
  width: 22px;
  height: 22px;
  border-radius: 100%;
  background-color: white;
  border: 1px solid #ff7901;
}
.dataStatistics .title h3 em {
  margin-left: 20px;
  font-size: 12px;
  font-style: normal;
}
.dataStatistics .title h3 em:before {
  content: '（统计时间：';
}
.dataStatistics .title h3 em:after {
  content: '）';
}
.dataStatistics .table {
  border-top: none;
}
.table {
  border: 1px solid #e9eaec;
}
.table table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}
.table table th {
  background-color: rgba(254, 238, 198, 0.4);
  border-bottom: 1px solid #e9eaec;
  font-size: 12px;
}
.table table td {
  font-size: 13px;
}
.table table td,
.table table th {
  padding: 12px 5px;
  line-height: 16px;
  text-align: center;
  color: #333;
  font-weight: 400;
}
.table table tbody tr:nth-child(2n) {
  background-color: #f7f7f8;
}
.theme-upload-file {
  min-height: 30px;
  height: auto;
}
.person-toolBar {
  padding-left: 20px;
  background: #fff;
}
.person-toolBar .stat-time {
  color: #333;
  font-size: 12px;
  line-height: 31px;
}
.toolList {
  width: 940px;
  padding: 15px 0;
  margin-left: auto;
  margin-right: auto;
}
.toolList ul,
.toolList li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.toolList li {
  outline: none;
  padding: 20px 0;
  border-bottom: 1px dashed #e9eaec;
}
.toolList li .tool-icon {
  float: left;
  width: 48px;
  height: 48px;
  overflow: hidden;
}
.toolList li .downLoad {
  float: right;
  width: 94px;
}
.toolList li .downLoad .bn-btn {
  width: 100%;
  height: 36px;
  padding: 0;
  line-height: 36px;
}
.toolList ul.news {
  width: 100%;
}
.toolList ul.news li {
  position: relative;
  padding: 0 100px 0 0;
  line-height: 50px;
  font-size: 14px;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
}
.toolList ul.news li a {
  text-decoration: none;
  color: #333;
  outline: none;
}
.toolList ul.news li a:hover {
  color: #ff7901;
}
.toolList ul.news li span {
  position: absolute;
  right: 0;
  top: 0;
  width: 100px;
  text-align: center;
  color: #999;
  line-height: 50px;
}
.toolList ul.cols {
  width: 100%;
}
.toolList ul.cols li {
  position: relative;
  padding: 0 550px 0 0;
  line-height: 50px;
  font-size: 14px;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
}
.toolList ul.cols li a {
  text-decoration: none;
  color: #333;
}
.toolList ul.cols li a:hover {
  color: #ff7901;
}
.toolList ul.cols li span {
  position: absolute;
  line-height: 50px;
  text-align: center;
  color: #999;
  top: 0;
}
.toolList ul.cols li span.last1 {
  right: 0;
  width: 100px;
}
.toolList ul.cols li span.last2 {
  right: 150px;
  width: 100px;
}
.toolList ul.cols li span.last2 span {
  color: #ff7901;
}
.toolList ul.cols li span.last3 {
  display: block;
  right: 300px;
  width: 200px;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
}
.toolList ul.itemList {
  width: 100%;
}
.toolList ul.itemList li {
  position: relative;
  padding: 20px 300px 20px 200px;
  min-height: 90px;
}
.toolList ul.itemList li a {
  text-decoration: none;
}
.toolList ul.itemList li a img {
  position: absolute;
  width: 160px;
  left: 20px;
  top: 20px;
  height: 90px;
}
.toolList ul.itemList li a p {
  margin: 0;
  line-height: 24px;
}
.toolList ul.itemList li a p.title {
  margin-top: 10px;
  font-size: 14px;
  color: #333;
}
.toolList ul.itemList li a p.part {
  font-size: 12px;
  color: #333;
}
.toolList ul.itemList li a p.txt {
  font-size: 12px;
  color: #ff7901;
}
.toolList ul.itemList li a p.time {
  position: absolute;
  right: 0;
  top: 29px;
  line-height: 24px;
  font-size: 12px;
  color: #999;
  width: 300px;
  text-align: center;
}
.toolList ul.itemList li .lesson-good,
.toolList ul.itemList li .lesson-finish {
  border-width: 25px;
  left: -5px;
  top: -5px;
}
.toolList ul.itemList li .lesson-good:before,
.toolList ul.itemList li .lesson-finish:before {
  top: 8px;
}
.toolList .tool-info {
  float: left;
  width: 700px;
  margin-left: 20px;
  font-size: 13px;
  line-height: 20px;
}
.toolList .tool-info h3 {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-top: -6px;
  font-size: 16px;
  line-height: 38px;
  color: #333;
}
.toolList .tool-info .info-describtion {
  color: #666;
}
.toolList .tool-info p {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 13px;
  color: #999;
}
.subjectIndexHeader {
  margin-bottom: 20px;
  width: 100%;
  height: 155px;
  background-image: -webkit-linear-gradient(-45deg, rgba(254, 238, 198, 0.7) 25%, transparent 25%, transparent 50%, rgba(254, 238, 198, 0.7) 50%, rgba(254, 238, 198, 0.7) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(-45deg, rgba(254, 238, 198, 0.7) 25%, transparent 25%, transparent 50%, rgba(254, 238, 198, 0.7) 50%, rgba(254, 238, 198, 0.7) 75%, transparent 75%, transparent);
  background-image: repeating-linear-gradient(-45deg, rgba(254, 238, 198, 0.5) 0, rgba(254, 238, 198, 0.5) 10%, transparent 0, transparent 50%);
  background-color: #fdfdfd;
  background-size: 6px 6px;
}
.subjectIndexHeader .center {
  width: 1000px;
  margin: 0 auto;
}
.subjectIndexHeader .center .container {
  position: relative;
  height: 155px;
  background: url("../images/subjectIndex.png") no-repeat center center;
}
.subjectIndexHeader .center .container p.title {
  position: absolute;
  left: 195px;
  top: 15px;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  font-size: 30px;
  width: 500px;
  line-height: 70px;
  color: #fff;
  text-align: center;
}
.imgContainer {
  width: 9999px;
  height: inherit;
}
.imgContainer ul {
  min-width: 900px;
  float: left;
  height: inherit;
}
.imgContainer ul a {
  text-decoration: none;
}
.expert-container img.head {
  float: left;
  width: 180px;
  height: 220px;
  margin: 0 20px 20px 0;
}
.expert-container p.name {
  color: #ff7901;
  font-size: 24px;
}
.expert-container p.job {
  color: #ff7901;
  line-height: 24px;
  font-size: 14px;
}
.expert-container p.txt {
  line-height: 24px;
  font-size: 14px;
}
.newsDetail {
  overflow: hidden;
}
.newsDetail p.title {
  font-size: 24px;
  text-align: center;
  color: #333;
}
.newsDetail p.info {
  text-align: center;
  margin-top: 10px;
}
.newsDetail p.info span.item {
  color: #999;
  margin-left: 10px;
  font-size: 12px;
}
.newsDetail p {
  line-height: 1.5rem;
}
.newsDetail hr {
  background-color: #e9eaec;
  height: 1px;
  border: none;
}
.newsDetail img.img {
  display: block;
  margin: 10px auto;
  width: 60%;
  max-width: 60%;
}
.newsDetail p {
  margin: 5px auto;
}
.newsDetail p.sub-title {
  font-size: 14px;
  line-height: 24px;
}
.newsDetail p.txt {
  font-size: 14px;
  line-height: 24px;
  text-indent: 2em;
}
.commonEmpty {
  position: relative;
  border-top: none;
  height: inherit;
  min-height: 150px;
  background: url('../images/no_03.png') no-repeat center 15%;
  background-size: 200px auto;
}
.commonEmpty:after {
  content: '暂无数据';
  position: absolute;
  bottom: 15%;
  left: 50%;
  transform: translate(-50%);
  font-size: 12px;
}
.commonEmpty.resource {
  min-height: 300px;
  background-size: 200px auto;
}
.commonEmpty.resource:after {
  display: none;
}
.thinking-banner {
  height: 220px;
  background-color: #0c7499;
}
.thinking-banner .wrap {
  width: 900px;
  height: inherit;
  margin-right: auto;
  margin-left: auto;
  background: url(../images/homepage-pic6.jpg) no-repeat bottom right;
}
.thinking-banner .wrap .title {
  margin: 50px 0 10px;
}
.thinking-banner .wrap .sub-title {
  width: 550px;
  line-height: 30px;
  color: white;
  font-size: 14px;
}
.commonControl {
  border-radius: 5px;
  background-color: #fff;
}
.commonControl:hover span {
  border-color: #ff7901;
}
.commonControl span {
  display: block;
  float: left;
  width: 38px;
  height: 100%;
  line-height: 26px;
  border: 1px solid #ebebeb;
  text-decoration: none;
  text-align: center;
  color: #ff7901;
  cursor: pointer;
  border-radius: 0 5px 5px 0;
}
.commonControl span:hover {
  background-color: #ff7901;
  border-color: #ff7901;
}
.commonControl span:hover:after {
  color: white;
}
.commonControl span:after {
  content: '\e612';
  font-family: 'iconfont';
}
.commonControl span:first-child {
  border-right: none;
  border-radius: 5px 0 0 5px;
}
.commonControl span:first-child:after {
  content: '\e611';
}
.commonControl span.disabled {
  color: #ccc;
  cursor: not-allowed;
}
.commonControl span.disabled:hover:after {
  color: #ccc;
}
.app-download2 {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  background: linear-gradient(-45deg, #FFE5C0, #CAFBFF);
  background: -webkit-linear-gradient(-45deg, #FFE5C0, #CAFBFF);
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  flex-direction: column;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
}
.app-download2 .bg {
  width: inherit;
}
.app-download2 .btn {
  display: block;
  margin-top: 10%;
  width: 80%;
  border-radius: 5px;
  text-align: center;
  border: 1px solid #ff7901;
  color: #ff7901;
  height: 44px;
  line-height: 44px;
  font-size: 17px;
  text-decoration: initial;
}
.app-download2 .btn:active {
  background-color: #ff7901;
  color: white;
}
.specialMore {
  margin: 11px 0 0 10px;
  color: #fff;
  background-color: #ff7901;
  font-size: 12px;
  line-height: 20px;
  border-radius: 20px;
  border: none;
  text-align: center;
  width: 80px;
  display: inline-block;
  text-decoration: none;
}
.pdfBg {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #000;
  opacity: 0.7;
  z-index: 999;
  transition: all 0.2s;
}
.dotting {
  display: inline-block;
  min-width: 2px;
  min-height: 2px;
  box-shadow: 2px 0 currentColor, 6px 0 currentColor, 10px 0 currentColor;
  /* for IE9+ */
  animation: dot 1s infinite step-start both;
  /* for IE10+ */
}
.dotting::before {
  content: '';
}
:root .dotting {
  margin-right: 8px;
}
/* for IE9+,FF,CH,OP,SF */
@keyframes dot {
  25% {
    box-shadow: none;
  }
  50% {
    box-shadow: 2px 0 currentColor;
  }
  75% {
    box-shadow: 2px 0 currentColor, 6px 0 currentColor;
  }
}
.findPassword {
  min-height: inherit;
  background-color: #fff;
}
.findPassword p {
  margin: 0;
}
.findPassword .step {
  padding: 40px 0;
  background-color: #f0f2f5;
}
.findPassword .step ul {
  padding: 0;
  margin: 0 auto;
  display: table;
  overflow: hidden;
}
.findPassword .step ul li {
  float: left;
  font-size: 14px;
  color: #999;
  list-style: none;
}
.findPassword .step ul li.on {
  color: #676765;
}
.findPassword .step ul li.on .number {
  color: #069dd5;
}
.findPassword .step ul li.on .circle:before {
  border-color: #97ddf7;
  background: #069dd5;
}
.findPassword .step ul li.on .circle:after {
  background-color: #069dd5;
}
.findPassword .step ul li .number {
  font-size: 25px;
  width: 56px;
  text-align: center;
}
.findPassword .step ul li .circle {
  position: relative;
  padding-right: 240px;
  text-align: center;
}
.findPassword .step ul li .circle:before {
  content: '';
  display: block;
  width: 11px;
  height: 11px;
  margin: 15px auto;
  background-color: #999;
  border-radius: 50%;
  border: 5px solid #e1e1e1;
}
.findPassword .step ul li .circle:after {
  content: '';
  position: absolute;
  right: 0px;
  top: 10px;
  display: block;
  width: 244px;
  height: 2px;
  background-color: #e1e1e1;
}
.findPassword .step ul li:first-child .number {
  width: 96px;
}
.findPassword .step ul li:first-child .circle {
  padding-right: 220px;
}
.findPassword .step ul li:last-child .circle {
  padding-right: 0;
}
.findPassword .step ul li:last-child .circle:after {
  content: '';
  width: 0;
  height: 0;
}
.findPassword .form {
  position: relative;
  padding-top: 50px;
  padding-bottom: 50px;
  background-color: #fff;
}
.findPassword .form ul {
  margin: 0 auto;
  padding: 0;
  display: table;
  font-size: 14px;
}
.findPassword .form ul li {
  height: 36px;
  line-height: 36px;
  margin-top: 20px;
  list-style: none;
  overflow: hidden;
}
.findPassword .form ul li:first-child {
  margin-top: 0;
}
.findPassword .form ul li a {
  text-decoration: none;
}
.findPassword .form ul li .captcha {
  width: 140px;
  overflow: hidden;
}
.findPassword .form ul li .captcha img {
  float: left;
  height: 36px;
  overflow: hidden;
  cursor: pointer;
}
.findPassword .form ul li .captcha a {
  float: right;
  color: #069dd5;
}
.findPassword .form ul li .item {
  float: left;
  width: 74px;
  text-align: right;
  margin-right: 20px;
}
.findPassword .form ul li .input {
  float: left;
  width: 300px;
}
.findPassword .form ul li .small {
  width: 140px;
  margin-right: 20px;
}
.findPassword .form ul li .middle {
  display: inline-block;
  background-color: #069dd5;
  height: 36px;
  font-size: 16px;
  box-sizing: border-box;
  color: #fff;
  border-radius: 4px;
  border: 1px solid transparent;
  outline: none;
  padding: 0px 13px;
}
.findPassword .form ul li .changeColor {
  background-color: gray;
}
.findPassword .form ul input[type=text],
.findPassword .form ul input[type=password] {
  width: 100%;
  height: 36px;
  padding: 0 10px;
  line-height: 36px;
}
.findPassword .form .errorInfo {
  position: absolute;
  left: 50%;
  margin-left: -100px;
  bottom: 95px;
  color: #fd1f1f;
  font-size: 13px;
  height: 20px;
  line-height: 20px;
  overflow: hidden;
  padding-left: 20px;
  text-align: center;
}
.findPassword .form .errorInfo:before {
  content: '';
  position: absolute;
  background-color: #fd1f1f;
  top: 3px;
  left: 0px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  font-size: 25px;
  line-height: 11px;
}
.findPassword .form .errorInfo:after {
  content: '';
  position: absolute;
  top: 9px;
  left: 3px;
  border: 1px solid white;
  width: 6px;
}
.findPassword .form .button {
  text-align: center;
  margin-top: 40px;
}
.findPassword .form .button .confirm,
.findPassword .form .button .cancel {
  height: 36px;
  line-height: 36px;
}
.findPassword .form .success {
  position: relative;
  width: 330px;
  margin: 0 auto;
  padding-left: 90px;
  font-size: 14px;
  color: #666;
}
.findPassword .form .success:before {
  content: '\e676';
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
  width: 65px;
  height: 65px;
  line-height: 65px;
  text-align: center;
  background: #069dd5;
  font-family: 'iconfont';
  font-size: 45px;
  color: #fff;
}
.findPassword .form .success .title {
  font-size: 28px;
  line-height: 60px;
  color: #000;
  overflow: hidden;
}
.findPassword .form .success .title span {
  color: #666;
  font-size: 12px;
}
.findPassword .form .success .title span i {
  font-style: normal;
  color: #ff7901;
}
.resourceNoView {
  text-align: center;
  display: block;
}
.lessonSign {
  position: relative;
}
.lessonSign i {
  width: 109px;
  height: 26px;
  position: absolute;
  right: 0;
  top: 7px;
}
.lessonSign i:before {
  position: absolute;
  width: 109px;
  text-align: center;
  top: 1px;
  font-size: 12px;
  color: #fff;
  font-style: normal;
}
.lessonSign i.good {
  background: url("../images/lesson_good_sign.png");
}
.lessonSign i.good:before {
  content: '优秀课例';
}
.lessonSign i.complete {
  background: url("../images/lesson_complete_sign.png");
}
.lessonSign i.complete:before {
  content: '已完成课例';
}
.memberStatistics {
  text-indent: 20px;
  font-size: 14px;
  color: #333;
}
.memberStatistics span {
  float: left;
}
.memberStatistics span i {
  margin-right: 5px;
}
.memberStatistics a {
  float: right;
  text-decoration: none;
  margin-right: 20px;
  font-size: 12px;
  color: #ff7901;
}
.lesson-contact {
  width: 90%;
  margin: 0 auto;
}
.lesson-contact td {
  line-height: 35px;
  padding-bottom: 0;
  font-size: 14px;
}
.lesson-contact td:first-child {
  text-align: right;
  color: #666;
}
.lesson-contact i {
  position: relative;
  font-style: normal;
}
.lesson-contact i:before {
  position: absolute;
  font-size: 16px;
  font-family: 'iconfont';
  color: #00a0e9;
  left: -20px;
}
.lesson-contact .person:before {
  content: '\e64c';
}
.lesson-contact .phone:before {
  content: '\e677';
}
.lesson-contact .company:before {
  content: '\e678';
}
.useHelp {
  padding: 0 20px;
}
.useHelp .title {
  margin: 0;
  padding: 0;
  list-style: none;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  font-size: 18px;
  text-align: center;
  border-bottom: 1px solid #e7e7e7;
}
.useHelp p {
  white-space: normal;
  text-align: left;
}
.useHelp .downloadFile {
  text-align: left;
  padding-top: 20px;
}
.useHelp .downloadFile .download {
  position: relative;
  line-height: 30px;
  padding-left: 20px;
}
.useHelp .downloadFile .download .iconfont {
  position: absolute;
  left: 0;
  top: 0;
  color: #ff7901;
}
.useHelp .downloadFile .download .paths {
  display: inline-block;
  text-align: center;
  color: #333;
}
.useHelp .downloadFile .download a {
  text-decoration: none;
  color: #069dd5;
}
.myCommunity {
  list-style: none;
  margin: 8px 0 0 0;
  padding: 0 32px;
}
.myCommunity li {
  position: relative;
}
.myCommunity li a {
  display: block;
  padding-left: 24px;
  height: 40px;
  line-height: 40px;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  text-decoration: none;
  font-size: 14px;
  color: #2E2E2E;
}
.myCommunity li.cur,
.myCommunity li:hover {
  opacity: 0.85;
}
.myCommunity li::before {
  content: "";
  position: absolute;
  top: 10px;
  left: 0;
  display: inline-block;
  background: url("../images/sprite2.svg") no-repeat transparent;
  width: 20px;
  height: 20px;
  background-position: 0 0;
}
.resource-tree {
  font-size: 12px;
}
.resource-tree span.textExplain {
  float: left;
  width: 80px;
  padding-right: 12px;
  line-height: 30px;
  text-align: right;
  box-sizing: border-box;
}
.resource-tree .bn-tree-select-selection {
  border: none;
}
.resource-tree .bn-tree-select-arrow {
  float: left;
  margin-top: 0;
  line-height: 26px;
  position: static;
}
.resource-tree .bn-tree-select-arrow:before {
  content: '\e600';
}
.resource-tree .bn-tree-select-selection-rendered {
  float: left;
  padding-right: 10px;
  padding-left: 7px;
}
.resource-tree .bn-tree-select-selection-rendered > span {
  color: #333;
}
.resource-tree .bn-tree-select-open .bn-tree-select-selection {
  box-shadow: none;
}
.resource-tree .searchList {
  font-size: 14px;
  line-height: 20px;
  width: 200px;
  height: 30px;
  padding: 4px 40px 4px 8px;
  border: 1px solid #e7e7e7;
  background-color: #fff;
  border-radius: 4px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
}
.resource-tree .searchList input {
  width: 100%;
  height: 100%;
  padding: 0;
  font-size: 12px;
  border: none;
  box-sizing: border-box;
}
.resource-tree .searchList em:before {
  content: '\e60f';
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -10px;
  font-family: 'iconfont';
  font-size: 20px;
  cursor: pointer;
  color: #999;
  font-style: normal;
}
.homeSearch .bn-select {
  border-color: #e7e7e7;
}
.appDownloadContainer {
  width: 100%;
  min-height: 697px;
  background: url('../images/appDownloadBg1.jpg') no-repeat center top;
}
.appDownloadContainer .insideBg {
  position: relative;
  width: 100%;
  min-height: 697px;
  background: url('../images/appDownloadBg2.png') no-repeat center 82px;
}
.appDownloadContainer .content {
  position: absolute;
  top: 126px;
  left: 50%;
  width: 344px;
  margin-left: 135px;
  text-align: center;
}
.appDownloadContainer .appLogoText {
  margin-bottom: 40px;
}
.appDownloadContainer + footer {
  margin-top: 0;
}
.downloadVersion {
  margin: 0;
  padding: 0;
}
.downloadVersion li {
  float: left;
  width: 138px;
  margin-left: 40px;
  padding: 7px;
  padding-bottom: 0;
  background: #dcf4f4;
  list-style: none;
  overflow: hidden;
}
.downloadVersion li:first-child {
  margin-left: 0;
}
.downloadVersion li:first-child p:before {
  content: '\e679';
  font-family: 'iconfont';
  vertical-align: -1px;
}
.downloadVersion li p {
  position: relative;
  text-align: center;
  color: #666;
}
.downloadVersion li p:before {
  content: '\e673';
  padding-right: 7px;
  font-family: 'iconfont';
  color: #666;
}
.downloadVersion li img {
  width: 138px;
  height: 138px;
}
.downloadVersion li .downloadTips {
  font-size: 12px;
  text-align: left;
}
.appFooter {
  margin-top: 0;
}
.appDown {
  position: relative;
  /* height: 100%;*/
}
.appDown .section {
  position: relative;
  /*position: fixed;
	top: 0;
	left: 0;*/
  width: 100%;
  /*min-height: calc(~"100% - 141px");*/
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center 0;
}
.appDown .section.style1 {
  background-image: url(../images/appDownloadBg1.jpg);
}
.appDown .section.style2 {
  background-image: url(../images/appDownloadBg3.jpg);
}
.appDown .section .box {
  overflow: hidden;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1200px;
  height: 408px;
  /*transform: translateY(-50%);*/
  margin-left: -600px;
  margin-top: -204px;
}
.appDown .section .box.one .picture {
  background-image: url(../images/appDownloadBg2.png);
  top: 0;
  left: 0;
}
.appDown .section .box.one .content::before {
  width: 330px;
  background-position: 0 0;
}
.appDown .section .box.two {
  width: 900px;
  margin-left: -450px;
}
.appDown .section .box.two .picture {
  background-image: url(../images/appDownloadPic.png);
  top: 0;
  left: 500px;
}
.appDown .section .box.two .content {
  float: left;
}
.appDown .section .box.two .content::before {
  width: 370px;
  background-position: 0 -40px;
}
.appDown .section .box .picture {
  position: absolute;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  z-index: 1;
}
.appDown .section .box .content {
  overflow: hidden;
  position: relative;
  float: right;
  width: 500px;
  height: 300px;
  padding: 10px;
  box-sizing: border-box;
  z-index: 2;
}
.appDown .section .box .content::before {
  content: "";
  position: absolute;
  top: 10px;
  left: 10px;
  height: 36px;
  background: url("../images/appDown.svg");
}
.appDown .section .box .content .block {
  float: left;
  margin-top: 66px;
  margin-left: 30px;
  padding: 10px;
  box-sizing: border-box;
  width: 150px;
  height: 180px;
  background-color: #E2F7F6;
  cursor: pointer;
  transition: background-color 0.1s ease-in-out 0.1s;
}
.appDown .section .box .content .block:hover {
  background-color: #B8E8E6;
}
.appDown .section .box .content .block:first-child {
  margin-left: 0;
}
.appDown .section .box .content .block .barcode {
  width: 130px;
  height: 130px;
}
.appDown .section .box .content .block .barcode img {
  width: 100%;
  height: 100%;
}
.appDown .section .box .content .block .text {
  position: relative;
  margin-top: 10px;
  height: 16px;
  line-height: 16px;
  text-align: center;
  color: #666666;
  font-size: 15px;
}
.appDown .section .box .content .block .text::before {
  content: "";
  position: absolute ;
  margin-right: 5px;
  width: 15px;
  background-image: url("../images/appDown.svg");
}
.appDown .section .box .content .block .text.iphone::before {
  top: 1px;
  left: 16px;
  height: 15px;
  background-position: 0px -80px;
}
.appDown .section .box .content .block .text.Android::before {
  top: 0;
  left: 12px;
  height: 16px;
  background-position: -20px -80px;
}
.appDown .next {
  position: absolute;
  bottom: 20px;
  left: 50%;
  margin-left: -18px;
  width: 36px;
  height: 20px;
  z-index: 1000;
  cursor: pointer;
}
.appDown .next::before {
  content: "";
  display: inline-block;
  width: 36px;
  height: 20px;
  background-position: 0 -100px;
  background-image: url("../images/appDown.svg");
}
.appDown.swiper-container-vertical > .swiper-pagination {
  right: 20px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.appDown.swiper-container-vertical > .swiper-pagination .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  margin-top: 10px;
}
.appDown.swiper-container-vertical > .swiper-pagination .active {
  background-color: #FF7901;
  opacity: 1;
}
.pagination {
  position: absolute;
  right: 20px;
  top: 50%;
  margin-top: -15px !important;
}
.pagination .swiper-pagination-switch {
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  margin-top: 10px;
  background: rgba(0, 0, 0, 0.2);
  cursor: pointer;
}
.pagination .swiper-active-switch {
  background-color: #FF7901;
  opacity: 1;
}
a.disabled {
  color: #ccc;
  cursor: not-allowed;
}
.serviceMenu {
  position: fixed;
  right: 10px;
  bottom: 100px;
  font-size: 18px;
}
.serviceMenu .menu {
  position: relative;
  display: block;
  width: 44px;
  height: 44px;
  overflow: hidden;
}
.serviceMenu .menu:hover {
  width: auto;
  overflow: visible;
}
.serviceMenu .menu .title {
  float: right;
  width: 44px;
  height: 44px;
  text-align: center;
  background: url('../images/wxBg.png') no-repeat;
  cursor: pointer;
  text-indent: -9999px;
}
.serviceMenu .menu.weixinBtn .title {
  background: url('../images/wxBg.png') no-repeat;
}
.serviceMenu .menu.weixinBtn .content {
  height: 150px;
  padding: 10px;
  border: 2px solid #d4d5d9;
  background: white;
}
.serviceMenu .menu.weixinBtn .content img {
  width: 128px;
  height: 128px;
}
.serviceMenu .menu.weixinBtn:hover .content {
  opacity: 1;
}
.serviceMenu .menu .content {
  position: absolute;
  bottom: 0;
  right: 54px;
  height: 44px;
  opacity: 0;
  transition: opacity 0.3s;
  -ms-transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
  -webkit-transition: opacity 0.3s;
}
.serviceMenu .menu .content:before {
  z-index: 5;
  content: '';
  position: absolute;
  bottom: 11px;
  right: -12px;
  width: 0;
  height: 0;
  border-width: 6px;
  border-style: solid;
  border-color: transparent transparent transparent #fff;
}
.serviceMenu .menu .content:after {
  content: '';
  position: absolute;
  bottom: 10px;
  right: -16px;
  width: 0;
  height: 0;
  border-width: 7px;
  border-style: solid;
  border-color: transparent transparent transparent #d4d5d9;
}
.serviceMenu .menu p {
  font-size: 14px;
  margin: 0;
  text-align: center;
}
.resourceTopContent {
  padding: 20px;
  background: #fff;
}
.resourceTopContent li {
  list-style: none;
}
.resourceTopContent ul,
.resourceTopContent ol,
.resourceTopContent dl {
  margin: 0;
  padding: 0;
}
.resourceTopContent p {
  margin: 0;
}
.resourceTopContent a {
  text-decoration: none;
  cursor: pointer;
}
.resourceTopContent .resource {
  position: relative;
  width: 200px;
  height: 322px;
  border-radius: 3px 3px 0 0;
  background-color: #ff8103;
  box-sizing: border-box;
}
.resourceTopContent .resource:before,
.resourceTopContent .resource:after {
  box-sizing: inherit;
}
.resourceTopContent .resource ul li {
  position: relative;
  padding: 0;
  height: 46px;
  line-height: 46px;
  padding-left: 20px;
  padding-right: 30px;
  border-top: 1px solid #fca465;
  box-sizing: border-box;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  color: #fff;
  cursor: pointer;
  font-size: 14px;
}
.resourceTopContent .resource ul li:before,
.resourceTopContent .resource ul li:after {
  box-sizing: inherit;
}
.resourceTopContent .resource ul li:first-child {
  border-top: none;
}
.resourceTopContent .resource ul li:after,
.resourceTopContent .resource ul li:before {
  border: 8px solid transparent;
  border-left: 8px solid #ff8103;
  width: 0;
  height: 0;
  position: absolute;
  top: 20px;
  right: 15px;
  content: '';
  box-sizing: border-box;
}
.resourceTopContent .resource ul li:after:before,
.resourceTopContent .resource ul li:before:before,
.resourceTopContent .resource ul li:after:after,
.resourceTopContent .resource ul li:before:after {
  box-sizing: inherit;
}
.resourceTopContent .resource ul li:before {
  border-left-color: #fff;
  right: 13px;
}
.resourceTopContent .resource ul li.on {
  border-top-color: #ff6a00;
  background-color: #ff6a00;
}
.resourceTopContent .resource ul li.on:after {
  border-left-color: #ff6a00;
}
.resourceTopContent .resource ul li.on + li {
  border-top-color: #ff6a00;
}
.resourceTopContent .resource .more {
  height: 28px;
  display: block;
  width: 100%;
  padding-top: 5px;
  padding-bottom: 5px;
  background-color: #fafafa;
  color: #ff7901;
  border: 1px solid #e3ecf3;
  border-radius: 0 0 3px 3px;
  font-size: 14px;
  text-align: center;
  box-sizing: border-box;
}
.resourceTopContent .resource .more:before,
.resourceTopContent .resource .more:after {
  box-sizing: inherit;
}
.resourceTopContent .notMore {
  height: 350px;
}
.resourceTopContent .notMore ul li {
  height: 50px;
  line-height: 50px;
}
.resourceTopContent .notMore ul li:last-child {
  border-bottom: 1px solid #fca465;
}
.resourceTopContent .notMore ul li:nth-child(6) {
  border-bottom: none;
}
.resourceTopContent .bannerImg {
  position: relative;
  float: left;
  margin-left: 10px;
  width: 540px;
  height: 350px;
}
.resourceTopContent .bannerImg img {
  width: 100%;
  height: 100%;
}
.resourceTopContent .bannerImg .title {
  position: absolute;
  top: 135px;
  left: 75px;
  color: #523523;
  font-size: 42px;
  font-weight: bold;
}
.resourceTopContent .bannerImg .summy {
  position: absolute;
  top: 205px;
  left: 70px;
  padding: 0 10px;
  background-color: #e0993f;
  color: #fff;
  font-size: 18px;
  word-spacing: 8px;
  letter-spacing: 12px;
}
.resourceTopContent .myInfo {
  float: right;
  width: 198px;
  border: 1px solid #e8eff5;
  border-radius: 3px;
  background-color: #fff;
}
.resourceTopContent .myInfo .title {
  padding-top: 20px;
  font-size: 14px;
  text-align: center;
  color: #666;
}
.resourceTopContent .myInfo .num {
  padding: 10px;
  text-decoration: line-through;
}
.resourceTopContent .myInfo .num li {
  float: left;
  border: 1px solid #e8eff5;
  padding: 2px;
  margin-right: 2px;
  font-size: 20px;
  color: #069dd5;
  background-color: #f9f9f9;
  text-align: center;
}
.resourceTopContent .myInfo .num li.comma {
  border: none;
  text-decoration: none;
  background-color: #fff;
}
.resourceTopContent .myInfo .userbox {
  width: 198px;
  height: 93px;
  margin-top: 20px;
  overflow: hidden;
  background: url('../images/index3.jpg') no-repeat;
}
.resourceTopContent .myInfo .userbox img {
  float: left;
  padding: 8px;
  width: 65px;
  height: 65px;
  border-radius: 50%;
  cursor: pointer;
}
.resourceTopContent .myInfo .userbox .name {
  float: left;
  max-width: 105px;
  font-size: 16px;
  margin-left: 10px;
  margin-top: 27px;
  color: #069dd5;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
}
.resourceTopContent .myInfo .userInfo {
  padding-top: 28px;
  text-align: center;
}
.resourceTopContent .myInfo .userInfo ul {
  display: inline-block;
}
.resourceTopContent .myInfo .userInfo ul li {
  float: left;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 12px;
  text-align: center;
  border-left: 1px solid #e8eff5;
  color: #069dd5;
}
.resourceTopContent .myInfo .userInfo ul li .tips {
  width: 45px;
  padding-top: 5px;
  display: block;
  font-size: 12px;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  color: #666;
}
.resourceTopContent .myInfo .userInfo ul li:first-child {
  border-left: none;
}
.resourceTopContent .myInfo .public {
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: center;
}
.resourceTopContent .myInfo .public .uploadbtn {
  padding: 5px 35px;
  font-size: 18px;
}
.resourceTopContent .myInfo .public .uploadbtn i:before {
  padding-right: 5px;
  font-size: 20px;
}
.resourceIndex {
  background: #fff;
}
.resourceIndex a {
  text-decoration: none;
}
.resourceIndex li {
  list-style: none;
}
.resourceIndex ul,
.resourceIndex ol,
.resourceIndex dl {
  margin: 0;
  padding: 0;
}
.resourceIndex .content {
  padding: 20px;
}
.resourceIndex .content .listTitle {
  padding: 10px 20px;
  background-color: #fbfbfb;
  color: #ff7901;
  font-size: 18px;
}
.resourceIndex .content .listTitle:before {
  content: '';
  margin-right: 10px;
  border-left: 3px solid #ff7901;
}
.resourceIndex .content .info {
  width: 306.5px;
  float: left;
  margin-left: 20px;
  box-sizing: border-box;
}
.resourceIndex .content .info:before,
.resourceIndex .content .info:after {
  box-sizing: inherit;
}
.resourceIndex .content .info:first-child {
  margin-left: 0;
}
.resourceIndex .content .info ul {
  min-height: 240px;
  padding: 15px;
}
.resourceIndex .content .info ul li {
  position: relative;
  padding-bottom: 20px;
  padding-left: 20px;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
}
.resourceIndex .content .info ul li a {
  font-size: 14px;
  color: #333;
}
.resourceIndex .content .info ul li a:before {
  margin-top: -18px;
}
.breadCrumbs {
  margin: 0;
  padding: 0;
  padding-top: 15px;
  padding-bottom: 15px;
}
.breadCrumbs a {
  text-decoration: none;
}
.breadCrumbs li {
  list-style: none;
}
.breadCrumbs li {
  float: left;
  padding-right: 3px;
  font-size: 13px;
  line-height: 24px;
  color: #666;
}
.breadCrumbs li:after {
  content: '\e602';
  float: right;
  padding-right: 3px;
  font-family: 'icon';
  font-size: 14px;
  color: #999;
}
.breadCrumbs li a {
  color: #666;
}
.breadCrumbs li.on:after {
  content: '';
}
.commonSlider {
  width: 200px;
}
.commonSlider li {
  list-style: none;
}
.commonSlider ul,
.commonSlider ol,
.commonSlider dl {
  margin: 0;
  padding: 0;
}
.commonSlider p {
  margin: 0;
}
.commonSlider a {
  text-decoration: none;
  cursor: pointer;
}
.commonSlider .box {
  border: 1px solid #40B551;
  border-radius: 3px;
  background: #40B551;
  margin-bottom: 20px;
}
.commonSlider .box .resourceTitle li {
  position: relative;
  border-top: 1px solid #79ca85;
  margin: 0 20px;
  padding-right: 30px;
  padding-top: 20px;
  padding-bottom: 20px;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  font-size: 16px;
  color: #fff;
  cursor: pointer;
}
.commonSlider .box .resourceTitle li a {
  color: #fff;
}
.commonSlider .box .resourceTitle li:first-child {
  border-top: none;
}
.commonSlider .box .resourceTitle li:after {
  content: '\e602';
  position: absolute;
  right: 10px;
  top: 20px;
  font-size: 16px;
  color: #79ca85;
  font-family: 'icon';
}
.commonSlider .box .resourceTitle li.on {
  background: #33a543;
  border-top: none;
  margin: 0;
  padding-right: 50px;
  padding-left: 20px;
}
.commonSlider .box .resourceTitle li.on:after {
  right: 30px;
  color: #fff;
}
.commonSlider .newResource {
  padding-left: 10px;
  background-color: #fff;
  border: 1px solid #e3ecf3;
  border-radius: 3px;
}
.commonSlider .newResource .title {
  padding-top: 20px;
  font-size: 16px;
  font-weight: bold;
}
.commonSlider .newResource .newResourceList li {
  position: relative;
  padding-top: 15px;
  padding-bottom: 15px;
  border-top: 1px solid #efefef;
  box-sizing: border-box;
}
.commonSlider .newResource .newResourceList li:before,
.commonSlider .newResource .newResourceList li:after {
  box-sizing: inherit;
}
.commonSlider .newResource .newResourceList li p {
  padding-left: 25px;
  font-size: 14px;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  color: #333;
}
.commonSlider .newResource .newResourceList li:first-child {
  border: none;
}
.commonContainer {
  width: 740px;
  box-sizing: border-box;
}
.commonContainer:before,
.commonContainer:after {
  box-sizing: inherit;
}
.commonContainer li {
  list-style: none;
}
.commonContainer ul,
.commonContainer ol,
.commonContainer dl {
  margin: 0;
  padding: 0;
}
.commonContainer p {
  margin: 0;
}
.commonContainer a {
  text-decoration: none;
  cursor: pointer;
}
.resourceRight .title {
  margin-top: 20px;
  border: 1px solid #efefef;
  background-color: #fff;
}
.resourceRight .title ul {
  padding: 0 20px;
  border-top: 1px solid #efefef;
}
.resourceRight .title ul li {
  float: left;
  width: 33.333%;
  box-sizing: border-box;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 10px;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
}
.resourceRight .title ul li:before,
.resourceRight .title ul li:after {
  box-sizing: inherit;
}
.resourceRight .title ul li a {
  margin-left: 6px;
  font-size: 14px;
  color: #333;
}
.resourceRight .title ul li a:hover {
  color: #40B551;
}
.resourceRight .title ul li.cur a {
  color: #40B551;
}
.resourceRight .action {
  height: 50px;
  background: #fafafa;
  border: 1px solid #efefef;
}
.resourceRight .action .sortList {
  display: inline-block;
  font: 12px/50px Arial, 'Microsoft Yahei';
}
.resourceRight .action .sortList li {
  float: left;
  margin: 0 36px 0 10px;
}
.resourceRight .action .sortList li a {
  font-size: 14px;
  display: block;
  position: relative;
  color: #333;
}
.resourceRight .action .sortList li a .downArrow {
  position: absolute;
  width: 0;
  height: 0;
  border-width: 4px;
  border-style: solid;
  border-color: #999 transparent transparent transparent;
  right: -15px;
  top: 26px;
  font-size: 18px;
  line-height: 19px;
}
.resourceRight .action .sortList li a .upArrow {
  position: absolute;
  width: 0;
  height: 0;
  border-width: 4px;
  border-style: solid;
  border-color: transparent transparent #999 transparent;
  top: 16px;
  right: -15px;
}
.resourceRight .action .sortList li.cur .downArrow.active {
  border-color: #069dd5 transparent transparent transparent;
}
.resourceRight .action .sortList li.cur .upArrow.active {
  border-color: transparent transparent #069dd5 transparent;
}
.resourceRight .action .searchList {
  float: right;
  margin-top: -44px;
  margin-right: 140px;
  width: 200px;
  height: 30px;
  padding: 4px 40px 4px 8px;
  border: 1px solid #e7e7e7;
  background-color: #fff;
  border-radius: 4px;
  box-sizing: border-box;
  display: inline-block;
  position: relative;
}
.resourceRight .action .searchList input {
  width: 100%;
  height: 100%;
  padding: 0;
  font-size: 12px;
  border: none;
  box-sizing: border-box;
}
.resourceRight .action .searchList em:before {
  content: '\e60f';
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -10px;
  font-family: 'iconfont';
  font-size: 20px;
  cursor: pointer;
  color: #999;
  font-style: normal;
}
.resourceRight .action .public {
  margin-right: 10px;
  margin-top: 10px;
  padding: 0 15px;
}
.resourceRight .action .public i:before {
  padding-right: 5px;
  font-size: 16px;
}
.resourceRight .resourceList {
  border: 1px solid #efefef;
  padding: 0 15px;
  background-color: #fff;
}
.resourceRight .resourceList .filter-box {
  border-bottom: none;
}
.resourceRight .resourceList .bn-filter {
  padding: 15px 0 15px 80px;
}
.resourceRight .resourceList .bn-filter .name {
  top: 25px;
}
.resourceRight .resourceList .bn-filter ul li {
  margin-top: 10px;
}
.resourceRight .resourceList .content {
  height: 90px;
  color: #999;
  border-bottom: 2px solid #f8f8f8;
  box-sizing: border-box;
  padding: 20px 0;
  padding-left: 50px;
  position: relative;
}
.resourceRight .resourceList .content .fileType {
  position: absolute;
  top: 20px;
  left: 0;
  width: 40px;
  height: 52px;
  overflow: hidden;
}
.resourceRight .resourceList .content .info h3 {
  margin: 0;
  font-weight: normal;
  height: 28px;
  line-height: 28px;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  color: #333;
  font-size: 14px;
}
.resourceRight .resourceList .content .info li {
  float: left;
  position: relative;
  line-height: 30px;
  padding: 0 15px;
  color: #999;
  font-size: 12px;
}
.resourceRight .resourceList .content .info li .orange {
  color: #ff7901;
}
.resourceRight .resourceList .content .info li.user {
  max-width: 190px;
  padding-left: 20px;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
}
.resourceRight .resourceList .content .info li.user:before {
  content: '\e66b';
  position: absolute;
  left: 0;
  font-size: 16px;
  color: #999;
  font-family: 'iconfont';
}
.resourceRight .resourceList .content .info li:after {
  position: absolute;
  content: '|';
  right: 0;
}
.resourceRight .resourceList .content .info li:last-child:after {
  display: none;
}
.resourceRight .resourceBorderNone {
  border: none;
}
.resourceRight .firstBn ul li:first-child {
  border-bottom: none;
}
.resourceRight.myResource {
  border: 1px solid #E1E1E1;
}
.resourceRight.myResource .resourceList {
  border: none;
  border-top: 1px solid #E1E1E1;
}
.resourceRight .resourceBorder {
  border: 1px solid #fff;
}
.resourceRight .titlePublish {
  padding-left: 16px;
  background-color: #ffffff;
  border-bottom: 1px solid #e1e1e1;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.resourceRight .titlePublish .publishBox {
  padding: 12px 20px 0 0;
  text-align: center;
}
.resourceRight .titlePublish .publishBox .bn-btn {
  padding: 0 20px;
}
.select {
  position: relative;
  height: 30px;
  padding: 0 40px 0 10px;
  border: 1px solid #e1e1e1;
  border-radius: 5px;
  line-height: 30px;
  background-color: #fafafa;
  display: inline-block;
}
.select select {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 30px;
  opacity: 0;
}
.select:after {
  content: '\e635';
  position: absolute;
  top: 4px;
  bottom: 4px;
  right: 0;
  width: 30px;
  height: auto;
  font-size: 18px;
  line-height: 20px;
  font-family: 'iconfont';
  border: none;
  border-left: 1px solid #c8c8c8;
  text-align: center;
}
.select p {
  margin: 0;
}
.pagination {
  margin: 30px auto;
  display: table;
}
.pagination li {
  float: left;
  margin-right: 8px;
  width: 28px;
  height: 28px;
  line-height: 28px;
  border: 1px solid #e1e1e1;
  text-align: center;
  cursor: pointer;
  font-size: 12px;
}
.pagination li.on {
  background: #ff7901;
  color: #fff;
}
.pagination .ellipsis {
  border: none;
}
.bgWhitePanel {
  padding: 30px;
  border-radius: 4px;
  border: 1px solid #E1E1E1;
  background: #fff;
}
.subTitle1 {
  position: relative;
}
.subTitle1 li {
  list-style: none;
}
.subTitle1 ul,
.subTitle1 ol,
.subTitle1 dl {
  margin: 0;
  padding: 0;
}
.subTitle1 p {
  margin: 0;
}
.subTitle1 a {
  text-decoration: none;
  cursor: pointer;
}
.subTitle1 .title {
  float: left;
  max-width: 75%;
  line-height: 30px;
  font-size: 22px;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  position: relative;
  padding-right: 50px;
  box-sizing: border-box;
}
.subTitle1 .title:before,
.subTitle1 .title:after {
  box-sizing: inherit;
}
.subTitle1 .title i {
  position: absolute;
  font-size: 16px;
  cursor: pointer;
}
.subTitle1 .title i.icon-delete {
  right: 0px;
  color: #F85044;
}
.subTitle1 .title i.icon-note {
  right: 22px;
  color: #40B551;
  font-size: 14px;
}
.subTitle1 .score {
  position: absolute;
  right: 100px;
  top: -15px;
  width: 80px;
  height: 60px;
  text-align: center;
  font-family: 'hanti';
  font-size: 40px;
  color: #DD0000;
  background: url(../images/scoreLine.png) no-repeat center 45px;
}
.subTitle1 .scoreRight {
  right: 0;
}
.subTitle1 .titleNav {
  position: relative;
  float: right;
  width: 90px;
  z-index: 2;
}
.subTitle1 .titleNav p {
  position: relative;
  line-height: 30px;
  padding-right: 30px;
  cursor: pointer;
  text-align: right;
}
.subTitle1 .titleNav p .iDowndArrow {
  z-index: 1;
  position: absolute;
  line-height: 30px;
  cursor: pointer;
  text-align: center;
  right: 10px;
  top: 0;
}
.subTitle1 .titleNav p .iDowndArrow:before {
  position: absolute;
  right: 0;
}
.subTitle1 .titleNav ul {
  display: none;
  position: absolute;
  background-color: #fff;
  width: 100%;
  top: 30px;
  border: 1px solid #f7f7f7;
}
.subTitle1 .titleNav ul li a {
  line-height: 35px;
  display: block;
  text-align: center;
  color: #666;
  cursor: pointer;
}
.subTitle1 .titleNav ul li:hover,
.subTitle1 .titleNav ul li.cur {
  background-color: #FAFAFA;
}
.subTitle1 .titleNav ul li:hover a,
.subTitle1 .titleNav ul li.cur a {
  color: blue;
}
.subTitle1 .titleNav:hover ul {
  display: block;
}
.attr {
  margin-top: 5px;
}
.attr li {
  float: left;
  position: relative;
  line-height: 30px;
  padding: 0 15px;
  color: #666;
  font-size: 12px;
}
.attr li .orange {
  color: #ff7901;
}
.attr li.user {
  max-width: 190px;
  padding-left: 20px;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
}
.attr li.user:before {
  position: absolute;
  left: 0;
  font-family: 'iconfont';
  content: '\e66b';
  font-size: 16px;
  color: #999;
}
.attr li.date {
  padding-left: 0;
}
.attr li.collect i {
  color: #c9c9c9;
  font-size: 14px;
}
.attr li.on i {
  color: #ff9c02;
}
.attr li.down {
  position: relative;
  padding-right: 30px;
}
.attr li.down:before {
  position: absolute;
  right: 15px;
  display: inline-block;
  content: '\e635';
  /* IE 9 */
  /* Safari and Chrome */
  /* Opera */
  /* Firefox */
  transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  font-family: 'iconfont';
  color: #c9c9c9;
  font-size: 14px;
  transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
}
.attr li.down.on:before {
  /* IE 9 */
  /* Safari and Chrome */
  /* Opera */
  /* Firefox */
  transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
}
.attr li:after {
  position: absolute;
  content: '|';
  right: 0;
  top: 0;
}
.attr li:last-child:after {
  display: none;
}
.attr li a {
  cursor: pointer;
}
.attr .info {
  margin-top: 5px;
  border: 1px solid #e9eaec;
  background-color: #fff;
  line-height: 24px;
  max-height: 48px;
  overflow: hidden;
  color: #666;
  padding: 0 10px;
  font-size: 12px;
}
.attr .info.dn {
  transition: height 0.2s;
}
.attr .infoContent {
  padding: 0 10px;
  border: 1px solid #e9eaec;
  background-color: #fafafa;
  color: #666;
}
.scoreContainer li {
  list-style: none;
}
.scoreContainer ul,
.scoreContainer ol,
.scoreContainer dl {
  margin: 0;
  padding: 0;
}
.scoreContainer p {
  margin: 0;
}
.scoreContainer a {
  text-decoration: none;
  cursor: pointer;
}
.scoreContainer .bn-btn {
  padding: 0 15px;
}
.scoreContainer .iconDownload {
  margin-right: 5px;
  font-size: 20px;
}
.courseSubTitle {
  font-size: 16px;
  margin-bottom: 15px;
}
.star {
  height: 18px;
  line-height: 18px;
  position: relative;
  font-size: 12px;
}
.star ul li {
  float: left;
  color: #ff9c02;
  margin-right: 5px;
  cursor: pointer;
  width: 18px;
  height: 18px;
  list-style: none;
}
.star ul li .iconfont {
  font-size: 20px;
}
.star .score {
  height: 18px;
  line-height: 18px;
  vertical-align: middle;
  color: #666;
  font-size: 14px;
}
.resourceBar .resourceHd .title {
  margin: 0px auto;
  position: relative;
  line-height: 22px;
  padding: 0 50px 0 35px;
  color: #333;
  font-size: 15px;
  text-decoration: underline;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
}
.resourceBar .resourceHd .title .index {
  position: absolute;
  left: 0;
  top: 0;
  width: 28px;
  height: 22px;
  text-align: center;
  background-color: #A0A8AD;
  color: #fff;
}
.resourceBar .resourceHd .title .fileType {
  padding-left: 40px;
  cursor: pointer;
}
.resourceBar .resourceHd .title .fileType:before {
  left: 50px;
}
.resourceBar .resourceHd .title p.i {
  cursor: pointer;
  position: absolute;
  right: 0;
  top: 0;
}
.resourceBar .resourceHd .title p.i .iDowndArrow,
.resourceBar .resourceHd .title p.i .iUpArrow {
  cursor: pointer;
  margin-right: 3px;
  font-style: normal;
}
.resourceBar .resourceHd .title p.i .iUpArrow:before {
  font-family: 'iconfont';
  content: '\e635';
}
.resourceBar .resourceHd .title p.i .iDowndArrow {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
}
.resourceBar .resourceHd .title p.i .iDowndArrow:before {
  display: inline-block;
  transform: rotate(180deg);
  font-family: 'iconfont';
  content: '\e635';
}
.resourceBar .resourceHd .container {
  display: none;
}
.resourceBar .resourceHd.cur .index {
  background-color: #ff7901;
}
.resourceBar .resourceHd.cur .container {
  display: block;
}
.result-table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}
.result-table th {
  line-height: 45px;
  border: 1px solid #ccc;
  border-bottom: none;
  box-sizing: border-box;
}
.result-table td {
  border: 1px solid #ccc;
  box-sizing: border-box;
  padding: 5px 10px;
  line-height: 20px;
  vertical-align: middle;
}
.result-table td input[type='text'] {
  width: 100%;
  background-color: #FAFAFA;
  text-align: center;
}
.result-table td:nth-child(2) {
  text-align: center;
}
.scrolls {
  box-sizing: border-box;
  max-height: 500px;
  overflow-y: auto;
  margin-bottom: 20px;
}
.uploadContainer {
  padding-top: 30px;
  background-color: #fff;
  border: 1px solid #E1E1E1;
}
.uploadContainer li {
  list-style: none;
}
.uploadContainer ul,
.uploadContainer ol,
.uploadContainer dl {
  margin: 0;
  padding: 0;
}
.uploadContainer p {
  margin: 0;
}
.uploadContainer a {
  text-decoration: none;
  cursor: pointer;
}
.uploadContainer .content {
  width: 625px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 50px;
  padding: 50px 0;
  background-color: #fafafa;
  border: 1px solid #E1E1E1;
  text-align: center;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.uploadContainer .uploadBtn {
  width: auto;
  height: 60px;
  padding: 0 26px;
  font-size: 20px;
  line-height: 60px;
  border: none;
}
.uploadContainer .uploadBtn:before {
  content: '\e67b';
  float: left;
  padding-right: 10px;
  font-family: 'iconfont';
  font-size: 32px;
}
.uploadContainer .nextBtn {
  text-align: center;
  padding-top: 10px;
  padding-bottom: 30px;
  margin-left: 30px;
  margin-right: 30px;
}
.uploadContainer .nextBtn .ghost {
  border-color: #e1e1e1;
  background-color: #fafafa;
  color: #666666;
}
.uploadStep {
  width: 660px;
  margin-left: auto;
  margin-right: auto;
}
.uploadStep li {
  float: left;
  font-size: 24px;
  color: white;
}
.uploadStep li.stepNum {
  width: 34px;
  height: 34px;
  text-align: center;
  line-height: 34px;
  border: 1px solid #fafafa;
  background-color: #e4e4e4;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}
.uploadStep li.stepNum.on {
  background-color: #fff;
  border-color: #ff7901;
  color: #ff7901;
}
.uploadStep li.stepNum.on .tips {
  color: #ff7901;
}
.uploadStep li .tips {
  display: block;
  position: relative;
  top: 0;
  left: -33px;
  width: 100px;
  font-size: 14px;
  color: #999;
}
.uploadStep li.stepBar {
  width: 264px;
  height: 1px;
  margin-top: 17px;
  background-color: #e4e4e4;
}
.uploadStep li.stepBar.on {
  background-color: #ff7901;
}
.fileInfo .title {
  height: 58px;
  margin-top: 50px;
  padding-left: 30px;
  font-size: 20px;
  line-height: 58px;
  color: #ff7901;
  background: #fafafa;
  border-top: 1px solid #e3ecf3;
  border-bottom: 1px solid #e3ecf3;
}
.fileInfo .title .f14 {
  padding-left: 15px;
  font-size: 14px;
  color: #666;
}
.fileInfo .container {
  width: 625px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 30px;
}
.fileInfo .container table {
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
}
.fileInfo .container.step2 {
  width: 825px;
}
.fileInfo .container.step2 .colon {
  position: relative;
}
.fileInfo .container.step2 .colon:before {
  content: ':';
  position: absolute;
  left: 0;
  top: 0;
  line-height: 30px;
}
.tableContainer {
  width: 100%;
}
.tableContainer .richText {
  height: 250px;
  overflow: hidden;
}
.tableContainer tr td:first-child {
  text-align: right;
  line-height: 30px;
}
.tableContainer td {
  position: relative;
  font-size: 14px;
  color: #333;
  vertical-align: top;
  padding-bottom: 20px;
}
.tableContainer td .voteContainer {
  *zoom: 1;
}
.tableContainer td .voteContainer:after,
.tableContainer td .voteContainer:before {
  content: "";
  display: table;
}
.tableContainer td .voteContainer:after {
  clear: both;
}
.tableContainer td .voteContainer:after,
.tableContainer td .voteContainer:before {
  content: "";
  display: table;
}
.tableContainer td .voteContainer:after {
  clear: both;
}
.tableContainer td .voteContainer:after,
.tableContainer td .voteContainer:before {
  content: "";
  display: table;
}
.tableContainer td .voteContainer:after {
  clear: both;
}
.tableContainer td .voteContainer input[type=text] {
  float: left;
  border-right: none;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.tableContainer td .voteContainer .cus-upload-orange {
  border-color: #e5e5e5;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.tableContainer td .formatTxt {
  padding-top: 5px;
  font-size: 12px;
  color: #999;
}
.tableContainer .courseTD {
  line-height: 20px;
}
.tableContainer .radio {
  line-height: 30px;
}
.tableContainer input[type=text],
.tableContainer textarea {
  line-height: 24px;
}
.tableContainer .input {
  padding: 3px 5px;
  border: 1px solid #E1E1E1;
  background-color: #fafafa;
  border-radius: 3px;
  box-sizing: border-box;
  line-height: 24px;
}
.tableContainer .input:before,
.tableContainer .input:after {
  box-sizing: inherit;
}
.tableContainer .input input {
  width: 100%;
  height: 20px;
  margin-bottom: 0;
  line-height: 20px;
  border: none;
  box-sizing: border-box;
  background-color: #fafafa;
}
.tableContainer .input input:before,
.tableContainer .input input:after {
  box-sizing: inherit;
}
.tableContainer .input.long {
  max-width: 400px;
}
.tableContainer textarea {
  width: 100%;
  height: 100px;
  padding: 6px 10px;
  background-color: #fafafa;
  border-radius: 3px;
  box-sizing: border-box;
  resize: none;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  outline: none;
  margin: 0;
}
.tableContainer textarea:before,
.tableContainer textarea:after {
  box-sizing: inherit;
}
.tableContainer .videoType {
  float: left;
  margin-bottom: 20px;
  margin-right: 10px;
  padding: 0 22px;
  line-height: 30px;
  color: #666;
  border-radius: 3px;
}
.tableContainer .videoType:hover,
.tableContainer .videoType.on {
  color: white;
  background: #ff7901;
}
.tableContainer .addVideo {
  padding: 35px 20px;
  border: 1px solid #e3ecf3;
  background-color: #fafafa;
  color: #999;
}
.tableContainer .setTime {
  color: #999;
}
.tableContainer .setTime input {
  margin-bottom: 0;
}
.tableContainer .importLink {
  position: relative;
  height: 30px;
  padding-right: 55px;
  border-radius: 3px;
  box-sizing: border-box;
}
.tableContainer .importLink:before,
.tableContainer .importLink:after {
  box-sizing: inherit;
}
.tableContainer .importLink .importBtn {
  position: absolute;
  right: 0;
  top: 0;
  width: 54px;
  height: 100%;
  border: none;
  border-left: 1px solid #E1E1E1;
  background-color: #fff;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  outline: none;
  font-family: 'Microsoft Yahei';
  color: #666;
  cursor: pointer;
}
.tableContainer .importLink input {
  width: 100%;
  border: none;
}
.tableContainer .videoName {
  line-height: 30px;
}
.tableContainer .videoName .name {
  max-width: 425px;
  text-decoration: underline;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
}
.tableContainer .againSelect {
  float: left;
  margin-left: 13px;
  margin-top: 2px;
}
.tableContainer .fileUploade {
  position: relative;
  width: 500px;
  height: 30px;
  line-height: 30px;
  background-color: #fafafa;
  border-radius: 3px;
  border: 1px solid #e1e1e1;
}
.tableContainer .fileUploade i {
  display: inline-block;
  height: 100%;
  background-color: rgba(255, 121, 1, 0.8);
  border-radius: 3px;
}
.tableContainer .fileUploade .name {
  position: absolute;
  top: 0px;
  left: 7%;
  font-size: 13px;
  color: #666;
}
.tableContainer .fileUploade:before {
  position: absolute;
  left: 10px;
  content: '\e680';
  font-family: 'iconfont';
}
.tableContainer .fileUploade .iconfont {
  position: absolute;
  top: 0;
  right: 10px;
  color: #29bc78;
  text-decoration: none;
}
.tableContainer .fileUploade .iCancel {
  color: red;
  font-size: 18px;
}
.uploadSuccess {
  margin-top: 50px;
  padding-top: 60px;
  padding-bottom: 70px;
  border-top: 1px solid #e3ecf3;
  background-color: #fafafa;
}
.uploadSuccess .title {
  font-size: 20px;
  color: black;
}
.uploadSuccess .title:before {
  content: '\e676';
  position: absolute;
  left: 0;
  top: -7px;
  width: 36px;
  height: 36px;
  margin-right: 15px;
  font-family: 'iconfont';
  color: white;
  background-color: #ff7901;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  text-align: center;
  line-height: 36px;
}
.uploadSuccess .container {
  position: relative;
  margin-left: 376px;
  padding-left: 50px;
}
.uploadSuccess .lookFile {
  margin-top: 8px;
  margin-bottom: 8px;
  font-size: 13px;
}
.uploadSuccess .lookFile a {
  color: #666;
}
.tabTitle li {
  float: left;
}
.tabTitle li a {
  display: block;
  margin-bottom: -1px;
  padding-top: 12px;
  padding-bottom: 12px;
  margin-right: 24px;
  font-size: 14px;
  line-height: 24px;
  color: #333;
  border-bottom: 2px solid transparent;
}
.tabTitle li a:hover,
.tabTitle li a.on {
  color: #1565D8;
  border-bottom: 2px solid #1565D8;
}
.tabTitle li a.upTitle {
  cursor: default;
}
.live {
  width: 1000px;
  margin: 0 auto;
}
.live li {
  list-style: none;
}
.live ul,
.live ol,
.live dl {
  margin: 0;
  padding: 0;
}
.live p {
  margin: 0;
}
.live h3 {
  margin: 0;
  display: block;
  *display: block;
  *zoom: 1;
  font-weight: normal;
}
.live img {
  border: 0;
  vertical-align: bottom;
}
.live a {
  text-decoration: none;
  cursor: pointer;
}
.live .title {
  padding: 20px;
  overflow: hidden;
  background-color: #fff;
  font-size: 24px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.live .title .status {
  float: left;
  margin-right: 10px;
}
.live .title .desc {
  float: left;
}
.live .title .desc .down {
  float: left;
  margin-top: 10px;
  font-size: 12px;
  color: #666;
}
.live .title .desc .down .iconfont {
  position: absolute;
}
.live .title .desc .down .line {
  margin-left: 15px;
  margin-right: 15px;
}
.live .title .desc .down.on i {
  display: inline-block;
  transform: rotate(180deg);
}
.live .title .desc h3 {
  color: #333;
}
.live .title .desc h3 .state {
  color: #ff7901;
}
.live .title .desc .time {
  float: left;
  margin-top: 10px;
  font-size: 12px;
  color: #666;
}
.live .content {
  width: 100%;
}
.live .content input,
.live .content textarea,
.live .content select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  *font-size: 100%;
  outline: none;
  margin: 0;
}
.live .content .video {
  position: relative;
  width: calc(100% - 305px);
  background: #333;
  overflow: hidden;
  height: 420px;
  height: 100%;
  min-height: 420px;
}
.live .content .video img {
  width: 100%;
  height: 100%;
}
.live .content .chat {
  padding: 0;
  margin: 0;
  width: 305px;
  height: 100%;
  min-height: 420px;
  background-color: #ebebeb;
  background-repeat: no-repeat;
  background-attachment: fixed;
}
.live .content .chat .msg {
  position: relative;
  width: 288px;
  height: 34px;
  margin-top: 5px;
  margin-left: 5px;
  padding-left: 45px;
  background: #fff;
  box-sizing: border-box;
}
.live .content .chat .msg:before,
.live .content .chat .msg:after {
  box-sizing: inherit;
}
.live .content .chat .msg input,
.live .content .chat .msg .bn-comment-textarea {
  float: left;
  width: 195px;
  height: 34px;
  margin-bottom: 0;
  margin-right: 5px;
  padding: 7px 0;
  font: 14px/22px Arial, 'Microsoft Yahei';
  border: none;
  border-radius: 4px 0 0 4px;
  box-sizing: border-box;
  overflow: hidden;
  white-space: nowrap;
}
.live .content .chat .msg input:before,
.live .content .chat .msg .bn-comment-textarea:before,
.live .content .chat .msg input:after,
.live .content .chat .msg .bn-comment-textarea:after {
  box-sizing: inherit;
}
.live .content .chat .msg input:empty:before,
.live .content .chat .msg .bn-comment-textarea:empty:before {
  line-height: 24px;
}
.live .content .chat .msg .send {
  width: 43px;
  height: 34px;
  line-height: 34px;
  border-radius: 0 4px 4px 0;
  display: block;
  background: #ff7901;
  color: #fff;
  font-size: 14px;
  float: left;
  text-align: center;
  box-sizing: border-box;
}
.live .content .chat .msg .send:before,
.live .content .chat .msg .send:after {
  box-sizing: inherit;
}
.live .content .chat .msg .emotion {
  position: absolute;
  left: 0;
  top: 0;
  width: 40px;
  height: 34px;
}
.live .content .chat .msg .emotion i.iconfont {
  display: block;
  height: 34px;
  font-size: 30px;
  line-height: 34px;
  color: #ff7901;
}
.live .content ::-webkit-scrollbar {
  width: 10px;
}
.live .content ::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: rgba(133, 133, 133, 0.1);
}
.live .content ::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: rgba(133, 133, 133, 0.2);
}
.live .content .chat-thread {
  width: 285px;
  height: calc(100% - 64px);
  margin: 0 auto 0 auto;
  padding: 25px 10px 0 10px;
  list-style: none;
  overflow-y: scroll;
  overflow-x: hidden;
}
.live .content .chat-thread li {
  position: relative;
  clear: both;
  display: inline-block;
  padding: 8px;
  margin: 0 0 30px 0;
  font-size: 14px;
  line-height: 18px;
  border-radius: 8px;
  background-color: #fff;
}
.live .content .chat-thread li .liveUserPhoto {
  position: absolute;
  top: -15px;
  right: -46px;
  width: 35px;
  height: 35px;
  overflow: hidden;
}
.live .content .chat-thread li:before {
  position: absolute;
  top: 11px;
  content: '';
  width: 0;
  height: 0;
  font-size: 0;
  border: solid 5px;
  border-color: transparent transparent transparent #A0E75A;
}
.live .content .chat-thread li .name {
  position: absolute;
  top: -20px;
  right: 0px;
  max-width: 130px;
  font-size: 12px;
  color: #858585;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
}
.live .content .chat-thread li.myChat {
  max-width: 180px;
  animation: show-chat-odd 0.15s 1 ease-in;
  -moz-animation: show-chat-odd 0.15s 1 ease-in;
  -webkit-animation: show-chat-odd 0.15s 1 ease-in;
  float: right;
  margin-right: 45px;
  color: #333;
  background-color: #A0E75A;
}
.live .content .chat-thread li.myChat:before {
  right: -10px;
}
.live .content .chat-thread li.otherChat {
  max-width: 180px;
  animation: show-chat-even 0.15s 1 ease-in;
  -moz-animation: show-chat-even 0.15s 1 ease-in;
  -webkit-animation: show-chat-even 0.15s 1 ease-in;
  float: left;
  margin-left: 45px;
  color: #333;
}
.live .content .chat-thread li.otherChat .liveUserPhoto {
  left: -46px;
}
.live .content .chat-thread li.otherChat:before {
  left: -10px;
  border-color: transparent #fff transparent transparent;
}
.live .content .chat-thread li.otherChat .name {
  left: 0px;
  min-width: 75px;
}
.live .content .chat-window {
  position: fixed;
  bottom: 18px;
}
.live .content .chat-window-message {
  width: 100%;
  height: 48px;
  font-size: 32px;
  line-height: 48px;
  background: none;
  color: #0AD5C1;
  border: 0;
  border-bottom: 1px solid rgba(25, 147, 147, 0.2);
  outline: none;
}
@keyframes show-chat-even {
  0% {
    margin-left: -480px;
  }
  100% {
    margin-left: 0;
  }
}
@-moz-keyframes show-chat-even {
  0% {
    margin-left: -480px;
  }
  100% {
    margin-left: 0;
  }
}
@-webkit-keyframes show-chat-even {
  0% {
    margin-left: -480px;
  }
  100% {
    margin-left: 0;
  }
}
@keyframes show-chat-odd {
  0% {
    margin-right: -480px;
  }
  100% {
    margin-right: 0;
  }
}
@-moz-keyframes show-chat-odd {
  0% {
    margin-right: -480px;
  }
  100% {
    margin-right: 0;
  }
}
@-webkit-keyframes show-chat-odd {
  0% {
    margin-right: -480px;
  }
  100% {
    margin-right: 0;
  }
}
.live .content .credits {
  text-align: center;
  margin-top: 35px;
  color: rgba(255, 255, 255, 0.35);
}
.live .content .credits a {
  text-decoration: none;
  color: rgba(255, 255, 255, 0.35);
}
.QRcode {
  bottom: 200px;
}
.bn-cascader {
  font-size: 12px;
}
.bn-cascader-input.bn-input {
  cursor: pointer;
}
.bn-cascader-picker {
  position: relative;
  display: inline-block;
  cursor: pointer;
  vertical-align: middle;
  font-size: 12px;
  background-color: #fff;
  border-radius: 6px;
}
.bn-cascader-picker-disabled {
  cursor: not-allowed;
}
.bn-cascader-picker-label {
  position: absolute;
  left: 0;
  height: 20px;
  line-height: 20px;
  top: 50%;
  margin-top: -10px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
  padding: 0 12px 0 8px;
}
.bn-cascader-picker-clear {
  opacity: 0;
  position: absolute;
  right: 6px;
  z-index: 1;
  top: 50%;
  margin-top: -6px;
  background: #e4e4e4;
  color: #ffffff;
  cursor: pointer;
  font-style: normal;
  -webkit-transition: color 0.3s ease, opacity 0.15s ease;
  transition: color 0.3s ease, opacity 0.15s ease;
  border-radius: 50%;
}
.bn-cascader-picker-clear:before {
  content: '\e67e';
  font-family: 'iconfont';
  display: block;
  width: 14px;
  height: 14px;
  font-size: 12px;
  line-height: 15px;
  text-align: center;
}
.bn-cascader-picker-clear:hover {
  color: #999;
}
.bn-cascader-picker:hover .bn-cascader-picker-clear {
  opacity: 1;
}
.bn-cascader-picker-arrow {
  position: absolute;
  top: 50%;
  right: 5px;
  margin-top: -9px;
  color: #999;
  /* IE6-IE8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";
  zoom: 1;
  font-style: normal;
  vertical-align: top;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
.bn-cascader-picker-arrow:before {
  content: '\e635';
  font-size: 16px;
  font-family: 'iconfont';
  display: block;
  -webkit-transition: -webkit-transform 0.2s ease;
  transition: -webkit-transform 0.2s ease;
  transition: transform 0.2s ease;
}
.bn-cascader-picker-arrow.bn-cascader-picker-arrow-expand {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
}
.bn-cascader-picker-arrow.bn-cascader-picker-arrow-expand:before {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.bn-cascader-menus {
  font-size: 12px;
  background: #fff;
  position: absolute;
  z-index: 11050;
  border: 1px solid #e1e1e1;
  border-radius: 3px;
  box-shadow: 0 1px 6px rgba(100, 100, 100, 0.2);
  white-space: nowrap;
}
.bn-cascader-menus-empty,
.bn-cascader-menus-hidden {
  display: none;
}
.bn-cascader-menus.slide-up-enter.slide-up-enter-active.bn-cascader-menus-placement-bottomLeft,
.bn-cascader-menus.slide-up-appear.slide-up-appear-active.bn-cascader-menus-placement-bottomLeft {
  -webkit-animation-name: antSlideUpIn;
  animation-name: antSlideUpIn;
}
.bn-cascader-menus.slide-up-enter.slide-up-enter-active.bn-cascader-menus-placement-topLeft,
.bn-cascader-menus.slide-up-appear.slide-up-appear-active.bn-cascader-menus-placement-topLeft {
  -webkit-animation-name: antSlideDownIn;
  animation-name: antSlideDownIn;
}
.bn-cascader-menus.slide-up-leave.slide-up-leave-active.bn-cascader-menus-placement-bottomLeft {
  -webkit-animation-name: antSlideUpOut;
  animation-name: antSlideUpOut;
}
.bn-cascader-menus.slide-up-leave.slide-up-leave-active.bn-cascader-menus-placement-topLeft {
  -webkit-animation-name: antSlideDownOut;
  animation-name: antSlideDownOut;
}
.bn-cascader-menu {
  display: inline-block;
  vertical-align: top;
  min-width: 111px;
  height: 180px;
  list-style: none;
  margin: 0;
  padding: 0;
  border-right: 1px solid #e9e9e9;
  overflow: auto;
}
.bn-cascader-menu:first-child {
  border-radius: 6px 0 0 6px;
}
.bn-cascader-menu:last-child {
  border-right-color: transparent;
  margin-right: -1px;
  border-radius: 0 6px 6px 0;
}
.bn-cascader-menu:only-child {
  border-radius: 6px;
}
.bn-cascader-menu-item {
  padding: 7px 60px 7px 16px;
  cursor: pointer;
  white-space: nowrap;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.bn-cascader-menu-item:hover {
  background: #eaf8fe;
}
.bn-cascader-menu-item-disabled {
  cursor: not-allowed;
  color: #ccc;
}
.bn-cascader-menu-item-disabled:hover {
  background: transparent;
}
.bn-cascader-menu-item-active:not(.bn-cascader-menu-item-disabled),
.bn-cascader-menu-item-active:not(.bn-cascader-menu-item-disabled):hover {
  background-color: #f7f7f7;
  font-weight: bold;
}
.bn-cascader-menu-item-expand {
  position: relative;
}
.bn-cascader-menu-item-expand:after {
  font-family: 'iconfont';
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e614";
  display: inline-block;
  font-size: 12px;
  font-size: 8px;
  -webkit-transform: scale(0.66666667) rotate(0deg);
  -ms-transform: scale(0.66666667) rotate(0deg);
  transform: scale(0.66666667) rotate(0deg);
  /* IE6-IE8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1, M12=0, M21=0, M22=1)";
  zoom: 1;
  color: #999;
  position: absolute;
  right: 15px;
}
:root .bn-cascader-menu-item-expand:after {
  -webkit-filter: none;
  filter: none;
}
:root .bn-cascader-menu-item-expand:after {
  font-size: 16px;
}
.bn-rate {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 17px;
  display: inline-block;
  vertical-align: middle;
  font-family: 'iconfont';
  font-weight: 400;
  font-style: normal;
}
.bn-rate-disabled .bn-rate-star-content:before,
.bn-rate-disabled .bn-rate-star:before {
  cursor: default;
}
.bn-rate-disabled .bn-rate-star:hover {
  -webkit-transform: scale(1);
  transform: scale(1);
}
.bn-rate-star {
  margin: 0;
  padding: 0;
  display: inline-block;
  margin-right: 8px;
  position: relative;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.bn-rate-star:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.bn-rate-star-content:before,
.bn-rate-star:before {
  color: #e9e9e9;
  cursor: pointer;
  content: "\E60e";
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  display: block;
}
.bn-rate-star-content {
  position: absolute;
  left: 0;
  top: 0;
  width: 50%;
  height: 100%;
  overflow: hidden;
}
.bn-rate-star-content:before {
  color: transparent;
}
.bn-rate-star-full:before,
.bn-rate-star-half .bn-rate-star-content:before {
  color: #f5a623;
}
.bn-rate-star-full:hover:before,
.bn-rate-star-half:hover .bn-rate-star-content:before {
  color: #f7b84f;
}
.bn-rate-text {
  margin-left: 8px;
  vertical-align: middle;
  display: inline-block;
  font-size: 12px;
}
.bn-modal-wrap {
  position: fixed;
  overflow: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  outline: none;
}
.bn-modal-wrap .bn-modal {
  position: relative;
  width: auto;
  margin: 0 auto;
  top: 100px;
  -webkit-box-shadow: 2px 0 8px #4e4e4e, -2px 0 8px #4e4e4e, 0 -2px 8px #4e4e4e, 0 2px 8px #4e4e4e;
  -moz-box-shadow: 2px 0 8px #4e4e4e, -2px 0 8px #4e4e4e, 0 -2px 8px #4e4e4e, 0 2px 8px #4e4e4e;
  box-shadow: 2px 0 8px #4e4e4e, -2px 0 8px #4e4e4e, 0 -2px 8px #4e4e4e, 0 2px 8px #4e4e4e;
}
.bn-modal-wrap .bn-modal .bn-modal-content {
  position: relative;
  background-color: #fff;
  border: 0;
  background-clip: padding-box;
}
.bn-modal-header {
  padding: 5px 20px;
  border-radius: 6px 6px 0 0;
  background: #fff;
  color: #666;
  border-bottom: 1px solid #e9e9e9;
}
.bn-modal-header .bn-modal-title {
  font-size: 14px;
  font-weight: bold;
  color: #333;
}
.bn-modal-body {
  padding: 16px;
  font-size: 12px;
  line-height: 1.5;
}
.bn-progress .uploadify-queue-item {
  float: left;
  max-width: 100%;
  width: 100%;
  margin: 0 auto;
  padding: 5px 0;
  background-color: #fff;
}
.bn-progress .uploadify-queue-item .cancel {
  display: none;
}
.bn-progress .uploadify-queue-item .fileName {
  position: relative;
  display: block;
  float: left;
  width: 80%;
  padding-left: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.bn-progress .uploadify-queue-item .data {
  float: right;
  width: 20%;
  color: green;
  text-align: right;
}
.bn-progress .uploadify-queue-item .uploadify-progress {
  float: left;
  height: 14px;
  background-color: #e4e4e4;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.bn-progress .uploadify-queue-item .uploadify-progress-bar {
  height: 100%;
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.3) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, transparent 75%);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.3) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, transparent 75%);
  background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.3) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0.3) 75%, transparent 75%);
  background-color: #ff7901;
  background-size: 20px 20px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.liveListIndex {
  margin: 26px auto 0;
  padding-top: 26px;
  background: white;
}
.liveList {
  width: 958px;
  margin: 0 auto;
}
.liveList div,
.liveList p,
.liveList ul,
.liveList li,
.liveList h3 {
  margin: 0;
  padding: 0;
}
.liveList ul,
.liveList li {
  list-style-type: none;
}
.liveList a {
  text-decoration: none;
  color: #333;
}
.liveList ul {
  margin: 0 -13px;
}
.liveList li {
  float: left;
  width: 204px;
  margin: 0 13px 26px;
  padding: 7px 7px 20px;
  border: 1px solid #e3ecf3;
  font-size: 13px;
  line-height: 30px;
  border-radius: 3px;
}
.liveList li .livePic {
  width: 204px;
  height: 136px;
  overflow: hidden;
}
.liveList li .livePic img {
  max-width: 100%;
  height: auto;
}
.liveList li .liveState {
  display: inline-block;
  width: 82px;
  height: 20px;
  margin-top: 5px;
  border: 1px solid #999;
  font-size: 12px;
  line-height: 20px;
  border-radius: 3px;
  color: #999;
}
.liveList li .liveState i.icon-live {
  float: left;
  margin: 0 10px 0 4px;
  font-style: normal;
}
.liveList li .liveTime {
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  color: #535353;
}
.liveList li .liveTime .text {
  padding-top: 14px;
}
.liveList li .liveTime .time {
  margin-left: 10px;
}
.liveList li.liveIn .liveState {
  border-color: #ff7900;
  color: #ff7900;
}
.liveList li.liveNoStart .liveState {
  border-color: #1ca7de;
  color: #1ca7de;
}
.liveList li.liveEnd {
  color: #999;
}
.liveList li.liveEnd a,
.liveList li.liveEnd p {
  color: #999;
}
.liveList h3.liveTitle {
  margin-top: 8px;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  font-weight: normal;
  font-size: 13px;
}
.pagination ul,
.pagination li {
  list-style: none;
}
.bn-comment-title span.essenceBorder {
  border: 1px solid #ff7901;
  padding: 1px 5px 1px 0;
  font-size: 13px;
  color: #ff7901;
  border-radius: 3px;
}
.bn-comment-title span.essenceBorder span {
  padding: 0;
}
.bn-comment-title span em.iconEssence {
  margin-right: 3px;
  font-size: 17px;
  background-color: #ff7901;
  color: #fff;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
  vertical-align: bottom;
}
.bn-comment-title span.text {
  color: #ff7901;
  font-size: 12px;
}
.bn-comment-title span a {
  color: #959595;
}
.bn-comment-title span a.colorMain {
  color: #ff7901;
}
.grade {
  margin-left: 20px;
  font: 14px/18px Arial, 'Microsoft Yahei';
  color: #666;
}
.grade:after {
  content: '';
  font-family: 'iconfont';
  font-size: 22px;
  margin-left: 10px;
  vertical-align: middle;
}
.qualify-w:after {
  content: '';
  display: inline-block;
  background: url(../images/qualify-w.png) no-repeat;
  width: 65px;
  height: 47px;
  margin-top: -5px;
}
.unQualify-w:after {
  content: '';
  display: inline-block;
  background: url(../images/unQualify-w.png) no-repeat;
  width: 65px;
  height: 47px;
  margin-top: -5px;
}
.qualify:after {
  content: '';
  display: inline-block;
  background: url(../images/qualify.png) no-repeat;
  width: 65px;
  height: 47px;
}
.unQualify:after {
  content: '';
  display: inline-block;
  background: url(../images/unQualify.png) no-repeat;
  width: 65px;
  height: 47px;
}
.newListInfo {
  margin-top: 10px;
}
.newListInfo .info {
  max-width: 45%;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  line-height: 20px;
  font-size: 12px;
  color: #999;
}
.newListInfo .info:last-child {
  margin-left: 30px;
}
.newListInfo .color {
  color: #ff7901;
}
.wk-lists.newWkLists li .txt span.name {
  max-width: 50px;
  margin-right: 5px;
}
.wk-lists.moreWorkshopDynamic li {
  height: auto;
}
.wk-lists.moreWorkshopDynamic .title {
  float: left;
  margin: 15px 0;
  max-width: 480px;
}
.wk-lists.moreWorkshopDynamic .txt {
  float: right;
  margin: 15px 0;
}
.myWkLists {
  margin: 0;
}
.myWkLists li {
  margin-top: 15px;
  padding: 0 20px 14px 20px;
  border-bottom: 1px solid #ebedee;
}
.myWkLists li img {
  left: 20px;
}
.myWkListsPage {
  padding: 10px 0;
}
.newQuestionnaire .questionnaireTitle {
  display: block;
  margin: 0;
  padding: 0;
  line-height: 24px;
  font-weight: normal;
  font-size: 16px;
  text-decoration: none;
  color: #333;
}
.newQuestionnaire .questionnaireTitle .newIcon {
  color: #333;
}
.newQuestionnaire .questionnaireTitle .newIcon:after {
  content: '\e687';
  display: inline-block;
  margin-top: 2px;
  padding-left: 5px;
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
  font-size: 24px;
  color: #ff2803;
  vertical-align: middle;
}
.newQuestionnaire .questionnaireTitle:after {
  content: '\e686';
  float: right;
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
  font-size: 18px;
  vertical-align: middle;
  color: #FF7901;
}
.workshop-title {
  line-height: 22px;
}
.workshop-title .newMore {
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  color: #999;
  font-size: 12px;
}
.newDiscussContainer {
  background: white;
}
.newDiscussContainer .newDiscussContent {
  padding: 0 30px;
}
.newDiscussContainer .newDiscussContent .title {
  padding: 20px 0;
  border-bottom: 1px solid #ededed;
  font-size: 18px;
  color: black;
}
.newDiscussContainer .newDiscussContent .text {
  margin-top: 22px;
  line-height: 30px;
  font-size: 14px;
  color: #333;
}
.newDiscussContainer .newDiscussContent .text p {
  margin: 0;
  padding: 0;
}
.workshopBd .homeWorkList li {
  position: relative;
  padding-left: 20px;
}
.workshopBd .experts-recommend {
  position: absolute;
  left: -20px;
  top: -5px;
  width: 74px;
  height: 68px;
  background: url('../images/experts-recommend.png') no-repeat center;
  zoom: 0.8;
}
.homework-info {
  line-height: 26px;
}
.homework-info .evaluate-already2 {
  padding-right: 15px;
}
.homework-info .evaluate-already2 .tips {
  font-size: 13px;
  color: #666;
}
.homework-info .evaluate-already2 .bn-star-list {
  height: 26px;
  margin-top: -1px;
}
.recommend-mark {
  position: relative;
  padding-left: 20px;
}
.recommend-mark .experts-recommend {
  position: absolute;
  top: -20px;
  left: -20px;
  width: 74px;
  height: 68px;
  background: url(../images/experts-recommend.png) no-repeat center;
  cursor: pointer;
}
.recommend-mark .experts-recommend:hover .task-opinion-list {
  display: block;
  top: 26px;
  left: 48px;
  right: auto;
}
.recommend-mark .experts-recommend:hover .task-opinion-list .task-outer {
  left: -8px;
  top: 8px;
  right: auto;
}
.recommend-mark .experts-recommend:hover .task-opinion-list .task-inner {
  left: -6px;
  top: 8px;
  right: auto;
}
.recommend-mark + .homework-info {
  padding-left: 20px;
}
.downloadTips {
  width: 100%;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  text-align: center;
  background: #fffefa;
  color: #ff9400;
  border-bottom: 1px solid #ff9400;
}
.tools {
  position: relative;
  margin-top: 5px;
  background-color: #fff;
  padding: 12px 0 10px 60px;
}
.tools a {
  color: #333;
  line-height: 18px;
  font-size: 14px;
  text-decoration: none;
}
.tools a:hover {
  color: #118cc6;
}
.tools a i {
  position: absolute;
  left: 24px;
  margin-right: 5px;
  color: #118cc6;
  font-size: 20px;
}
.newHeader {
  background-color: #ffffff;
}
.newBanner {
  margin-top: 5px;
  background-color: #1D76BD;
}
.newBanner .newBannerCenter {
  width: 1000px;
  margin: 0 auto;
  position: relative;
}
.newBanner .newBannerCenter .newBannerUl {
  margin: 0;
  padding: 0;
  list-style: none;
  *zoom: 1;
}
.newBanner .newBannerCenter .newBannerUl:after,
.newBanner .newBannerCenter .newBannerUl:before {
  content: "";
  display: table;
}
.newBanner .newBannerCenter .newBannerUl:after {
  clear: both;
}
.newBanner .newBannerCenter .newBannerUl:after,
.newBanner .newBannerCenter .newBannerUl:before {
  content: "";
  display: table;
}
.newBanner .newBannerCenter .newBannerUl:after {
  clear: both;
}
.newBanner .newBannerCenter .newBannerUl:after,
.newBanner .newBannerCenter .newBannerUl:before {
  content: "";
  display: table;
}
.newBanner .newBannerCenter .newBannerUl:after {
  clear: both;
}
.newBanner .newBannerCenter .newBannerUl li {
  float: left;
  list-style: none;
}
.newBanner .newBannerCenter .newBannerUl li a {
  padding: 0 18px;
  line-height: 44px;
  display: inline-block;
  text-decoration: none;
  color: #fff;
}
.newBanner .newBannerCenter .newBannerUl li.on {
  background-color: #2f89d0;
}
.newBanner .newBannerCenter .newBannerUl li:hover a {
  color: #6ca6d4;
}
.newBanner .newBannerCenter .bn-drop-panel {
  width: 100px;
  height: 44px;
  position: absolute;
  right: 30px;
  top: 0;
}
.newBanner .newBannerCenter .bn-drop-panel .bn-drop-panel-box {
  height: 44px;
  text-align: right;
  line-height: 44px;
  color: #fff;
}
.newBanner .newBannerCenter .bn-drop-panel .bn-drop-panel-box i {
  color: #fff;
}
.newBanner .newBannerCenter .bn-drop-panel .bn-drop-panel-sub-box {
  padding-top: 0;
}
.newBanner .newBannerCenter .bn-drop-panel .bn-drop-panel-sub-box ul {
  width: 90px;
  padding: 5px 10px;
}
.newBanner .newBannerCenter .bn-drop-panel .bn-drop-panel-sub-box li a {
  font-size: 12px;
}
.newBanner .newBannerCenter .bn-drop-panel .bn-drop-panel-sub-box li:hover {
  background-color: #fff;
}
.newBanner .newBannerCenter .bn-drop-panel .bn-drop-panel-sub-box li:hover a {
  background-color: #fff;
}
.newBanner .newBannerCenter .kc-envelope {
  position: absolute;
  right: 0;
  color: #fff;
  text-decoration: none;
  top: 9px;
}
.newBanner .newBannerCenter .kc-envelope i {
  font-size: 22px;
}
.newBanner .newBannerCenter .kc-envelope.unRead:before {
  position: absolute;
  right: 0;
  top: 3px;
  content: '';
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: red;
  z-index: 1;
}
.newBanner.smallNewHeader {
  background-color: #fff;
  margin-top: 0px;
}
.newBanner.smallNewHeader .newBannerCenter {
  height: 44px;
}
.newBanner.smallNewHeader .newBannerCenter w .bn-logo {
  margin-top: 5px;
}
.newBanner.smallNewHeader .newBannerCenter .bn-drop-panel .bn-drop-panel-box {
  color: #333;
}
.newBanner.smallNewHeader .newBannerCenter .bn-drop-panel .bn-drop-panel-box i {
  color: #333;
}
.newBanner.smallNewHeader .newBannerCenter .kc-envelope {
  color: #333;
}
.vote-result-comment .bn-triangle-outer,
.vote-result-comment .bn-triangle-inner {
  width: 30px;
  right: unset;
  left: 50%;
  margin-left: -8px;
}
.vote-result-comment .task-opinion-list {
  left: 50% !important;
  right: unset !important;
  margin-left: -266px;
}
.outCourseView {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  padding-top: 50px;
  box-sizing: border-box;
}
.outCourseView .title {
  position: absolute;
  top: 10px;
  right: 20px;
  line-height: 30px;
  font-size: 14px;
  color: #ff7901;
  font-weight: bold;
}
.outCourseView .content {
  height: 100%;
}
.outCourseOpened {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.outCourseOpened .nodata {
  height: 300px;
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  margin-top: -150px;
}
.root {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: flex;
  -webkit-box-orient: vertical;
  flex-direction: column;
}
.root .container {
  overflow: hidden;
  position: relative;
  flex: 1;
  overflow-y: auto;
  background-color: #FBE3A3;
  z-index: 1;
}
.root .container::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  background: url(../images/top.png) no-repeat top;
  background-size: 100% 100%;
}
.root .container::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: url(../images/bottom.png) no-repeat;
  background-size: 100% 100%;
}
.root .container .content {
  position: absolute;
  top: 30%;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
}
.root .container .content .icon {
  position: absolute;
  top: -100px;
  left: 50%;
  transform: translateX(-50%);
  background: url(../images/appDownSprite.svg) no-repeat;
  width: 100px;
  height: 100px;
}
.root .container .content .icon.style1 {
  background-position: 0px -20px;
}
.root .container .content .icon.style2 {
  background-position: -100px -20px;
}
.root .container .content .name {
  margin-top: 30px;
  line-height: 1;
  white-space: nowrap;
  color: #E95D00;
  font-size: 36px;
}
.root .container .content .name::before {
  content: "";
  position: absolute;
  top: -56px;
  left: 7px;
  width: 200px;
  height: 200px;
  background-color: white;
  border-radius: 50%;
  filter: blur(40px);
  z-index: -1;
  opacity: 0.6;
}
.root .container .content .text {
  margin-top: 15px;
  line-height: 1;
  white-space: nowrap;
  color: #333;
  font-size: 18px;
}
.root .container .button {
  position: absolute;
  bottom: 25%;
  left: 50%;
  transform: translateX(-50%);
  font-size: 20px;
  color: white;
  background-color: #F18C00;
  border-radius: 25px;
  width: 220px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  cursor: pointer;
  z-index: 2;
}
.root .container .button:hover {
  opacity: 0.8;
}
.navbar {
  position: relative;
  background-color: #F2F2F2;
  height: 44px;
  line-height: 44px;
}
.navbar.bgWhite {
  background-color: white;
}
.navbar .icon,
.navbar .text {
  height: 44px;
  cursor: pointer;
}
.navbar .icon.left,
.navbar .text.left,
.navbar .icon.right,
.navbar .text.right {
  position: absolute;
  top: 0;
}
.navbar .icon.left,
.navbar .text.left {
  left: 0;
}
.navbar .icon.right,
.navbar .text.right {
  right: 0;
}
.navbar .icon {
  width: 44px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.navbar .icon .iClose {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(../images/appDownSprite.svg) no-repeat;
  background-position: 0 0;
}
.navbar .icon .iMore {
  display: inline-block;
  width: 20px;
  height: 8px;
  background: url(../images/appDownSprite.svg) no-repeat;
  background-position: -20px -6px;
}
.navbar .title {
  margin-left: 44px;
  font-size: 17px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap	;
  color: #000;
}
.guide {
  position: fixed;
  top: 44px;
  left: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  height: 100%;
  z-index: 3;
}
.guide .text {
  position: absolute;
  top: 14px;
  right: 14px;
  width: 190px;
  height: 180px;
  background: url(../images/appDownSprite.svg) no-repeat;
  background-position: 0px -120px;
}
.guide .text .info {
  position: absolute;
  top: 100px;
  left: 40px;
  width: 110px;
  text-align: center;
  color: white;
  font-size: 15px;
}
.iconSelf {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url("../images/myTrainingWorhshop.svg") no-repeat transparent;
  background-position: -260px -40px;
  margin-top: 5px;
}
.iconAuth {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url("../images/myTrainingWorhshop.svg") no-repeat transparent;
  background-position: -280px -40px;
  margin-top: 5px;
}
.iconStatistics {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url("../images/myTrainingWorhshop.svg") no-repeat transparent;
  background-position: -240px -40px;
  margin-top: 5px;
}
.setUpRange {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url("../images/myTrainingWorhshop.svg") no-repeat transparent;
  background-position: -340px -40px;
  margin-top: 5px;
}
.QRCodePicture {
  position: absolute;
  top: 0;
  left: 78px;
  z-index: 99;
  background-color: transparent;
  border-radius: 5px;
  padding: 4px;
}
.QRCodePicture #codeImg {
  transition: all 0.2s;
}
.QRCodePicture:hover {
  width: 100px;
  height: 100px;
}
.QRCodePicture:hover img {
  width: 100%;
  height: 100%;
}
.QRCodePicture img {
  width: 100%;
  height: 100%;
}