@charset "gb2312";

/*头部*/
.header {
  position: relative;
  height: 74px;
  line-height: 74px;
  z-index: 3;
}

.logo {
  float: left;
  width: 161px;
  height: 37px;
  margin-top: 18px;
  margin-right: 76px;
  background-image: url(../images/logo.png);
  background-repeat: no-repeat;
  overflow: hidden;
}

.logo a {
  display: block;
  text-indent: -9999em;
}

.header-nav {
  float: left;
}

.header-nav li {
  float: left;
  margin-right: 34px;
  cursor: pointer;
  font-weight: bold;
}

.header-nav li i {
  display: inline-block;
  width: 11px;
  height: 7px;
  margin-left: 4px;
  background-image: url(../images/arrow.png);
  background-repeat: no-repeat;
  transition: transform .5s ease;
}

.header-nav li.active, .header-nav li a:hover {
  color: #f3152a;
}

.header-nav li.active i {
  background-image: url(../images/arrow_a.png);
  transform: rotate(180deg);
}

.login {
  float: right;
  color: #f3152a;
  font-size: 18px;
}

.login:hover {
  text-decoration: underline;
}

.more {
  margin-top: -7px;
  font-size: 22px;
  font-weight: bold;
}

.header .search {
  float: right;
  width: 118px;
  height: 34px;
  border: 1px solid #f41c2d;
  margin-top: 20px;
  line-height: 34px;
  color: #f41c2d;
  font-size: 20px;
  cursor: pointer;
  border-radius: 4px;
  box-shadow: 0px 2px 10px rgba(243, 28, 45, 0.2);
  transition: background-color .5s ease;
  cursor: pointer;
}

.header .search.active {
  background-color: #f41c2d;
  color: #fff;
}

.header .search.active i {
  background: url(../images/search01.png);
}

.header .search i {
  float: left;
  width: 23px;
  height: 22px;
  margin: 6px 6px 0 22px;
  background: url('../images/css_sprites.png') -141px -187px no-repeat;
}

.tel {
  float: right;
  margin-left: 40px;
  margin-right: 40px;
  color: #f3152a;
  font-size: 18px;
  font-weight: bold;
}

.tel i {
  float: left;
  width: 19px;
  height: 28px;
  margin-top: 23px;
  margin-right: 5px;
  background: url('../images/css_sprites.png') -163px -75px no-repeat;
}

/*头部结束*/
/*网站导航*/
.nav-slide {
  height: 0;
  transition: height .5s ease;
  overflow: hidden;
}

.nav-slide.active {
  height: 474px;
  border-top: 1px solid #e6e6e6;
  z-index: 2;
}

.nav-l {
  float: left;
  width: 1050px;
  margin-top: 40px;
}

.nav-l li {
  margin-bottom: 16px;
}

.nav-title {
  float: left;
  width: 120px;
  font-size: 20px;
}

.nav-type {
  float: left;
  width: 930px;
  line-height: 32px;
}

.nav-type a {
  display: inline-block;
  margin-right: 10px;
}

.nav-r {
  float: left;
  width: 310px;
  height: 535px;
  padding-left: 40px;
  background-color: #f4f4f4;
}

.nav-r_title {
  margin-top: 40px;
  margin-bottom: 40px;
  font-size: 20px;
}

.nav-r a {
  float: left;
  width: 150px;
  margin-bottom: 20px;
}

/*网站导航结束*/
/*辅导课程*/
.class-slide {
  height: 0;
  transition: height .5s ease;
  overflow: hidden;
}

.class-slide.active {
  height: 349px;
  border-top: 1px solid #e6e6e6;
  z-index: 2;
}

.class-wrap {
  margin-top: 30px;
}

.class-wrap>li {
  float: left;
  height: 280px;
}

.class-wrap01 {
  width: 474px;
  border-right: 1px solid #e6e6e6;
  margin-left: 15px;
}

.class-wrap02 {
  width: 419px;
  border-right: 1px solid #e6e6e6;
  margin-left: 46px;
}

.class-wrap03 {
  width: 396px;
  margin-left: 48px;
}

.class-link .xue_list li {
  margin-bottom: 14px;
}

.class-wrap li:last-child .class-link {
  border-bottom: none;
}

