.main-container {
  width: 100%;
  box-sizing: border-box;
}

.width-container {
  margin: 0 auto;
  max-width: 1296px;
  min-width: 1296px;
}

.header-container {
  padding-bottom: 30px;
  background: linear-gradient(to bottom, rgba(0, 78, 179, 1) 1%, rgba(255, 255, 255, 0) 50%);
}

.header-left {
  width: 298px;
}

.header-center {
  flex: 2;
  padding-top: 60px;
}

.header-right {
  width: 120px;
}
.search-form{
  width: 70%;
}
.header-fix{
  position: fixed;
  z-index: 100;
  left: 0;
  top: 0;
  width: 100%;
  background-color: #fff;
  box-shadow: 0 0 5px #d3d3d3bf;
}
.search-form .form-control {
  height: 40px;
  border-top-left-radius: 22px;
  border-bottom-left-radius: 22px;
  border-color: rgba(0, 78, 179, 0.6);
}

.search-form .form-control:focus {
  box-shadow: none;
}

.search-form .input-group-append .input-group-text {
  border-top-right-radius: 22px;
  border-bottom-right-radius: 22px;
  background-color: #004EB3;
  border-color: rgba(0, 78, 179, 0.6);
  color: #fff;
  padding-left: 23px;
  padding-right: 23px;
  height: 40px;
  line-height: 40px;
}
.nav-bar{
  width: 85%;
}
.nav-bar ul li a {
  color: #000;
  font-weight: bold;
  font-size: 18px;
}

.nav-bar ul li a.active,
.nav-bar ul li a:hover {
  color: #004EB3;
}

.menu-container .menu-box {
  background-color: #FDF6F1;
  border-radius: 12px;
  padding: 15px;
  position: relative;
}

.menu-container .menu-list {
  width: 260px;
  max-height: 429px;
  min-height: 429px;
}

.menu-container .menu-list .lists {
  margin-bottom: 20px;
  cursor: pointer;
}

.menu-container .menu-list .lists .category-child-box {
  display: none;
  width: 761px;
  height: 429px;
  background: rgba(255,255,255, .9);
  border-radius: 12px;
  padding: 20px;
  position: absolute;
  top: 15px;
  left: 260px;
  z-index: 9;
}

.menu-container .menu-list .lists:last-child {
  margin-bottom: 0;
}

.menu-container .menu-list .lists .second-child a {
  margin-top: 10px;
}

.menu-container .menu-list .lists-left .child-a,
.menu-container .menu-list .lists .category-child-box a {
  display: inline-block;
  color: #666;
  margin-right: 10px;
}

.menu-container .menu-list .lists-left .child-a:hover,
.menu-container .menu-list .lists .category-child-box a:hover {
  color: #004EB3;
}

.menu-container .carouse-box {
  flex: 1;
  height: 429px;
}

.menu-container .carouse-box .carousel-item {
  height: 429px;
}

.menu-container .carouse-box .carousel-item img {
  border-radius: 20px;
  height: 100%;
}

.menu-container .user-info {
  width: 260px;
  padding-left: 15px;
}

.menu-list .parent-list-box {
  padding: 15px;
}

.info-head img {
  width: 48px;
  height: 48px;
  border-radius: 50%;
}

.our-btn {
  flex: 1;
}
.our-btn:hover span{
  color: #004EB3;
}

.course-box .item-course {
  width: 309px;
  margin-right: 20px;
  margin-bottom: 20px;
  box-shadow: 0 0 5px #d3d3d3bf;
}

.course-box .item-course:nth-child(4n) {
  margin-right: 0;
}

.category-select-box .category-first span {
  color: #333;
  font-weight: bold;
  font-size: 16px;
  margin-right: 8px;
  margin-bottom: 8px;
  padding: 2px 5px;
  cursor: pointer;
  border: 1px solid transparent;
}

