/* 双按钮布局 */
.info-button .btn-ligr {
  display: inline-block;
  margin-right: 10px;
}
/* 首页界面等分布局公用函数 */
/* 继续再教育培训3 */
.header {
  width: 100%;
  height: 40px;
  line-height: 40px;
  padding-left: 20px;
  margin-bottom: 20px;
  background: #2575eb;
  color: #fff;
}
.train {
  min-width: 1170px;
  /* 导航条 */
  /* 面包屑 */
  /*课程列表首页*/
  /* 课程详情界面, 培训机构详情界面 */
  /* 继续学习订单 */
  /* 已购买课程列表 */
  /* 已购买课程详情, 培训机构详情 */
  /* 培训机构列表，11-公安机关数据统计 */
  /* 培训机构详情 */
  /* 学习统计 */
}
.train .nav-tabs .active {
  border-top: 1px solid #2575eb;
}
.train .nav-tabs .active a {
  color: #2575eb !important;
  border-top: 1px solid #2575eb;
  border-bottom: 0;
}
.train .nav-tabs .active a:hover,
.train .nav-tabs .active a:focus {
  border-bottom: 0;
  border-color: #ddd;
  border-top-color: #2575eb;
  background: #fff;
}
.train .nav-tabs li {
  border-top: 1px solid transparent;
}
.train .nav-tabs li a {
  margin-right: 0;
  border-radius: 0;
  color: #333;
  font-size: 16px;
  border-top: 1px solid transparent;
  border-bottom: 0;
}
.train .nav-tabs li a:hover,
.train .nav-tabs li a:focus {
  background: transparent;
  border-color: #fff;
}
.train .train-breadcrumb {
  overflow: hidden;
  padding: 10px 0;
}
.train .train-breadcrumb li {
  float: left;
  height: 30px;
  line-height: 30px;
  margin-right: 5px;
  color: #666;
}
.train .train-breadcrumb li a {
  color: #666;
}
.train .train-breadcrumb li .current {
  color: #333;
}
.train .train-index {
  margin: 0;
}
.train .train-index .course {
  width: 32.3%;
  margin-right: 0.5%;
  padding-top: 10px;
  background: #f9f9f9;
}
.train .train-index .course .course-img {
  cursor: pointer;
}
.train .train-index .course:nth-child(2),.train .train-index .course:nth-child(3) {
  margin-right: 0;
  margin-left: 1%;
}
.train .train-index .course:nth-child(2){
  margin-right: 0.5%;
}
.train .train-index .course-list {
  margin: 20px 0 0 0;
}
.train .train-index .course-list .content {
  height: auto;
  margin-bottom: 15px;
}
.train .train-index .course-list .look {
  margin-right: 0;
}
.train .course-detail {
  margin: 30px;
  color: #333;
}
.train .course-detail .title {
  font-size: 18px;
}
.train .course-detail .text {
  font-size: 16px;
}
.train .course-detail .content {
  height: auto;
  margin-top: 2px;
  color: #666;
  line-height: 1.8;
}
.train .train-detail .train-content .train-info,
.train .inst-detail .train-content .train-info {
  width: 100%;
  padding: 1% 1% 0 1%;
  margin-bottom: 18px;
  background: #f9f9f9;
}
.train .train-detail .train-content .train-info .info-list,
.train .inst-detail .train-content .train-info .info-list {
  overflow: hidden;
}
.train .train-detail .train-content .train-info .info-list li,
.train .inst-detail .train-content .train-info .info-list li {
  width: 47%;
  float: left;
}
.train .train-detail .train-content .train-info .info-list li .info-price,
.train .inst-detail .train-content .train-info .info-list li .info-price {
  font-size: 16px;
  color: #333;
  margin: 15px 0;
}
.train .train-detail .train-content .train-info .info-list li .info-price .price,
.train .inst-detail .train-content .train-info .info-list li .info-price .price {
  font-size: 24px;
  color: #f91c46;
}
.train .train-detail .train-content .train-info .info-list li .info-price .people,
.train .inst-detail .train-content .train-info .info-list li .info-price .people {
  font-size: 18px;
  color: #f91c46;
}
.train .train-detail .train-content .detail-content,
.train .inst-detail .train-content .detail-content {
  margin-bottom: 50px;
  border: 1px solid #f9f9f9;
}
.train .train-detail .train-content .detail-content .title,
.train .inst-detail .train-content .detail-content .title {
  padding: 10px 20px;
  margin: 0;
  font-size: 18px;
  color: #333;
  background: #f9f9f9;
}
.train .train-detail .train-content .detail-content .course-content,
.train .inst-detail .train-content .detail-content .course-content {
  padding: 18px 0 0 94px;
}
.train .train-detail .train-content .detail-content .course-content > li,
.train .inst-detail .train-content .detail-content .course-content > li {
  overflow: hidden;
  margin-bottom: 10px;
}
.train .train-detail .train-content .detail-content .course-content > li .icon,
.train .inst-detail .train-content .detail-content .course-content > li .icon {
  float: left;
  width: 12px;
  height: 12px;
  margin-top: 5px;
  background: url("../images/course-icon.png") no-repeat;
}

