.community_index_left {
  margin-right: 315px;
}
.community_index_left .content-head {
  background: #fff;
  box-shadow: 0 0 5px #eee;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border: 1px solid #e8eaec;
  margin-bottom: 10px;
  padding: 16px 20px;
}
.community_index_left .content-head .stu-pic img {
  width: 42px;
  height: 42px;
  border-radius: 50%;
}
.community_index_left .content-head .active-n1 {
  display: inline-block;
  padding: 0 10px 10px 10px;
  color: #666;
  font-size: 16px;
  text-decoration: none;
  margin-right: 20px;
  position: relative;
  bottom: -2px;
  border-bottom: 2px solid #e8eaec;
}
.community_index_left .content-head .active-n1.active {
  cursor: pointer;
  color: #408cff;
  border-bottom: 2px solid #408cff;
}
.community_index_left .content-head .active-n1:hover {
  color: #408cff;
  cursor: pointer;
}
.community_index_left .content-head .content-head2-right {
  float: right;
}
.community_index_left .content-head .content-head2-right .active-n2 {
  display: inline-block;
  padding: 4px 0px;
  margin-right: 10px;
  color: #666;
  font-size: 14px;
  text-decoration: none;
}
.community_index_left .content-head .content-head2-right .active-n2:hover,
.community_index_left .content-head .content-head2-right .active-n2.active1 {
  cursor: pointer;
  color: #408cff;
}
.community_index_left .content-head2 {
  padding: 0px;
}
.community_index_left .content-head2 .left {
  display: inline-block;
  margin: 10px 0px;
  font-size: 12px;
  text-decoration: none;
  border-radius: 2px;
  background: #e4f5ff;
  color: #408cff;
  padding: 5px 20px;
  margin-right: 5px;
}
.community_index_left .content-head2 .left:hover,
.community_index_left .content-head2 .left.active2 {
  cursor: pointer;
  color: #fff;
  background: #408cff;
}
.community_index_left .content-main .content-main-child {
  padding: 15px 0px 15px;
  border-bottom: 1px solid #e8eaec;
  position: relative;
}
.community_index_left .content-main .content-main-child:hover .stu-visit {
  font-size: 12px;
}
.community_index_left .content-main .content-main-child .stu-pic {
  width: 50px;
  text-align: center;
  display: inline-block;
  float: left;
}
.community_index_left .content-main .content-main-child .stu-pic img {
  width: 48px;
  height: 48px;
}
.community_index_left .content-main .content-main-child .stu-pic p {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 0px;
  color: #666;
  margin-top: 5px;
  font-size: 12px;
}
.community_index_left .content-main .content-main-child .stu-visit {
  display: inline-block;
  width: 140px;
  position: absolute;
  right: 0px;
  top: 47px;
  font-size: 12px;
}
.community_index_left .content-main .content-main-child .stu-visit .icon-liulan {
  color: #9DA6B7;
  position: relative;
  top: 2px;
  font-size: 18px;
}
.community_index_left .content-main .content-main-child .stu-visit .icon-pinglun1 {
  color: #9DA6B7;
  position: relative;
  top: 2px;
  font-size: 18px;
}
.community_index_left .content-main .content-main-child .stu-title .info-title {
  margin-bottom: 15px;
}
.community_index_left .content-main .content-main-child .stu-title .title-detail-new {
  margin-left: 80px;
}
.community_index_left .content-main .content-main-child .stu-title .time-left {
  margin-left: 15px;
  display: inline-block;
  color: #999;
  font-size: 12px;
}
.community_index_left .content-main .content-main-child .stu-title .time {
  /*margin-left: 10px;*/
}
.community_index_left .content-main .content-main-child .stu-title .time .time-left {
  margin-right: 50px;
  display: inline-block;
  color: #999;
  font-size: 12px;
}
.community_index_left .content-main .content-main-child .stu-title .time .time-right {
  background: #F7F8FA;
  padding: 3px 10px;
  margin-right: 5px;
  color: #999;
  font-size: 12px;
  border-radius: 20px;
  border: 1px solid #E8EAEC;
}
.community_index_left .content-main .content-main-child .stu-title .title:hover {
  color: #408CFF;
}
.community_index_left .content-main .content-main-child .stu-title .title a {
  cursor: pointer;
  color: #333;
  text-decoration: none;
  margin-left: 0px;
  margin-bottom: 0px;
  font-size: 16px;
  max-width: 55%;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
  white-space: nowrap;
  display: inline-block;
}
.community_index_left .content-main .content-main-child .stu-title .title a:hover {
  color: #408CFF;
}
.community_index_left .content-main .content-main-child .stu-title .more {
  margin-left: 10px;
}
.community_index_left .content-main .content-main-child .tips {
  position: absolute;
  top: 3px;
  background: #FF5050 ;
  color: #fff;
  padding: 3px 5px;
  font-size: 12px;
  border-radius: 4px;
  left: 0px;
}
.info-time-right {
  padding: 5px 0px;
  color: #999;
  font-size: 14px;
}
.info-time-right a {
  color: #5cadff;
}
.info-time-right a:hover {
  cursor: pointer;
}
.info-time-right-new {
  display: block;
  margin-top: -10px;
  margin-bottom: 5px;
}
.info-time-right-kc {
  display: inline-block;
  max-width: 555px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0px;
}
@media screen and (min-width: 1270px) {
  .info-time-right-kc {
    max-width: 615px;
  }
}
.info_index_left {
  width: 220px;
  float: left;
  margin-right: -220px;
}
.info_index_left .per-center-left {
  width: 220px;
  float: left;
  background: #FFF;
  text-align: center;
  box-shadow: 0 0 5px #eee;
  border-radius: 4px;
  border: 1px solid #e3e3e3;
  padding: 30px 0px 20px;
}
.info_index_left .per-center-left .circle_head-pic {
  background: #fff;
  border-radius: 50%;
  display: inline-block;
  position: relative;
}
.info_index_left .per-center-left .circle_head-pic p {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 0px;
  color: #666;
  margin-top: 5px;
  width: 108px;
}
.info_index_left .per-center-left .circle_head-pic .hoverpic {
  width: 108px;
  height: 108px;
  border-radius: 50%;
  position: absolute;
  text-align: center;
  line-height: 108px;
  background: #000;
  display: none;
  opacity: 0.5;
  filter: alpha(opacity=45) !important;
  ZOOM: 1;
  color: #fff;
  z-index: 100000;
  font-family: 'Arial Normal', 'Arial';
  font-weight: 400;
  font-style: normal;
  font-size: 13px;
}
.info_index_left .per-center-left .circle_head-pic img {
  display: inline-block;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  max-width: none;
}
.info_index_left .per-center-left .circle_head_main {
  display: block;
  margin-top: 10px;
  position: relative;
}
.info_index_left .per-center-left .circle_head_main .per-center-icon1 {
  width: 16px;
  height: 16px;
  display: inline-block;
  position: absolute;
  left: 66px;
  top: 20px;
}
.info_index_left .per-center-left .circle_head_main .per-center-icon11 {
  width: 16px;
  height: 16px;
  display: inline-block;
  position: absolute;
  left: 66px;
  top: 20px;
}
.info_index_left .per-center-left .circle_head_main .per-center-icon2 {
  width: 16px;
  height: 16px;
  display: inline-block;
  position: absolute;
  left: 66px;
  top: 20px;
}
.info_index_left .per-center-left .circle_head_main .per-center-icon22 {
  width: 16px;
  height: 16px;
  display: inline-block;
  position: absolute;
  left: 66px;
  top: 20px;
}
.info_index_left .per-center-left .circle_head_main .per-center-icon3 {
  width: 16px;
  height: 16px;
  display: inline-block;
  position: absolute;
  left: 66px;
  top: 20px;
}
.info_index_left .per-center-left .circle_head_main .circle_head_main-rtext {
  padding-left: 27px;
}
.info_index_left .per-center-left .circle_head_main a {
  display: block;
  padding: 20px 0px;
  position: relative;
  margin: 1px 0px;
  text-decoration: none;
  outline: none;
  color: #9da6b7;
}
.info_index_left .per-center-left .circle_head_main a:hover {
  cursor: pointer;
  color: #408CFF;
}
.info_index_left .per-center-left .circle_head_main .center-menu-item {
  position: relative;
}
.info_index_left .per-center-left .circle_head_main .circle_head_main-active {
  background: #f1f8ff;
  color: #408cff;
}
.info_index_left .per-center-left .circle_head_main .circle_head_main-active:after {
  content: "";
  display: block;
  width: 3px;
  left: 0;
  top: 0;
  bottom: 0;
  background: #0099ff;
  position: absolute;
}
.well {
  /*.breadcrumb_sort {
    border: 1px solid #ccc;
    background: #fff;
  }*/
}
.well .form-control-select {
  width: 120px;
}
.well .hot-tips .hot-tips-right a {
  background: #FFF6E4;
  color: #FF9000;
}
.well .hot-tips .hot-tips-right a:hover {
  background: #ff9000;
  color: #fff;
}
.well .hot-tips a {
  padding: 5px 10px;
  background: #e6f5ff;
  margin-right: 5px;
  cursor: pointer;
  text-decoration: none;
  margin-bottom: 5px;
  display: inline-block;
  color: #0099ff;
  font-size: 12px;
}
.well .hot-tips a:hover {
  color: #fff;
  background-color: #0099ff;
}
.well .hot-tips .hot-tips-left {
  font-size: 12px;
  color: #999;
}
.well .hot-tips .hot-tips-right {
  margin-top: 10px;
  margin-bottom: 5px;
}
.create-tips {
  float: right;
}
.create-tips {
  position: absolute;
  right: 14px;
  bottom: -38px;
}
.tips-follow-all {
  left: 0px;
  white-space: nowrap;
  top: 35px;
  position: absolute;
  z-index: 1;
}
.tips-follow {
  display: inline-block;
  margin-right: 0px;
  display: none;
  background: #fff;
  border: 1px solid #ccc;
  padding: 10px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.18);
}
.tips-follow a {
  padding: 5px;
  background: #FFF6E4;
  color: #FF9000;
  margin-right: 5px;
  cursor: pointer;
  text-decoration: none;
  margin-bottom: 5px;
  display: block;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 83px;
  font-size: 12px;
}
.tips-follow a:hover {
  color: #fff;
  background-color: #ff9000;
}
.tips-follow .tips-follow-left {
  float: left;
}
.tips-follow .tips-follow-right {
  margin-left: 65px;
}
.tips-follow-create {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.18);
  display: inline-block;
  display: none;
  background: #fff;
  border: 1px solid #ccc;
  padding: 10px;
}
.tips-follow-create a {
  padding: 5px;
  background: #FFF6E4;
  color: #FF9000;
  margin-right: 5px;
  cursor: pointer;
  text-decoration: none;
  margin-bottom: 5px;
  display: block;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 83px;
}
.tips-follow-create a:hover {
  color: #fff;
  background-color: #ff9000;
}
.tips-follow-create .tips-follow-left {
  float: left;
}
.tips-follow-create .tips-follow-right {
  margin-left: 65px;
}
.create-success {
  text-align: center;
  margin-top: 30px;
  padding-bottom: 70px;
}
.create-success a {
  border-radius: 3px;
  padding: 4px 20px;
}
.create-success a:hover {
  cursor: pointer;
}
.create-success1 {
  text-align: center;
  padding: 80px 0px;
}
.page1 {
  margin: 25px 0 auto;
  overflow: hidden;
  clear: both;
  text-align: center;
}
.page1 .text-page-tag:hover {
  background: #f5f5f5;
  color: #333;
  height: 32px;
  width: 32px;
}
.page1 {
  text-align: center;
  margin: 10px;
  padding: 45px 0px;
}
.page1 span {
  height: 32px;
  color: #c8cdd2;
  padding: 0 4px;
  min-width: 24px;
  line-height: 32px;
  font-size: 14px;
  display: inline-block;
  text-align: center;
}
.page1 a {
  padding: 0 4px;
  min-width: 32px;
  line-height: 32px;
  font-size: 14px;
  display: inline-block;
  text-align: center;
  margin: 0 4px;
  color: #333;
  border-radius: 16px;
  -webkit-transition: border-color 0.2s;
  -moz-transition: border-color 0.2s;
  transition: border-color 0.2s;
  text-decoration: none;
}
.page1 .active3 {
  background: #4d555d;
  color: #fff;
  height: 32px;
  width: 32px;
}
.page1 .active3:hover {
  background: #4d555d;
  color: #fff;
}
.page-disabled {
  height: 32px;
  color: #c8cdd2;
  padding: 0 4px;
  min-width: 24px;
  line-height: 32px;
  font-size: 14px;
  display: inline-block;
  text-align: center;
}
.stu-visit {
  font-size: 12px;
}
.stu-visit .icon-eye-open,
.stu-visit .icon-comments-alt {
  color: #9DA6B7;
  position: relative;
  top: 2px;
}
.stu-visit .icon-eye-open-add,
.stu-visit .icon-comments-alt-add {
  margin-left: 5px;
  display: inline-block;
  width: 40px;
  color: #9da6B7;
}
.info-stu-visit a {
  margin-right: 5px;
  border-radius: 4px;
}
.info-stu-visit a:hover {
  cursor: pointer;
  text-decoration: none;
}
.content2-head {
  margin-top: 30px;
  background: #fff;
}
.info-content-main-child .test_header {
  font-size: 12px;
  padding: 5px;
  background: #f1f1f1;
  margin-bottom: 5px;
}
.info-content-main-child .info-title input[type="checkbox"] {
  margin-top: 0;
  vertical-align: middle;
  position: relative;
  top: -1px;
  margin-right: 10px;
}
.info-content-main-child .num {
  width: 45px;
  display: inline-block;
}
.info-content-main-child .line {
  margin-left: 10px;
  position: relative;
  top: -1px;
  margin-right: 10px;
}
.info-content-main-child .info-title {
  float: left;
}
.info-content-main-child .test_body {
  padding: 5px 5px 5px 146px;
  font-size: 12px;
}
.info-content-main-child .test_body .info-myanswer-l {
  float: left;
  display: inline-block;
}
.info-content-main-child .test_body .info-myanswer-r {
  display: flex;
}
.info-content-main-child .content {
  margin-left: 130px;
  word-wrap: break-word;
  word-break: break-all;
}
.detail-button2 {
  display: inline-block;
  float: right;
  padding: 10px 20px;
  background: #0099ff;
  color: #fff;
  border-radius: 8px;
  margin-right: 15px;
  margin-bottom: 15px;
}
.detail-button2:hover {
  text-decoration: none;
  cursor: pointer;
  color: #fff;
}
.detail-head-pic {
  display: inline-block;
  position: relative;
  top: 12px;
}
.detail-head-pic p {
  margin-bottom: 4px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 200px;
  display: inline-block;
}
.detail-head-pic .dhp1 {
  color: #999;
}
.detail-head-pic .dhp2 {
  border-left: 1px solid #9DA6B7;
  color: #999;
  font-size: 12px;
  margin-left: 10px;
  padding-left: 10px;
}
.detail-head-answer {
  display: inline-block;
  float: right;
  margin-top: 18px;
  margin-right: 20px;
}
.detail-head-answer .detail-h-a1 {
  color: #0099ff;
}
.detail-head-answer .detail-h-a1 a:hover {
  cursor: pointer;
  text-decoration: none;
}
.detail-head-answer .detail-h-a1 a {
  margin-right: 20px;
}
.detail-head-answer .detail-h-a2 a {
  font-size: 12px;
  padding: 5px 20px;
  color: #fff;
  border-radius: 2px;
}
.detail-head-answer .detail-h-a2 a:hover {
  text-decoration: none;
  cursor: pointer;
}
.detail-head-title {
  margin-top: 10px;
  margin-left: 20px;
}
.detail-head-title p {
  color: #666;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-bottom: 10px;
}
.detail-head-title p span {
  background: #F7F8FA;
  padding: 3px 10px;
  margin-right: 5px;
  color: #999;
  font-size: 12px;
  border-radius: 20px;
  border: 1px solid #E8EAEC;
}
.detail-head-title .detail-name-new {
  color: #333;
  text-decoration: none;
  margin-left: 0px;
  margin-bottom: 10px;
  font-size: 16px;
  max-width: 55%;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
  white-space: nowrap;
  display: inline-block;
}
.detail-head-title .detail-h-a1 {
  margin-left: 10px;
}
.detail-head-title .detail-h-a1 .icon-bianji {
  color: #408CFF;
  position: relative;
  top: 1px;
  font-size: 20px;
}
.detail-head-title .detail-h-a1 a {
  text-decoration: none;
}
.community_index_left .content-head .stu-pic .detail-stu-pic {
  margin: 10px 20px 5px;
}
.community_index_left .content-head .stu-pic .detail-stu-pic img {
  margin: 0px 8px 0px 0px;
  width: 25px;
  height: 25px;
}
.detail-content {
  padding: 0px 20px;
  color: #666;
  -ms-word-break: break-all;
  word-break: break-all;
}
.detail-content img {
  max-width: 100%;
}
.detail-answer-num {
  margin-top: 15px;
  color: #666;
  margin-left: 20px;
  margin-bottom: -15px;
}
.content2-head .detail-stu-pic {
  margin: 0px 20px;
}
.content2-head .detail-stu-pic img {
  margin: 9px 9px 9px 0px;
  width: 42px;
  height: 42px;
  border-radius: 50%;
}
.detail-answer1 {
  margin: 0px 20px;
  color: #999;
}
.detail-answer1 p {
  color: #666;
}
.detail-comment {
  background: #f8f8f9;
  margin: 10px 20px;
  padding: 10px 0px 0px;
  display: none;
}
.detail-comment .col-xs-12 {
  padding-left: 10px;
  padding-right: 4px;
}
.detail-comment-add {
  background: #f5f5f5;
  margin: 10px 0px;
  padding: 10px 0px 10px;
}
.detail-comment-add .col-xs-12 {
  padding-left: 10px;
  padding-right: 4px;
}
.detail-answer-support-btn a {
  display: inline-block;
  border-radius: 2px;
  padding: 5px 20px;
  margin-top: 10px;
  font-size: 12px;
}
.detail-answer-support-btn a:hover {
  cursor: pointer;
  text-decoration: none;
}
.detail-answer-support-btn .bt1 {
  background: #fff;
  border: 1px solid #8590A6;
  margin-right: 10px;
  color: #999;
  font-size: 12px;
}
.detail-answer-support-btn .bt1:hover {
  color: #61A0FD;
  border-color: #61A0FD;
  background-color: #fff;
}
.detail-answer-support-btn .bt2 {
  font-size: 12px;
  margin-right: 3px;
  color: #fff;
}
.detail-answer-support-btn .bt1-add {
  background: #fff;
  border: 1px solid #999;
  margin-right: 10px;
  color: #999;
}
.detail-answer-support-btn .bt1-add:hover {
  border: 1px solid #ccc;
  background: #ccc;
}
.detail-answer-support-btn .bt2-add {
  float: right;
  margin-right: 10px;
  color: #fff;
}
.detail-answer-support-btn {
  margin-right: 0px;
  float: right;
}
.detail-as {
  border-bottom: 1px solid #f1f1f1;
  margin: 0px 20px;
}
.detail-comment-add .dca-add1 {
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 10px;
  color: #999;
  font-size: 12px;
}
.detail-comment-add .dca-add1 .left {
  float: left;
  display: inline-block;
}
.detail-comment-add .dca-add1 .right {
  margin-left: 20px;
  display: inline-block;
}
.detail-comment-add .dca-add2 {
  padding-left: 10px;
  padding-right: 10px;
}
.detail-comment-add .dca-add2 .left {
  float: left;
}
.detail-comment-add .dca-add2 .left .sp1 {
  word-break: break-all;
  color: #666;
  font-size: 14px;
}
.detail-comment-add .dca-add2 .right {
  float: right;
}
.detail-comment-add .dca-add2 .right a:hover {
  cursor: pointer;
  text-decoration: none;
}
.detail-comment-add .dca-add2 .right .sp3 {
  margin-right: 0px;
  color: #408CFF;
}
.detail-comment-add .dca-add2 .right .sp3:hover {
  text-decoration: underline;
}
.detail-comment-add2 {
  display: none;
  margin-right: 7px;
  margin-top: 5px;
}
.detail-comment-add-par {
  margin: 0px 20px;
}
.detail-more a {
  display: block;
  float: right;
  color: #408CFF;
  margin-right: 10px;
}
.detail-more a:hover {
  cursor: pointer;
}
.bt2-add-last {
  margin-bottom: 50px;
  margin-right: 20px;
}
.detail-main-content-ad2-child {
  margin-top: 15px;
}
.detail-main-content-ad2-child .active {
  color: #fff;
}
.qa-management-head {
  margin-left: 10px;
  position: relative;
  top: -9px;
  float: right;
}
.qa-management-right {
  display: inline-block;
  float: right;
}
.answer-delete {
  text-align: center;
  font-size: 22px;
  padding: 40px;
}
.detail-tips-comman {
  margin-left: 10px;
}
.detail-tips-comman a:hover {
  cursor: pointer;
  text-decoration: none;
}
.detail-add-deltips {
  margin-bottom: 20px;
}
.detail-add-deltips span {
  margin-left: 10px;
}
.detail-add-deltips span a:hover {
  cursor: pointer;
  text-decoration: none;
}
.news-content-main {
  margin-top: 0px;
}
.news-content-title .time {
  float: right;
  color: #999;
}
.news-content-title .nct-child {
  color: #999;
  position: relative;
  top: -5px;
}
.news-content-title .nct-child span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  top: 5px;
  display: inline-block;
}
.news-content-title2 a {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
  display: inline-block;
  color: #666;
  /* 鼠标指针移动到链接上 */
}
.news-content-title2 a:hover {
  color: #408cff;
}
.news-content-title2 p {
  margin-bottom: 2px;
}
.news-content-title2 .visited {
  color: #ccc;
}
.news_index_right .content-main .content-main-child {
  padding-top: 15px;
  padding-bottom: 5px;
}
.news_index_right .content-main .content-main-child:hover {
  padding-top: 15px;
  padding-bottom: 5px;
}
.li-home-page .box span {
  top: 50%;
  left: 28%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  position: absolute;
  color: #fff;
  font-size: 18px;
  margin: 0px;
  width: 115px;
  text-align: center;
}
.li-home-page .box .sdn {
  left: 30%;
}
.li-home-page .common_square_block {
  padding: 0px;
}
.li-home-page .col_5 img {
  width: 100%;
}
.li-home-page .col-xs-4 {
  width: 30.3333333%;
  margin-left: 1.5%;
  margin-right: 1.5%;
  padding-left: 0px;
  padding-right: 0px;
}
.li-home-page span {
  font-size: 24px;
  color: #333;
  margin-bottom: 10px;
  margin-top: 10px;
  display: block;
}
.li-home-page .row {
  margin-left: -1.5%;
  margin-right: -1.5%;
}
.li-home-page .row img {
  width: 100%;
}
.box {
  position: relative;
  cursor: default;
}
.box .bmbox {
  transition: all 0.3s linear;
  position: absolute;
  right: 0px;
  bottom: 0px;
  left: 0px;
  top: 0;
  opacity: 0;
  background: rgba(0, 0, 0, 0.5);
  font-size: 30px;
  color: #fff;
  text-align: center;
}
.box .bmbox span {
  top: 50%;
  left: 28%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  position: absolute;
  color: #fff;
  width: 115px;
  text-align: center;
}
.box:hover .bmbox {
  opacity: 1;
}
.li-home-page2 {
  clear: both;
  margin-top: 30px;
}
.li-home-page2 .row {
  margin-bottom: 20px;
}
.hp-school-l {
  display: inline;
}
.hp-school-l .icon-book {
  font-size: 30px;
  padding: 10px;
  color: #fff;
  background-color: #33cbcc;
}
.hp_index_right {
  margin-left: 135px;
  padding-right: 10px;
  overflow: hidden;
  height: 115px;
  padding-top: 5px;
}
.hp_index_right .hp-p1 {
  font-size: 16px;
  color: #333;
  margin-bottom: 0px;
  padding-top: 4px;
}
.hp_index_right .hp-p2 {
  font-size: 14px;
  color: #999;
  margin-top: 4px;
}
.hp_index_left {
  width: 120px;
  float: left;
  margin-right: -120px;
  height: 120px;
}
.hp_index_left1 {
  background: #33cbcc;
}
.hp_index_left1 img {
  width: 60px;
  position: relative;
  left: 30px;
  top: 30px;
}
.li-home-page-content {
  width: 100%;
  float: right;
  height: 122px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  border: 1px solid #ccc;
}
.li-home-page2 .row .hp_index_left1 img {
  width: 46px;
  position: relative;
  left: 37px;
  top: 37px;
}
.hp_index_left2 {
  background: #ffcc66;
}
.hp_index_left3 {
  background: #99cdff;
}
.hp_index_left4 {
  background: #ccccff;
}
.hp_index_left5 {
  background: #ff999a;
}
.hp_index_left6 {
  background: #ccccff;
}
.li-home-page2 .row .hp_index_left4 img {
  top: 50px;
}
.l-row {
  margin-left: -1%;
  margin-right: -1%;
}
.st-content-tag {
  width: 22%;
  float: left;
  margin-right: 1.5%;
  margin-left: 1.5%;
  position: relative;
  border-radius: 8px;
  margin-top: 15px;
  margin-bottom: 17px;
  overflow: inherit;
  background: #FFF;
}
.st-content-tag .data5 {
  float: right;
  font-size: 14px;
  color: #D50000;
}
.st-content-tag .data3 {
  float: left;
  font-size: 12px;
  color: #999;
  margin-top: 8px;
  width: 33.33333%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.st-content-tag .data3 .glyphicon-facetime-video {
  margin-right: 0px;
  top: -1px;
}
.st-content-tag .data3 .icon-eye-open {
  margin-right: 5px;
  top: -4px;
}
.st-content-tag .data3 .sp1 {
  margin-right: 5px;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.st-content-tag .data3 .sp2 {
  margin-right: 5px;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.st-content-tag .data3 .sp3 {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.st-content-tag .new-coursesp2 {
  float: left;
  color: #666;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 95%;
  font-size: 14px;
  margin-bottom: 1px;
}
.st-content-tag .new-coursesp2:hover {
  color: #0099ff;
}
.st-content-tag .training-padding-c {
  padding: 10px 10px;
}
.st-content-tag .l-list1 {
  min-height: 200px;
  background: #FFF;
  margin: 0 auto 0px auto;
}
.st-content-tag .l-list1:hover {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.st-content-tag .l-list1 a {
  text-decoration: none;
}
.st-content-tag .l-list1 a img {
  max-width: 100%;
  height: auto;
}
.unplay-video {
  font-size: 14px;
  height: 18px;
  width: 18px;
  display: inline-block;
  position: relative;
  top: -2px;
  margin-right: 5px;
}
.well .course-list-title {
  margin-left: 0.5%;
  margin-top: 10px;
}
.well .course-list-title .clt-text {
  margin-right: 10px;
}
.well .course-list-title a {
  font-size: 12px;
  padding: 5px 20px;
  background: #e6f5ff;
  margin-right: 15px;
  cursor: pointer;
  text-decoration: none;
  margin-bottom: 10px;
  display: inline-block;
  border-radius: 2px;
}
.well .course-list-title a:hover {
  color: #fff;
  background-color: #0099ff;
}
.well .course-list-title .course-active {
  color: #fff;
  background-color: #0099ff;
}
.video_index_left {
  margin-right: 330px;
}
.video_index_right {
  width: 315px;
  height: 550px;
  float: right;
  margin-left: -315px;
  margin-top: 30px;
}
.well .well_frame_video {
  background: #fff;
  transition: all 0.5s ease-in;
  -moz-transition: all 0.5s ease-in;
  -webkit-transition: all 0.5s ease-in;
}
.well .well_frame_video .glyphicon-chevron-left {
  position: absolute;
  top: 47%;
  right: -14px;
  padding: 20px 0px;
  border-radius: 0px 5px 5px 0px;
  background: #ccebff;
  color: #0099ff;
  display: none;
}
.well .well_frame_video .glyphicon-chevron-left:hover {
  cursor: pointer;
}
.well-add {
  background: #fff;
  transition: all 0.5s ease-in;
  -moz-transition: all 0.5s ease-in;
  -webkit-transition: all 0.5s ease-in;
}
.video_index_right .glyphicon-chevron-right {
  position: absolute;
  top: 47%;
  right: 316px;
  padding: 20px 0px;
  border-radius: 0px 5px 5px 0px;
  background: #ccebff;
  color: #0099ff;
}
.video_index_right .glyphicon-chevron-right:hover {
  cursor: pointer;
}
.prism-player1 {
  transition: all 0.5s ease-in;
  -moz-transition: all 0.5s ease-in;
  -webkit-transition: all 0.5s ease-in;
}
.prism-player {
  transition: all 0.5s ease-in;
  -moz-transition: all 0.5s ease-in;
  -webkit-transition: all 0.5s ease-in;
}
input[type="checkbox"].switch_1 {
  font-size: 14px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 3.5em;
  height: 1.5em;
  background: #ddd;
  border-radius: 3em;
  position: relative;
  cursor: pointer;
  outline: none;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
input[type="checkbox"].switch_1:checked {
  background: #22ab95;
}
input[type="checkbox"].switch_1:after {
  position: absolute;
  content: "";
  width: 1.5em;
  height: 1.5em;
  border-radius: 50%;
  background: #fff;
  -webkit-box-shadow: 0 0 0.25em rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 0.25em rgba(0, 0, 0, 0.3);
  -webkit-transform: scale(0.7);
  transform: scale(0.7);
  left: 0;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
input[type="checkbox"].switch_1:checked:after {
  left: calc(98.5%);
}
.video_index_right {
  position: relative;
}
.video_index_right .content-head {
  margin: 0px 15px;
  background: #f8f8f9;
  padding-top: 4px;
}
.video_index_right .content-head .active-n1 {
  display: inline-block;
  padding: 4px 0px;
  color: #666;
  font-size: 16px;
  text-decoration: none;
  position: relative;
  margin-right: 15px;
  padding: 5px 10px;
  border-top: 2px solid #f8f8f9;
}
.video_index_right .content-head .active-n1:hover {
  cursor: pointer;
  color: #408cff;
}
.video_index_right .content-head .active {
  cursor: pointer;
  color: #408cff;
  border-top: 2px solid #408cff;
  background: #fff;
}
.well .video-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 500px;
  font-size: 16px;
  color: #333;
}
.well .video-title span {
  padding-left: 5px;
  padding-right: 5px;
}
.well .video-title a {
  color: #0099ff;
  display: inline-block;
  max-width: 300px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: bottom;
}
.well .video-title a:hover {
  cursor: pointer;
}
.video-question {
  margin: 10px 15px;
}
.video-question .video-question-l {
  float: left;
}
.video-question .video-question-l a {
  padding: 4px 12px;
  margin: 10px;
}
.video-question .video-question-r {
  float: right;
  margin-top: 7px;
}
.video-question .video-question-r span {
  position: relative;
  top: -6px;
  margin-left: 10px;
}
.video-question1 {
  margin: 0px 10px 10px 0px;
  width: 98%;
  margin-left: 1%;
  margin-top: 15px;
}
.video-question1 .video-question-l {
  float: left;
}
.video-question1 .video-question-l a {
  margin: 10px;
}
.video-question1 textarea {
  margin-left: 2%;
  margin-top: 20px;
  margin-bottom: -10px;
  width: 96%;
  background: #F8F8F9;
}
.video-question1 .video-question-r {
  float: right;
  margin-top: 15px;
}
.video-question1 .video-question-r span {
  position: relative;
  top: -6px;
  margin-left: 10px;
}
.video-question1 .video-question-r a {
  margin: 0;
}
.video-question-content {
  margin: 10px 15px;
  border-bottom: 1px solid #f1f1f1;
}
.video-question-content p {
  margin-bottom: 5px;
}
.video-question-content .p1 {
  color: #333;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}
.video-question-content .p2 {
  color: #999;
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}
.video-question-content .p3 {
  color: #666;
  font-size: 14px;
}
.video-question-content .p4 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}
.video-question-content .p4 a {
  color: #0099ff;
  font-size: 12px;
}
.video-question-content .p4 a:hover {
  cursor: pointer;
  text-decoration: underline;
}
.hot-tips-create {
  padding-top: 7px;
}
.video-page-list {
  margin: 10px 15px;
  height: 463px;
  overflow-x: hidden;
  overflow-y: auto;
}
.video-page-list1 {
  margin: 10px 0px 10px 0px;
}
.video-page-list1 > p {
  background: #F8F8F9;
  padding: 10px;
  color: #666;
}
.video-page-note {
  border-bottom: 1px solid #f0f2f5;
  margin-bottom: 10px;
  margin-top: 10px;
  padding: 10px 10px 30px;
}
.video-page-note img.qustion_img {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  position: relative;
  top: -5px;
  margin-right: 3px;
  float: left;
}
.video-page-note:first-child {
  margin-top: 0px;
}
.video-page-note:last-child {
  border-bottom: none;
  margin-bottom: 0;
}
.video-page-note > .right_main {
  margin-left: 65px;
}
.video-page-note > .right_main > .content {
  padding-left: 0;
}
.video-page-note .username {
  color: #333;
  font-size: 14px;
  max-width: 350px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  margin-top: 5px;
}
.video-page-note .state {
  font-size: 12px;
  color: #999;
  margin-top: 2px;
  float: left;
}
.video-page-note .state .sp1 {
  margin-right: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 200px;
  display: inline-block;
}
.video-page-note .state .sp2 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 80px;
  display: inline-block;
}
.video-page-note .content {
  font-size: 14px;
  color: #666;
  margin-bottom: 10px;
}
.video-page-note .content p {
  margin: 0;
  line-height: 1.5;
  font-size: 14px;
}
.video-page-note .more {
  margin-top: -10px;
  margin-bottom: 10px;
  width: 100%;
  background: #fff;
  padding-top: 5px;
}
.video-page-note .more > a {
  margin-left: 0;
}
.video-page-note .content {
  color: #666;
  font-size: 14px;
}
.video-page-note textarea {
  margin-top: 20px;
  margin-bottom: 60px;
  background: #F8F8F9;
}
.video-page-note .video-question-r {
  float: right;
  position: relative;
  top: 10px;
}
.video-page-note .video-question-r a {
  margin-left: 20px;
}
.video-page-note .response-page {
  background: #f7f9fd;
  padding: 5px 15px;
  margin-top: 40px;
  margin-bottom: 10px;
}
.video-page-note .response-page .more {
  text-align: left;
  background: #F8F8F9;
}
.video-page-note .response-page .detail-answer-support {
  margin-right: -25px;
}
.video-page-note .response-page .response_text {
  height: 160px;
  margin-top: 5px;
}
.video-page-note .detail-answer-support {
  float: right;
  font-size: 12px;
}
.video-page-note .detail-answer-support span {
  margin-right: 10px;
  white-space: nowrap;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #9DA6B7;
}
.video-page-note .detail-answer-support span.cancel_comment_btn {
  color: #408cff;
}
.video-page-note .detail-answer-support .active {
  color: #408CFF;
}
.video-page-note .detail-answer-support i {
  color: #8590A6;
  margin-left: 10px;
  margin-right: 5px;
  display: inline-block;
  top: 1px;
  position: relative;
}
.video-page-note .detail-answer-support i:hover {
  cursor: pointer;
  color: #5297ff;
}
.video-page-note .detail-answer-support i.hover_btn {
  display: none;
}
.video-page-note .detail-answer-support .active {
  color: #408CFF;
}
.video-page-note:hover .detail-answer-support i.hover_btn {
  display: inline;
}
.video-page-answer {
  border-bottom: 1px solid #f1f1f1;
  padding-bottom: 10px;
  margin-top: 10px;
}
.video-page-answer .username {
  color: #333;
  font-size: 14px;
  max-width: 280px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.video-page-answer .state {
  font-size: 12px;
  color: #999;
}
.video-page-answer .state .sp1 {
  margin-right: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 130px;
  display: inline-block;
}
.video-page-answer .state .sp2 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 130px;
  display: inline-block;
}
.video-page-answer .content {
  color: #666;
  font-size: 14px;
}
.video-page-answer .visit-all a {
  font-size: 12px;
}
.video-page-answer .visit-all a:hover {
  cursor: pointer;
}
.pro_page_pic {
  background-repeat: no-repeat;
  background-position: center;
}
.pro_page-page .square_list_wrap .common_square_block.col_5 {
  width: 18.2%;
}
.pro_page-page .square_list_wrap .common_square_block {
  margin-left: 1.5%;
}
.pro_page-page .common_square_block {
  padding: 0px;
}
.pro_page-page .pro_page_ul {
  text-align: center;
}
.pro_page-page .pro_page_ul img {
  margin: 0px 30px;
  text-align: center;
}
.pro_page-page .pro_page_ul li {
  float: left;
  margin-right: 80px;
}
.pro_page-page .hp_index_left {
  width: 120px;
  float: left;
  margin-right: -120px;
  height: 120px;
}
.pro_page-page .hp_index_left1 {
  background: rgba(0, 153, 255, 0.8);
}
.pro_page-page .hp_index_left1 img {
  height: 32px;
  position: relative;
  width: auto;
  left: 42px;
  top: 41px;
}
.pro_page-page .hp_index_left4 img {
  left: 38px;
}
.pro_page-page .hp_index_left5 img {
  left: 44px;
}
.pro_page-page .row {
  margin-left: -1.5%;
  margin-right: -1.5%;
}
.pro_page-page .row .pro_page_special {
  width: 26.33333333%;
  margin-left: 3.5%;
  margin-bottom: 60px;
  margin-top: 20px;
  margin-right: 3.5%;
  /* border: 1px solid #999; */
  padding: 20px 40px;
}
.pro_page-page .row .pro_page_special:hover {
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
}
.pro_page-page .row .pro_page_special img {
  display: block;
  margin: 0 auto;
}
.pro_page-page .row .pro_page_special .p1 {
  font-size: 24px;
  color: #333;
  text-align: center;
  margin-top: 20px;
}
.pro_page-page .row .pro_page_special .p2 {
  font-size: 14px;
  color: #666;
  text-align: center;
}
.pro_page-page .row .box span {
  top: 50%;
  left: 28%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  position: absolute;
  color: #fff;
  font-size: 18px;
  width: 115px;
  text-align: center;
}
.pro_page-page .row .box .sdn {
  left: 30%;
}
.pro_page-page .row .box img {
  width: 100%;
  position: relative;
}
.pro_page-page .col-xs-3 img {
  width: 100%;
}
.pro_page-page .col-xs-4 {
  width: 30.3333333%;
  margin-left: 1.5%;
  margin-right: 1.5%;
  padding-left: 0px;
  padding-right: 0px;
}
.pro_page-page .bmbox span {
  font-size: 24px;
}
.pro_page-page .pro_title {
  font-size: 38px;
  color: #333;
  margin-bottom: 10px;
  display: block;
  text-align: center;
  font-weight: bold;
}
.pro_page-page .pro_title1 {
  margin-top: 40px;
  margin-bottom: 28px;
}
.pro_page-page .pro_title2 {
  margin-bottom: 48px;
}
.pro_page-page .pro_title3 {
  margin-top: 60px;
  margin-bottom: 48px;
}
.pro_page-page .pro_title4 {
  margin-top: 20px;
  margin-bottom: 48px;
}
.pro_page-page .pro-page-content {
  width: 100%;
  float: right;
  height: 122px;
  border: 1px solid #ddd;
  margin-bottom: 40px;
}
.pro_page-page .pro-page-content:hover {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
.pro_page-page2 {
  margin-top: 20px;
}
.foot_content {
  width: 1000px;
  margin: 0 auto;
  padding: 30px;
}
.foot_content .p3 {
  text-align: center;
  font-size: 24px;
  color: #333;
  margin-bottom: 20px;
}
.foot_content .p4 {
  text-align: center;
}
.foot_content .p4 a {
  display: inline-block;
  margin: 0 auto;
}
.pro_page_pic .head_content {
  width: 1000px;
  margin: 0 auto;
  padding: 130px;
  padding-top: 95px;
}
.pro_page_pic .head_content .p3 {
  text-align: center;
  font-size: 50px;
  letter-spacing: 6px;
  color: #fff;
  margin-bottom: 20px;
}
.pro_page_pic .head_content .p5 {
  text-align: center;
  font-size: 18px;
  color: #fff;
}
.pro_page_pic .head_content .p5 span {
  margin: 0px 10px;
}
.pro_page_pic .head_content .p6 {
  text-align: center;
  font-size: 18px;
  color: #fff;
}
.pro_page_pic .head_content .p6 span {
  margin-right: 20px;
}
.pro_page_pic .head_content .p4 {
  text-align: center;
  border-color: #fff;
  margin: 38px 0px;
}
.pro_page_pic .head_content .p4 a {
  display: inline-block;
  margin: 0 auto;
  padding: 10px 26px;
  font-size: 20px;
  letter-spacing: 1px;
  background: #ffc449;
  border-color: #ffc449;
  color: #fff;
}
.pro_page_pic .head_content .p4 a:hover {
  background: #ffb61f;
  border-color: #ffb61f;
}
.carousel-control .glyphicon-chevron-left {
  padding: 0px;
  border-radius: 0px;
  background: none;
  color: #fff;
}
@media only screen and (max-width: 1366px) {
  .pro_page_pic .head_content {
    padding: 50px 0px 50px;
  }
  .pro_page_pic .head_content .p4 {
    margin: 25px 0px;
  }
}
.community-question-detail-content .stu-pic {
  margin-bottom: 20px;
}
.community-question-detail-content .content-head {
  padding: 0px;
}
.community-question-detail-content p img {
  max-width: 100%;
  height: auto;
}
/* 报告详情  */
.report_detail > .well_frame {
  min-height: auto;
  padding: 16px 20px;
}
.report_detail > .well_frame > span.title {
  font-size: 16px;
  line-height: 30px;
}
.report_detail > .well_frame > span.score {
  position: absolute;
  right: 20px;
  top: 14px;
  color: #666;
  font-size: 16px;
}
.report_detail > .well_frame > span.score > span {
  font-size: 24px;
  color: #CF4A3F;
  position: relative;
  top: 1px;
}
.report_detail > .well_frame > .btn {
  margin-left: 10px;
}
.report_detail .frame_right > .well_frame .score {
  margin-bottom: 20px;
}
.report_detail .frame_right > .well_frame .score > .label {
  margin-right: 10px;
}
.report_detail .frame_right > .well_frame .score > .text-muted {
  vertical-align: middle;
}
.report_detail .frame_right > .well_frame .suggest > .title {
  margin-bottom: 10px;
}
.report_detail .frame_right > .well_frame .suggest > .text-muted {
  word-break: break-all;
  word-wrap: break-word;
}
.content2-hg21 {
  margin-top: 10px;
}
.content2-head-info {
  margin-top: 0px;
}
.course-sx {
  width: 1px;
  height: 12px;
  background: #999;
  display: inline-block;
  position: relative;
  top: -3px;
  margin: 0px 8px;
}
.tab-pane-new {
  margin-top: 3px;
}
.frame_cols_2 {
  /* 个人中心-左侧tab菜单 */
}
.frame_cols_2.user_center_page .frame_left {
  width: 180px;
  margin-right: -180px;
}
.frame_cols_2.user_center_page .frame_left .left_menu_tabs {
  margin-left: -15px;
  margin-right: -15px;
}
.frame_cols_2.user_center_page .frame_left .left_menu_tabs > li > a {
  display: block;
  padding: 15px 20px 15px 25px;
  color: #8590a6;
  text-decoration: none;
}
.frame_cols_2.user_center_page .frame_left .left_menu_tabs > li > a > i {
  margin-right: 20px;
  width: 19px;
  height: 19px;
  position: relative;
  right: 0;
}
.frame_cols_2.user_center_page .frame_left .left_menu_tabs > li > a > i.iconfont {
  font-size: 20px;
  top: 3px;
}
.frame_cols_2.user_center_page .frame_left .left_menu_tabs > li > a:hover {
  color: #408cff;
}
.frame_cols_2.user_center_page .frame_left .left_menu_tabs > li.active {
  position: relative;
}
.frame_cols_2.user_center_page .frame_left .left_menu_tabs > li.active > a {
  background: #e9eff9;
  color: #2668c5;
}
.frame_cols_2.user_center_page .frame_left .left_menu_tabs > li.active:after {
  content: '';
  display: block;
  width: 2px;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  background: #2668c5;
}
.frame_cols_2.user_center_page .frame_right {
  margin-left: 190px;
  /* 个人中心-消息 */
  /* 个人中心-课程 */
}
.frame_cols_2.user_center_page .frame_right .news_list {
  margin-bottom: 20px;
}
.frame_cols_2.user_center_page .frame_right .news_list > li {
  padding-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #ecedef;
}
.frame_cols_2.user_center_page .frame_right .news_list > li .sender {
  margin-bottom: 20px;
}
.frame_cols_2.user_center_page .frame_right .news_list > li .sender .time {
  padding-left: 10px;
  margin-left: 10px;
  border-left: 1px solid #dee0e2;
  font-size: 12px;
  color: #999;
}
.frame_cols_2.user_center_page .frame_right .news_list > li .content {
  color: #666;
  font-size: 12px;
  word-wrap: break-word;
  word-break: break-all;
}
.frame_cols_2.user_center_page .frame_right .course_list > li {
  padding-top: 20px;
  padding-bottom: 20px;
  border-top: 1px solid #ecedef;
}
.frame_cols_2.user_center_page .frame_right .course_list > li > img {
  display: block;
  width: 200px;
  height: 110px;
  border-radius: 5px;
  float: left;
}
.frame_cols_2.user_center_page .frame_right .course_list > li .content {
  margin-left: 220px;
}
.frame_cols_2.user_center_page .frame_right .course_list > li .content h4 {
  font-weight: bold;
  margin: 0;
  padding-top: 7px;
  padding-bottom: 5px;
}
.frame_cols_2.user_center_page .frame_right .course_list > li .content h4 > .label {
  border-radius: 0;
  margin-right: 10px;
  font-size: 12px;
  padding: .3em .6em .4em;
  position: relative;
  top: -2px;
}
.frame_cols_2.user_center_page .frame_right .course_list > li .content .info {
  font-size: 12px;
  color: #666;
  margin-top: 17px;
}
.frame_cols_2.user_center_page .frame_right .course_list > li .content .info > span {
  padding-left: 10px;
  padding-right: 10px;
  border-left: 1px solid #ccc;
}
.frame_cols_2.user_center_page .frame_right .course_list > li .content .info > span:first-child {
  padding-left: 0;
  border-left: none;
}
.frame_cols_2.user_center_page .frame_right .course_list > li .content .info.no_border > span {
  border: none;
  vertical-align: middle;
}
.frame_cols_2.user_center_page .frame_right .course_list > li:first-child {
  border-top: none;
}
.frame_cols_2 #note_list .content-main .content-main-child .info-stu-title {
  margin-left: 60px;
  margin-top: 0;
}
#introduce_content {
  padding-left: 20px;
  padding-right: 20px;
}
#introduce_content h4 {
  margin: 0;
  padding-top: 10px;
  padding-bottom: 20px;
  text-align: center;
}
#introduce_content h4 span {
  font-size: 21px;
  color: #408cff;
  letter-spacing: 5px;
  position: relative;
}
#introduce_content h4 span:before,
#introduce_content h4 span:after {
  content: '';
  display: block;
  width: 67px;
  height: 11px;
  background: url("../img/introduce_title.2812804f22b9.png") no-repeat;
  position: absolute;
  top: 9px;
}
#introduce_content h4 span:before {
  left: -77px;
}
#introduce_content h4 span:after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  right: -77px;
}
#introduce_content .article {
  padding: 20px 40px;
  background-color: #f5f9ff;
  color: #666;
  letter-spacing: 1px;
}
#introduce_content .article p {
  margin-top: 30px;
}
#introduce_content .article p:first-child {
  margin-top: 0;
}
#introduce_content .article ul li {
  padding-left: 40px;
  padding-bottom: 30px;
  position: relative;
  margin-bottom: 30px;
}
#introduce_content .article ul li i.fa-check-square {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 20px;
  color: #408cff;
}
#introduce_content .article ul li h5 {
  font-size: 16px;
  color: #333;
  margin-top: 0;
  margin-bottom: 15px;
}
#introduce_content .article ul li p {
  margin-top: 0;
}
@media (max-width: 768px) {
  .page1 {
    padding: 20px 0 0 0;
  }
  .page1 span {
    font-size: 12px;
  }
  .page1 a {
    font-size: 12px;
    margin: 0;
  }
}