.category-select-box .category-first span.active {
  border-color: #004EB3;
}

.category-select-box .category-second span {
  color: #666;
  font-weight: bold;
  font-size: 16px;
  margin-right: 5px;
  margin-bottom: 5px;
  padding: 2px 5px;
  cursor: pointer;
  border-bottom: 2px solid transparent;
}

.category-select-box .category-second span.active {
  border-color: #004EB3;
}
.more-org{
  background-color: #004EB3;
}
.more-org a,
.more-org a:hover{
  color: #fff;
  height: 100%;
}
.shop-container .shop-box .shop-advert {
  position: relative;
}

.shop-container .shop-box .shop-advert .advert-txt {
  position: absolute;
  top: 40px;
  left: 12px;
}
.shop-container .shop-box .shop-advert .advert-txt-2 {
  position: absolute;
  left: 60px;
  bottom: 40px;
}
.shop-container .shop-box .shop-advert .now-join-btn {
  width: 80%;
  position: absolute;
  left: 50%;
  bottom: 40px;
  transform: translateX(-50%);
  background-color: #fff;
  color: #004EB3;
  padding: 15px 0;
  border-radius: 8px;
  font-size: 22px;
  font-weight: bold;
}

.join-shop-btn {
  width: 100%;
  background-color: #fff;
  color: #004EB3;
  padding: 8px 0;
  border-radius: 8px;
  font-size: 16px;
  font-weight: bold;
  border: 1px solid #004EB3;
}

.shop-container .shop-box .shop-list {
  background-color: #FDF6F1;
}

.shop-container .shop-box .shop-list .items {
  padding: 40px 15px;
  flex: 1;
  position: relative;
}

.shop-container .shop-box .shop-list .items::after {
  content: "";
  position: absolute;
  right: 0;
  top: 40px;
  width: 1px;
  height: calc(100% - 130px);
  background-color: #E2DFDD;
}

.shop-container .shop-box .shop-list .items:last-child::after {
  content: "";
  width: 0;
}

.shop-container .shop-box .shop-list .items img {
  max-width: 160px;
  max-height: 90px;
  min-height: 90px;
}

.credit-container .credit-box {
  position: relative;
}

.credit-container .credit-box .credit-desc {
  position: absolute;
  top: 15px;
  left: 120px;
  font-size: 48px;
  font-weight: bold;
  color: #fff;
  text-shadow: 2px 5px 7px #1C5482;
}

.credit-container .credit-box .credit-txt {
  position: absolute;
  top: 90px;
  left: 120px;
  font-size: 26px;
  font-weight: bold;
  color: #fff;
}

.credit-container .credit-box .now-login-btn {
  position: absolute;
  top: 155px;
  left: 120px;
  background-color: #fff;
  color: #004EB3;
  border-radius: 12px;
  font-size: 22px;
  font-weight: bold;
  padding: 12px 30px;
}

.article-container .tab-box {
  position: relative;
  border-bottom: 1px solid #004EB3;
}

.more-article {
  margin-left: auto;
}

.article-container .tab-box .nav-pills .nav-link {
  border-radius: 0;
  padding: 8px 40px 8px 20px;
  font-size: 16px;
  -webkit-clip-path: polygon(0% 1%, 73% 0%, 100% 100%, 0% 100%);
  clip-path: polygon(0% 1%, 73% 0%, 100% 100%, 0% 100%);
}

.article-container .content .list-items {
  flex: 1;
  height: 450px;
  margin-right: 30px;
}

.article-container .content .list-items .items {
  border-bottom: 1px dotted #666;
  margin-bottom: 20px;
}

.article-container .content .list-items .items:last-child {
  border-bottom: none;
  margin-bottom: 0;
}

.article-container .content .img-list {
  flex: 1;
  height: 450px;
}

.article-container .content .img-list .first-img {
  height: 215px;
  margin-bottom: 20px;
}