.train .train-detail .train-content .detail-content .course-content > li .content .name,
.train .inst-detail .train-content .detail-content .course-content > li .content .name {
  font-size: 16px;
}
.train .train-detail .train-content .detail-content .course-content > li .chapter,
.train .inst-detail .train-content .detail-content .course-content > li .chapter {
  overflow: hidden;
  padding-left: 20px;
}

.train .train-detail .train-content .detail-content .course-content > li .content,
.train .inst-detail .train-content .detail-content .course-content > li .content {
  height: auto;
  padding-left: 32px;
  color: #666;
}

.train .train-detail .train-content .detail-content .course-content > li .chapter .name,
.train .inst-detail .train-content .detail-content .course-content > li .chapter .name {
  float: left;
  margin-right: 4px;
}
.train .train-detail .train-content .detail-content .course-content > li .chapter .course-chapter,
.train .inst-detail .train-content .detail-content .course-content > li .chapter .course-chapter {
  width: 380px;
  float: left;
  overflow: hidden;
}
.train .train-detail .train-content .detail-content .course-content > li .chapter .course-chapter li,
.train .inst-detail .train-content .detail-content .course-content > li .chapter .course-chapter li {
  width: 190px;
  float: left;
  margin: 2px 0 10px 0;
  word-break:keep-all;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.train .order {
  width: 100%;
  overflow: hidden;
  padding: 26px 30px;
  font-size: 16px;
}
.train .study {
  background: #e9f1fd;
  color: #333;
}
.train .study .text {
  float: left;
  margin-right: 30px;
}
.train .study .order-num {
  float: left;
}
.train .order-style {
  color: #666;
}
.train .order-step ul {
  overflow: hidden;
  padding: 10px 8% 10px 11.5%;
  border-bottom: 1px solid #cfcece;
}
.train .order-step ul li {
  float: left;
  overflow: hidden;
  text-align: center;
  margin-right: 5%;
}
.train .order-step ul li .bc-img {
  overflow: hidden;
}
.train .order-step ul li .bc-img .icon {
  float: left;
  width: 80px;
  height: 80px;
  background: url("../images/train-icon6_02.png") no-repeat -1px 0;
}
.train .order-step ul li .text {
  margin-top: 15px;
  color: #333;
}
.train .order-step ul .go {
  width: 10%;
  height: 125px;
  text-align: center;
  line-height: 65px;
  font-size: 25px;
  color: #a0a0a0;
}
.train .order-step ul .step-2 .bc-img .icon {
  background-position: -1px -521px;
}
.train .order-step ul .step-3 .bc-img .icon {
  background-position: -1px -626px;
}
.train .order-step ul .step-3 .bc-img .icon.current {
  background-position: -1px -200px;
}
.train .order-step ul .step-4 .bc-img .icon {
  background-position: 0 -742px;
}
.train .leaning-detail {
  margin: 0;
  padding: 57px 15px 45px 15px;
  color: #666;
  border-bottom: 1px solid #cfcece;
}
.train .leaning-detail .data {
  color: #333;
}
.train .leaning-detail .form-input {
  display: block;
  margin-bottom: 15px;
}
.train .leaning-detail .form-input label {
  width: 14%;
  text-align: right;
  font-weight: 500;
}
.train .leaning-detail .form-input input {
  display: inline-block;
  width: 85%;
}
.train .leaning-detail .form-xs {
  padding: 0;
}
.train .leaning-detail .form-xs label {
  width: 28%;
}
.train .leaning-detail .form-xs input {
  display: inline-block;
  width: 70%;
}
.train .leaning-detail #choiseCount {
  background: #dae7fc;
  color: #2575eb;
  font-size: 12px;
}
.train .leaning-detail .button {
  display: inline-block;
}
.train .leaning-detail .check-list {
  padding-left: 15%;
  margin: 0;
  color: #666;
}
.train .leaning-detail .check-list .check-box {
  overflow: hidden;
  float: left;
  margin-right: 15px;
}
.train .leaning-detail .check-list .check-box label {
  margin: 8px 5px 0 0;
}
.train .leaning-detail .check-list .more {
  float: left;
  font-size: 12px;
}
.train .leaning-detail .check-list .more .text {
  color: #fd5b16;
}
.train .shop-list {
  width: 100%;
  padding: 29px 15px 15px 15px;
  color: #666;
  font-size: 16px;
}
.train .shop-list .table {
  margin-top: 15px;
}
.train .shop-list .table .thead {
  background: #f9f9f9;
}
.train .shop-list .table .tbody {
  color: #333;
}
.train .shop-list .table td {
  text-align: center;
  vertical-align: middle;
}
.train .shop-list .table td#td_amount{
  font-size: 26px;
  color: #fd5b16;
}
.train .total {
  width: 100%;
  padding: 10px 15px 15px 15px;
  overflow: hidden;
  color: #666;
  line-height: 27px;
}
.train .total .money {
  float: right;
  font-size: 16px;
  font-weight: 700;
}
.train .total .money .total-money {
  color: #333;
}
.train .total .money .total-number {
  font-size: 26px;
  color: #fd5b16;
}
.train .pay {
  overflow: hidden;
  background: #fff;
  margin-bottom: 20px;
}
.train .train-order {
  /* 定义一个用来展示不同颜色的样式 */
}
.train .train-order .order-list {
  width: 100%;
  overflow: hidden;
  margin: 20px 0 0 0;
}
.train .train-order .order-list li {
  float: left;
  width: 31.3%;
  min-height: 180px;
  padding: 30px 92px;
  margin: 0 1% 2% 1%;
}
.train .train-order .order-list li.blue {
  border: 1px solid #2575eb;
  background: #e9f1fd;
}
.train .train-order .order-list li.blue .title {
  color: #2575eb;
}
.train .train-order .order-list li.blue .order-style {
  color: #2575eb;
}
.train .train-order .order-list li.green {
  border: 1px solid #11cc5b;
  background: #e7faee;
}
.train .train-order .order-list li.green .title {
  color: #11cc5b;
}
.train .train-order .order-list li.green .order-style {
  color: #11cc5b;
}
.train .train-order .order-list li.pink {
  border: 1px solid #fd5b16;
  background: #ffeee7;
}
.train .train-order .order-list li.pink .title {
  color: #fd5b16;
}
.train .train-order .order-list li.pink .order-style {
  color: #fd5b16;
}
.train .train-order .order-list li .title {
  margin-bottom: 22px;
  font-size: 18px;
}
.train .train-order .order-list li .name {
  color: #666;
}
.train .train-order .order-list li .number {
  color: #333;
}
.train .detail {
  position: relative;
  background: #e9f1fd;
  color: #333;
  font-size: 14px;
}
.train .detail .detail-list {
  overflow: hidden;
}
.train .detail .detail-list li {
  width: 45%;
  float: left;
  line-height: 40px;
}
.train .detail .detail-list li .name {
  color: #666;
}
.train .detail .detail-list li .text {
  color: #333;
}
.train .detail .detail-list li .button {
  display: inline-block;
}
.train .detail .style {
  position: absolute;
  top: 15%;
  right: 5%;
  width: 168px;
  height: 135px;
  background: url("../images/pay-succ.png") no-repeat;
}
.train .success ul {
  border-bottom: 0;
}
.train .success ul .step-2 .bc-img .success_icon {
  background-position: 0 -840px;
}
.train .success ul .step-3 .bc-img .success_icon {
  background-position: -1px -97px;
}
.train .success ul .step-4 .bc-img .success_icon {
  background-position: 0 -200px;
}

