.information {
  width: 100%;
  height: 39.375rem;
  background: url(../images/information-bg.jpg) no-repeat;
  background-size: 100% 39.375rem;
  display: inline-block;
}

.information-title {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 3.4375rem 0 2.125rem 0;
}

.information-title-img {
  width: 9.125rem;
  height: 1.75rem;
}

.information-title h2 {
  margin: 0 .625rem;
  font-size: 1.875rem;
  font-weight: 600;
  color: #333333;
}

.information-bottom {
  display: flex;
  justify-content: center;
}

.information-bottom-left {
  margin-top: 3.75rem;
}

.information-bottom-left .paragraph {
  width: 27.625rem;
  font-size: 1rem;
  font-weight: 400;
  color: #333333;
  line-height: 1.75rem;
}

.ant-form-item {
  margin-bottom: .6375rem !important;
}

.information-bottom-right {
  width: 39rem;
  height: 28.625rem;
  background: url(../images/from-bg.jpg) no-repeat;
  background-size: 39rem 28.625rem;
  margin-left: 4rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.information-bottom-right-from {
  width: 34rem;
  height: 23.1875rem;
  background: #ffffff;
  border-radius: .1875rem;
  display: flex;
  justify-content: center;
  -webkit-border-radius: .1875rem;
  -moz-border-radius: .1875rem;
  -ms-border-radius: .1875rem;
  -o-border-radius: .1875rem;
}

.my-from-item {
  width: 27.75rem;
  height: 2.625rem;
  border-radius: .1875rem;
  border: 1px solid #d8d8d8;
  display: flex;
  align-items: center;
  padding: 1.25rem;
  margin: 0 0 .75rem !important;
  -webkit-border-radius: .1875rem;
  -moz-border-radius: .1875rem;
  -ms-border-radius: .1875rem;
  -o-border-radius: .1875rem;
}

.information .ant-input {
  border: none !important;
  box-shadow: none !important;
}

.information .ant-form-horizontal .ant-form-item-label {
  padding-left: 1.25rem;
}

.my-antd-button {
  width: 22.625rem !important;
  height: 2.875rem !important;
  font-size: 1rem !important;
  font-weight: 600 !important;
  color: #ffffff;
  background: linear-gradient(270deg, #0091ff 0%, #0058ff 100%) !important;
  box-shadow: 0px .5rem .9375rem 0px rgba(0, 32, 125, 0.2);
  /*background: linear-gradient(270deg, #FF6D43 0%, #FC391B 100%) !important;
  */
  border-radius: 1.4375rem !important;
  -webkit-border-radius: 1.4375rem !important;
  -moz-border-radius: 1.4375rem !important;
  -ms-border-radius: 1.4375rem !important;
  -o-border-radius: 1.4375rem !important;
}

.my-from-item-btn .ant-form-item-control-input {
  margin-left: 2.5rem;
}

.information .ant-select:not(.ant-select-customize-input) .ant-select-selector {
  border-color: transparent !important;
  box-shadow: none !important;
}

.information .ant-select-selection__rendered {
  height: 100%;
}

.information .ant-select-selector {
  border: none !important;
}

.information .ant-select-selection {
  border: none !important;
  box-shadow: none !important;
}

.news-training {
  width: 100%;
  height: 27.5rem;
}

.news-bottom {
  width: 75rem;
  height: 17.25rem;
  background: url(../images/news-training.png) no-repeat;
  background-size: 75rem 17.25rem;
  margin: 0 auto;
  display: flex;
}

.news-left {
  display: inline-block;
  width: 36.375rem;
  height: 12.25rem;
  background: #ffffff;
  border-radius: .625rem;
  opacity: 0.9;
  margin: 2.5rem 0 0 2.5rem;
  cursor: pointer;
  -webkit-border-radius: .625rem;
  -moz-border-radius: .625rem;
  -ms-border-radius: .625rem;
  -o-border-radius: .625rem;
}

.custom-programs .news-left-title {
  width: 28.1875rem;
  height: 1.375rem;
  font-size: 1rem;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: #333333;
  line-height: 1.375rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 1.375rem 0 0 1.25rem;
}

.custom-programs .news-left-p {
  width: 33.625rem;
  height: 7.8125rem;
  line-height: 1.2;
  font-size: .875rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #333333;
  line-height: 1.5625rem;
  margin: .75rem 0 0 1.25rem;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}

.custom-programs .news-right {
  margin-top: 2.6875rem;
  margin-left: 2.8125rem;
}

.item {
  width: 100%;
  position: relative;
}

.item .child {
  position: relative;
  border-left: 1px solid #e5e5e5;
  height: 2.8125rem;
}

.item .child p {
  position: absolute;
  left: .625rem;
  top: -0.9375rem;
  font-size: .875rem;
  font-weight: 400;
  color: #ffffff;
  line-height: 1.625rem;
  margin: .3125rem 0;
  margin-left: 0;
  max-width: 28.1875rem;
  padding: 0 .625rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}

.item .child p.text:hover {
  background: rgba(255, 255, 255, .8);
  color: #277fff;
}

.item .child:not(:last-child):after {
  content: "";
  content: "";
  width: .4375rem;
  height: .4375rem;
  display: inline-block;
  background: #ffffff;
  border: .125rem solid rgba(255, 255, 255, 0.38);
  box-shadow: 0 0 .125rem .125rem #eeeeee;
  border-radius: 50%;
  position: absolute;
  left: -0.25rem;
  top: 0;
}

.see-more {
  color: #ffffff;
  z-index: 1000;
  cursor: pointer;
  height: 1.25rem !important;
}

.professional-services {
  width: 100%;
  height: 28.5625rem;
  background: #f1f5fb;
  text-align: center;
  display: inline-block;
}

.professional-services-img {
  width: 75rem;
}

.standardized {
  width: 100%;
  /* height: 38.375rem; */
  height: 33.75rem;
  margin: auto;
  text-align: center;
}

.standardized-img {
  /* width: 68.75rem; */
  width: 70.75rem;
}

.training-effect {
  width: 100%;
  height: 38.375rem;
  background: #f1f5fb;
  display: inline-block;
}

.training-effect-content {
  width: 75rem;
  display: flex;
  justify-content: center;
  margin: 0 auto;
}

.training-effect-left,
.training-effect-right {
  width: 50%;
}

.training-effect-list {
  width: 100%;
  height: 25rem;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  cursor: default;
}

.training-effect-list li {
  width: 50%;
  height: 50%;
  position: relative;
  padding: 1.875rem;
  box-sizing: border-box;
}

.training-effect-list li:first-child::before {
  content: '';
  display: block;
  width: 1px;
  height: 80%;
  background: #ccc;
  position: absolute;
  right: 0px;
  top: 50%;
  transform: translateY(-50%);
}

.training-effect-list li:first-child::after {
  content: '';
  display: block;
  width: 80%;
  height: 1px;
  background: #ccc;
  position: absolute;
  bottom: 0px;
  left: 50%;
  transform: translateX(-50%);
}

.training-effect-list li:last-child::before {
  content: '';
  display: block;
  width: 80%;
  height: 1px;
  background: #ccc;
  position: absolute;
  top: 0px;
  left: 50%;
  transform: translateX(-50%);
}

.training-effect-list li:last-child::after {
  content: '';
  display: block;
  width: 1px;
  height: 80%;
  background: #ccc;
  position: absolute;
  left: 0px;
  top: 50%;
  transform: translateY(-50%);
}

.training-effect-header {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  margin-bottom: 1.5625rem;
}

.training-effect-header .icon-box {
  width: 2.375rem;
  height: 2.375rem;
  margin-right: 1.25rem;
}

.training-effect-header .icon-box img {
  display: block;
  width: 2.375rem;
  height: 2.375rem;
}

.training-effect-header .min-title {
  font-size: 1.25rem;
  color: #333;
  font-weight: bold;
}

.training-effect-text {
  font-size: 1rem;
  font-weight: 400;
  color: #4A5772;
}

.training-effect-right {
  position: relative;
}

.training-effect-right #myVideo {
  position: absolute;
  left: 1.875rem;
  top: 50%;
  transform: translateY(-50%);
  width: 31.25rem;
  height: 17.5rem;
  background: url('../images/vedio-map4.png');
  background-size: cover;
}

/* .training-effect-inglist {
  width: 75rem;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
}
.training-effect-inglist img {
  width: 16.875rem;
} */
.curriculum-system {
  width: 100%;
}

.curriculum-system-bottom {
  text-align: center;
}

.curriculum-system-bottom-title {
  display: block;
  width: 12.25rem;
  height: 1.625rem;
  margin: auto;
  margin-bottom: 2.625rem;
}

.curriculum-system .curriculum-system-img {
  width: 75rem;
}

.curriculum-system .general-management {
  display: block;
  margin: auto;
  width: 75rem;
  margin-top: 3.75rem;
  margin-bottom: 3.125rem;
}

.curriculum-body {
  cursor: default;
  width: 75rem;
  margin: 0 auto;
  height: 28.125rem;
  position: relative;
}

.curriculum-body .curriculum-title-list {
  width: 17.875rem;
  position: absolute;
  left: 0px;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.curriculum-title {
  cursor: pointer;
  width: 8.5rem;
  height: 3rem;
  margin-right: .75rem;
  margin-bottom: .75rem;
  line-height: 3rem;
  text-align: center;
  /* background: rgba(0, 88, 255, .2); */
  position: relative;
}

.curriculum-title::after {
  content: '';
  display: block;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background: linear-gradient(119deg, #059DFF, #006DFF);
  opacity: 0.2;
  z-index: 1;
}

.curriculum-title span {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  color: #2E3846;
  font-size: .875rem;
  z-index: 2;
}

.curriculum-title:nth-child(2n) {
  margin-right: 0px;
}

.curriculum-title:hover::after,
.curriculum-title.active::after {
  background: linear-gradient(119deg, #059DFF, #006DFF);
  box-shadow: 0px 7px 22px 0px rgba(0, 109, 255, 0.36);
  opacity: 1;
}

.curriculum-title:hover span,
.curriculum-title.active span {
  color: #fff;
}

.curriculum-content-list {
  text-align: left;
  width: 54.375rem;
  height: 27.25rem;
  position: absolute;
  left: 17.875rem;
  top: 50%;
  transform: translateY(-50%);
  background-color: #fff;
  box-shadow: 0px 7px 22px 0px rgba(18, 78, 159, 0.36);
}

.curriculum-content {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: 3.125rem 0;
  justify-content: flex-start;
  display: none;
  position: relative;
  overflow-y: auto;
}

.curriculum-content.active {
  display: flex;
}

.curriculum-content-left,
.curriculum-content-right {
  width: 50%;
  height: 100%;
  box-sizing: border-box;
  padding-left: 4.375rem;
  font-size: 1rem;
  color: #333;
  line-height: 2.25rem;
}

.curriculum-content-left .span,
.curriculum-content-right .span {
  margin-right: .625rem;
  color: #2C63FF;
}

.curriculum-content-img {
  position: absolute;
  right: 0;
  top: 0;
  width: 50%;
  height: 100%;
}

.curriculum-content-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.data-overview {
  margin-bottom: 2.5rem;
}

.data-overview-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 75rem;
  margin: auto;
  margin-bottom: -1.5625rem;
  padding-bottom: 1.25rem;
}

.data-overview-item {
  width: 17.5rem;
  height: 8rem;
  background: linear-gradient(180deg, #f5f7f9 0%, #ffffff 56%, #f6f6f6 100%);
  box-shadow: 0px .3125rem .9375rem 0px rgba(0, 50, 133, 0.11);
  border-radius: .25rem;
  border: .125rem solid #ffffff;
  box-sizing: border-box;
  margin-bottom: 1.5625rem;
  position: relative;
  -webkit-border-radius: .25rem;
  -moz-border-radius: .25rem;
  -ms-border-radius: .25rem;
  -o-border-radius: .25rem;
}

.data-overview-item .item-img {
  width: 2.75rem;
  height: 2.75rem;
  margin-left: 1.625rem;
  margin-top: 1.875rem;
}

.data-overview-item-title {
  display: flex;
}

.data-overview-item-title .item-title-left {
  height: 3.125rem;
  font-size: 2.25rem;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #333333;
  line-height: 3.125rem;
  margin-left: 6rem;
  margin-top: -3.1875rem;
}

.data-overview-item-title .item-title-right {
  height: 1.25rem;
  font-size: .875rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #666666;
  line-height: 1.25rem;
  margin-top: -1.5rem;
  margin-left: .3125rem;
}

.data-overview-item .item-bottom {
  height: 1.25rem;
  font-size: .875rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #666666;
  line-height: 1.25rem;
  display: block;
  margin-left: 6rem;
  padding-top: .3125rem;
}
.data-overview .data-sources{
  width: 75rem;
  margin: 0 auto;
  text-align: right;
  font-size: 12px;
  color: #999;
}

.advantage {
  display: inline-block;
  width: 100%;
  /* height: 22.6875rem; */
  height: 26.875rem;
  background: url(../images/advantage-bg.jpg) no-repeat;
  /* background-size: 100% 22.6875rem; */
  background-size: cover;
}

.advantage-list {
  display: flex;
  justify-content: space-between;
  width: 75rem;
  height: 15.625rem;
  margin: auto;
  margin-top: 1.5625rem;
}

.advantage-list-item {
  box-sizing: border-box;
  padding-top: 1.875rem;
  margin-top: .9375rem;
  width: 14rem;
  height: 14.6875rem;
  background: linear-gradient(180deg, #f5f7f9 0%, #ffffff 56%, #f6f6f6 100%);
  box-shadow: 0px .3125rem .9375rem 0px rgba(0, 50, 133, 0.11);
  border-radius: .375rem;
  -webkit-border-radius: .375rem;
  -moz-border-radius: .375rem;
  -ms-border-radius: .375rem;
  -o-border-radius: .375rem;
}

.advantage-list-item:hover {
  padding-top: 0;
  box-sizing: border-box;
  width: 14rem;
  height: 14.6875rem;
  background: url(../images/advantage-item-bg.jpg) no-repeat;
  background-size: 100% 100%;
  color: #ffffff;
}

.advantage-list-item:hover .advantage-list-item-title {
  width: 10.4375rem;
  height: 1.75rem;
  font-size: 1.0625rem;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #ffffff;
  line-height: 1.75rem;
  margin-top: 2rem;
}

.advantage-list-item:hover .advantage-list-item-content {
  width: 11.125rem;
  height: 7.5rem;
  font-size: .875rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #ffffff;
  line-height: 1.875rem;
  margin-top: 1.875rem;
  text-align: justify;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}

.advantage-list-item-title {
  width: 10.4375rem;
  height: 1.75rem;
  font-size: 1.0625rem;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: #333333;
  line-height: 1.75rem;
  margin: auto;
}

.advantage-list-item-content {
  width: 11.125rem;
  height: 7.5rem;
  font-size: .875rem;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #666666;
  line-height: 1.875rem;
  margin: auto;
  margin-top: 1.875rem;
  text-align: justify;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}

.learning-model {
  min-height: 25rem;
}

.learning-content {
  width: 75rem;
  min-height: 18.75rem;
  margin: 0 auto .625rem;
  display: flex;
  justify-content: space-between;
}

.learning-item {
  width: 25rem;
  padding: 0px 3.125rem;
  box-sizing: border-box;
}

.learning-item-img {
  display: block;
  width: 15rem;
  height: 12.8125rem;
  margin: 0px auto;
}

.learning-item-title {
  display: block;
  font-size: 1.5rem;
  color: #277fff;
  font-weight: bold;
  text-align: center;
  line-height: 1.875rem;
  margin-bottom: 1.25rem;
}

.learning-item-text {
  padding-left: 1.625rem;
  font-size: 1rem;
  line-height: 1.75rem;
  margin-bottom: 1.25rem;
  color: #333;
  background: url('../images/learning-icon.png') no-repeat 0px .3125rem;
  background-size: 1.125rem 1.125rem;
}

.teachers {
  width: 100%;
  /* height: 65.375rem; */
  background: #f1f5fb;
  display: inline-block;
  padding-bottom: 1.875rem;
}

.expert-list {
  display: flex;
  flex-wrap: wrap;
  width: 72rem;
  margin: auto;
  margin-top: 2.5rem;
  justify-content: space-between;
}

.expert-list li {
  width: 9.3125rem;
  margin: 0 !important;
  margin-right: 1.25rem !important;
}

.expert-item {
  text-align: center;
}

.expert-item-name {
  display: block;
  font-size: .875rem;
  color: #333333;
  margin-top: .5625rem;
}

.expert-item-img {
  width: 5.25rem;
  height: 5.25rem;
}

.expert-item-introduce {
  display: block;
  font-size: .75rem;
  color: #333333;
}

.examination-img {
  display: block;
  width: 75rem;
  margin: auto;
  margin-bottom: 3.75rem;
}

.teachers-content {
  width: 100%;
  text-align: center;
}

.teachers-content font {
  font-size: 20px;
  font-weight: bold;
  color: #277FFF;
}

.teaching-live {
  display: inline-block;
  width: 100%;
  height: 43.875rem;
  background: #f1f5fb;
}

.teaching-live-img {
  display: block;
  width: 75rem;
  margin: auto;
}

.customer-presentation {
  display: inline-block;
  width: 100%;
  height: 44.125rem;
  background: #f7f7f7;
}

.customer-presentation-img {
  display: block;
  width: 75rem;
  margin: auto;
}

.services-bg {
  background: #161616;
}

.services-content {
  position: relative;
  width: 75rem;
  height: 21.375rem;
  background: #161616;
  color: #ffffff;
  display: flex;
  margin: auto;
}

.services-left {
  width: 37.5rem;
  height: 21.375rem;
  box-sizing: border-box;
}

.services-left .one {
  position: absolute;
  left: 0;
  top: 0;
  width: 9.375rem !important;
  height: 14.25rem !important;
  line-height: 14.3125rem;
  background: url(../images/facing-school.jpg) no-repeat;
  background-size: 9.375rem 14.3125rem;
  text-align: center;
  font-size: 1.375rem;
}

.services-left .two {
  width: 28.125rem;
  position: absolute;
  left: 9.375rem;
  top: 0;
  box-sizing: border-box;
  width: 28.125rem;
  height: 7.125rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid rgba(255, 255, 255, 0.32);
}

.services-left .box {
  position: absolute;
  display: flex;
  flex-wrap: wrap;
  height: 7.1875rem;
  width: 9.4375rem;
  border: 1px solid rgba(255, 255, 255, 0.32);
  box-sizing: border-box;
}

.services-left .two:hover {
  background-color: #277fff;
}

.services-left .box:hover {
  background-color: #277fff;
}

.services-left .box span {
  width: 100%;
  height: 1.25rem;
  margin-top: 1.875rem;
  margin-left: 1.875rem;
  display: block;
}

.curriculum-system-bottom-text {
  font-size: 1.5rem;
  font-weight: 600;
  margin: -0.625rem 0 1.875rem 0;
}

.services-left .box img {
  display: block;
  height: 1.75rem;
  margin-left: 1.875rem;
}

.services-left .box3 {
  top: 7.125rem;
  left: 28.125rem;
  width: 9.375rem;
}

.services-left .box2 {
  top: 7.125rem;
  left: 18.75rem;
}

.services-left .box1 {
  top: 7.125rem;
  left: 9.375rem;
}

.services-left .box7 {
  top: 14.25rem;
  left: 0;
}

.services-left .box6 {
  top: 14.25rem;
  left: 9.375rem;
}

.services-left .box5 {
  top: 14.25rem;
  left: 18.75rem;
}

.services-left .box4 {
  top: 14.25rem;
  left: 28.125rem;
  width: 9.375rem;
}

.clear {
  clear: both;
}

.services-right {
  width: 37.5rem;
  height: 21.375rem;
  box-sizing: border-box;
}

.services-right .one {
  padding: .625rem;
  position: absolute;
  top: 0;
  right: 9.375rem !important;
  width: 28.1875rem !important;
  height: 7.125rem !important;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid rgba(255, 255, 255, 0.32);
}

.services-right .two {
  position: absolute;
  top: 7.125rem !important;
  right: 0;
  width: 9.375rem !important;
  height: 14.3125rem !important;
  line-height: 14.3125rem;
  background: url(../images/facing-enterprise.jpg) no-repeat;
  background-size: 9.375rem 14.3125rem;
  text-align: center;
  font-size: 1.375rem;
}

.services-right .box {
  display: flex;
  flex-wrap: wrap;
  position: absolute;
  height: 7.1875rem;
  width: 9.4375rem;
  border: 1px solid rgba(255, 255, 255, 0.32);
  box-sizing: border-box;
}

.services-right .box8 {
  top: 0;
  right: 0;
}

.services-right .box14 {
  top: 14.25rem;
  right: 9.375rem;
}

.services-right .box13 {
  top: 14.25rem;
  right: 18.75rem;
}

.services-right .box12 {
  top: 14.25rem;
  right: 28.125rem;
}

.services-right .box11 {
  top: 7.125rem !important;
  right: 9.375rem;
}

.services-right .box10 {
  top: 7.125rem !important;
  right: 18.75rem;
}

.services-right .box9 {
  top: 7.125rem !important;
  right: 28.125rem;
}

.services-right .box:hover {
  background-color: #fb8400;
}

.services-right .one:hover {
  background-color: #fb8400;
}

.services-right .box span {
  width: 100%;
  height: 1.25rem;
  margin-top: 1.875rem;
  margin-left: 1.875rem;
  display: block;
}

.services-right .box img {
  display: block;
  height: 1.75rem;
  margin-left: 1.875rem;
}

/* 轮播 */
/* Style the thumbnails */
.teaching-live .pika-thumbs{ padding: 0 16px; height: 8.4375rem; }
.teaching-live  .pika-thumbs li{ width: 16.875rem;height: 8.4375rem; margin: 2px 0 0 2px; padding: 0; overflow: hidden;
    float: left; list-style-type: none;padding: 0px; margin: 0 5px; background: #fafafa; border: 1px solid #e5e5e5; cursor: pointer;}
.teaching-live  .pika-thumbs li .clip {position:relative;height: 135px;text-align: center; vertical-align: middle; overflow: hidden;}
.teaching-live  .pika-thumbs li .clip img{
  height: 100%;
  opacity: 1 !important;
}

/* The stage is the wrapper. The image fills 100% the height of the stage */
.pika-stage, .pika-textnav {width: 75rem;height: 28.125rem;}
.pika-stage {position: relative; text-align:center; height: 28.125rem;width: 56.25rem;}
.pika-stage img{height: 28.125rem;width: 56.25rem;}
.pika-stage .caption {position: absolute; background: #000; background: rgba(0,0,0,0.75);  border: 1px solid #141414; font-size: 11px; 
    color: #fafafa; padding: 10px; text-align: right; bottom: 50px; right: 10px;}
.pika-stage .caption p {padding: 0; margin: 0; line-height: 14px;}

/* Ths play, pause, prev and next buttons */
.pika-imgnav a {
  position: absolute;
  text-indent: -312.5rem;
  display: block;
  z-index: 3;
}

.pika-imgnav a.play {
  background: url(play.png) no-repeat 0% 50%;
  height: 6.25rem;
  width: 18.75rem;
  top: 0;
  left: 50%;
  display: none;
  cursor: pointer;
}

.pika-imgnav a.pause {
  background: url(pause.png) no-repeat 0% 50%;
  height: 6.25rem;
  width: 18.75rem;
  top: 0;
  left: 50%;
  display: none;
  cursor: pointer;
}

/*for the tool tips*/
.pika-tooltip{font-size:12px;position:absolute;color:white;padding:3px; background-color: rgba(0,0,0,0.7);border:3px solid black;}
.pika-counter{position: absolute;bottom: 12px;left:17px;color:white;background:rgba(116,117,253,0.7);font-size:11px;padding:3px;-moz-border-radius: 5px;border-radius:5px;display: block;}

/* If using user thumbnails there's a pause well the new large image loads. This is the loader for that */
.pika-loader {
  background: url(loading.gif) .1875rem .1875rem no-repeat #000;
  background-color: rgba(0, 0, 0, 0.9);
  color: white;
  width: 3.75rem;
  font-size: .6875rem;
  padding: .3125rem .1875rem;
  text-align: right;
  position: absolute;
  top: .9375rem;
  right: .9375rem;
}

/*if you just want to adjust the size of the stage and the thumbnails, you can do so by editing the following lines: */
.pika-thumbs li{width: 16.875rem; height: 84.75rem;}
.pikachoose{width: 75rem; height: 27.1875rem;position:relative;margin: 0 auto;}
.teaching-live #pikame{width: 16.875rem;}
.pika-thumbs {margin: .625rem 0 0 .625rem; width: 16.875rem;position: absolute;top: .625rem;right: 1.875rem;}
.pika-thumbs li { margin: .5rem .3125rem;}
/* .pika-thumbs li img{ width: 830px;} */

/* jCarousel Styles */
/*if you're not using the carousel you can delete everything below this */
.jcarousel-skin-pika{position:absolute;top: 1.3125rem;right:0;}
.jcarousel-skin-pika .jcarousel-container-vertical { width: 16.875rem;height: 25.3125rem;overflow:hidden;}
.jcarousel-skin-pika .jcarousel-clip-vertical { width:  16.875rem; height: 26.875rem;}
.jcarousel-skin-pika .jcarousel-item-vertical { margin-top: .125rem}
.pika-textnav {bottom:-11px; position:absolute;}
.pika-imgnav{
  opacity: 1 !important;
}
.pika-imgnav a.previous {
    width: 15px;
    height: 15px;
    background: url(../images/jq-slideshow/left.png) no-repeat;
    background-size: 100%;
    top: 225px;
    left: 28px;
    cursor: pointer;
}

.pika-thumbs {
  margin: .625rem 0 0 .625rem;
  width: 19rem;
  position: absolute;
  top: .625rem;
  right: 1.875rem;
}

/* .pika-textnav  a.previous{
    display: inline-block;
    width: 265px;
    height: 20px;
    background: url(../images/jq-slideshow/down-btn.png) center no-repeat;
    background-color: rgb(116, 113, 253);
    background-size: 13%;
    position: relative;
    top: 25.125rem;
    left: 37.5rem;
    cursor: pointer;
} */

/* .pika-textnav  a.next{
    display: inline-block;
    width: 16.5625rem;
    height: 1.25rem;
    background: url(../images/jq-slideshow/up-btn.png) center no-repeat;
    background-color: rgb(116, 113, 253);
    background-size: 13%;
    position: relative;
    cursor: pointer;
    top: -1.625rem;
    left: 21rem;
} */

.jcarousel-skin-pika .jcarousel-item-vertical {
  margin-top: .125rem
}

.pika-textnav {
  overflow: hidden;
  bottom: 0rem;
  left: 0;
  position: absolute;
}

.pika-imgnav a.previous {
  width: .9375rem;
  height: .9375rem;
  background: url(../images/jq-slideshow/left.png) no-repeat;
  background-size: 100%;
  top: 14.0625rem;
  left: 1.75rem;
  cursor: pointer;
}

.pika-imgnav a.next {
  width: .9375rem;
  height: .9375rem;
  background: url(../images/jq-slideshow/right.png) no-repeat;
  background-size: 100%;
  display: block;
  top: 14.0625rem;
  right: 1.75rem;
  cursor: pointer;
}

.pika-textnav a.previous {
  display: inline-block;
  width: 16.5625rem;
  height: 1.25rem;
  background: url(../images/jq-slideshow/down-btn.png) no-repeat center;
  background-color: rgb(116, 117, 253);
  background-size: 8%;
  position: absolute;
  top: 26.6875rem;
  left: 58.4375rem;
  cursor: pointer;
}

.pika-textnav a.next {
  display: inline-block;
  width: 16.5625rem;
  height: 1.25rem;
  background: url(../images/jq-slideshow/up-btn.png) no-repeat center;
  background-color: rgb(116, 117, 253);
  background-size: 8%;
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 58.4375rem;
}