.class-type {
  position: relative;
  float: left;
  width: 128px;
  height: 48px;
  padding-right: 10px;
  margin-top: 8px;
  margin-bottom: 30px;
  background-color: #ffa970;
  background: linear-gradient(to right, #ffc789, #ffa76e, #ff8c59);
  border-radius: 0 20px 0 24px;
  overflow: hidden;
  color: #fff;
  font-size: 18px;
  line-height: 48px;
  text-align: right;
}

.class-type02 {
  background-color: #64b9ea;
  background: linear-gradient(to right, #b7ddfe, #99d0f7, #64b9ea);
}

.class-type03 {
  background-color: #997ce3;
  background: linear-gradient(to right, #f586ab, #c681c7, #997ce3);
}

.class-type img {
  position: absolute;
  top: 0;
  left: 0;
}

.class-type01 img {
  top: 3px;
  left: -2px;
}

.class-type02 img {
  top: 7px;
  left: -4px;
}

.class-type03 img {
  top: 11px;
  left: -10px;
}

.class-more {
  float: right;
  margin-top: 22px;
  margin-right: 32px;
  color: #999;
  font-size: 14px;
}

.class-link ul li {
  margin-bottom: 20px;
}

.class-link ul li:last-child {
  margin-bottom: 0;
}

.class-link ul li a {
  float: none;
  display: block;
  max-width: 94%;
  margin-right: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.class-link ul li a span {
  float: left;
  width: 4px;
  height: 4px;
  margin-top: 8px;
  margin-right: 8px;
  background-color: #d4d4d4;
}

.class-link a {
  float: left;
  margin-bottom: 14px;
  margin-right: 24px;
}

.class-link a:hover {
  text-decoration: underline;
}

/*辅导课程结束*/
/*华图产品*/
.pro-slide {
  height: 0;
  transition: height .5s ease;
  overflow: hidden;
}

.pro-slide.active {
  height: 159px;
  border-top: 1px solid #e6e6e6;
  padding-top: 20px;
  z-index: 2;
}

.pro-btn {
  float: left;
  width: 769px;
  height: 130px;
  padding-top: 10px;
  border-right: 1px solid #e6e6e6;
}

.pro-btn a {
  float: left;
  width: 110px;
  height: 44px;
  margin-bottom: 13px;
  margin-right: 11px;
  border-radius: 40px;
  background-color: #f4f4f4;
  text-align: center;
  line-height: 44px;
  transition: background-color .5s ease;
}

.pro-btn a:hover, .more-btn a:hover, .search-rec a:hover {
  background-color: #f73538;
  color: #fff;
}

.pro-code {
  float: left;
  width: 576px;
  margin-top: 10px;
  margin-left: 28px;
}

.pro-code li {
  float: left;
  margin-right: 30px;
  text-align: center;
}

.pro-code li.active {
  margin-right: 0;
}

.pro-code li img {
  width: 74px;
  height: 74px;
  margin: 0 auto 20px auto;
}

.xcx_code {
  transform: scale(1.3);
}

/*华图产品结束*/
/*更多下拉*/
.more-slide {
  height: 0;
  transition: height .5s ease;
  overflow: hidden;
}

.more-slide.active {
  height: 520px;
  border-top: 1px solid #e6e6e6;
  z-index: 2;
}

.more-wrap {
  padding-top: 50px;
}

.more-list {
  float: left;
  width: 870px;
  border-right: 1px solid #f1f1f1;
  padding-right: 92px;
}

.more-list li {
  position: relative;
  float: left;
  width: 266px;
  height: 190px;
  margin-right: 32px;
  margin-bottom: 32px;
  background-color: #f7f7f7;
  text-align: center;
  overflow: hidden;
  transition: transform .5s ease;
}

.more-list li:hover {
  transform: translateY(-5px);
}

.more-list li.active {
  margin-right: 0;
}

.more-list li img {
  position: absolute;
  bottom: -60px;
  left: 50%;
  transform: translateX(-50%);
}

.more-list .more-list04, .more-list .more-list05 {
  margin-bottom: 0;
}

.more-list .more-list02 img {
  bottom: -30px;
}

.more-list .more-list03 img {
  bottom: -19px;
}

.more-list .more-list04 img {
  bottom: -6px;
}

.more-list .more-list05 img {
  bottom: -16px;
}

.more-num {
  padding-top: 34px;
  padding-bottom: 10px;
  color: #f52634;
  font-size: 28px;
}

.more-txt {
  line-height: 28px;
  color: #666;
}

.more-btn {
  float: left;
  width: 344px;
  margin-top: 6px;
  margin-left: 66px;
}

.more-btn a {
  float: left;
  width: 130px;
  height: 42px;
  margin-right: 24px;
  margin-bottom: 30px;
  line-height: 42px;
  background-color: #f7f7f7;
  text-align: center;
  border-radius: 40px;
  transition: background-color .5s ease;
}

.more-btn a:nth-child(even) {
  margin-right: 0;
}

/*更多下拉结束*/
/*搜索*/
.slide {
  position: absolute;
  top: 71px;
  left: 0;
  width: 100%;
  background-color: #fff;
  box-shadow: 0 4px 5px -3px #ccc;
  z-index: 1;
}

.search-slide {
  height: 0;
  transition: height .5s ease;
  overflow: hidden;
}

.search-slide.active {
  height: 329px;
  border-top: 1px solid #e6e6e6;
  z-index: 2;
}

.all-class {
  display: block;
  padding-top: 31px;
  padding-bottom: 30px;
}

.slide-l {
  float: left;
  width: 510px;
}

.slide-l a {
  float: left;
  margin-right: 30px;
  text-align: center;
}

.slide-l img {
  width: 240px;
}

.slide-l a:last-child {
  margin-right: 0;
}

.slide-l p {
  margin-top: 14px;
}

.slide-r {
  float: left;
  width: 730px;
  margin-top: 20px;
  margin-left: 160px;
}

.searchInpt {
  float: left;
  width: 474px;
  height: 56px;
  border: 1px solid #e5e5e5;
  padding-left: 14px;
  border-radius: 6px 0 0 6px;
  font-size: 16px;
}

.searchSub {
  float: left;
  width: 130px;
  height: 58px;
  background-color: #f3152a;
  border-radius: 0 6px 6px 0;
  font-size: 20px;
  color: #fff;
  cursor: pointer;
  transition: opacity .5s ease;
}

.searchSub:hover {
  opacity: .9;
}

.search-rec {
  max-height: 104px;
  margin-top: 30px;
  overflow: hidden;
}

.search-rec a {
  float: left;
  height: 42px;
  padding: 0 30px;
  margin-bottom: 14px;
  margin-right: 12px;
  line-height: 42px;
  border-radius: 40px;
  background-color: #f7f7f7;
  transition: background-color .5s ease;
}

/*搜索结束*/
/*通栏*/
.tl a {
  display: block;
}

.tl img {
  max-height: 150px;
  margin: 0 auto;
}

/*通栏结束*/
/*考试类型*/
.exam-type {
  padding-top: 22px;
  padding-bottom: 10px;
}

.exam-type li {
  position: relative;
  float: left;
  width: 130px;
  height: 46px;
  margin-bottom: 12px;
  margin-right: 11px;
  border-radius: 6px;
  background-color: #f4f4f4;
  background-repeat: no-repeat;
  line-height: 46px;
  text-align: center;
  cursor: pointer;
  transition: transform .5s ease;
}

.exam-type li:hover, .exam-type li.active {
  transform: translateY(-4px);
  background-image: url(../images/exam_btn.png);
  box-shadow: -3px 3px 8px -4px #fa463f, 3px 3px 8px -4px #fa463f;
  color: #fff;
}

.exam-type li.active a {
  color: #fff;
}

.exam-type li:hover i, .exam-type li.active i {
  background-image: url(../images/hot_a.png);
}

.exam-type li.del-m {
  margin-right: 0;
}

.exam-type li:nth-child(10n) {
  margin-right: 0;
}

.exam-type li i {
  display: none;
  position: absolute;
  top: 0;
  right: 4px;
  width: 20px;
  height: 25px;
  background-image: url(../images/hot.png);
  background-repeat: no-repeat;
  transition: background-image .5s ease;
}

.exam-type li.hotspot i {
  display: block;
}

.exam-type li.specials {
  width: 128px;
  height: 44px;
  border: 1px solid #ccc;
  background-color: #fff;
}

.exam-type li.specials:hover {
  border-color: #f41c2d;
}

.exam-type li.specials:hover a {
  color: #f41c2d;
}

.exam-type li.special00 {
  width: 128px;
  height: 44px;
  border: 1px solid #f41c2d;
}

.exam-type li.special00:hover {
  width: 130px;
  height: 46px;
  border: none;
}

.exam-type li.special {
  width: 128px;
  height: 44px;
  border: 1px solid transparent;
  background-clip: padding-box, border-box;
  background-origin: padding-box, border-box;
  background-image: linear-gradient(0, #f4f4f4, #f4f4f4), linear-gradient(45deg, #59bef8, #36b0f7);
}

.exam-type li.special:hover {
  width: 130px;
  height: 45px;
  border: none;
  background-image: url(../images/special01.png);
  box-shadow: -3px 3px 8px -4px #39b5f8, 3px 3px 8px -4px #39b5f8;
}

.exam-type li.special02 {
  background-image: linear-gradient(0, #f4f4f4, #f4f4f4), linear-gradient(45deg, #49d7d1, #15cec6);
}

.exam-type li.special02:hover {
  background-image: url(../images/special02.png);
  box-shadow: -3px 3px 8px -4px #13cbc9, 3px 3px 8px -4px #13cbc9;
}

.exam-type li.special03 {
  background-image: linear-gradient(0, #f4f4f4, #f4f4f4), linear-gradient(45deg, #f68e6b, #f76432);
}

.exam-type li.special03:hover {
  background-image: url(../images/special03.png);
  box-shadow: -3px 3px 8px -4px #f7812e, 3px 3px 8px -4px #f7812e;
}

.exam-type li a {
  display: block;
}

.exam-type li:hover a {
  color: #fff !important;
}

/*考试类型通栏*/
.tl-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  padding: 50px 0;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  opacity: 0;
  z-index: -1;
}

.tl-bg.active {
  position: static;
  opacity: 1;
}

.gk {
  background-image: url(../images/bg01.png);
  background-color: #ebf5ff;
}

.sk {
  background-image: url(../images/bg02.png);
  background-color: #f1fbff;
}

.xzgwy {
  background-image: url(../images/bg03.png);
  background-color: #fff9f3;
}

.dxscg {
  background-image: url(../images/bg04.png);
  background-color: #ebf5ff;
}

.szyf {
  background-image: url(../images/bg05.png);
  background-color: #fff0f0;
}

.shgzz {
  background-image: url(../images/bg06.png);
  background-color: #ecfff5;
}

.tl-container {
  position: relative;
  width: 1312px;
  padding: 34px 44px;
  background-color: #fff;
  box-shadow: 0 0 10px #eee;
  line-height: 28px;
}

.close {
  position: absolute;
  top: -10px;
  right: -12px;
  cursor: pointer;
  transition: transform .5s ease;
}

.close:hover {
  transform: rotate(-180deg);
}

.tl-name {
  float: left;
  width: 154px;
  height: 76px;
  border-radius: 40px 0 40px 40px;
  background: #6faaf0;
  background: linear-gradient(45deg, #6fdee7, #6fbfec, #6f9df2);
  box-shadow: 0px 2px 10px rgba(111, 175, 239, 0.5);
  text-align: center;
}

.gk .tl-name {
  background: #ea384d;
  background: linear-gradient(45deg, #f2a353, #ef7350, #ea384d);
  box-shadow: 0px 2px 10px rgba(234, 56, 77, 0.5);
}

.gk .tl-name a {
  color: #f8cbc2;
}

.tl-name p {
  padding-top: 12px;
  font-size: 24px;
  color: #fff;
}

.tl-name a {
  color: #cbe1f8;
}

.tl-region ul {
  float: left;
  width: 1142px;
  margin-left: 16px;
  text-align: center;
}

.tl-region ul li {
  position: relative;
  float: left;
  width: 62px;
  height: 28px;
  margin-right: 7px;
  margin-bottom: 10px;
  border: 1px solid #e8e8e8;
  line-height: 28px;
  border-radius: 40px;
  background-color: #f2f2f2;
  z-index: 0;
}

.tl-region ul li:nth-child(16n) {
  margin-right: 0;
}

.tl-region ul li a {
  display: block;
}

.tl-region ul li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  height: 29px;
  border-radius: 40px;
  background: #f3152a;
  background: linear-gradient(to right, #ba6e90, #8a88c8, #7195e5);
  opacity: 0;
  transition: opacity .5s;
  z-index: -1;
}

.tl-region ul li:hover::before {
  opacity: 1;
}

.tl-region ul li:hover {
  border-color: transparent;
}

.tl-region ul li:hover a {
  color: #fff;
}

.step-line {
  height: 1px;
  margin-top: 32px;
  background-color: #ececec;
}

.step ul {
  margin-top: 18px;
}

.step ul li {
  position: relative;
  float: left;
  width: 10%;
  text-align: center;
  line-height: 24px;
}

.step ul li:last-child {
  margin-right: 0;
}

.step-time {
  font-size: 12px;
  color: #999;
}

.step ul li i {
  position: absolute;
  top: -29px;
  left: 50%;
  width: 20px;
  height: 20px;
  margin-left: -10px;
  background: url('../images/css_sprites.png') -292px -91px no-repeat;
}

.step ul li.active i {
  top: -36px;
  width: 30px;
  height: 31px;
  background-position: -10px -136px;
}

.step ul li.active, .step ul li.active .step-time {
  color: #fa2a2a;
}

.tl-wrap {
  margin-top: 30px;
}

.tl-l {
  float: left;
  width: 430px;
}

.tl-banner {
  position: relative;
  width: 100%;
  height: 258px;
  margin-bottom: 30px;
  overflow: hidden;
}

.tl-banner a {
  display: block;
}

.tl-banner img {
  width: 100%;
  height: 258px;
}

.tl-banner .hd {
  position: absolute;
  bottom: 18px;
  width: 100%;
  z-index: 2;
  text-align: center;
}

.tl-banner .hd li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-right: 10px;
  background-color: #fff;
  border-radius: 40px;
  transition: background-color .5s ease;
  cursor: pointer;
}

.tl-banner .hd li.on {
  background-color: #000;
}

.tl-banner .hd li:last-child {
  margin-right: 0;
}

.rec-title {
  float: left;
  font-size: 20px;
}

.rec-link {
  float: right;
  color: #666;
}

.rec-link a {
  color: #666;
}

.rec-img {
  margin-top: 20px;
}

.rec-img a {
  width: 202px;
  margin-bottom: 28px;
  overflow: hidden;
}

.rec-img01 {
  float: left;
}

.rec-img a:nth-child(even) {
  float: right;
}

.rec-img a:nth-child(n+3):nth-child(-n+4) {
  margin-bottom: 0;
}

.gk .rec-img a {
  height: 130px;
  margin-bottom: 0;
}

.rec-img img {
  width: 100%;
  height: 130px;
  transition: transform 1s ease;
  box-shadow: 0 2px 20px #ddd;
}

.rec-img p {
  max-width: 100%;
  margin-top: 12px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.gk .rec-img img {
  height: 100%;
}

.text-title {
  margin-top: 38px;
  margin-bottom: 30px;
  font-size: 20px;
}

.textbook li {
  width: 198px;
  height: 278px;
  border: 1px solid #efefef;
  overflow: hidden;
}

.textbook li a {
  display: block;
}

.textbook li a:hover {
  text-decoration: underline;
}

.textbook li img {
  height: 200px;
  transition: transform 1s ease;
}

.textbook li p {
  margin: 14px 14px 0 14px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.tl-m {
  float: left;
  width: 416px;
  margin-left: 28px;
}

.gk .tl-news:nth-child(2) {
  margin-top: 52px;
}

.tl-news:nth-child(2) {
  margin-top: 29px;
}

.tl-news-tips {
  border-bottom: 1px solid #e8e8e8;
  padding-right: 6px;
  margin-bottom: 24px;
  color: #666;
}

.tl-news-tips a {
  color: #666;
}

.tl-news-tips span, .rec-link span {
  color: #e3e3e3;
}

.tl-news-tips p {
  float: left;
  padding-bottom: 19px;
  border-bottom: 3px solid #ff6666;
  font-size: 20px;
  color: #000;
}

.tl-m ul {
  margin-bottom: 26px;
}

.tl-m ul:last-child {
  margin-bottom: 0;
}

.tl-m ul li {
  max-width: 100%;
  margin-bottom: 14px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 24px;
}

.tl-m ul li:first-child {
  margin-bottom: 16px;
  font-size: 18px;
}

.tl-m ul li:first-child a {
  color: #f80909;
}

.tl-m ul li:last-child {
  margin-bottom: 0;
}

.ht-teacher {
  height: 150px;
  padding: 0 16px;
  margin-top: 21px;
  background: #fff3d9;
  background: linear-gradient(to bottom, #fff3d9, #ffeae0);
  overflow: hidden;
}

.teacher-title {
  padding-top: 10px;
  margin-bottom: 14px;
  font-size: 20px;
  color: #ff6666;
}

.ht-teacher p {
  display: -webkit-box;
  height: 85px;
  line-height: 28px;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.ht-teacher p span {
  font-weight: bold;
  font-size: 18px;
}

.ht-teacher img {
  float: left;
  width: 84px;
  height: 84px;
  margin-right: 20px;
  border-radius: 50%;
}

.tl-r {
  float: right;
  width: 410px;
}

.data {
  width: 372px;
  height: 404px;
  border: 1px solid #e8e8e8;
  padding: 0 18px;
  margin-bottom: 30px;
}

.data p {
  margin-top: 24px;
  font-size: 20px;
}

#chart01 {
  width: 372px;
  height: 360px;
}

.live-room, .material {
  width: 362px;
  height: 330px;
  border: 1px solid #e8e8e8;
  padding: 0 23px;
}

.material {
  margin-top: 42px;
}

.books-msg {
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 22px;
  margin-bottom: 14px;
}

.books-msg img {
  float: left;
  width: 114px;
  height: 114px;
}

.books-txt {
  float: left;
  width: 206px;
  margin-top: 4px;
  margin-left: 24px;
}

.books-txt p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 24px;
}

.books-href {
  position: relative;
  display: block;
  width: 67px;
  height: 25px;
  margin-top: 22px;
  line-height: 25px;
  border-radius: 40px;
  color: #fff;
  text-align: center;
  background: #ea384d;
  background: linear-gradient(to right, #f3ab53, #ed604f, #ea384d);
  box-shadow: 0 6px 10px rgba(234, 56, 77, .3);
  z-index: 0;
}

.books-href:hover {
  color: #fff !important;
}

.books-href::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  border-radius: 40px;
  background: #ea384d;
  background: linear-gradient(to left, #f3ab53, #ed604f, #ea384d);
  opacity: 0;
  transition: opacity .5s;
  z-index: -1;
}

.books-href:hover::before {
  opacity: 1;
}

.books-link {
  display: block;
  max-width: 100%;
  margin-bottom: 8px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 22px;
}

.books-link:last-child {
  margin-bottom: 0;
}

.gk .live-room {
  height: 404px;
}

.live-room p, .material-tips {
  margin-top: 22px;
  margin-bottom: 22px;
  font-size: 20px;
}

.live-date {
  margin-bottom: 20px;
}

.live-date li {
  float: left;
  margin-right: 20px;
  text-align: center;
}

.live-date li.active {
  margin-right: 0;
}

.live-date li:last-child {
  margin-right: 0;
}

.live-date li span {
  color: #999;
}

.live-date li.on {
  color: #ccc;
}

.live-date li.none .date {
  color: #999;
  background-color: transparent;
  box-shadow: none;
}

.date {
  width: 34px;
  height: 34px;
  margin-top: 2px;
  color: #f80909;
  line-height: 34px;
  border-radius: 40px;
  background-color: transparent;
  cursor: pointer;
}

.date.active {
  background-color: #fe5e61;
  box-shadow: 0 8px 12px #f2a7a2;
  color: #fff;
}

.live-list ul {
  display: none;
  height: 144px;
  overflow: hidden;
}

.gk .live-list ul {
  height: 220px;
}

.live-list ul.active {
  display: block;
}

.live-list li {
  max-width: 100%;
  margin-bottom: 15px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 24px;
}

.live-list li i {
  float: left;
  width: 18px;
  height: 18px;
  margin-top: 3px;
  margin-right: 12px;
  background: url('../images/css_sprites.png') -292px -171px no-repeat;
}

.live-list li:last-child {
  margin-bottom: 0;
}

.live-list img {
  width: 90px;
  margin: 0 auto;
}

.gk .live-list img {
  width: 116px;
  margin: 20px auto 10px auto;
}

.gk .live-list p {
  font-size: 14px;
}

.live-list p {
  font-size: 16px;
  text-align: center;
}

.zw-search {
  float: left;
  margin-right: 20px;
  font-size: 20px;
  font-weight: bold;
  color: #e70012;
  line-height: 44px;
}

.zw-search i {
  float: left;
  width: 23px;
  height: 22px;
  margin-top: 12px;
  margin-right: 7px;
  background: url('../images/css_sprites.png') -141px -187px no-repeat;
}

.tl-type .search {
  padding: 20px 50px 20px 55px;
  margin-top: 30px;
  box-sizing: border-box;
  background: #fff;
  box-shadow: 0 0 10px #eee;
}

.tl-type .search .selDiv {
  position: relative;
  float: left;
  width: 192px;
  height: 44px;
  margin-left: 16px;
}

.selDiv a {
  display: block;
  max-width: 98%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/*考试类型通栏结束*/
/*全国分校*/
.region-wrap {
  height: 130px;
  background-color: #f4f4f4;
}

.region img {
  float: left;
  width: 170px;
  padding-top: 38px;
  margin-left: 26px;
  margin-right: 50px;
}

.region-link {
  float: left;
  width: 1128px;
  margin-top: 32px;
}

.region-link>a {
  float: left;
  margin-right: 30px;
  margin-bottom: 22px;
}

.morearea {
  position: relative;
  float: left;
  height: 36px;
  margin-top: -8px;
}

#areatext {
  width: 170px;
  height: 34px;
  border: 1px solid #dedede;
  padding-left: 14px;
  margin-bottom: -10px;
  border-radius: 4px;
  font-size: 16px;
}

#areaselect {
  display: none;
  position: absolute;
  top: 36px;
  left: 0;
  width: calc(100% - 2px);
  max-height: 136px;
  border: 1px solid #cecfd1;
  z-index: 3;
  background: #fff;
  border-radius: 3px;
  overflow: auto
}

.morearea li {
  width: 100%;
  height: 34px;
  line-height: 34px;
  text-indent: 10px;
  font-size: 14px;
}

.morearea li a {
  display: block;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/*广告图 推荐*/
.ad {
  margin-top: 22px;
}

.ad a {
  float: left;
  width: 32.666%;
  margin-right: 1%;
  overflow: hidden;
}

.ad a img {
  width: 100%;
  height: 150px;
  transition: transform 3s ease;
}

.ad a.active {
  margin-right: 0;
}

/*广告图 推荐结束*/
/*热门推荐*/
.hot {
  margin-top: 34px;
}

.title {
  display: block;
  margin-bottom: 20px;
  font-size: 34px;
  font-weight: bold;
}

.title:hover {
  color: #000 !important;
}

.title span {
  color: #f3152a !important;
}

.hot-l {
  float: left;
  width: 45.57%;
  line-height: 38px;
}

.hot-l ul {
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 24px;
  margin-top: 2px;
  margin-bottom: 24px;
  color: #ccc;
}

.hot-l ul:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}

.hot-l li {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.hot_list_title {
  margin-bottom: 14px;
  font-size: 20px;
}

.hot_list_title a {
  margin-right: 10px;
}

.hot_list_title a strong {
  font-weight: bold;
}

.hot-l ul:first-child .hot_list_title a {
  color: #f80a24;
}

.hot_list {
  font-size: 18px;
}

.hot_list a {
  font-size: 16px;
}

.hot-l ul:last-child li:last-child {
  margin-bottom: 0;
}

.hot-r {
  float: right;
  width: 704px;
}

.hotBanner {
  position: relative;
  height: 450px;
  margin-bottom: 20px;
  overflow: hidden;
}

.hotBanner .bd a {
  position: relative;
  display: block;
}

.hotBanner .hd {
  position: absolute;
  bottom: 23px;
  right: 30px;
  z-index: 2;
}

.hotBanner .hd li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-right: 10px;
  background-color: #fff;
  border-radius: 50%;
  cursor: pointer;
  transition: background-color .5s ease;
}

.hotBanner .hd li:last-child {
  margin-right: 0;
}

.hotBanner .hd li.on {
  width: 14px;
  height: 14px;
  background-color: #f80a24;
}

.hotBanner .bd img {
  width: 100%;
  height: 450px;
}

.banner_color {
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 110px;
  background-image: url(../images/shadow02.png);
  background-repeat: no-repeat;
  color: #fff;
  z-index: 1;
}

.banner_color p {
  margin-top: 58px;
  margin-left: 30px;
  font-size: 20px;
}

.hot-news {
  width: 645px;
  height: 250px;
  padding: 30px 30px 0 30px;
  background-color: #f7f7f7;
  overflow: hidden;
}

.news-type {
  float: left;
  margin-right: 20px;
  cursor: pointer;
}

.news-type04 {
  margin-left: 90px;
  margin-right: 0;
}

.news-type.active .news-line {
  width: 50%;
}

.news-line {
  display: block;
  width: 0;
  height: 3px;
  margin: 7px auto 0 auto;
  background-color: #f3152a;
  transition: width .5s ease;
}

.attention {
  position: relative;
  float: right;
  width: 62px;
  height: 24px;
  line-height: 24px;
  color: #30ce39;
  text-align: center;
  background-color: #fefefe;
  border-radius: 4px;
  cursor: pointer;
}

.attention:hover .attention-code {
  display: block;
}

.attention-code {
  display: none;
  position: absolute;
  top: 28px;
  right: 0;
  width: 126px;
  height: 138px;
  padding-top: 10px;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 0 4px #eee;
}

.attention-code img {
  width: 104px;
  height: 104px;
  margin: 0 auto 4px auto;
}

.attention-code p {
  color: #000;
  font-size: 14px;
}

.news-tab {
  display: none;
  margin-top: 16px;
}

.news-tab.on {
  display: block;
}

.news-slide {
  float: left;
  width: 380px;
}

.news-slide .bd {
  width: 100% !important;
}

.news-slide .bd li:first-child {
  margin-top: 4px;
  margin-bottom: 16px;
  font-weight: bold;
}

.news-slide .bd li:first-child a {
  font-size: 20px;
}

.news-slide .bd li {
  max-width: 100%;
  margin-bottom: 12px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 18px;
  color: #ccc;
  line-height: 26px;
}

.news-slide .bd li:last-child {
  margin-bottom: 0;
}

.news-slide .bd li a {
  font-size: 16px;
}

.news-tab img {
  float: right;
  width: 236px;
  height: 156px;
}

.news-slide .hd {
  margin-top: 6px;
  text-align: center;
}

.news-slide .hd li {
  display: inline-block;
  width: 6px;
  height: 6px;
  margin-right: 6px;
  background-color: #999;
  border-radius: 4px;
  transition: width .5s ease;
  cursor: pointer;
}

.news-slide .hd li:last-child {
  margin-right: 0;
}

.news-slide .hd li.on {
  width: 12px;
  background-color: #ff6666;
}

/*热门推荐结束*/
/* 上岸课堂 */
.sakt {
  margin-top: 40px;
}

.sakt .title {
  margin-right: 42px;
  margin-bottom: 50px;
}

.sakt-l {
  float: left;
}

.sakt-l .title {
  float: left;
}

.select-exam {
  position: relative;
  float: left;
  width: 138px;
  height: 34px;
  border: 1px solid #cecfd1;
  margin-top: 8px;
  margin-right: 12px;
  outline: none;
  border-radius: 40px;
  font-size: 16px;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  line-height: 34px;
  cursor: pointer;
  text-indent: 1em;
  transition: border-color .5s ease;
}

.select-exam:hover {
  border-color: #f3152a;
}

.select-exam i {
  position: absolute;
  top: 14px;
  right: 12%;
  width: 8px;
  height: 5px;
  background: url(../images/css_sprites.png) -206px -162px no-repeat;
}

.select-exam:hover i {
  background-position: -42px -273px;
}

.select-exam:hover cite {
  color: #f3152a;
}

.select-exam cite {
  display: block;
  width: 100%;
  height: 36px;
  font-style: normal;
}

.select-exam ul {
  position: absolute;
  top: 35px;
  left: 0;
  width: 100%;
  max-height: 400px;
  overflow-y: auto;
  overflow-x: hidden;
  z-index: 10;
  border: 1px solid #dcdcdc;
  border-radius: 6px;
}

.select-exam li {
  height: 36px;
  line-height: 36px;
  background-color: #fff;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: background-color .5s ease;
}

.select-exam li:hover {
  background-color: #f7f7f7;
}

.select-exam li a {
  display: block;
}

.sakt-submit {
  float: left;
  width: 112px;
  height: 36px;
  margin-top: 8px;
  margin-left: 2px;
  line-height: 36px;
  border-radius: 40px;
  color: #fff;
  cursor: pointer;
  background: #ffc789;
  background: linear-gradient(to right, #f3152a, #f73538, #ff6d50);
  transition: opacity .5s ease;
  font-size: 18px;
  letter-spacing: 4px;
  text-indent: 4px;
}

.sakt-submit:hover {
  opacity: .92;
}

.sakt-img {
  float: left;
  width: 470px;
}

.large-img {
  position: relative;
  display: block;
  width: 100%;
  height: 366px;
  margin-bottom: 10px;
  overflow: hidden;
}

.large-img img {
  width: 100%;
  height: 100%;
  transition: transform 1s ease;
}

.large-img img:hover, .tiny-img img:hover, .hot-tab img:hover, .hot-recommend li img:hover, .online-ad img:hover, .ad a:hover img, .rec-img a:hover img, .textbook li:hover img {
  transform: scale3d(1.05, 1.05, 1.05);
}

.teacher {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 422px;
  height: 53px;
  padding: 34px 24px 0 24px;
  background-image: url(../images/shadow.png);
  background-repeat: no-repeat;
  background-position: center;
}

.tea-l {
  float: left;
}

.tea-l img {
  float: left;
  width: 40px;
  height: 40px;
  margin-right: 14px;
  border-radius: 50%;
}

.tea-l p {
  float: left;
  color: #fff;
  line-height: 40px;
}

.class-name {
  float: right;
  max-width: 280px;
  margin-top: 10px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #fff;
}

.tiny-img {
  float: left;
  width: 230px;
  height: 226px;
  background-color: #f8f8f8;
  text-align: center;
  line-height: 46px;
  overflow: hidden;
}

.tiny-img:first-child {
  margin-right: 10px;
}

.tiny-img img {
  width: 100%;
  height: 180px;
  transition: transform 1s ease;
}

/*直播*/
.live {
  float: left;
  width: 371px;
  border-left: 1px solid #e6e6e6;
  padding-left: 33px;
  margin-left: 55px;
}

.live li {
  position: relative;
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

.live li i {
  position: absolute;
  top: 0;
  left: -46px;
  width: 24px;
  height: 34px;
  background: url('../images/css_sprites.png') -206px -64px no-repeat;
}

.live li:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.live-time {
  float: left;
  font-weight: bold;
  line-height: 32px;
}

.live-btn {
  position: relative;
  float: right;
  width: 98px;
  height: 32px;
  border: 1px solid #cecfd1;
  line-height: 32px;
  text-align: center;
  border-radius: 40px;
}

.live-btn.on {
  border-color: #03a7f0;
  color: #03a7f0;
}

.live-btn::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  border-radius: 40px;
  background: #f3152a;
  background: linear-gradient(to right, #f3152a, #f73538, #ff6d50);
  opacity: 0;
  transition: opacity .5s;
  z-index: -1;
}

.live li:hover .live-btn::before, .live li.active .live-btn::before {
  opacity: 1;
}

.live li:hover, .live li.active {
  color: #f3152a;
}

.live li:hover i, .live li.active i {
  background: url('../images/css_sprites.png') -206px -10px no-repeat;
}

.live li:hover .live-btn, .live li.active .live-btn {
  width: 100px;
  height: 34px;
  line-height: 34px;
  border: none;
  color: #fff !important;
}

.live-info {
  margin-top: 8px;
}

.live-info span {
  float: left;
  height: 20px;
  border: 1px solid #f3152a;
  padding: 0 8px;
  margin-right: 8px;
  text-align: center;
  font-size: 14px;
  color: #f3152a;
  line-height: 20px;
}

.live-info p {
  float: left;
  max-width: 300px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #666;
  line-height: 22px;
}

/*考试日历*/
.calendar {
  float: right;
  width: 412px;
}

.calendar ul {
  height: 488px;
  overflow: hidden;
}

.cal-list {
  height: 562px;
  padding: 40px 30px 0 30px;
  background-color: #fff;
  box-shadow: 0 0 10px #eee;
}

.cal-list li {
  height: 46px;
  margin-bottom: 3px;
  line-height: 46px;
}

.cal-list li:last-child {
  margin-bottom: 0;
}

.cal-list li:hover {
  background-color: #f7f7f7;
  color: #f3152a;
}

.cal-list span {
  float: left;
  width: 25%;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.calendar-title {
  border-bottom: 1px solid #f1f2f2;
  padding-bottom: 20px;
  margin-bottom: 16px;
}

.calendar-title span {
  font-size: 18px;
}

/* 上岸课堂结束 */
/*图书*/
.books {
  margin-top: 40px;
}

.books .title {
  margin-bottom: 30px;
}

.books_change {
  float: left;
}

.books_change div {
  position: relative;
  float: left;
  margin-right: 50px;
  font-size: 20px;
  cursor: pointer;
  transition: color .5s ease;
}

.books_change div.on {
  color: #f3152a;
}

.books_more {
  float: right;
  width: 98px;
  height: 38px;
  border: 1px solid #e6e6e6;
  line-height: 38px;
  text-align: center;
  border-radius: 40px;
  transition: background-color .5s ease;
}

.books_more:hover {
  border-color: #fb3d2f;
  background-color: #fb3d2f;
  color: #fff !important;
}

.books_change span {
  display: block;
  width: 0;
  height: 3px;
  margin: 14px auto 0 auto;
  background-color: #f3152a;
  transition: width .5s ease;
}

.books_change div.on span {
  width: 50%;
}

.books-tab {
  padding: 50px;
  height: 334px;
  margin-top: 32px;
  box-shadow: 0 0 10px #eee;
  overflow: hidden;
}

.books-tab li {
  float: left;
  width: 244px;
  margin-right: 100px;
}

.books-tab li.active {
  margin-right: 0;
}

.books-tab li a {
  display: block;
}

.books-tab img {
  width: 174px;
  height: 193px;
  margin: 0 auto;
}

.books_name {
  display: -webkit-box;
  height: 66px;
  margin-top: 16px;
  line-height: 30px;
  text-align: center;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.buy {
  position: relative;
  width: 140px;
  height: 46px;
  margin: 12px auto 0 auto;
  border-radius: 40px;
  line-height: 46px;
  color: #fff;
  background: #fb3c2d;
  background: linear-gradient(to right, #fb3c2d, #fb4638, #fc5143);
  text-align: center;
  font-size: 18px;
  z-index: 0;
}

.buy::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  border-radius: 40px;
  background: #ff6d50;
  background: linear-gradient(to right, #fb3f29, #fd6814, #ff8b03);
  opacity: 0;
  transition: opacity .5s;
  z-index: -1;
}

.books-tab li:hover .buy::before {
  opacity: 1;
}

/*图书结束*/
/*热门课程*/
.hotClass {
  margin-top: 40px;
}

.hotClass .title {
  margin-bottom: 30px;
}

.hotClass-l {
  float: left;
  width: 930px;
}

.hot-tab {
  float: left;
  width: 614px;
  height: 400px;
  margin-right: 10px;
  overflow: hidden;
}

.hot-tab a {
  display: block;
  overflow: hidden;
}

.hot-tab img {
  width: 100%;
  height: 400px;
  transition: transform 1s ease;
}

.hot-title {
  float: left;
  width: 306px;
  height: 400px;
  background-color: #f6f6f6;
}

.hot-title li {
  position: relative;
  height: 100px;
  padding: 0 20px;
  line-height: 28px;
  cursor: pointer;
  z-index: 0;
}

.hot-title li p {
  height: 100px;
  display: table-cell;
  vertical-align: middle;
}

.hot-title li::before {
  content: '';
  position: absolute;
  left: -70px;
  top: 0;
  right: 0;
  bottom: 0;
  width: 376px;
  background-image: url(../images/bg.png);
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity .5s;
  z-index: -1;
}

.hot-title li.on {
  color: #fff;
}

.hot-title li.on::before {
  opacity: 1;
}

.hot-recommend {
  margin-top: 10px;
}

.hot-recommend li {
  float: left;
  width: 302px;
  margin-right: 10px;
  overflow: hidden;
}

.hot-recommend li.active {
  width: 306px;
  margin-right: 0;
}

.hot-recommend li a {
  display: block;
}

.hot-recommend li img {
  width: 100%;
  height: 200px;
  transition: transform 1s ease;
}

.hot-recommend li p {
  height: 46px;
  padding: 0 10px;
  line-height: 46px;
  text-align: center;
  background-color: #f8f8f8;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.hotClass-r {
  float: right;
  width: 412px;
}

.online {
  height: 584px;
  padding: 36px 22px;
  box-shadow: 0 0 10px #eee;
}

.online-ad {
  display: block;
  width: 350px;
  margin: 0 auto 20px auto;
}

.online-ad img {
  width: 100%;
  height: 150px;
  transition: transform 1s ease;
}

.online-list {
  height: 422px;
  overflow: hidden;
}

.online-list li {
  position: relative;
  max-width: 100%;
  height: 56px;
  padding-left: 44px;
  margin-bottom: 5px;
  line-height: 56px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.online-list li:hover {
  background-color: #f7f7f7;
  color: #ccc;
}

.online-list li i {
  position: absolute;
  top: 20px;
  left: 12px;
  width: 20px;
  height: 16px;
  background: url(../images/css_sprites.png) -292px -209px no-repeat;
}

.online-list li a:hover {
  color: #f3152a !important;
}

/*热门课程结束*/
/* 备考资料 */
.datum {
  margin-top: 40px;
}

.datum-title {
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 28px;
}

.datum .title {
  float: left;
  margin-bottom: 22px;
  line-height: initial;
}

.datum-change {
  float: left;
  margin-left: 102px;
}

.datum-change li {
  float: left;
  margin-top: 18px;
  margin-right: 56px;
  font-size: 24px;
  cursor: pointer;
  font-weight: bold;
}

.datum-change li:last-child {
  margin-right: 0;
}

.datum-change li span {
  display: block;
  width: 0;
  height: 3px;
  margin: 21px auto 0 auto;
  background-color: #f71010;
  transition: width .5s ease;
}

.datum-change li.on {
  color: #f71010;
}

.datum-change li.on span {
  width: 70%;
}

.datum-l {
  float: left;
  width: 930px;
  height: 596px;
  line-height: 26px;
}

.datum-tab-r {
  float: right;
  width: 460px;
}

.analysis_l {
  float: left;
}

.analysis_img_b {
  display: block;
  width: 420px;
  height: 320px;
  margin-bottom: 24px;
  overflow: hidden;
}

.analysis_img_b img {
  width: 100%;
  height: 100%;
  transition: transform .5s ease;
}

.analysis_img_b:hover img, .analysis_info:hover img {
  transform: scale3d(1.05, 1.05, 1.05);
}

.analysis_info {
  display: block;
  width: 418px;
  height: 148px;
  border: 1px solid #e6e7e8;
  overflow: hidden;
}

.analysis_info img {
  float: left;
  width: 156px;
  height: 148px;
  margin-right: 20px;
  transition: transform .5s ease;
}

.analysis_list {
  float: left;
  width: 230px;
  margin-right: 12px;
}

.analysis_list>p {
  margin-top: 20px;
  font-size: 20px;
  line-height: 32px;
}

.analysis_msg {
  margin-top: 16px;
  font-size: 16px;
}

.analysis_time {
  float: left;
  color: #e31c3b;
}

.analysis_type {
  float: right;
  color: #b6b6b6;
}

.analysis_r {
  float: right;
}

.analysis_r .analysis_info {
  width: 486px;
  margin-bottom: 22px;
}

.analysis_r .analysis_info:last-child {
  margin-bottom: 0;
}

.analysis_r .analysis_list {
  width: 298px;
}

.datum_article .datum-list {
  float: left;
  width: 430px;
}

.datum_article .datum-list.on {
  float: right;
}

.datum-list.active {
  margin-top: 34px;
}

.datum-list p, .skill_title {
  margin-bottom: 30px;
  font-size: 22px;
}

.datum-list li {
  max-width: 100%;
  margin-bottom: 11px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #ccc;
  font-size: 18px;
}

.datum-list li:last-child {
  margin-bottom: 0;
}

.datum-list li a {
  font-size: 16px;
}

.datum-tab-l {
  float: left;
  width: 425px;
}

.datum-type {
  margin-top: 26px;
}

.datum-type li {
  max-width: 100%;
  margin-bottom: 19px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.datum-type li:last-child {
  margin-bottom: 0;
}

.datum-type li span {
  display: inline-block;
  width: 44px;
  height: 20px;
  border: 1px solid #ee3e32;
  margin-right: 16px;
  text-align: center;
  font-size: 14px;
  line-height: 20px;
  color: #ee3e32;
  transition: background-color .5s ease;
}

.datum-type li:hover span {
  background-color: #ee3e32;
  color: #fff;
}

.datum-type li:hover a {
  color: #ee3e32;
}

.datum-type li.color02 span {
  border-color: #f38415;
  color: #f38415;
}

.datum-type li.color02:hover span {
  background-color: #f38415;
  color: #fff;
}

.datum-type li.color02:hover a {
  color: #f38415;
}

.datum-type li.color03 span {
  border-color: #03a7f0;
  color: #03a7f0;
}

.datum-type li.color03:hover span {
  background-color: #03a7f0;
  color: #fff;
}

.datum-type li.color03:hover a {
  color: #03a7f0;
}

.datum-type li.color04 span {
  border-color: #8074fa;
  color: #8074fa;
}

.datum-type li.color04:hover span {
  background-color: #8074fa;
  color: #fff;
}

.datum-type li.color04:hover a {
  color: #8074fa;
}

.datum-type li.color05 span {
  border-color: #08ae72;
  color: #08ae72;
}

.datum-type li.color05:hover span {
  background-color: #08ae72;
  color: #fff;
}

.datum-type li.color05:hover a {
  color: #08ae72;
}

.datum-r {
  float: right;
  width: 412px;
  line-height: 26px;
}

.datum-r .title {
  float: none;
  margin-bottom: 60px;
}

.tool-list li {
  float: left;
  width: 87px;
  margin-bottom: 26px;
  margin-right: 21px;
  text-align: center;
}

.tool-list li img {
  width: 100%;
  height: 80px;
  margin: 0 auto 16px auto;
}

.tool-list li.active {
  margin-right: 0;
}

.tool-ad {
  display: block;
  padding-top: 10px;
}

.tool-ad img {
  width: 412px;
  height: 186px;
}

.ads {
  display: block;
  padding-top: 60px;
  margin-top: 0;
}

.ads01 {
  padding-top: 40px;
}

.ads img {
  width: 100%;
}

/* 备考资料结束 */
/* 企业新闻 */
.qyxw {
  margin-top: 40px;
}

.qyxw .title {
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 30px;
  margin-bottom: 46px;
}

.newsBanner {
  position: relative;
  float: left;
  width: 930px;
  height: 580px;
  margin-bottom: 60px;
  overflow: hidden;
}

.newsBanner img {
  width: 100%;
  height: 580px;
}

.newsBanner .bd a {
  position: relative;
  display: block;
}

.news_color {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 122px;
  background-image: url(../images/shadow03.png);
  background-repeat: no-repeat;
  background-position: center;
  color: #fff;
  text-align: center;
}

.news_color p {
  margin-top: 48px;
  font-size: 20px;
}

.newsBanner .hd {
  position: absolute;
  bottom: 16px;
  width: 100%;
  z-index: 2;
  text-align: center;
}

.newsBanner .hd li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-right: 10px;
  background-color: #fff;
  border-radius: 50%;
  cursor: pointer;
  transition: background-color .5s ease;
}

.newsBanner .hd li.on {
  width: 14px;
  height: 14px;
  background-color: #f80a24;
}

.newsBanner .hd li:last-child {
  margin-right: 0;
}

.newsBanner:hover .sNext, .newsBanner:hover .sPrev {
  opacity: 1;
}

.sNext, .sPrev {
  position: absolute;
  left: 15px;
  top: 50%;
  display: block;
  width: 50px;
  height: 99px;
  margin-top: -45px;
  background-color: rgba(0, 0, 0, .2);
  z-index: 1;
  opacity: 0;
  transition: opacity 0.5s, background-color .5s ease;
  cursor: pointer;
  border-radius: 4px;
}

.sNext:hover, .sPrev:hover {
  background-color: rgba(0, 0, 0, .4);
}

.sNext i, .sPrev i {
  display: block;
  width: 23px;
  height: 45px;
  margin: 29px auto;
  background: url('../images/css_sprites02.png') -10px -311px;
  background-repeat: no-repeat;
}

.sPrev i {
  background-position: -313px -220px;
}

.sNext {
  left: auto;
  right: 15px;
}

.firm-news {
  float: right;
  width: 412px;
  margin-top: 10px;
  line-height: 24px;
}

.firm-news a {
  display: block;
}

.company-title.on {
  padding-top: 5px;
}

.company-title b {
  display: block;
  max-width: 100%;
  margin-bottom: 20px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.company-title.on b {
  font-size: 22px;
  color: #f3152a;
}

.company-txt {
  display: none;
  border-bottom: 1px solid #ececec;
  padding-bottom: 26px;
  margin-bottom: 32px;
  line-height: 36px;
  color: #666;
}

.company-txt.on {
  display: block;
}

.company-txt span {
  height: 72px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.company-txt a:hover .company-txt {
  color: #666;
}

.company-data {
  margin-bottom: 60px;
}

.company-data li {
  float: left;
  width: 327px;
  height: 297px;
  border: 1px solid #e7e7e8;
  margin-right: 26px;
  transition: box-shadow .5s ease;
  text-align: center;
}

.company-data li:hover {
  box-shadow: 0 0 10px #eee;
}

.company-data li.active {
  margin-right: 0;
}

.company-data li img {
  width: 48px;
  height: 48px;
  padding-top: 59px;
  margin: 0 auto;
}

.company-data li p {
  margin-top: 24px;
  margin-bottom: 10px;
  font-size: 36px;
  font-weight: bold;
}

.company-data li span {
  line-height: 28px;
  color: #666;
}

/* 企业结束 */
/*友情链接*/
.blogroll {
  width: 100%;
  padding-top: 60px;
  padding-bottom: 30px;
  background-color: #f2f2f2;
}

.inx-fLink .fLinktit {
  margin-bottom: 20px;
}

.inx-fLink .h3 {
  display: inline;
  float: left;
  margin-right: 50px;
  cursor: pointer;
  font-size: 24px;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}

.inx-fLink .on {
  color: #e92930;
}

.inx-fLink .fLinkbox li {
  display: inline;
  float: left;
  margin-right: 16px;
  line-height: 40px;
  white-space: nowrap;
}

.blogroll-dt {
  border-top: 1px solid #e3e3e3;
  padding-top: 36px;
  margin-top: 36px;
}

.footleft {
  float: left;
  margin-right: 120px;
}

.footleft:last-child {
  margin-right: 0;
}

.footleft span {
  display: block;
  margin-bottom: 24px;
  font-size: 24px;
}

.footleft span a {
  color: #000;
}

.footleft a {
  display: block;
  margin-bottom: 12px;
  color: #666;
}

.footright {
  float: right;
  margin-top: 20px;
  margin-right: 86px;
}

.icon05, .icon06 {
  display: block;
  float: left;
  width: 50px;
  height: 39px;
  padding-top: 11px;
  margin-right: 18px;
  border-radius: 3px;
  background-color: #e4e4e4;
}

.icon06 {
  height: 41px;
  padding-top: 9px;
}

.icon05 i, .icon06 i {
  display: block;
  width: 30px;
  height: 30px;
  margin: 0 auto;
  background: url('../images/css_sprites.png') -60px -136px no-repeat;
}

.icon06 i {
  width: 37px;
  height: 33px;
  background: url('../images/css_sprites.png') -71px -70px no-repeat;
}

.footright .row01 a {
  font-size: 20px;
}

.footright .row01 span {
  display: block;
  color: #666;
  font-size: 14px;
}

.footright .row02 {
  margin-top: 40px;
}

.footright .row02 span {
  display: block;
  float: left;
  font-size: 20px;
}

.footright .row02 a {
  display: block;
  float: left;
  width: 86px;
  height: 28px;
  margin-top: -2px;
  margin-left: 28px;
  border: 1px solid #d7d7d7;
  border-radius: 40px;
  font-size: 14px;
  line-height: 28px;
  text-align: center;
  transition: background-color .5s ease;
}

.footright .row02 a:hover {
  border-color: #f80a24;
  background-color: #f80a24;
  color: #fff !important;
}

.row02 p {
  color: #666;
  font-size: 14px;
}

/*友情链接结束*/
/*底部*/
.footer {
  background-color: #333;
}

.footer .footNav {
  position: relative;
  padding-top: 30px;
  padding-bottom: 100px;
  z-index: 11;
}

.footer .footNav p a:first-child {
  position: relative;
  z-index: 899;
}

.footer .footNav p {
  font-size: 14px;
  line-height: 30px;
  text-align: center;
  color: #a6a6a6;
}

.footer .footNav p:first-child {
  color: #a6a6a6;
}

.footer .footNav p a {
  display: inline-block;
  padding: 0 6px;
  color: #a6a6a6;
}

.footer .footNav p a:hover {
  color: #fff;
}

/* 右侧悬浮 */
.fixed-bar {
  position: fixed;
  right: 14px;
  top: 50%;
  width: 40px;
  margin-top: -236px;
  z-index: 4;
}

.fixed-bar li {
  margin-bottom: 10px;
}

.icon_wrap {
  width: 46px;
  height: 46px;
  border-radius: 40px;
  background-color: #fff;
  box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1);
  transition: width .5s ease;
  overflow: hidden;
}

.fixed-bar li:last-child {
  margin-bottom: 0;
}

.fixed-bar li a {
  display: block;
  position: relative;
}

.fixed-bar li i {
  display: block;
  width: 22px;
  height: 22px;
  margin: 12px auto 0 auto;
  background-repeat: no-repeat;
}

.fixed-bar06 {
  display: none;
}

.fixed-bar .fixed-bar06 i {
  width: 16px;
  height: 11px;
  margin-top: 18px;
  margin-right: 16px;
}

.fixed-bar li span {
  display: block;
  margin-top: 6px;
  font-size: 14px;
  color: #000;
  text-align: center;
}

.fixed-bar li:first-child span {
  color: #f3152a;
}

.fixed-bar .fixed-bar06 span {
  padding-left: 12px;
}

.fixed-bar li:hover span {
  color: #f3152a;
}

.fixed-bar01 i {
  background: url('../images/css_sprites.png') -250px -10px;
}

.fixed-bar01:hover i {
  background-position: -250px -10px;
}

.fixed-bar02 i {
  background: url('../images/css_sprites.png') -250px -52px;
}

.fixed-bar02:hover i {
  background-position: -250px -94px;
}

.fixed-bar03 i {
  background: url('../images/css_sprites.png') -250px -136px;
}

.fixed-bar03:hover i {
  background-position: -250px -178px;
}

.fixed-bar04 i {
  background: url('../images/css_sprites.png') -10px -231px;
}

.fixed-bar04:hover i {
  background-position: -52px -231px;
}

.fixed-bar05 i {
  background: url('../images/css_sprites.png') -55px -187px;
}

.fixed-bar05:hover i {
  background-position: -98px -187px;
}

.fixed-bar06 i {
  background: url('../images/css_sprites.png') -212px -231px;
}

.fixed-bar06:hover i {
  background-position: -248px -231px;
}

/*国考通栏*/
.gktl {
  margin: 40px auto;
  box-sizing: border-box;
  background: #fff;
  box-shadow: 0 0 27px rgba(252, 103, 103, .2);
  border: solid 2px #da2f2f;
}

/* 左侧 */
.guokaofl {
  width: 965px;
  height: 790px;
  padding-top: 35px;
  margin-left: 30px;
  padding-right: 35px;
  box-sizing: border-box;
  border-right: 1px solid #e4e4e4;
}

/* 主标题 */
.gktlTit .tit {
  float: left;
  margin-right: 15px;
  color: #df3636;
  font-size: 30px;
  line-height: 36px;
}

.gktlTit .time {
  float: left;
  padding-top: 12px;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}

.gktlTit .time em {
  display: inline-block;
  height: 24px;
  padding: 0 5px;
  margin: 0 3px;
  vertical-align: top;
  background: #ec504d;
  border-radius: 5px;
  color: #fff;
  font-size: 24px;
  font-style: normal;
  line-height: 24px;
}

.gktlTit .time i {
  font-style: normal;
}

.gktlTit .key {
  float: right;
  border-bottom: 1px solid #f7f7f7;
  font-size: 16px;
  font-weight: 400;
  line-height: 50px;
}

.gktlTit .key a {
  display: inline-block;
}

.gktlTit .key em {
  display: inline-block;
  width: 20px;
  color: #ccc;
  font-style: normal;
  text-align: center;
}

/* 按钮组 */
.btnBox {
  margin-top: 8px;
}

.dataBtn {
  position: relative;
  float: left;
  display: block;
  height: 54px;
  padding: 0 10px;
  margin-right: 12px;
  overflow: hidden;
  background: #39b5f8;
  border-radius: 6px;
  background: linear-gradient(218deg, #2491f0, #39b5f8);
  box-shadow: 0 6px 10px rgba(36, 145, 240, .4);
  color: #fff;
  font-size: 16px;
  line-height: 54px;
}

.dataBtn:hover {
  color: #fff;
}

.dataBtn02 {
  background: #19d5bf;
  background: linear-gradient(-31deg, #09b9dd, #19d5bf, #28f0a1);
  box-shadow: 0 6px 10px rgba(14, 193, 212, .3);
}

.dataBtn03 {
  margin-right: 0;
  background: #f7812e;
  background: linear-gradient(159deg, #f8a938, #f7812e, #f65824);
  box-shadow: 0 6px 10px rgba(246, 93, 37, .2);
}

.dataBtn:before {
  position: absolute;
  right: -20px;
  top: 16px;
  pointer-events: none;
  content: " ";
  display: block;
  width: 80px;
  height: 80px;
  background: #fff;
  border-radius: 100%;
  opacity: .2;
}

.dataBtn span {
  font-size: 24px;
}

.switchBtn {
  position: relative;
  float: right;
  margin-top: 12px;
  margin-left: 8px;
  overflow: hidden;
  background: #fff;
  border-radius: 38px;
  box-shadow: 0 0 20px rgba(137, 137, 137, .15);
}

.switchBtn a {
  display: block;
  float: left;
  padding: 0 7px;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 38px;
  text-align: center;
}

.switchBtn a:nth-child(2) {
  width: 50px;
  background: #ec504d;
  border-radius: 40px;
  color: #fff;
}

/* 搜索 */
.gktl .search {
  padding: 20px 15px 20px 0;
  margin: 25px 0;
  box-sizing: border-box;
  background: #fff;
  border: solid 1px rgba(195, 195, 195, .3);
  border-radius: 6px;
  box-shadow: 0 0 20px rgba(137, 137, 137, .15);
}

.gktl .search .selDiv {
  float: left;
  width: 145px;
  height: 44px;
  margin-left: 12px;
  position: relative;
}

.gktl .search .selDiv:nth-child(3) {
  width: 180px;
}

.gktl .search .selDiv cite, .tl-type .search .selDiv cite {
  display: block;
  width: 100%;
  height: 44px;
  cursor: pointer;
  box-sizing: border-box;
  padding-right: 15px;
  border: 1px solid #dcdcdc;
  border-radius: 6px;
  background: #fff url(../images/gktl190921-icon05.png) no-repeat 95% center;
  box-shadow: 0 6px 13px rgba(245, 245, 245, .4);
  font-size: 16px;
  font-style: normal;
  line-height: 42px;
  text-indent: .5em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: .3s;
}

.gktl .search .selDiv:hover cite, .tl-type .search .selDiv:hover cite {
  border-color: #ed6346;
  box-shadow: 0 6px 10px rgba(252, 93, 72, .2);
  background-image: url(../images/gktl190921-icon06.png);
  color: #df3636;
}

.gktl .search .selDiv ul, .tl-type .search .selDiv ul {
  display: none;
  position: absolute;
  right: 0;
  top: 43px;
  width: 100%;
  max-height: 400px;
  overflow-y: auto;
  overflow-x: hidden;
  z-index: 10;
  background: #fff;
  border: 1px solid #dcdcdc;
  border-radius: 6px;
}

.gktl .search .selDiv li, .tl-type .search .selDiv li {
  font-size: 16px;
  text-indent: 1em;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 36px;
}

.gktl .search .selDiv li:hover, .tl-type .search .selDiv li:hover {
  background-color: #f7f7f7;
}

.gktl .search .btn, .tl-type .search .btn {
  float: right;
  display: block;
  width: 110px;
  height: 44px;
  margin-left: 12px;
  cursor: pointer;
  background: #ec4e4e;
  border: none;
  border-radius: 44px;
  background: linear-gradient(-87deg, #ec4e4e, #f08938);
  box-shadow: 0 9px 16px rgba(239, 132, 58, .3);
  color: #fff;
  font-size: 18px;
  line-height: 44px;
  text-align: center;
}

.gktl .search .btn:hover, .tl-type .search .btn:hover {
  background: #f08938;
  background: linear-gradient(93deg, #ec4e4e, #f08938);
  opacity: .9;
}

/* 资讯 */
.infoLeft {
  width: 465px;
}

.info .tit {
  height: 27px;
  margin-bottom: 16px;
  overflow: hidden;
  background: url(../images/gktl190921-tit01.png) no-repeat left;
  text-indent: -9999em;
}

.info .tit02 {
  margin-top: 20px;
  background-image: url(../images/gktl190921-tit02.png);
}

.info .tit03 {
  background-image: url(../images/gktl190921-tit03.png);
}

.newsList dt {
  width: 100%;
  margin-bottom: 5px;
  font-size: 20px;
  font-weight: 800;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.tl-hot, .tl-hot a {
  color: #e92930;
}

.newsList a {
  padding-right: 8px;
}

.newsList dd {
  width: 100%;
  font-size: 16px;
  line-height: 38px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.newsList dd a:first-child {
  padding-right: 0;
}

.infoRight {
  width: 432px;
}

/* 焦点图 */
.gktlBanner {
  position: relative;
  width: 432px;
  height: 263px;
  overflow: hidden;
}

.bd ul, .bd li {
  width: 100% !important;
}

.gktlBanner .bd li {
  width: 100%;
  height: 263px;
  zoom: 1;
  vertical-align: middle;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.gktlBanner .bd a {
  display: block;
  position: relative;
  width: 100%;
  height: 263px;
}

.gktlBanner .hd {
  position: absolute;
  bottom: 15px;
  width: 100%;
  height: 2px;
  z-index: 1;
}

.gktlBanner .hd ul {
  text-align: center;
  height: 3px;
  font-size: 0;
  line-height: 2px;
}

.gktlBanner .hd li {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin: -5px 5px 0;
  cursor: pointer;
  background: #fff;
  border-radius: 100%;
}

.gktlBanner .hd li.on {
  background-color: #df3636;
}

/* 直播 */
.liveList {
  margin-top: 18px;
}

.liveList li {
  height: 38px;
  padding-left: 35px;
  background: url(../images/gktl190921-icon07a.png) no-repeat left;
  font-size: 16px;
  line-height: 38px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.liveList li.active {
  background-image: url(../images/gktl190921-icon07.png);
}

/* 右侧 */
.guokaofr {
  width: 340px;
  margin-right: 35px;
}

.guokaofr h3 {
  padding-bottom: 20px;
  margin-top: 40px;
  margin-bottom: 21px;
  border-bottom: 1px solid #e4e4e4;
  color: #df3636;
  font-size: 22px;
  line-height: 25px;
}

.guokaofr h3 i {
  display: inline-block;
  width: 25px;
  height: 25px;
  margin-right: 5px;
  vertical-align: top;
  background: url('../images/css_sprites.png') -110px -136px;
}

.guokaofr h3 .tit-icon09 {
  background: url('../images/css_sprites.png') -155px -136px;
}

.guokaofr h3 .tit-icon10 {
  background: url('../images/css_sprites.png') -10px -187px;
}

.guokaofr h3 a {
  color: #df3636;
}

/*省考搜索通栏*/
.sk-search {
  height: 88px;
  box-sizing: border-box;
  padding: 0 16px;
  margin-top: 26px;
  margin-bottom: 26px;
  box-shadow: 0 0 27px rgba(252, 103, 103, .2);
  border: solid 2px #da2f2f;
  line-height: 88px;
}

.search_icon {
  float: left;
  color: #e70012;
  font-size: 20px;
}

.search_icon i {
  float: left;
  width: 22px;
  height: 21px;
  margin-top: 34px;
  margin-right: 4px;
  background-image: url(sk-search.png);
  background-repeat: no-repeat;
}

.search-sk {
  float: left;
}

.search_icon img {
  float: right;
  margin-top: 30px;
}

.sk-search .search_tl .selDiv {
  float: left;
  width: 160px;
  height: 44px;
  margin-top: 20px;
  margin-left: 12px;
  position: relative;
}

.sk-search .search_tl .selDiv cite, .sk-ipnut {
  display: block;
  width: 100%;
  height: 44px;
  cursor: pointer;
  box-sizing: border-box;
  padding-right: 15px;
  border: 1px solid #dcdcdc;
  border-radius: 6px;
  background: #fff url(../images/gktl190921-icon05.png) no-repeat 95% center;
  box-shadow: 0 6px 13px rgba(245, 245, 245, .4);
  font-size: 16px;
  font-style: normal;
  line-height: 42px;
  text-indent: .5em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: .3s;
}

.sk-search .sk-ipnut {
  width: 160px;
  background-image: none;
}

.sk-search .search_tl .selDiv:hover cite {
  border-color: #ed6346;
  box-shadow: 0 6px 10px rgba(252, 93, 72, .2);
  background-image: url(../images/gktl190921-icon06.png);
  color: #df3636;
}

.sk-search .search_tl .selDiv ul {
  display: none;
  position: absolute;
  right: 0;
  top: 43px;
  width: 100%;
  max-height: 400px;
  overflow-y: auto;
  overflow-x: hidden;
  z-index: 10;
  background: #fff;
  border: 1px solid #dcdcdc;
  border-radius: 6px;
}

.sk-search .search_tl .selDiv li {
  font-size: 16px;
  text-indent: 1em;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 36px;
}

.sk-search .search_tl .selDiv li:hover {
  background-color: #f7f7f7;
}

.sk-search .search_tl .btn {
  float: left;
  display: block;
  width: 110px;
  height: 44px;
  margin-top: 20px;
  margin-left: 12px;
  cursor: pointer;
  background: #ec4e4e;
  border: none;
  border-radius: 44px;
  background: linear-gradient(-87deg, #ec4e4e, #f08938);
  box-shadow: 0 9px 16px rgba(239, 132, 58, .3);
  color: #fff;
  font-size: 18px;
  line-height: 44px;
  text-align: center;
}

.sk-search .search_tl .btn:hover {
  background: #f08938;
  background: linear-gradient(93deg, #ec4e4e, #f08938);
  opacity: .9;
}

.sk-search .selDiv a {
  display: block;
}

.search-link {
  float: left;
  margin-left: 14px;
}

@media screen and (max-width:1500px) {
  .sk-search .search_tl .selDiv, .sk-search .sk-ipnut {
    width: 120px;
    margin-left: 10px;
  }

  .sk-search .search_tl .btn {
    width: 104px;
  }
}

.lk-layer {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .6);
  z-index: 200;
}

.lk-hint {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.lk-bg {
  position: relative;
  box-sizing: border-box;
  width: 500px;
  height: 508px;
  padding-top: 404px;
  background-repeat: no-repeat;
  background-size: 100%;
}

.lk-bg.active {
  width: 500px;
  height: 584px;
  padding-top: 492px;
}

.lk-btn {
  display: block;
  margin: 0 auto;
}

.lk-close {
  position: absolute;
  top: 20px;
  right: 6px;
  width: 30px;
  cursor: pointer;
  transition: transform .5s ease;
  z-index: 10;
}

.lk-close:hover {
  transform: rotate(180deg);
}

.lk-link {
  display: flex;
  justify-content: center;
  align-items: center;
}

.lk-link a {
  width: 150px;
  height: 55px;
  background-image: url(https://www.huatu.com/images/2020img/lk06.png);
  background-repeat: no-repeat;
  background-size: 100%;
  color: #570d0c;
  text-align: center;
  line-height: 50px;
  font-size: 22px;
  font-weight: bold;
  text-decoration: none;
  transition: transform .5s ease;
}

.lk-link a:hover {
  transform: translateY(-5px);
}

.lk-link a:first-child {
  margin-right: 10px;
}

.lk-link.active a {
  width: 90px;
  height: 34px;
  background-image: url(https://www.huatu.com/images/2020img/lk05.png);
  line-height: 34px;
  font-size: 16px;
}

.lk-link.active a:first-child {
  margin-right: 2px;
}

.lk-link.active a:nth-child(2) {
  margin-right: 36px;
}

.lk-link {
  display: none;
}