.train .buy-total {
  margin-bottom: 10px;
}
.train .pay-style {
  overflow: hidden;
  text-align: right;
  margin-bottom: 50px;
}
.train .pay-style .succ {
  float: right;
  width: 35px;
  height: 35px;
  background: url("../images/succ.png") no-repeat;
}
.train .pay-style .pay-succ {
  float: right;
  margin-left: 10px;
  font-size: 22px;
  color: #333;
}
.train .lh30 {
  line-height: 30px;
}
.train .train-inst-list {
  margin: 0;
}
.train .train-inst-list .course {
  width: 32%;
  margin-right: 1%;
  padding-top: 10px;
  background: #f9f9f9;
}
.train .train-inst-list .course .course-img {
  cursor: pointer;
}
.train .train-inst-list .course:nth-child(2) {
  margin-right: 0;
  margin-left: 1%;
}
.train .train-inst-list .course-list .course:nth-child(2) {
  margin-right: 1%;
}
.train .train-inst-list .course-list .course:nth-child(3) {
  margin-right: 0;
  margin-left: 1%;
}
.train .train-inst-list .course-list .course .course-detail {
  margin: 20px;
}
.train .train-inst-list .course-list .course .course-detail .content {
  height: auto;
}
.train .train-inst-list .course-list .course .info-button {
  margin-top: 30px;
}
.train .train-inst-list .course-list .course .info-button button {
  width: 135px;
}
.train .inst-detail .info-button {
  margin-top: 55px;
}
.train .inst-detail .inst-content {
  margin: 20px 60px 0 60px;
}
.train .inst-detail .inst-content .text {
  font-size: 16px;
  color: #666;
  line-height: 1.8;
}
.train .learning-stat {
  /* 定义渐变的颜色 */
}
.train .learning-stat .stat-chart {
  margin: 20px 0 0 0;
}
.train .learning-stat .stat-chart .stat-left {
  width: 72%;
  min-height: 690px;
  padding: 10px 20px;
  margin-right: 3%;
  border: 1px solid #00a0e9;
  border-radius: 8px;
}
.train .learning-stat .stat-chart .stat-left.no-bc {
  background: url('../images/no-data.png') no-repeat 43%;
}
.train .learning-stat .stat-chart .stat-left .title {
  margin-top: 0;
  font-size: 18px;
  color: #333;
}
.train .learning-stat .stat-chart .stat-left .stat-detail {
  overflow: hidden;
  padding: 40px;
}
.train .learning-stat .stat-chart .stat-left .stat-detail li.bar {
  position: relative;
  float: left;
  width: 100px;
  min-height: 500px;
  margin: 50px 50px 0 0;
  border: 1px solid #eee;
  border-radius: 8px;
}
.train .learning-stat .stat-chart .stat-left .stat-detail li.bar.blue {
  background: -o-linear-gradient(#699ff6, #5c6ed1);
  background: -moz-linear-gradient(#699ff6, #5c6ed1);
  background: -webkit-linear-gradient(#699ff6, #5c6ed1);
  background: linear-gradient(#699ff6, #5c6ed1);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#699ff6, endColorstr=#5c6ed1, GradientType='0');
}
.train .learning-stat .stat-chart .stat-left .stat-detail li.bar.blue .name {
  color: #5c6ed1;
}
.train .learning-stat .stat-chart .stat-left .stat-detail li.bar.light-blue {
  background: -o-linear-gradient(#6fe2ff, #5497ff);
  background: -moz-linear-gradient(#6fe2ff, #5497ff);
  background: -webkit-linear-gradient(#6fe2ff, #5497ff);
  background: linear-gradient(#6fe2ff, #5497ff);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#6fe2ff, endColorstr=#5497ff, GradientType='0');
  margin-top: 100px;
  min-height: 450px;
}
.train .learning-stat .stat-chart .stat-left .stat-detail li.bar.light-blue .name {
  color: #5497ff;
}
.train .learning-stat .stat-chart .stat-left .stat-detail li.bar.green {
  background: -o-linear-gradient(#bafaa4, #70d050);
  background: -moz-linear-gradient(#bafaa4, #70d050);
  background: -webkit-linear-gradient(#bafaa4, #70d050);
  background: linear-gradient(#bafaa4, #70d050);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#bafaa4, endColorstr=#70d050, GradientType='0');
  margin-top: 150px;
  min-height: 400px;
}
.train .learning-stat .stat-chart .stat-left .stat-detail li.bar.green .name {
  color: #70d050;
}
.train .learning-stat .stat-chart .stat-left .stat-detail li.bar .user-img {
  position: absolute;
  top: -60px;
  left: 6px;
  border-radius: 50%;
  width: 80px;
  height: 80px;
}
.train .learning-stat .stat-chart .stat-left .stat-detail li.bar .name {
  margin-top: 35px;
  text-align: center;
}
.train .learning-stat .stat-chart .stat-left .stat-detail li.bar .name span {
  padding: 1px 3px;
  background: #fff;
  border-radius: 8px;
}
.train .learning-stat .stat-chart .stat-left .stat-detail li.bar .number {
  position: absolute;
  bottom: 10px;
  left: 0;
  width: 100%;
  color: #fff;
  text-align: center;
}
.train .learning-stat .stat-chart .stat-left .stat-detail li.ranking {
  float: left;
  width: 245px;
  min-height: 550px;
  padding: 0 40px;
}
.train .learning-stat .stat-chart .stat-left .stat-detail li.ranking .ranking-three {
  padding: 0 25px 20px 25px;
}
.train .learning-stat .stat-chart .stat-left .stat-detail li.ranking .ranking-three li {
  overflow: hidden;
  margin-bottom: 15px;
}
.train .learning-stat .stat-chart .stat-left .stat-detail li.ranking .ranking-three li .rank-icon {
  float: left;
  width: 44px;
  height: 44px;
  line-height: 44px;
  text-align: center;
  font-size: 18px;
  color: #fff;
}
.train .learning-stat .stat-chart .stat-left .stat-detail li.ranking .ranking-three li .name {
  float: left;
  margin-left: 15px;
  line-height: 44px;
  font-size: 18px;
}
.train .learning-stat .stat-chart .stat-left .stat-detail li.ranking .ranking-three li.one {
  background: url("../images/blue-icon.png") no-repeat;
  color: #5c6ed1;
}
.train .learning-stat .stat-chart .stat-left .stat-detail li.ranking .ranking-three li.two {
  background: url("../images/light-blue-icon.png") no-repeat;
  color: #5497ff;
}
.train .learning-stat .stat-chart .stat-left .stat-detail li.ranking .ranking-three li.three {
  background: url("../images/green-icon.png") no-repeat;
  color: #70d050;
}
.train .learning-stat .stat-chart .stat-left .stat-detail li.ranking .rank-four {
  margin-top: 8px;
}
.train .learning-stat .stat-chart .stat-left .stat-detail li.ranking .rank-four li {
  overflow: hidden;
  margin-bottom: 33px;
  line-height: 30px;
  font-size: 16px;
  color: #666;
}
.train .learning-stat .stat-chart .stat-left .stat-detail li.ranking .rank-four li .number-icon {
  float: left;
  width: 30px;
  height: 30px;
  text-align: center;
  background: #eff2f8;
  border: 1px solid #eff2f8;
  border-radius: 50%;
}
.train .learning-stat .stat-chart .stat-left .stat-detail li.ranking .rank-four li .name {
  float: left;
  margin: 0 16px;
}
.train .learning-stat .stat-chart .stat-left .stat-detail li.ranking .rank-four li:last-child {
  margin: 0;
}
.train .learning-stat .stat-chart .stat-right {
  min-height: 690px;
  padding: 0;
}
.train .learning-stat .stat-chart .stat-right .data {
  width: 100%;
  margin-bottom: 20px;
  padding: 20px 0;
  text-align: center;
  color: #2575eb;
  background: #e5f5ff;
  border: 1px solid #00a0e9;
  border-radius: 8px;
}
.train .learning-stat .stat-chart .stat-right .data .data-show {
  margin: 0;
}
.train .learning-stat .stat-chart .stat-right .data .data-show .data-number {
  font-size: 40px;
}
.train .learning-stat .stat-chart .stat-right .data .data-show .day {
  font-size: 28px;
}
.train .learning-stat .stat-chart .stat-right .data .data-stat {
  font-size: 16px;
}
.train .learning-stat .stat-chart .stat-right .people-stat {
  height: 389px;
  border: 1px solid #00a0e9;
  border-radius: 8px;
}
.train .learning-stat .stat-chart .stat-right .people-stat .title {
  color: #666;
  margin-top: 28px;
  text-align: center;
  font-size: 18px;
}
.train .learning-stat .stat-chart .stat-right .people-stat .people-chart {
  min-height: 200px;
}
.train .learning-stat .stat-chart .stat-right .people-stat .stat-show li {
  padding: 0 0 0 30px;
  margin-bottom: 10px;
  color: #333;
  font-size: 16px;
}
.train .learning-stat .stat-chart .stat-right .people-stat .stat-show li .icon {
  padding: 0 10px;
  margin-right: 10px;
  border-radius: 4px;
}
.train .learning-stat .stat-chart .stat-right .people-stat .stat-show li .icon.orange {
  background: #ff7a44;
}
.train .learning-stat .stat-chart .stat-right .people-stat .stat-show li .icon.green {
  background: #319232;
}
.train .learning-stat .stat-chart .stat-right .people-stat .stat-show li .icon.light-green {
  background: #6dce4c;
}
.train .learning-stat .stat-chart .stat-right .people-stat .stat-show li .button {
  display: inline-block;
  width: 74px;
  height: 30px;
  line-height: 30px;
  margin-left: 20px;
  font-size: 14px;
}
/* 初级培训保安人员统计 */
.train-stat .tasks .task-body .task-con thead tr td {
  width: auto;
}
/*统计管理*/
.stics{
  padding: 0 15px;
}

.scroll-container{
  height:100%;
  overflow: auto;
}