.article-container .content .img-list .first-img img,
.article-container .content .img-list .second-three-img div img{
  height: 100%;
}

.article-container .content .img-list .second-three-img {
  height: 215px;
  display: flex;
}

.article-container .content .img-list .second-three-img div {
  flex: 1;
  margin-right: 20px;
}

.article-container .content .img-list .second-three-img div:last-child {
  margin-right: 0;
}

.article-container .content .list-items .item-desc {
  text-indent: 28px;
  margin: 5px 0 15px 0;
}
footer{
  background-color: #004EB3;
  color: #fff;
  padding: 20px 0;
  margin-top: 60px;
}
footer span,
footer a{
  color: rgba(255,255,255, .9);
  font-size: 14px;
  margin-right: 5px;
}
footer a:hover{
  color: rgba(255,255,255, 1);
}
footer div{
  line-height: 32px;
}
.login-modal{
  display: none;
}
.login-modal .modal-dialog{
  width: 385px;
  max-width: 100%;
}
.buy-modal .modal-dialog{
  width: 900px;
  max-width: 100%;
}
.buy-modal .modal-header,
.login-modal .modal-header{
  border-bottom: 0;
  padding: 12px 12px 0 12px;
}

.login-modal .modal-body{
  padding: 0 15px;
}
.buy-modal .modal-body{
  padding: 0 !important;
}
.modal{
  top: 50%;
  transform: translateY(-50%);
}
/* 学习流程 */
.study-step{
  background-color: #f6f7f9;
}
.study-step .study-tit-box{
  background: url("../images/study-step-en.png") center no-repeat;
}
.study-step .study-tit-box span{
  padding-top: 15px;
  padding-bottom: 20px;
  background: url("../images/study-step-line.png") bottom no-repeat;
}
.study-step .step-items-box{
  padding: 40px 0 20px 0;
}
.study-step .step-items-box .items-list{
  position: relative;
}
.study-step .step-items-box .items-list .items{
  width: 120px;
  height: 120px;
  background-color: #fff;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.study-step .step-items-box .items-list::after{
  content: "";
  position: absolute;
  width: 78px;
  height: 9px;
  top: 50px;
  left: 150px;
  background: url("https://ss.sctce.cn/scjxjyw/images/step-right.png") left no-repeat;
}
.study-step .step-items-box .items-list:last-child::after{
  width: 0;
}

.study-step .step-items-box .items-list .items .circle{
  width: 100px;
  height: 100px;
  background-color: #ebf1ff;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.study-step .step-items-box .items-list .items .circle img{
  width: 60px;
}
.reg{
  width: 50px;
  padding: 3px 5px;
  text-align: center;
  color: #fff;
  background-color: #004EB3;
  border-radius: 5px;
}
.to-center{
  padding: 5px 11px;
  border-radius: 20px;
  font-size: 12px;
  height: 24px;
  background-color: #fff;
  color: #606266;
  border: 1px solid #dcdfe6;
  cursor: pointer;
  line-height: 1;
}
.to-center:hover{
  background-color: rgba(0,78,179,.2);
  border-color: rgba(0,78,179,.6);
  color: #004EB3;
}
.percent{
  width: 60px;
  text-align: right;
}
.study-item:hover{
  color: #004EB3;
}

/* 栏目 */
.channel-lists-item{
  border-bottom: 1px solid #ccc;
}
.s-political-title {
  height: 200px;
  position: relative;
}
.text-focus-in {
  -webkit-animation: text-focus-in .3scubic-bezier(0.550, 0.085, 0.680, 0.530) both;
  animation: text-focus-in .3scubic-bezier(0.550, 0.085, 0.680, 0.530) both;
}
.s-stroke-text {
  -webkit-text-stroke: 1px rgba(255, 255, 255, 0.3);
  text-stroke: 1px rgba(255, 255, 255, 0.3);
  color: transparent;
  position: absolute;
  top: 15%;
}