@charset "utf-8";

/* CSS Document */

/*     三栏版式开始    */

/* 首页三栏 logo 地市*/

.offcn_logoCity {
  height: 71px;
  margin-top: 12px;
}

.offcn_logo {
  height: 47px;
}

.offcn_logo > a {
  float: left;
}

.offcn_logo > em {
  float: left;
  width: 0;
  height: 24px;
  margin-top: 20px;
  margin-right: 12px;
  margin-left: 13px;
  border: 1px solid #dbdbdb;
}

.offcn_city {
  position: relative;
  height: 52px;
  padding-top: 20px;
}

.offcn_city_tit {
  float: left;
  width: 83px;
  height: 28px;
  background: url(../../images/newimg/ky_spild.png) no-repeat;
  background-position: left -200px;
}

.offcn_city_show {
  position: absolute;
  z-index: 1000;
  right: 0;
  bottom: -100px;
  display: none;
  width: 397px;
  height: 122px;
  padding-left: 41px;
  background: #fff;
  -webkit-box-shadow: 1px 1px 10px 1px rgba(240, 240, 240, 0.5),
    -1px -1px 10px 1px rgba(240, 240, 240, 0.5);
  -moz-box-shadow: 1px 1px 10px 1px rgba(240, 240, 240, 0.5),
    -1px -1px 10px 1px rgba(240, 240, 240, 0.5);
  box-shadow: 1px 1px 10px 1px rgba(240, 240, 240, 0.5),
    -1px -1px 10px 1px rgba(240, 240, 240, 0.5);
}

.offcn_city_show1 {
  right: 55px;
}

.offcn_city_show > b {
  font: normal 16px/1 "Microsoft Yahei";
  display: block;
  margin-top: 23px;
  padding-bottom: 11px;
  color: #666;
}

.offcn_city_show > p {
  font: normal 14px/2 "Microsoft Yahei";
  color: #666;
}

.offcn_city_show > p > em {
  display: inline-block;
  width: 13px;
  height: 14px;
  margin-right: 6px;
  vertical-align: middle;
}

.offcn_city_show_ads em {
  background: url(../../images/newimg/ky_spild.png) no-repeat -935px -450px;
}

.offcn_city_show_tel em {
  background: url(../../images/newimg/ky_spild.png) no-repeat -934px -399px;
}

.offcn_city > div > span {
  font: normal 16px/28px "Microsoft Yahei";
  display: inline-block;
  margin-left: 14px;
  text-indent: 21px;
  color: #fff;
  background: url(../../images/newimg/ky_spild.png) no-repeat;
  background-position: left -244px;
}

.offcn_city ul {
  float: right;
}

.offcn_city ul li {
  float: left;
  margin-left: 28px;
}

.offcn_city ul li a {
  font: normal 16px/28px "Microsoft Yahei";
  display: inline-block;
  color: #666;
}

.offcn_city ul li a:hover {
  color: #f83231;
  background: url(../../images/newimg/offcn_block01.png) no-repeat center bottom;
}

/*切换 搜索*/

.offcn_logocity_search {
  font: normal 14px/36px "Microsoft Yahei";
  margin-top: 13px;
  color: #d1d1d1;
}

.offcn_logocity_search_cont {
  width: 348px;
  height: 36px;
  border: 1px solid #e3e3e3;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.offcn_logocity_search_cont em {
  display: inline-block;
  width: 19px;
  height: 20px;
  margin-right: 10px;
  margin-left: 10px;
  vertical-align: middle;
  background: url(../../images/newimg/ky_spild.png) no-repeat -660px -250px;
}

.offcn_logocity_search_cont span {
  display: inline-block;
  width: 0;
  height: 22px;
  margin-right: 20px;
  vertical-align: middle;
  border-right: 1px solid #e3e3e3;
}

.offcn_logocity_search_text {
  font: normal 14px/36px "Microsoft Yahei";
  margin-top: -3px;
  color: #999;
  border: none;
  outline: none;
}

.offcn_logocity_search_btn {
  float: right;
  width: 85px;
  height: 36px;
  cursor: pointer;
  color: #fff;
  border: none;
  -moz-border-radius-topright: 2px;
  border-top-right-radius: 2px;
  -moz-border-radius-bottomright: 2px;
  border-bottom-right-radius: 2px;
  outline: none;
  background: #ff4845;
}

.offcn_logocity_search_link > a {
  color: #999;
}

.offcn_logocity_search_link > a:hover {
  color: #ff4845;
}

/*头部导航栏*/

.offcn_nav_bg0 {
  height: 10px;
  background: #fff;
}

.offcn_nav {
  z-index: 999;
  height: 10px;
  background: #fff;
}

.offcn_nav_bg {
  height: 54px;
  background: #ff4644;
}

.offcn_nav {
  position: relative;
  height: 54px;
  background: #ff4644;
}

.offcn_nav > ul li {
  font: normal 18px/40px "Microsoft Yahei";
  float: left;
  width: 124px;
  height: 47px;
  margin-top: 7px;
  margin-left: 20px;
  cursor: pointer;
  text-align: center;
  color: #fff;
}

.offcn_nav > ul li > a {
  display: inline-block;
  width: 124px;
  height: 47px;
}

.offcn_nav > ul li > a:hover {
  -moz-border-radius-topleft: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  border-top-right-radius: 4px;
  background: #ff796d;
}

.offcn_nav > ul .on7 {
  color: #f83231;
  -moz-border-radius-topleft: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  border-top-right-radius: 4px;
  background: #fff;
}

.offcn_nav > ul .on7 em {
  background: url(../../images/newimg/ky_spild.png) no-repeat left -277px;
  /*transform: rotate(180deg);*/
  /*transition: 0.5s;*/
}

.offcn_nav > ul li em {
  display: inline-block;
  width: 9px;
  height: 6px;
  margin-left: 10px;
  vertical-align: middle;
  /*transition: 0.5s;*/
  background: url(../../images/newimg/ky_spild.png) no-repeat -991px -300px;
}

.offcn_nav > ul li a {
  color: #fff;
}

.offcn_nav_show {
  position: absolute;
  z-index: 998;
  bottom: -183px;
  left: 0;
  display: none;
  width: 1169px;
  height: 183px;
  padding-left: 31px;
  background: #fff;
  -webkit-box-shadow: 5px 7px 5px -2px rgba(230, 230, 230, 0.7),
    -5px 0 5px -2px rgba(230, 230, 230, 0.7);
  -moz-box-shadow: 5px 7px 5px -2px rgba(230, 230, 230, 0.7),
    -5px 0 5px -2px rgba(230, 230, 230, 0.7);
  box-shadow: 5px 7px 5px -2px rgba(230, 230, 230, 0.7),
    -5px 0 5px -2px rgba(230, 230, 230, 0.7);
}

.offcn_nav_show_left ul {
  overflow: hidden;
  margin-top: 18px;
}

.offcn_nav_show_left ul li {
  font: normal 14px/1 "Microsoft Yahei";
  margin-top: 26px;
}

.offcn_nav_show_left ul li > b {
  margin-right: 30px;
  color: #999;
}

.offcn_nav_show_left ul li > a {
  color: #666;
}

.offcn_nav_show_left ul li > a:hover {
  color: #f83231;
}

.offcn_nav_show_left ul li > span {
  margin-right: 26px;
  margin-left: 26px;
  color: #d0d0d0;
}

.offcn_nav_show_left > a {
  display: block;
  float: right;
  overflow: hidden;
  width: 290px;
  height: 140px;
  margin-top: 22px;
  margin-right: 31px;
}

.offcn_nav_show_left > a img {
  width: 290px;
  height: 140px;
}

.offcn_nav_slide {
  margin-top: 4px;
}

.offcn_nav_slide_daojishi {
  font: normal 18px/44px "Microsoft Yahei";
  color: #fff;
}

.offcn_nav_slide_daojishi em {
  display: inline-block;
  width: 18px;
  height: 20px;
  margin-top: -5px;
  margin-right: 12px;
  vertical-align: middle;
  background: url(../../images/newimg/ky_spild.png) no-repeat left -400px;
}

.offcn_nav_slide_daojishi span {
  line-height: 20px;
  display: inline-block;
  width: 67px;
  height: 20px;
  margin-top: -3px;
  margin-left: 4px;
  vertical-align: middle;
  text-indent: 3px;
  letter-spacing: 10px;
  color: #f83231;
  background: url(../../images/newimg/ky_spild.png) no-repeat -636px top;
}

.offcn_nav_slide_tel {
  font: normal 18px/44px "Microsoft Yahei";
  color: #fff;
}

.offcn_nav_slide_tel em {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-top: -3px;
  margin-right: 11px;
  vertical-align: middle;
  background: url(../../images/newimg/ky_spild.png) no-repeat left -450px;
}

.offcn_top_activity {
  height: 96px;
  margin-top: 1px;
  padding-top: 19px;
  padding-bottom: 20px;
  -webkit-box-shadow: 0 2px 5px 1px #f8f8f8;
  -moz-box-shadow: 0 2px 5px 1px #f8f8f8;
  box-shadow: 0 2px 5px 1px #f8f8f8;
}

.offcn_top_activity .offcn_activity li {
  float: left;
  height: 86px;
  margin-right: 15px;
}

.offcn_top_activity .offcn_activity .offcn_activity_cont4 {
  float: right;
  margin-right: 0;
}

.offcn_top_activity .offcn_activity_cont_left {
  width: 138px;
  height: 96px;
}

.offcn_top_activity .offcn_activity_cont_left b {
  font: bold 16px/24px "Microsoft Yahei";
  display: inline-block;
  width: 65px;
  margin-top: 20px;
  padding-left: 9px;
}

.offcn_top_activity .offcn_activity_cont_left em {
  display: inline-block;
  width: 54px;
  height: 54px;
  margin-top: 21px;
  vertical-align: top;
}

.offcn_top_activity .offcn_activity_cont1 .offcn_activity_cont_left em {
  background: url(../../images/newimg/ky_spild.png) no-repeat -946px -200px;
}

.offcn_top_activity .offcn_activity_cont2 .offcn_activity_cont_left em {
  background: url(../../images/newimg/ky_spild.png) no-repeat -946px -100px;
}

.offcn_top_activity .offcn_activity_cont3 .offcn_activity_cont_left em {
  background: url(../../images/newimg/ky_spild.png) no-repeat -946px 0;
}

.offcn_top_activity .offcn_activity_cont4 .offcn_activity_cont_left em {
  background: url(../../images/newimg/ky_spild.png) no-repeat -858px -100px;
}

.offcn_top_activity .offcn_activity_cont1 .offcn_activity_cont_left {
  color: #00aded;
  background: #e0f9ff;
}

.offcn_top_activity .offcn_activity_cont2 .offcn_activity_cont_left {
  color: #f88585;
  background: #fee;
}

.offcn_top_activity .offcn_activity_cont3 .offcn_activity_cont_left {
  color: #68c4a3;
  background: #e0fff4;
}

.offcn_top_activity .offcn_activity_cont4 .offcn_activity_cont_left {
  color: #f8aa44;
  background: #fff8ed;
}

.offcn_top_activity .offcn_activity_cont_right {
  font: normal 12px/2 "Microsoft Yahei";
  height: 84px;
  padding-top: 12px;
  padding-right: 8px;
  padding-left: 8px;
  color: #666;
  background: #f9f9f9;
}

.offcn_top_activity .offcn_activity_cont_right > a {
  display: block;
}

.offcn_part1 {
  overflow: hidden;
  height: 300px;
  margin-top: 38px;
}

.offcn_part1_listleft {
  width: 380px;
}

.offcn_part1_listleft h2 a {
  font: bold 18px/1 "Microsoft Yahei";
  display: inline-block;
  color: #f83231;
  border-bottom: 1px solid #fff;
}

.offcn_part1_listleft h2 a:hover {
  border-bottom: 1px solid #f83231;
}

.offcn_part1_listleft ul {
  margin-top: 16px;
  padding-left: 2px;
}

.offcn_part1_listleft ul li {
  font: normal 14px/2 "Microsoft Yahei";
  margin-top: 2px;
  color: #666;
}

.offcn_part1_listleft ul li a {
  color: #666;
}

.offcn_part1_listleft ul li a:hover {
  color: #f83231;
  /*text-decoration: underline;*/
}

.offcn_focus {
  margin-left: 10px;
}

.offcn_focus_slideTxtBox {
  position: relative;
  width: 548px;
  height: 291px;
}

.offcn_focus_slideTxtBox .bd {
  position: relative;
}

.offcn_focus_slideTxtBox .bd .bd2 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 391px;
  height: 40px;
  background: url(../../images/newimg/ky_spild.png) no-repeat;
  background-position: left -950px;
}

.offcn_focus_slideTxtBox .bd .bd2 li a {
  font: normal 14px/40px "Microsoft Yahei";
  float: left;
  margin-left: 22px;
  color: #fff;
}

/*.offcn_focus_slideTxtBox .bd .bd2 li a:hover {

    color: #f83231;

}*/

.offcn_focus_slideTxtBox .bd .bd2 li span {
  font: normal 14px/40px "Microsoft Yahei";
  float: right;
  margin-right: 30px;
  color: #fff;
}

.offcn_focus_slideTxtBox .bd .bd2 li span em {
  font: bold 22px/40px "Microsoft Yahei";
}

.offcn_focus_slideTxtBox > a {
  position: absolute;
  display: block;
  width: 30px;
  height: 52px;
  background: url(../../images/newimg/ky_spild.png) no-repeat;
}

.offcn_focus_slideTxtBox .prev {
  top: 50%;
  left: 0;
  margin-top: -26px;
  background-position: left -500px;
}

.offcn_focus_slideTxtBox .next {
  top: 50%;
  right: 0;
  margin-top: -26px;
  background-position: left -600px;
}

.offcn_sch_act_btnbox {
  overflow: hidden;
  width: 236px;
  border-collapse: collapse;
}

.offcn_sch_act_btnbox li {
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 50%;
  height: 44px;
  border-collapse: collapse;
  cursor: pointer;
  border: 1px solid #e5e5e5;
}

.offcn_sch_act_btnbox li b {
  font: normal 18px/42px "Microsoft Yahei";
  display: block;
  width: 105px;
  text-indent: 22px;
}

.offcn_sch_act_btnbox .on1 {
  color: #f83231;
  border-top: 3px solid #ff4845;
  border-bottom-color: #fff;
}

.offcn_sch_act_btnbox .on1 b {
  line-height: 40px;
  text-indent: 11px;
  background: url(../../images/newimg/offcn_block02.png) no-repeat right 12px;
}

.offcn_sch_act_cont {
  width: 234px;
  height: 255px;
  border: 1px solid #e5e5e5;
  border-top: none;
}

.offcn_sch_act_cont1 {
  background: #f9f9f9;
}

.offcn_sch_act_show {
  overflow: hidden;
  height: 38px;
  background: #fff;
}

.offcn_sch_act_show table {
  width: 100%;
  padding-right: 10px;
  padding-bottom: 15px;
  padding-left: 10px;
}

.sch_act_show_tit {
  height: 36px;
}

.offcn_sch_act_show table tr td {
  font: normal 14px/24px "Microsoft Yahei";
  padding: 0;
  text-align: left;
  color: #777;
  border: none;
  outline: none;
}

.offcn_sch_act_show table tr td span {
  font: normal 16px/24px "Microsoft Yahei";
  font-style: oblique;
  margin-right: 10px;
  color: #f83231;
}

.open1 {
  position: relative;
}

.open1 em {
  position: absolute;
  top: 12px;
  right: -3px;
  display: block;
  width: 8px;
  height: 6px;
  cursor: pointer;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s;
  background: url(../../images/newimg/ky_spild.png) no-repeat;
  background-position: -100px -300px;
}

.baolubi {
  text-indent: 16px;
}

.offcn_sch_act_cont .on2 {
  background: #f9f9f9;
}

.offcn_sch_act_cont .on2 .sch_act_show_tit {
  background: url(../../images/newimg/offcn_block03.png) no-repeat center bottom;
}

.offcn_sch_act_cont .on2 .sch_act_show_tit td em {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.offcn_sch_act_cont2 ul li {
  height: 42px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 11px;
  background: url(../../images/newimg/offcn_block03.png) no-repeat center bottom;
}
.offcn_sch_act_cont2 ul li:nth-last-child(1) {
  background: none;
}
.offcn_sch_act_cont2 ul li a {
  display: block;
}

.offcn_sch_act_cont2 ul li a p {
  float: left;
  width: 42px;
  height: 42px;
  margin-right: 10px;
  background: url(../../images/newimg/ky_spild.png) no-repeat;
}

.offcn_sch_act_cont2 ul li a p b {
  font: normal 16px/42px "Microsoft Yahei";
  display: block;
  text-align: center;
  color: #fff;
}

.offcn_sch_act_cont2 ul li a > b {
  font: normal 14px/22px "Microsoft Yahei";
  display: block;
  float: left;
  color: #666;
}

.offcn_sch_act_cont2 ul li a > b:hover {
  color: #f83231;
}

.offcn_sch_act_cont2 ul li a > span {
  font: normal 14px/22px "Microsoft Yahei";
  display: block;
  float: left;
  color: #999;
}

.offcn_part2 {
  overflow: hidden;
  margin-top: 40px;
}

h2 {
  font: 18px/1 "Microsoft Yahei";
  display: block;
  color: #333;
}

h2 b {
  font: 18px/1 "Microsoft Yahei";
  display: inline-block;
  color: #333;
}

.offcn_tool {
  margin-top: 10px;
}

.offcn_tool h2 em {
  display: inline-block;
  width: 19px;
  height: 16px;
  margin-right: 9px;
  background: url(../../images/newimg/ky_spild.png) no-repeat;
  background-position: left -750px;
}

.offcn_tool h2 span {
  display: inline-block;
  width: 180px;
  height: 8px;
  margin-left: 9px;
  border-bottom: 1px solid #ff4845;
}

.offcn_tool_cont {
  overflow: hidden;
  width: 384px;
  margin-top: 15px;
}

.offcn_tool_cont li {
  float: left;
  width: 86px;
  height: 40px;
  margin-top: 12px;
  margin-right: 8px;
  background: #f9f9f9;
}

.offcn_tool_cont li a {
  font: normal 14px/40px "Microsoft Yahei";
  display: block;
  text-align: center;
  color: #666;
}

.offcn_tool_cont li a:hover {
  color: #ff4845;
  background: #fff3f3;
}

.offcn_netclass,
.offcn_lecture {
  position: relative;
  width: 546px;
  height: 194px;
  margin-left: 5px;
  border: 1px solid #ff4845;
}

.offcn_netclass > p {
  font: normal 18px/38px "Microsoft Yahei";
  height: 38px;
  text-indent: 41px;
  color: #fff;
  background: url(../../images/newimg/ky_spild.png) no-repeat -970px -889px
    #ff4845;
}

.offcn_netclass > em {
  position: absolute;
  right: -1px;
  bottom: -1px;
  display: block;
  width: 30px;
  height: 30px;
  background: url(../../images/newimg/ky_spild.png) no-repeat -100px -850px;
}

.offcn_netclass_cont .bd table {
  width: 478px;
  margin: 0 auto;
}

.offcn_netclass_cont .bd table tr td {
  font: normal 14px/34px "Microsoft Yahei";
  text-align: center;
  color: #666;
  border-bottom: 1px dashed #e5e5e5;
}

.offcn_netclass .bd .offcn_netclass_cont_tit td {
  font: normal 16px/34px "Microsoft Yahei";
  text-align: center;
  color: #f83231;
  border-bottom: none;
}

.offcn_netclass .bd .offcn_netclass_cont_class td {
  text-align: left;
}

.offcn_netclass .bd .offcn_netclass_cont_lastclass td {
  border-bottom: none;
}

.offcn_netclass .bd ul li {
  position: relative;
}

.offcn_netclass .bd ul li > p {
  font: normal 14px/38px "Microsoft Yahei";
  position: absolute;
  top: -38px;
  right: 42px;
  color: #fff;
}

.offcn_netclass_cont {
  position: relative;
}

.offcn_netclass_cont > a {
  position: absolute;
  top: -26px;
  display: block;
  width: 14px;
  height: 14px;
}

.offcn_netclass_cont .prev {
  right: 155px;
  background: url(../../images/newimg/ky_spild.png) no-repeat left -850px;
}

.offcn_netclass_cont .next {
  right: 20px;
  background: url(../../images/newimg/ky_spild.png) no-repeat -1px -900px;
}

.offcn_lecture {
  border: none;
}

.offcn_lecture_tit > i {
  font: normal 15px/22px "Microsoft Yahei";
  display: inline-block;
  width: 55px;
  height: 22px;
  margin-right: 8px;
  text-indent: 9px;
  color: #fff;
  background: url(../../images/newimg/ky_spild.png) no-repeat -638px -50px;
}

.offcn_lecture_tit {
  line-height: 22px;
  margin-top: 6px;
}

.offcn_lecture_tit > b {
  font: normal 18px/22px "Microsoft Yahei";
  display: inline-block;
  color: #333;
}

.offcn_lecture_tit > b > span {
  color: #ff4845;
}

.offcn_lecture_tit > span {
  font: normal 12px/22px "Microsoft Yahei";
  margin-left: 18px;
  padding-bottom: 0;
  color: #666;
}

.offcn_lecture_tit > em {
  float: right;
  width: 260px;
  height: 12px;
  border-bottom: 1px solid #ff4845;
}

.offcn_lecture_cont {
  overflow: hidden;
  margin-top: 15px;
}

.offcn_lecture_cont li {
  font: normal 14px/28px "Microsoft Yahei";
  margin-top: 10px;
  color: #666;
}

.offcn_lecture_cont li > i {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-top: -4px;
  vertical-align: middle;
  background: url(../../images/newimg/ky_spild.png) no-repeat -658px -100px;
}

.offcn_lecture_cont li > span {
  display: inline-block;
  margin-left: 9px;
  color: #666;
}

.offcn_lecture_cont_list {
  display: inline-block;
  margin-left: 33px;
  color: #666;
}

.offcn_lecture_cont_yy {
  font: normal 14px/26px "Microsoft Yahei";
  float: right;
  width: 79px;
  height: 26px;
  text-align: center;
  color: #ff4845;
  border: 1px solid #ff4845;
  -moz-border-radius: 12px;
  border-radius: 12px;
}

.offcn_lecture_cont_yy:hover {
  color: #fff;
  background: #ff4845;
}

.offcn_kyfriend {
  width: 236px;
}

.offcn_kyfriend h2 {
  padding-top: 10px;
}

.offcn_kyfriend h2 em {
  display: inline-block;
  width: 19px;
  height: 18px;
  background: url(../../images/newimg/ky_spild.png) no-repeat -100px -900px;
}

.offcn_kyfriend h2 b {
  margin-left: 10px;
}

.offcn_kyfriend h2 span {
  display: inline-block;
  width: 125px;
  height: 8px;
  margin-left: 10px;
  border-bottom: 1px solid #ff4845;
}

.offcn_kyfriend_cont {
  height: 132px;
  margin-top: 24px;
  padding-top: 12px;
  background: #f9f9f9;
}

.offcn_kyfriend_cont > div {
  float: left;
  width: 96px;
  height: 96px;
  background: #fff;
}

.offcn_kyfriend_cont > div img {
  display: block;
  width: 80px;
  height: 80px;
  padding: 8px;
}

.offcn_kyfriend_cont > div > p {
  font: normal 14px/1 "Microsoft Yahei";
  margin-top: 10px;
  text-align: center;
  color: #666;
}

.offcn_hotsch_bg {
  margin-top: 39px;
  background: url(../../images/newimg/offcn_hotsch_bg.jpg) no-repeat center top;
}

.offcn_hotsch {
  text-align: center;
}

.offcn_hotsch h2 {
  font: bold 30px/1 "Microsoft Yahei";
  text-align: center;
  color: #333;
  background: url(../../images/newimg/offcn_hotsch_tit.png) no-repeat center 1px;
}

.offcn_hotsch h2 span {
  color: #f83231;
}

.offcn_hotsch_list {
  height: 303px;
  margin-top: 50px;
}

.offcn_hotsch_list > li {
  float: left;
  width: 293px;
  height: 303px;
  margin-left: 9px;
}

.offcn_hotsch_list > li > div {
  position: relative;
  -webkit-transition: 1s;
  -moz-transition: 1s;
  transition: 1s;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.offcn_hotsch_frt,
.offcn_hotsch_bak {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 293px;
  height: 303px;
  background: #fff;
}

.offcn_hotsch_frt {
  z-index: 2;
  -webkit-transition: 1s;
  -moz-transition: 1s;
  transition: 1s;
  -webkit-box-shadow: 1px 1px 10px 2px #ededed;
  -moz-box-shadow: 1px 1px 10px 2px #ededed;
  box-shadow: 1px 1px 10px 2px #ededed;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
}

.offcn_hotsch_bak {
  z-index: 1;
  -webkit-transition: 1s;
  -moz-transition: 1s;
  transition: 1s;
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  transform: rotateY(180deg);
  border-top: 2px solid #ff4845;
  -webkit-box-shadow: 1px 1px 10px 2px #fee0e0;
  -moz-box-shadow: 1px 1px 10px 2px #fee0e0;
  box-shadow: 1px 1px 10px 2px #fee0e0;
}

.offcn_hotsch_list > li:hover > div {
  -webkit-transition: 1s;
  -moz-transition: 1s;
  transition: 1s;
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

.offcn_hotsch_list_open > div {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

.offcn_hotsch_frt h3 {
  padding-top: 24px;
  text-align: center;
}

.offcn_hotsch_frt h3 img {
  width: 104px;
  height: 104px;
}

.offcn_hotsch_frt > b {
  font: normal 22px/1 "Microsoft Yahei";
  display: block;
  margin-top: 19px;
  padding-bottom: 22px;
  text-align: center;
  color: #333;
}

.offcn_hotsch_frt > a,
.offcn_hotsch_bak > a {
  display: block;
  font: normal 14px/30px "Microsoft Yahei";
  margin-left: 9px;
  text-align: left;
  color: #666;
}
.offcn_hotsch_bak > a:hover {
  color: #e60012;
}

.offcn_hotsch_frt > a em,
.offcn_hotsch_bak > a em {
  margin-right: 9px;
}

.offcn_hotsch_bak h3 {
  margin-top: 33px;
  text-align: center;
}

.offcn_hotsch_bak h3 img {
  width: 34px;
  height: 34px;
  margin-right: 11px;
}

.offcn_hotsch_bak h3 b {
  font: normal 22px/34px "Microsoft Yahei";
  display: inline-block;
  color: #333;
}

.offcn_hotsch_bak > ul {
  overflow: hidden;
  margin-top: 6px;
  margin-left: 6px;
  padding-bottom: 23px;
}

.offcn_hotsch_bak > ul li {
  float: left;
  width: 96px;
  height: 30px;
  margin-top: 13px;
  margin-left: 28px;
}

.offcn_hotsch_bak > ul li a {
  font: normal 14px/30px "Microsoft Yahei";
  display: block;
  text-align: center;
  color: #666;
  border: 1px solid #ff4845;
  -moz-border-radius: 15px;
  border-radius: 15px;
}

.offcn_hotsch_bak > ul li a:hover {
  color: #fff;
  background: #ff4845;
}

.offcn_hotsch > a {
  font: normal 18px/1 "Microsoft Yahei";
  display: inline-block;
  margin: 0 auto;
  padding-top: 24px;
  padding-bottom: 18px;
  text-align: center;
  color: #ff4845;
}

.offcn_hotsch > a:hover {
  text-decoration: underline;
}

.offcn_recruitInfo h3 {
  font: normal 26px/34px "Microsoft Yahei";
  color: #333;
}

.offcn_recruitInfo h3 em {
  display: inline-block;
  width: 34px;
  height: 34px;
  padding-right: 11px;
  padding-bottom: 15px;
}

.offcn_recruitInfo h3 span {
  display: inline-block;
  padding-bottom: 15px;
}

.offcn_reference h3 {
  font: normal 26px/34px "Microsoft Yahei";
  color: #333;
}

.offcn_reference h3 em {
  display: inline-block;
  width: 34px;
  height: 34px;
  padding-right: 11px;
  padding-bottom: 15px;
}

.offcn_reference h3 span {
  display: inline-block;
  padding-bottom: 15px;
}

.offcn_part7 h3 {
  font: normal 26px/34px "Microsoft Yahei";
  color: #333;
}

.offcn_part7 h3 em {
  display: inline-block;
  width: 34px;
  height: 34px;
  padding-right: 11px;
  padding-bottom: 15px;
}

.offcn_part7 h3 span {
  display: inline-block;
  padding-bottom: 15px;
}

.offcn_part8 h3 {
  font: normal 26px/34px "Microsoft Yahei";
  color: #333;
}

.offcn_part8 h3 em {
  display: inline-block;
  width: 34px;
  height: 34px;
  padding-right: 11px;
  padding-bottom: 15px;
}

.offcn_part8 h3 span {
  display: inline-block;
  padding-bottom: 15px;
}

.offcn_part10 h3 {
  font: normal 26px/34px "Microsoft Yahei";
  color: #333;
}

.offcn_part10 h3 span {
  display: inline-block;
  padding-bottom: 15px;
}

.offcn_hotbok h3 {
  font: normal 26px/34px "Microsoft Yahei";
  color: #333;
}

.offcn_hotbok h3 span {
  display: inline-block;
  padding-bottom: 15px;
}

.offcn_recruitInfo {
  height: 495px;
}

.offcn_recruitInfo h3 em {
  border-bottom: 1px solid #ff4845;
  background: url(../../images/newimg/ky_spild.png) no-repeat -100px -600px;
}

.offcn_recruitInfo h3 span {
  border-bottom: 1px solid #ff4845;
}

.offcn_recruitInfo h3 {
  border-bottom: 1px solid #ddd;
  height: 49px;
}

.offcn_recruitInfo_cont {
  margin-top: 30px;
}

.offcn_recruitInfo_left,
.offcn_recruitInfo_right {
  width: 412px;
}

.offcn_recruitInfo_tab {
  font: normal 18px/1 "Microsoft Yahei";
  color: #333;
}

.offcn_recruitInfo_tab > a {
  position: relative;
  display: inline-block;
}

.offcn_recruitInfo_tab > a > span {
  display: inline-block;
  margin: 0 13px 0 16px;
  color: #d0d0d0;
}

.offcn_recruitInfo_tab > a > em {
  position: absolute;
  bottom: -14px;
  left: 50%;
  display: block;
  width: 12px;
  height: 6px;
}

.recruitInfo_tab1 em {
  margin-left: -23px;
}

.recruitInfo_tab2 em {
  margin-left: -23px;
}

.recruitInfo_tab3 em {
  margin-left: -7px;
}

.offcn_recruitInfo_cont .tab_last span {
  color: #fff;
}

.offcn_recruitInfo_tab > div {
  font: normal 14px/1 "Microsoft Yahei";
  float: right;
  margin-top: 2px;
  color: #333;
}

.offcn_recruitInfo_tab > div span {
  margin: 0 9px;
  color: #d0d0d0;
}

.offcn_recruitInfo_tab .on3 em {
  background: url(../../images/newimg/ky_spild.png) no-repeat -100px -800px;
}

.offcn_recruitInfo_tab .on3 {
  color: #f83231;
}

.offcn_recruitInfo_show {
  display: none;
  padding-top: 28px;
}

.offcn_ul li {
  font: normal 14px/30px "Microsoft Yahei";
  display: block;
  padding-left: 12px;
  color: #666;
  background: url(../../images/newimg/offcn_point01.jpg) no-repeat left center;
}

.offcn_ul li span {
  font-family: "宋体";
  font-size: 12px;
  float: right;
  color: #999;
}

.offcn_recruitInfo_left_cont2,
.offcn_recruitInfo_right_cont2 {
  margin-top: 20px;
}

.offcn_recruitInfo_middle {
  margin-left: 42px;
}

.offcn_recruitInfo_middle > div {
  position: relative;
  overflow: hidden;
  width: 294px;
  height: 187px;
}

.offcn_recruitInfo_middle > div > a {
  display: block;
}

.offcn_recruitInfo_middle > div > a > img {
  width: 294px;
  height: 187px;
}

.offcn_recruitInfo_middle > div > a > span {
  font: normal 14px/36px "Microsoft Yahei";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 294px;
  text-indent: 21px;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.15);
}

.offcn_recruitInfo_middle_cont2 {
  margin-top: 30px;
}

.offcn_part5 {
  overflow: hidden;
  margin-top: 40px;
}

.offcn_part6 {
  margin-top: 40px;
}

.offcn_reference {
  width: 800px;
}

.offcn_reference h3 {
  border-bottom: 1px solid #4ea0fa;
}

.offcn_reference h3 em {
  background: url(../../images/newimg/ky_spild.png) no-repeat -100px -650px;
}

.offcn_reference_tab {
  height: 58px;
  background: #eef9ff;
}

.offcn_reference_tab > a {
  font: normal 18px/31px "Microsoft Yahei";
  display: block;
  float: left;
  width: 103px;
  height: 31px;
  margin-top: 13px;
  margin-left: 30px;
  text-align: center;
}

.offcn_reference_tab .on4 {
  color: #3f8ff0;
  background: url(../../images/newimg/ky_spild.png) no-repeat -100px -814px;
}

.offcn_reference_show {
  display: none;
}

.offcn_reference_show li {
  padding-bottom: 24px;
  border-bottom: 1px dashed #ddd;
}

.offcn_reference_show li > b {
  font: normal 20px/1 "Microsoft Yahei";
  display: block;
  margin-top: 31px;
  color: #333;
}

.offcn_reference_show li > p {
  font: normal 14px/2 "Microsoft Yahei";
  margin-top: 20px;
  color: #666;
}

.offcn_reference_show li > div {
  margin-top: 14px;
}

.offcn_reference_show li > div > b {
  font: normal 12px/18px "宋体";
  color: #999;
}

.offcn_reference_show li > div > b > a {
  color: #666;
}

.offcn_reference_show li > div > b > a:hover {
  color: #f83231;
}

.offcn_reference_show li > div > span {
  font: normal 12px/12px "宋体";
  float: right;
  margin-right: 8px;
  padding: 2px 7px;
  color: #f83231;
  border: 1px solid #ddd;
  -moz-border-radius: 1px;
  border-radius: 1px;
}

.offcn_reference_show li > div > em {
  font: normal 12px/18px "宋体";
  float: right;
  color: #999;
}

.offcn_reference_show_more {
  font: normal 14px/46px "Microsoft Yahei";
  position: absolute;
  bottom: -25px;
  left: 298px;
  display: block;
  width: 201px;
  height: 48px;
  text-align: center;
  color: #999;
  border: 1px solid #ddd;
  background: #fff;
}

.offcn_reference_show_more:hover {
  color: #f83231;
  border-color: #f83231;
}

.offcn_part6_right {
  width: 370px;
  margin-top: 49px;
  border-top: 1px solid #ddd;
}

.offcn_part6_right > div {
  margin-left: 4px;
  border-left: 1px dashed #ddd;
}

.offcn_natline {
  margin-top: 20px;
}

.offcn_natline > b {
  margin-top: 5px;
}

.offcn_part6_right_tit > b {
  font: normal 18px/1 "Microsoft Yahei";
  display: inline-block;
  margin-left: -4px;
  padding-left: 18px;
  color: #333;
  background: url(../../images/newimg/offcn_point02.jpg) no-repeat left center;
}

.offcn_part6_right_cont {
  margin-left: 14px;
}

.offcn_natline_cont {
  padding-top: 10px;
  padding-bottom: 20px;
}

.offcn_natline_cont > a {
  font: normal 14px/28px "Microsoft Yahei";
  display: inline-block;
  width: 62px;
  height: 28px;
  margin-top: 10px;
  margin-left: 7px;
  text-align: center;
  color: #666;
  border: 1px solid #ddd;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.offcn_natline_cont > a:hover {
  color: #fff;
  border-color: #ff4845;
  background: #ff4845;
}

.offcn_schline_cont {
  font: normal 14px/2 "Microsoft Yahei";
  margin-top: 20px;
  padding-top: 11px;
  padding-bottom: 15px;
  padding-left: 29px;
  color: #666;
  background: #eef9ff;
}

.offcn_schline_cont > span {
  margin: 0 18px;
  color: #d6d6d6;
}

.offcn_part6_right_search {
  margin-top: 20px;
  margin-left: 14px;
  border: 1px solid #ddd;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.offcn_part6_right_search > input {
  font: normal 14px/38px "Microsoft Yahei";
  display: inline-block;
}

.offcn_part6_right_search_txt {
  margin-left: 14px;
  padding-left: 33px;
  border: none;
  outline: none;
  background: url(../../images/newimg/ky_spild.png) no-repeat -981px -857px;
}

.offcn_part6_right_search_btn {
  width: 98px;
  height: 38px;
  cursor: pointer;
  color: #fff;
  border: none;
  -moz-border-radius-topright: 2px;
  border-top-right-radius: 2px;
  -moz-border-radius-bottomright: 2px;
  border-bottom-right-radius: 2px;
  outline: none;
  background: #ff4845;
}

.offcn_hotmajor {
  padding-bottom: 23px;
}

.offcn_hotmajor .offcn_part6_right_tit {
  padding-top: 22px;
  padding-bottom: 10px;
}

.offcn_hotmajor_cont {
  position: relative;
  overflow: hidden;
  height: 110px;
  padding-top: 10px;
}

.offcn_hotmajor_cont > ul {
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
  z-index: 999;
}

.offcn_hotmajor_cont > ul li {
  float: left;
  width: 80px;
  height: 28px;
  margin-top: 10px;
  margin-left: 7px;
  cursor: pointer;
  background: #fff;
}

.offcn_hotmajor_cont > ul li a {
  font: normal 14px/28px "Microsoft Yahei";
  display: block;
  text-align: center;
  color: #666;
  border: 1px solid #dedede;
  -moz-border-radius: 15px;
  border-radius: 15px;
  background: #fff;
}

.offcn_hotmajor_cont > ul li a:hover {
  color: #fff;
  border-color: #ff4845;
  background: #ff4845;
}

.offcn_hotmajor_cont > ul .more a {
  padding-left: 11px;
}

.offcn_hotmajor_cont > ul .more em {
  display: inline-block;
  width: 8px;
  height: 6px;
  margin-top: -3px;
  margin-left: 3px;
  vertical-align: middle;
  background: url(../../images/newimg/ky_spild.png) no-repeat -808px top;
}

.offcn_hotmajor_cont > a {
  font: normal 14px/28px "Microsoft Yahei";
  display: inline-block;
  width: 80px;
  height: 28px;
  margin-top: 10px;
  margin-left: 7px;
  text-align: center;
  color: #666;
  border: 1px solid #dedede;
  -moz-border-radius: 15px;
  border-radius: 15px;
}

.offcn_hotmajor_cont > a:hover {
  color: #fff;
  border-color: #ff4845;
  background: #ff4845;
}

.offcn_oldexam {
  position: relative;
  height: 105px;
  background: #fff;
}

.offcn_oldexam_cont {
  background: #fff;
}

/*.offcn_oldexam .offcn_part6_right_tit {

    padding-top: 20px;

}*/

.offcn_oldexam .offcn_part6_right_tit > div {
  font: normal 14px/18px "Microsoft Yahei";
  color: #333;
}

.offcn_oldexam .offcn_part6_right_tit > div > span {
  margin: 0 17px;
  color: #d6d6d6;
}

.offcn_oldexam_cont {
  display: none;
  padding-top: 11px;
}

.offcn_oldexam_btn .on6 {
  color: #f83231;
}

.offcn_oldexam_cont ul {
  margin-top: 10px;
}

.offcn_oldexam_cont ul li {
  font: normal 14px/30px "Microsoft Yahei";
  color: #666;
}

.offcn_oldexam_cont ul li > b {
  display: inline-block;
  width: 59px;
  height: 30px;
  margin-right: 4px;
  padding-left: 11px;
  background: url(../../images/newimg/ky_spild.png) no-repeat -930px -750px;
}

.offcn_oldexam_cont ul li > a {
  margin-left: 20px;
}

.offcn_tutorship .offcn_part6_right_tit {
  padding-top: 21px;
}

.offcn_tutorship_cont {
  margin-top: 21px;
}

.offcn_tutorship_cont > a {
  font: normal 14px/1 "Microsoft Yahei";
  display: inline-block;
  width: 57px;
  margin-left: 36px;
  padding-top: 53px;
  text-align: center;
  color: #666;
}

.offcn_tutorship_cont > a:hover {
  color: #ef2d36;
}

.offcn_tutorship_cont .offcn_tutorship_cont_1 {
  margin-left: 0;
  background: url(../../images/newimg/ky_spild.png) no-repeat -853px -700px;
}

.offcn_tutorship_cont_2 {
  background: url(../../images/newimg/ky_spild.png) no-repeat -950px -650px;
}

.offcn_tutorship_cont_3 {
  background: url(../../images/newimg/ky_spild.png) no-repeat -852px -600px;
}

.offcn_tutorship_cont_4 {
  background: url(../../images/newimg/ky_spild.png) no-repeat -950px -550px;
}

.offcn_part6 {
  height: 915px;
}

.offcn_part7 {
  margin-top: 30px;
}

.offcn_part7 h3 {
  border-bottom: 1px solid #ddd;
  height: 49px;
}

.offcn_part7 h3 em {
  background: url(../../images/newimg/ky_spild.png) no-repeat -100px -700px;
}

.offcn_part7 h3 i {
  color: #f98700;
}

.offcn_part7 h3 em,
.offcn_part7 h3 span {
  border-bottom: 1px solid #f98700;
}

.offcn_part7_left {
  width: 800px;
}
.offcn_part7_left_cont1 {
  height: 157px;
  overflow: hidden;
}
.offcn_part7_left_cont1 > b {
  font: normal 20px/1 "Microsoft Yahei";
  display: block;
  padding-top: 30px;
  color: #333;
}

.offcn_part7_left_cont1 > p {
  font: normal 14px/2 "Microsoft Yahei";
  margin-top: 23px;
  color: #666;
}

.offcn_part7_left_cont2 {
  margin-top: 23px;
}

.offcn_part7_ul {
  width: 338px;
  height: 199px;
  padding-top: 21px;
  padding-right: 13px;
  padding-left: 17px;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s;
  border: 1px solid #f0f0f0;
}

.offcn_part7_ul:hover {
  -webkit-box-shadow: 0 0 10px #f0f0f0;
  -moz-box-shadow: 0 0 10px #f0f0f0;
  box-shadow: 0 0 10px #f0f0f0;
}

.offcn_part7_ul > a {
  font: normal 18px/1 "Microsoft Yahei";
  display: inline-block;
  color: #333;
}

.offcn_part7_ul > a:hover {
  color: #ff4845;
}

.offcn_part7_ul > em {
  display: inline-block;
  width: 6px;
  height: 18px;
  margin-left: 10px;
  background: url(../../images/newimg/ky_spild.png) no-repeat -994px -499px;
}

.offcn_part7_ul .offcn_ul {
  margin-top: 16px;
}

.offcn_part7_ul .offcn_ul li {
  background: url(../../images/newimg/offcn_point03.jpg) no-repeat left center;
}

.offcn_part7_right_cont1 {
  overflow: hidden;
  width: 370px;
  height: 118px;
  margin-top: 30px;
}

.offcn_part7_right_cont2 {
  margin-top: 30px;
}

.offcn_part7_right_cont2 .offcn_part7_ul {
  padding: 0;
  width: 370px;
  height: 222px;
  border-color: #fff7ea;
  background: #fff7ea;
}

.offcn_part7_ul .part7-code-wrapper {
  margin: 0 auto;
  padding-top: 28px;
  padding-left: 15px;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}

.offcn_part7_ul .part7-code-wrapper .position-center {
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.offcn_part7_ul .part7-code-wrapper .item {
  float: left;
  display: block;
  width: 170px;
}

.offcn_part7_ul .part7-code-wrapper .item .img-code-wrapper {
  margin: 0 auto;
  position: relative;
  width: 140px;
  height: 140px;
  border: 1px solid #ffffff;
  border-radius: 5px;
  box-sizing: border-box;
}

.offcn_part7_ul .part7-code-wrapper .item .img-code-wrapper .img-code {
  width: 130px;
  height: 130px;
  background: #ffffff;
  border-radius: 5px;
}

.offcn_part7_ul .part7-code-wrapper .item .img-code-wrapper .img-code .img {
  width: 124px;
  height: 124px;
  background: #ffffff;
  border-radius: 5px;
  overflow: hidden;
}

.offcn_part7_ul .part7-code-wrapper .item .text-wrapper {
  margin-top: 10px;
  width: 100%;
  line-height: 16px;
  text-align: center;
  font-size: 14px;
  color: #333;
}

.offcn_part7_ul .part7-code-wrapper .item .text-wrapper .text {
  position: relative;
  display: inline-block;
}

.offcn_part7_ul .part7-code-wrapper .item .text-wrapper .text::before,
.offcn_part7_ul .part7-code-wrapper .item .text-wrapper .text::after {
  position: absolute;
  top: 5px;
  content: "";
  width: 8px;
  height: 7px;
  background-image: url(../../images/newimg/code-title-arrow.png);
  background-repeat: no-repeat;
  background-size: cover;
}

.offcn_part7_ul .part7-code-wrapper .item .text-wrapper .text::before {
  left: -13px;
}

.offcn_part7_ul .part7-code-wrapper .item .text-wrapper .text::after {
  right: -13px;
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}

.offcn_part7 {
  height: 455px;
}

.offcn_part8 h3 {
  border-bottom: 1px solid #ddd;
}

.offcn_part8 h3 em {
  background: url(../../images/newimg/ky_spild.png) no-repeat -100px -750px;
}

.offcn_part8 h3 em,
.offcn_part8 h3 span {
  border-bottom: 1px solid #34c9a4;
}

/*中公名师*/

.offcn_teacher_bg {
  margin-top: 40px;
  padding-top: 40px;
  padding-bottom: 40px;
  background: #f8f8f8;
}

.offcn_teacher {
  height: 470px;
}

.offcn_teacher h3 {
  font: normal 26px/34px "Microsoft Yahei";
  color: #333;
  border-bottom: 1px solid #ddd;
  height: 49px;
}

.offcn_teacher h3 > em {
  display: inline-block;
  width: 34px;
  height: 34px;
  padding-right: 11px;
  background: url(../../images/newimg/ky_spild.png) no-repeat -100px -750px;
}

.offcn_teacher h3 span,
.offcn_teacher h3 > em {
  display: inline-block;
  padding-bottom: 15px;
  border-bottom: 1px solid #34c9a4;
}

.offcn_teachtitle {
  height: 58px;
  margin-top: 20px;
  margin-bottom: 25px;
  padding-left: 210px;
}

.offcn_teachtitle p {
  font: 18px/47px "microsoft yahei";
  float: left;
  width: 240px;
  height: 47px;
  margin-right: 33px;
  cursor: pointer;
  text-align: center;
  color: #333;
  border: 1px solid #ddd;
}

.offcn_teachtitle p span {
  font-weight: bold;
  color: #f6323e;
}

.offcn_teachtitle p.on {
  font: bold 18px/53px "microsoft yahei";
  height: 58px;
  color: #fff;
  border: none;
  background: url(../../images/newimg/offcn_taeatibj.jpg) no-repeat;
}

.offcn_teachtitle p.on span {
  color: #fff;
  font: bold 18px/53px "microsoft yahei";
}

/* .offcn_pubteach {
    float: left;
    height: 292px;
    margin-right: 18px;
}

.offcn_teach01 a,
.offcn_teach02 a,
.offcn_teach03 a,
.offcn_teach04 a {
    cursor: default;
} h4 {
    font: bold 18px/46px 'microsoft yahei';
    width: 169px;
    height: 46px;
    margin: 0 auto;
    text-align: center;
    color: #fff;
}

.offcn_teach01 {
    width: 233px;
    background: url(../../images/newimg/offcn_msteach01.jpg) no-repeat;
}

.offcn_teach01 a,
.offcn_teach02 a,
.offcn_teach03 a,
.offcn_teach04 a {
    cursor: default;
} p {
    font: 14px/36px 'microsoft yahei';
    color: #333;
}

.offcn_teach01 h4,
.offcn_teach03 h4 {
    margin-bottom: 15px;
}

.offcn_teach01 p,
.offcn_teach03 p {
    padding-left: 68px;
}

.offcn_teach01 a,
.offcn_teach02 a,
.offcn_teach03 a,
.offcn_teach04 a {
    cursor: default;
}

.offcn_teach01 a:hover,
.offcn_teach02 a:hover,
.offcn_teach03 a:hover,
.offcn_teach04 a:hover {
    color: #333;
}

.offcn_teach02 {
    width: 447px;
    background: url(../../images/newimg/offcn_msteach02.jpg) no-repeat;
}

.offcn_teach02 h4 {
    margin-bottom: 15px;
}

.offcn_leftop {
    float: left;
    width: 110px;
    margin-left: 26px;
}

.offcn_leftop h5 {
    font: bold 14px/28px 'microsoft yahei';
    width: 110px;
    height: 28px;
    margin-bottom: 8px;
    padding: 0;
    text-align: center;
    color: #fff;
    border: 0;
}

.offcn_teach02 p {
    padding-left: 22px;
}

.offcn_lewid01,
.offcn_lewid02 {
    width: 120px;
}

.offcn_lewid02 {
    margin-left: 21px;
} */

.offcn_teachtab {
  display: none;
  overflow: hidden;
}

/* .offcn_teach03 {
    width: 233px;
    background: url(../../images/newimg/offcn_msteach03.jpg) no-repeat;
}

.offcn_teach03 p {
    margin-bottom: 2px;
}

.offcn_teach04 {
    background: url(../../images/newimg/offcn_msteach04.jpg) no-repeat;
}

.offcn_teach04 p {
    margin-bottom: 1px;
} */

/* 2020.5.11修改 start */
.offcn_teachtab .ot_inner {
  display: flex;
  justify-content: space-between;
  margin-top: 22px;
}

.offcn_teachtab .ot_inner .oti_item1 {
  box-sizing: border-box;
  width: 233px;
  height: 301px;
  border: 1px solid #fab4b6;
  border-radius: 10px;
  position: relative;
}
.offcn_teachtab .ot_inner .oti_item1 .oti1_tit {
  width: 169px;
  height: 46px;
  background: linear-gradient(to right, #fb805a, #ff6b77);
  border-radius: 10px 10px 0 10px;
  position: absolute;
  left: 50%;
  top: -22px;
  margin-left: -85px;
  box-shadow: 0 5px 0 #ffe3e1;
  text-align: center;
  /* line-height: 46px; */
  color: #fff;
  /* font-size:18px; */
  font: bold 18px/46px "microsoft yahei";
}
.offcn_teachtab .ot_inner .oti_item1 .oti1_list {
  padding: 30px 0 0 47px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.offcn_teachtab .ot_inner .oti_item1 .oti1_list li {
  width: 139px;
  height: 44px;
  line-height: 44px;
}
.offcn_teachtab .ot_inner .oti_item1 .oti1_list li a {
  /* display:block; */
  color: #666;
  font: normal 14px/44px "microsoft yahei";
  padding-left: 21px;
  background: url(../../images/newimg/sqrt1.png) no-repeat left center;
  cursor: default;
}

.offcn_teachtab .ot_inner .oti_item2 {
  box-sizing: border-box;
  width: 589px;
  height: 301px;
  border: 1px solid #fbc0ae;
  border-radius: 10px;
  position: relative;
}
.offcn_teachtab .ot_inner .oti_item2 .oti2_tit {
  width: 169px;
  height: 46px;
  background: linear-gradient(to right, #f5ae6c, #fe8462);
  border-radius: 10px 10px 0 10px;
  position: absolute;
  left: 50%;
  top: -22px;
  margin-left: -85px;
  box-shadow: 0 5px 0 #ffe8e0;
  text-align: center;
  /* line-height: 46px; */
  color: #fff;
  /* font-size:18px; */
  font: bold 18px/46px "microsoft yahei";
}
.offcn_teachtab .ot_inner .oti_item2 .oti2_list {
  padding: 30px 0 0 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.offcn_teachtab .ot_inner .oti_item2 .oti2_list li {
  width: 139px;
  height: 44px;
  line-height: 44px;
}
.offcn_teachtab .ot_inner .oti_item2 .oti2_list li a {
  /* display:block; */
  color: #666;
  font: normal 14px/44px "microsoft yahei";
  padding-left: 21px;
  background: url(../../images/newimg/sqrt2.png) no-repeat left center;
  cursor: default;
}

.offcn_teachtab .ot_inner .oti_item3 .oti3_t {
  box-sizing: border-box;
  width: 342px;
  height: 152px;
  border: 1px solid #cccffc;
  border-radius: 10px;
  position: relative;
}
.offcn_teachtab .ot_inner .oti_item3 .oti3_t .oti3_tit {
  width: 169px;
  height: 46px;
  background: linear-gradient(to right, #9da8fb, #7291fe);
  border-radius: 10px 10px 0 10px;
  position: absolute;
  left: 50%;
  top: -22px;
  margin-left: -85px;
  box-shadow: 0 5px 0 #eaedfe;
  text-align: center;
  /* line-height: 46px; */
  color: #fff;
  /* font-size:18px; */
  font: bold 18px/46px "microsoft yahei";
}
.offcn_teachtab .ot_inner .oti_item3 .oti3_t .oti3_list {
  padding: 30px 0 0 27px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.offcn_teachtab .ot_inner .oti_item3 .oti3_t .oti3_list li {
  width: 149px;
  height: 36px;
  line-height: 36px;
}
.offcn_teachtab .ot_inner .oti_item3 .oti3_t .oti3_list li a {
  /* display:block; */
  color: #666;
  font: normal 14px/44px "microsoft yahei";
  padding-left: 21px;
  background: url(../../images/newimg/sqrt3.png) no-repeat left center;
  cursor: default;
}

.offcn_teachtab .ot_inner .oti_item3 .oti3_b {
  box-sizing: border-box;
  width: 342px;
  height: 117px;
  border: 1px solid #9bdef1;
  border-radius: 10px;
  position: relative;
  margin-top: 30px;
}
.offcn_teachtab .ot_inner .oti_item3 .oti3_b .oti3_tit {
  width: 169px;
  height: 46px;
  background: linear-gradient(to right, #62dbf6, #3cc5e9);
  border-radius: 10px 10px 0 10px;
  position: absolute;
  left: 50%;
  top: -22px;
  margin-left: -85px;
  box-shadow: 0 5px 0 #daf4fb;
  text-align: center;
  /* line-height: 46px; */
  color: #fff;
  /* font-size:18px; */
  font: bold 18px/46px "microsoft yahei";
}
.offcn_teachtab .ot_inner .oti_item3 .oti3_b .oti3_list {
  padding: 30px 0 0 27px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.offcn_teachtab .ot_inner .oti_item3 .oti3_b .oti3_list li {
  width: 149px;
  height: 36px;
  line-height: 36px;
}
.offcn_teachtab .ot_inner .oti_item3 .oti3_b .oti3_list li a {
  /* display:block; */
  color: #666;
  font: normal 14px/44px "microsoft yahei";
  padding-left: 21px;
  background: url(../../images/newimg/sqrt4.png) no-repeat left center;
  cursor: default;
}

/* 2020.5.11修改 end */

.offcn_sildetd {
  position: relative;
  width: 100%;
  height: 308px;
}

.offcn_sildetd .prev,
.offcn_sildetd .next {
  position: absolute;
  top: 124px;
  display: block;
  width: 29px;
  height: 65px;
}

.offcn_sildetd .prev {
  left: 0;
  background: url(../../images/newimg/offcn_tealeft.png) no-repeat;
}

.offcn_sildetd .next {
  right: 7px;
  background: url(../../images/newimg/offcn_tearight.png) no-repeat;
}

.offcn_teacbjbd {
  height: 100%;
}

.offcn_teacbjbd li {
  float: left;
  overflow: hidden;
  width: 188px;
  height: 308px;
  margin-right: 13px;
}

.offcn_hover {
  position: relative;
}

/*.offcn_imgbjno {

width: 189px;

height: 308px;

background: url(../images/offcn_imgbjtea.png) no-repeat;

position: absolute;

left: 0;

top: 0;

}*/

.offcn_zz {
  position: absolute;
  z-index: 1;
  bottom: 2px;
  left: 2px;
  width: 184px;
  opacity: 0.3;
  background: #000;
  filter: alpha(opacity=30);
}

.offcn_zzcont {
  font: 12px/18px "宋体";
  position: absolute;
  z-index: 2;
  bottom: 2px;
  left: 2px;
  width: 156px;
  padding: 15px 14px 8px;
  color: #fff;
}

.offcn_zzcont span {
  font-size: 16px;
  color: #fa5e31;
}

/*考研课程 考研图书*/

.offcn_yakcft {
  width: 860px;
}

.offcn_yakcft h3 {
  font: normal 26px/34px "Microsoft Yahei";
  color: #333;
}

.offcn_yakcft h3 span {
  display: inline-block;
  padding-bottom: 15px;
}

.offcn_kspitle {
  font: 26px/28px "microsoft yahei";
  height: 40px;
  color: #333;
  border-bottom: 2px solid #ddd;
}

.offcn_letone {
  width: 420px;
}

.offcn_letone h2 {
  font: 18px/20px "microsoft yahei";
  position: relative;
  margin: 20px 0 14px;
  padding-left: 14px;
  color: #333;
}

.offcn_letone h2 em {
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 4px;
  height: 15px;
  margin-top: -7px;
  background: #ff4048;
}

.offcn_letone p {
  overflow: hidden;
  width: 419px;
  height: 134px;
}

.offcn_solat {
  overflow: hidden;
  margin-top: 20px;
}

.offcn_solat a {
  font: 14px/43px "microsoft yahei";
  display: block;
  float: left;
  width: 95px;
  height: 43px;
  margin: 0 10px 10px 0;
  text-align: center;
  color: #333;
  border: 1px solid #ddd;
}

.offcn_sblap {
  overflow: hidden;
  margin-top: 15px;
}

.offcn_solat a:hover {
  color: #ff4048;
  border-color: #ff4048;
}

.offcn_sblap a {
  font: 12px/28px "microsoft yahei";
  white-space: nowrap;
  color: #666;
}

.offcn_hotbok {
  float: right;
  width: 300px;
}

.offcn_hotbok h2 {
  font: 26px/28px "microsoft yahei";
  height: 40px;
  color: #333;
  border-bottom: 2px solid #ddd;
}

.offcn_hotbok h3 a {
  display: block;
  float: right;
  width: 40px;
  height: 11px;
  margin-top: 15px;
  background: url(../../images/newimg/offcn_spoqw.jpg) no-repeat;
}

.offcn_optabl {
  height: 27px;
  margin-top: 16px;
  margin-bottom: 25px;
}

.offcn_optabl a {
  font: 16px/27px "microsoft yahei";
  display: block;
  float: left;
  margin-right: 7px;
  padding: 0 12px;
  color: #666;
  -moz-border-radius: 22px;
  border-radius: 22px;
  background: #fff;
}

.offcn_optabl a.offcn_on {
  color: #fff;
  background: #ff4048;
}

.offcn_box_super {
  position: relative;
  display: none;
  width: 300px;
}

.offcn_box_super .prev,
.offcn_box_super .next {
  position: absolute;
  top: 55px;
  display: block;
  width: 26px;
  height: 45px;
}

.offcn_box_super .prev {
  left: 0;
  background: url(../../images/newimg/offcn_boklef.jpg) no-repeat;
}

.next {
  right: 0;
  background: url(../../images/newimg/offcn_bokrig.jpg) no-repeat;
}

.offcn_bd li {
  float: left;
  width: 300px;
  text-align: center;
}

.offcn_boktile {
  font: 16px/20px "microsoft yahei";
  margin-top: 20px;
  margin-bottom: 10px;
  color: #666;
}

.offcn_bokprice {
  font: 14px/20px "microsoft yahei";
  color: #333;
}

.offcn_bokprice span {
  font-size: 16px;
  color: #f00;
}

.offcn_htab {
  display: none;
}

.offcn_part9 {
  margin-top: 40px;
}

.offcn_part9 h3 {
  border-bottom: 1px solid #ddd;
  height: 49px;
}

.offcn_part9 h3 span {
  border-bottom: 1px solid #ff4845;
}

.offcn_part9 {
  height: 395px;
}

.offcn_part10_bg {
  height: 600px;
  background: #f8f8f8;
}

.offcn_part10_left {
  width: 378px;
  background: url(../../images/newimg/offcn_block04.png) no-repeat right center;
}

.offcn_part10 > h3 {
  padding-top: 40px;
  border-bottom: 1px solid #ddd;
  height: 49px;
}

.offcn_part10 > h3 span {
  border-bottom: 1px solid #ff4845;
}

.offcn_part10_left_cont1 {
  padding-top: 8px;
}

.offcn_part10_left_cont1 > p {
  font: normal 14px/18px "Microsoft Yahei";
  margin-top: 20px;
  color: #666;
}

.offcn_part10_left_cont1 > p a {
  color: #666;
}

.offcn_part10_left_cont1 > p a:hover {
  color: #ff4845;
}

.offcn_part10_left_cont1_p1 em {
  display: inline-block;
  width: 17px;
  height: 18px;
  margin-right: 11px;
  background: url(../../images/newimg/ky_spild.png) no-repeat -986px -450px;
}

.offcn_part10_left_cont1_p2 em {
  display: inline-block;
  width: 17px;
  height: 18px;
  margin-right: 11px;
  background: url(../../images/newimg/ky_spild.png) no-repeat -984px -399px;
}

.offcn_part10_left_cont1_p3 em {
  display: inline-block;
  width: 17px;
  height: 18px;
  margin-right: 11px;
  background: url(../../images/newimg/ky_spild.png) no-repeat -983px -348px;
}

.offcn_part10_left_cont2 {
  margin-top: 25px;
}

.offcn_part10_left_cont2 > b {
  font: normal 18px/1 "Microsoft Yahei";
  display: block;
  color: #333;
}

.offcn_part10_left_cont2 > p {
  font: normal 14px/2 "Microsoft Yahei";
  margin-top: 14px;
  padding-left: 29px;
  color: #666;
}

.offcn_part10_left_cont2 > p > a {
  display: inline-block;
  width: 84px;
  height: 28px;
  margin-left: 5px;
  text-align: center;
  color: #fff;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background: #ff4845;
}

.offcn_part10_left_cont3 {
  margin-top: 30px;
}

.offcn_info_show {
  margin-top: 30px;
}

.offcn_info_show > img {
  width: 154px;
  height: 112px;
}

.offcn_show_img01 {
  margin-right: 12px;
}

.offcn_show_img03 {
  margin-top: 13px;
  margin-right: 12px;
}

.offcn_show_img04 {
  margin-top: 13px;
}

.offcn_part10_left_cont3 > div > p {
  font: normal 14px/1 "Microsoft Yahei";
  margin-top: 13px;
  text-align: center;
  color: #666;
}

.offcn_part10_right {
  width: 777px;
}

.offcn_part10_right_tab {
  overflow: hidden;
  margin-top: 21px;
}

.offcn_part10_right_tab li {
  font: normal 14px/44px "Microsoft Yahei";
  float: left;
  width: 142px;
  height: 42px;
  margin-top: 14px;
  margin-left: 11px;
  cursor: pointer;
  text-align: center;
  color: #666;
  border: 1px solid #ddd;
}

.offcn_part10_right .on5 {
  color: #fff;
  border-color: #ff4845;
  background: #ff4845;
}

.offcn_part10_right_show {
  display: none;
  margin-top: 10px;
  padding-left: 11px;
}

.offcn_part10_right_show > div {
  height: 275px;
}

.offcn_part10_right_show ul li {
  margin-top: 6px;
}

.offcn_part10_right_show ul li p {
  font: normal 14px/2 "Microsoft Yahei";
  color: #666;
}

.offcn_part10_right_show > a {
  font: normal 14px/14px "Microsoft Yahei";
  display: block;
  padding: 16px 0;
  text-align: center;
  color: #666;
  border: 1px solid #ddd;
}

.offcn_part10_right_show > a:hover {
  color: #f83231;
  border-color: #f83231;
}

.offcn_part10_right_show > a > em {
  line-height: 11px;
  display: inline-block;
  width: 12px;
  height: 12px;
  margin-right: 9px;
  text-align: center;
  vertical-align: middle;
  color: #fff;
  background: #ff4845;
}

/*切换部分 考研微博 互动平台*/

.offcn_kywb_hdpt {
  width: 777px;
}

.offcn_kywb_hdpt h3 {
  font: normal 18px/1 "Microsoft Yahei";
  color: #333;
}

.offcn_kywb h3 {
  padding-top: 30px;
}

.offcn_kywb_list {
  overflow: hidden;
  margin-top: 10px;
}

.offcn_kywb_list li {
  position: relative;
  float: left;
  width: 362px;
  margin-top: 13px;
  height: 56px;
}

.offcn_kywb_list_cont {
  display: block;
}

.offcn_kywb_list_cont > img {
  float: left;
  width: 48px;
  height: 48px;
  margin-top: 5px;
  margin-right: 11px;
}

.offcn_kywb_list_cont > b {
  font: normal 14px/2 "Microsoft Yahei";
  color: #666;
}

.offcn_kywb_list_cont:hover > b {
  color: #ff4845;
}

.offcn_kywb_list_cont > span {
  font: normal 12px/1 "宋体";
  margin-left: 13px;
  color: #999;
}

.offcn_kywb_list_gz {
  font: normal 12px/22px "宋体";
  position: absolute;
  right: 0;
  bottom: 7px;
  display: block;
  width: 64px;
  height: 22px;
  color: #fff;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background: #ff4845;
}

.offcn_kywb_list_gz:hover {
  color: #fff;
}

.offcn_kywb_list_gz > i {
  display: inline-block;
  width: 12px;
  height: 10px;
  margin-right: 3px;
  margin-left: 7px;
  vertical-align: middle;
  background: url(../../images/newimg/ky_spild.png) no-repeat -659px -149px;
}

.offcn_hdpt > h3 {
  padding-top: 37px;
  padding-bottom: 26px;
}

.offcn_hdpt_qrcode > div {
  width: 171px;
  height: 131px;
  background: #fff;
}

.offcn_hdpt_qrcode > div > img {
  float: left;
  width: 113px;
  height: 113px;
  margin-top: 10px;
  margin-left: 10px;
}

.offcn_hdpt_qrcode > div > span {
  font: normal 14px/1 "Microsoft Yahei";
  display: inline-block;
  width: 16px;
  margin-top: 10px;
  margin-left: 15px;
  color: #666;
}

.offcn_hdpt_qrcode_wb {
  margin-left: 19px;
}

.offcn_hdpt_qq {
  margin-left: 58px;
}

.offcn_hdpt_qq > ul li {
  margin-top: 19px;
}

.offcn_hdpt_qq > ul li > em {
  display: inline-block;
  width: 16px;
  height: 18px;
  margin-right: 11px;
  background: url(../../images/newimg/ky_spild.png) no-repeat -659px -200px;
}

.offcn_hdpt_qq > ul li > a {
  font: normal 14px/18px "Microsoft Yahei";
  display: inline-block;
  color: #666;
}

.offcn_hdpt_qq > ul li > a:hover {
  color: #ff4845;
}

.offcn_frilink {
  padding: 30px 0;
}

.offcn_frilink > p {
  font: normal 14px/1 "Microsoft Yahei";
  padding-bottom: 14px;
  color: #333;
}

.offcn_frilink > a {
  font: normal 14px/2 "Microsoft Yahei";
  display: inline-block;
  margin-left: 8px;
  color: #999;
}

.offcn_frilink > a:hover {
  color: #f83231;
}

/*左侧导航*/

.offcn_sidleft {
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  width: 66px;
  height: 100%;
  padding-top: 20px;
  background: #f9f9f9;
}

.offcn_sidep {
  width: 66px;
  height: 196px;
  /*    border-bottom: 1px solid #e8e8e8;*/
  background: #f9f9f9;
}

.offcn_sidep b {
  font: bold 16px/1 "Microsoft Yahei";
  display: block;
  text-align: center;
  color: #f83231;
}

.offcn_sidep a {
  font: normal 14px/28px "Microsoft Yahei";
  display: block;
  width: 48px;
  height: 28px;
  margin: 0 auto;
  margin-top: 10px;
  text-align: center;
  color: #666;
  border: 1px solid #e7e7e7;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.offcn_sidep a:hover {
  color: #fff;
  border-color: #ff4845;
  background: #ff4845;
}

.offcn_wxclik {
  position: relative;
}

.offcn_wxclik span {
  position: absolute;
  top: -22px;
  left: 64px;
  display: none;
  width: 92px;
  height: 84px;
  padding-top: 8px;
  text-align: center;
  border: 1px solid #ddd;
  background: #fff;
}

.offcn_wxclik span em {
  position: absolute;
  top: 50%;
  left: -16px;
  display: block;
  width: 14px;
  height: 92px;
  margin-top: -46px;
  padding-left: 10px;
  background: url(../../images/newimg/offcn_lesan.jpg) no-repeat 10px center;
}

.offcn_dhfleft {
  font: 14px/24px "microsoft yahei";
  position: absolute;
  top: 56%;
  right: -30px;
  width: 30px;
  height: 82px;
  padding-top: 18px;
  text-align: center;
  color: #fff;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
  background: #ff8e6c;
}

a.offcn_dhfleft:hover {
  color: #fff;
}

.offcn_sidleft .xs {
  position: relative;
  height: 68px;
  /* border-bottom: 1px solid #e8e8e8;*/
}

.offcn_sidleft .xs span {
  font-family: "Microsoft Yahei";
  font-size: 14px;
  line-height: 20px;
  display: block;
  width: 66px;
  padding-top: 44px;
  cursor: pointer;
  text-align: center;
  color: #555;
}

.offcn_sidleft .xs span.qq {
  background: url(../../images/newimg/sidleft_qq.png) no-repeat center 6px;
}

.offcn_sidleft .xs span.zx {
  background: url(../../images/newimg/sidleft_zx.png) no-repeat center 6px;
}

.offcn_sidleft .xs span.wx {
  background: url(../../images/newimg/sidleft_wx.png) no-repeat center 6px;
}

.offcn_sidleft .xs span.wb {
  background: url(../../images/newimg/sidleft_wb.png) no-repeat center 6px;
}

.offcn_sidleft .xs span.tel {
  background: url(../../images/newimg/sidleft_tel.png) no-repeat center 6px;
}

.offcn_sidleft .xs p {
  position: absolute;
  z-index: 998;
  top: -10px;
  left: 66px;
  display: none;
  width: 170px;
  height: 150px;
  padding-top: 6px;
  border: 1px solid #eee;
  border-left: none;
  background: #fff;
  font-size: 14px;
  line-height: 60px;
  text-align: center;
}

.offcn_sidleft .xs p img {
  display: block;
  width: 150px;
  height: 150px;
  margin: 0 auto;
}

.offcn_sidleft .xs:hover {
  background: #fff;
}

.offcn_sidleft .xs:hover p {
  display: block;
}

.zgbf_xftop {
  display: block;
  width: 28px;
  height: 28px;
  margin: 15px auto;
  cursor: pointer;
  background: url(../../images/newimg/sidleft_top.png) no-repeat center;
}

/*右侧导航*/

.offcn_sidrig {
  position: fixed;
  z-index: 9999;
  top: 50%;
  right: 0;
  width: 52px;
  height: 421px;
  margin-top: -210px;
}

.offcn_sidrig a {
  font: 14px/40px "microsoft yahei";
  display: block;
  width: 100%;
  height: 40px;
  margin-bottom: 2px;
  text-align: center;
  color: #666;
  background: #eee;
}

.offcn_sidrig a.offcn_dhtop {
  font: bold 18px/40px "microsoft yahei";
  color: #fff;
  background: #ff383f;
}

.offcn_sidrig a.offcn_backtop {
  height: 37px;
  border-bottom: 3px solid #ff383f;
}

.offcn_sidrig a:hover {
  color: #fff;
  background: #fd6066;
}

.offcn_sidrig a.offcn_dhtop:hover {
  background: #ff383f;
}

.offcn_sidrig a.offcn_message {
  color: #fff;
  background: url(../../images/newimg/offcn_message.png) no-repeat center 9px
    #eee;
}

.offcn_hovimg {
  overflow: hidden;
  width: 253px;
  height: 160px;
}

.offcn_ftsize a {
  font-size: 12px;
  line-height: 20px;
}

.offcn_tjkc .on {
  margin-top: -4px;
}

.offcn_tjkc div {
  cursor: pointer;
}

/* form_popup start */
.zg_mask {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1001;
}

.zg_yytc {
  display: none;
  padding-bottom: 24px;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 447px;
  background-color: #fff;
  border: 1px solid #ececec;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
  box-sizing: content-box;
  overflow: hidden;
  z-index: 1002;
}

.zg_yytc .zg_yytc_close {
  position: absolute;
  top: 1px;
  right: 5px;
  padding: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  box-sizing: content-box;
  cursor: pointer;
}

.zg_yytc .zg_yytc_close .close {
  width: 28px;
  height: 28px;
  background-color: #fff;
  background-image: url("../../images/newimg/offcn_form_close.png");
  background-repeat: no-repeat;
  background-size: 14px 14px;
  background-position: center;
  border: 1px solid #ff4845;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}

.zg_yytc .close-wrapper:hover .close {
  transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
}

.zg_yytc .top_title {
  padding-top: 20px;
  width: 100%;
  height: 106px;
  background-image: url("../../images/newimg/offcn_form_title_bg.png");
  background-repeat: no-repeat;
  background-size: cover;
  box-sizing: border-box;
}

.zg_yytc .top_title .title {
  display: block;
  text-align: center;
  font: bold 30px/1 "Microsoft Yahei";
  color: #fff;
}

.zg_yytc .top_title .desc {
  margin-top: 13px;
  text-align: center;
  font: 14px/1 "microsoft yahei";
  color: #fff;
}

.zg_yytc .zg_form {
  margin: 25px auto 0;
  width: 383px;
}

.zg_yytc .zg_form .input_row {
  margin-top: 16px;
  padding-bottom: 8px;
  border-bottom: 1px solid #ececec;
  overflow: hidden;
}

.zg_yytc .zg_form label {
  float: left;
  margin-left: 15px;
  font: 16px/38px "microsoft yahei";
  color: #666;
}

.zg_yytc .zg_form select,
.zg_yytc .zg_form input {
  margin-left: 10px;
  float: left;
  display: block;
  width: 282px;
  height: 36px;
  text-indent: 0.5em;
  font: 16px/38px "microsoft yahei";
  border: 1px solid #dcdcdc;
  border: none;
  outline: none;
}

.zg_yytc .zg_form option {
  font: 16px/38px "microsoft yahei";
  color: #666;
}

.zg_yytc .zg_form input.input-code {
  width: 140px;
}

.zg_yytc .get-code-wrapper {
  float: right;
  width: 140px;
  height: 36px;
}

.zg_yytc .button-yzm-btn {
  width: 140px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  font-family: "microsoft yahei";
  font-size: 16px;
  color: #fff;
  background: #ff4845;
}

.zg_yytc .button-yzm-btn.form_get_code {
  cursor: pointer;
}

.zg_yytc .button-yzm-btn.form_countdown {
  display: none;
}

.zg_yytc .zg_form .form-button {
  float: none;
  margin: 25px auto 0;
  display: block;
  width: 242px;
  height: 44px;
  text-align: center;
  font: bold 18px/44px "microsoft yahei";
  color: #fff;
  background: #ff4845;
  border: none;
  border-radius: 2px;
  -moz-border-radius: 2px;
  cursor: pointer;
  outline: none;
}
/* form_popup end */

/*     三栏版式结束    */

/*     二栏版式开始    */

/*二栏首页*/

/*二栏首页 part1 首推 焦点图*/
.offcn_2_part1 {
  margin-top: 25px;
  height: 328px;
}
.offcn_2_part1_left {
  width: 525px;
}
.offcn_2_part1_left_btn {
  height: 40px;
}
.offcn_2_part1_left_btn li {
  cursor: pointer;
  float: left;
  width: 131px;
  height: 40px;
  background: #f5f5f5;
  font: normal 18px/40px "microsoft yahei";
  color: #666;
  text-align: center;
}
.offcn_2_part1_left_btn .offcn_2_part1_left_btn_on {
  background: #ff4845;
  color: #fff;
}
.offcn_2_part1_left_btn .offcn_2_part1_left_btn_on > em {
  display: inline-block;
  width: 3px;
  height: 17px;
  background: url(../../images/newimg/offcn_2_part1_left_btn_on.png) no-repeat;
  vertical-align: top;
  margin-top: 12px;
  margin-right: 12px;
}
.offcn_2_part1_left_show {
  display: none;
  height: 286px;
}
.offcn_2_part1_left_show_jrrd {
  display: block;
}
.offcn_2_part1_left_show_jrrd > h2 {
  font: bold 20px/1 "microsoft yahei";
  color: #333;
  text-align: center;
  padding-top: 29px;
  padding-bottom: 28px;
}
.offcn_2_part1_left_show_jrrd > ul {
  padding-bottom: 10px;
}
.offcn_2_part1_left_show_jrrd > ul li {
  font: normal 14px/30px "microsoft yahei";
  color: #666;
}
.offcn_2_part1_left_show_jrrd > ul li > a {
  margin-left: 23px;
}
.offcn_2_part1_left_show_jrrd > ul li .offcn_2_part1_left_show_jrrd_li_1 {
  margin-left: 0;
}
.offcn_2_part1_left_show_jrrd > ul li > span {
  margin-left: 22px;
}
.offcn_2_part1_left_show_jrrd > ul .offcn_2_part1_left_show_jrrd_tit {
  font: normal 14px/30px "microsoft yahei";
  color: #e60012;
  padding-bottom: 7px;
}
.offcn_2_part1_left_show_jrrd > ul .offcn_2_part1_left_show_jrrd_tit > b {
  display: inline-block;
  width: 96px;
  height: 28px;
  border: 1px solid #e60012;
  text-align: center;
  font: normal 14px/28px "microsoft yahei";
  -moz-border-radius: 12px;
  border-radius: 12px;
  color: #e60012;
  margin-right: -15px;
}
.offcn_2_part1_left_show_jrrd > ul .offcn_2_part1_left_show_jrrd_tit a {
  color: #e60012;
}
.offcn_2_part1_left_show_jrrd > ul .offcn_2_part1_left_show_jrrd_tit a:hover {
  text-decoration: underline;
}
.offcn_2_part1_left_show_jrrd > ul .offcn_2_part1_left_show_jrrd_tit > span {
  margin-left: 35px;
}
.offcn_2_part1_left_show_list {
  overflow: hidden;
  padding-top: 20px;
}
.offcn_2_part1_left_show_list li > em {
  display: inline-block;
  font: normal 14px/38px "microsoft yahei";
  color: #ff4845;
  margin-right: 16px;
  margin-left: 2px;
}
.offcn_2_part1_left_show_list li > a {
  display: inline-block;
  font: 14px/38px "microsoft yahei";
  color: #666;
}
.offcn_2_part1_left_show_list li > span {
  color: #999;
  float: right;
  font-size: 14px;
  line-height: 38px;
  margin-right: 10px;
}
.offcn_2_part1_left_show_list li > a:hover {
  color: #ff4845;
}
.offcn_2_part1_left_show_rmzy_list {
  overflow: hidden;
  padding-top: 15px;
}
.offcn_2_part1_left_show_rmzy_list li {
  height: 78px;
  margin-top: 13px;
}
.offcn_2_part1_left_show_rmzy_list_left > a {
  display: block;
  width: 156px;
  height: 78px;
}
.offcn_2_part1_left_show_rmzy_list_left > a > em {
  display: inline-block;
  width: 54px;
  height: 54px;
  vertical-align: top;
  margin-top: 14px;
}
.offcn_2_part1_left_show_rmzy_list_left > a > span {
  display: inline-block;
  font: bold 16px/24px "microsoft yahei";
  color: #dc7199;
  width: 73px;
  margin-left: 14px;
  margin-top: 16px;
}
.offcn_2_part1_left_show_rmzy_list .offcn_2_part1_left_show_rmzy_list_left_01 {
  background: #fbd7e1;
}
.offcn_2_part1_left_show_rmzy_list .offcn_2_part1_left_show_rmzy_list_left_02 {
  background: #efcff8;
}
.offcn_2_part1_left_show_rmzy_list .offcn_2_part1_left_show_rmzy_list_left_03 {
  background: #acddfb;
}
.offcn_2_part1_left_show_rmzy_list
  .offcn_2_part1_left_show_rmzy_list_left_01
  > em {
  background: url(../../images/newimg/offcn_2_part1_left_show_rmzy_list_left01.png)
    no-repeat;
}
.offcn_2_part1_left_show_rmzy_list
  .offcn_2_part1_left_show_rmzy_list_left_02
  > em {
  background: url(../../images/newimg/offcn_2_part1_left_show_rmzy_list_left02.png)
    no-repeat;
}
.offcn_2_part1_left_show_rmzy_list
  .offcn_2_part1_left_show_rmzy_list_left_03
  > em {
  background: url(../../images/newimg/offcn_2_part1_left_show_rmzy_list_left03.png)
    no-repeat;
}
.offcn_2_part1_left_show_rmzy_list
  .offcn_2_part1_left_show_rmzy_list_left_02
  > span {
  color: #bf70d6;
}
.offcn_2_part1_left_show_rmzy_list
  .offcn_2_part1_left_show_rmzy_list_left_03
  > span {
  color: #5893c4;
}
.offcn_2_part1_left_show_rmzy_list_right {
  width: 346px;
  height: 78px;
  background: #f9f9f9;
  padding-left: 23px;
}
.offcn_2_part1_left_show_rmzy_list_right
  .offcn_2_part1_left_show_rmzy_list_right_red {
  color: #e60012;
}
.offcn_2_part1_left_show_rmzy_list_right > p {
  font: normal 12px/24px "microsoft yahei";
  color: #666;
}
.offcn_2_part1_left_show_rmzy_list_right > p a:hover {
  color: #e60012;
}
.offcn_2_part1_left_show_rmzy_list_right
  .offcn_2_part1_left_show_rmzy_list_right_pri {
  float: right;
  /* display: inline-block; */
  width: 50px;
  margin-right: 27px;
  color: #e60012;
}

/*右侧 焦点图*/
.offcn_2_part1_focus .offcn_2_part1_focus_slideTxtBox {
  width: 638px;
  height: 328px;
  position: relative;
}
.offcn_2_part1_focus .bd1 li img {
  width: 638px;
  height: 328px;
}
.offcn_2_part1_focus .bd2 {
  position: absolute;
  bottom: 0;
  left: 0;
}
.offcn_2_part1_focus .bd2 {
  width: 638px;
}
.offcn_2_part1_focus .bd2 > li {
  width: 612px;
  height: 34px;
  font: normal 16px/34px "microsoft yahei";
  color: #fff;
  padding-left: 26px;
  background: rgba(0, 0, 0, 0.3);
}
.offcn_2_part1_focus .bd2 > li > a {
  color: #fff;
}
.offcn_2_part1_focus .bd2 > li > span {
  float: right;
  margin-right: 19px;
}

.offcn_2_part1_focus .btn {
  position: absolute;
  width: 31px;
  height: 78px;
  top: 50%;
  margin-top: -39px;
}
.offcn_2_part1_focus .prev {
  background: url(../../images/newimg/offcn_2_part1_focus_left.png) no-repeat;
  left: 0;
}
.offcn_2_part1_focus .next {
  background: url(../../images/newimg/offcn_2_part1_focus_right.png) no-repeat;
  right: 0;
}

/*二栏主页 part2 近期讲座 考研工具箱 研友互动*/
.offcn_2_part2 {
  margin-top: 35px;
  height: 146px;
}
.offcn_2_part2_jqjz {
  width: 525px;
}
.offcn_2_part2_jqjz_tit {
  font: normal 18px/26px "microsoft yahei";
  color: #333;
}
.offcn_2_part2_jqjz_tit > em {
  display: inline-block;
  width: 17px;
  height: 26px;
  margin-right: 14px;
  background: url(../../images/newimg/offcn_2_part2_jqjz_tit01.png) no-repeat
    center;
}
.offcn_2_part2_jqjz_tit > i {
  display: inline-block;
  width: 51px;
  height: 26px;
  margin-left: 3px;
  margin-right: 14px;
  background: url(../../images/newimg/offcn_2_part2_jqjz_tit02.png) no-repeat;
}
.offcn_2_part2_jqjz_tit > span {
  font-size: 14px;
  color: #e60012;
}
.offcn_2_part2_jqjz_list {
  overflow: hidden;
  margin-top: -2px;
}
.offcn_2_part2_jqjz_list > li {
  font: normal 14px/26px "microsoft yahei";
  margin-top: 14px;
}
.offcn_2_part2_jqjz_list > li span {
  display: inline-block;
  font: normal 14px/26px "microsoft yahei";
  color: #666;
}
.offcn_2_part2_jqjz_list > li > em {
  display: inline-block;
  width: 11px;
  height: 26px;
  background: url(../../images/newimg/offcn_2_part2_jqjz_tit03.png) no-repeat
    center;
  margin-right: 9px;
}
.offcn_2_part2_jqjz_list_kykc {
  margin-left: 30px;
}
.offcn_2_part2_jqjz_list_time {
  margin-left: 9px;
}
.offcn_2_part2_jqjz_list_yy {
  display: inline-block;
  width: 63px;
  height: 24px;
  border: 1px solid #ff4845;
  text-align: center;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.offcn_2_part2_jqjz_list_yy:hover {
  color: #fff;
  background: #ff4845;
}
.offcn_2_part2_right {
  width: 638px;
}
/*考研工具箱*/
.offcn_2_part2_right_kygjx {
  width: 350px;
  float: left;
}
.offcn_2_part2_right_kygjx_tit {
  font: normal 18px/1 "microsoft yahei";
  color: #333;
}
.offcn_2_part2_right_kygjx_tit > em {
  display: inline-block;
  width: 17px;
  height: 18px;
  margin-right: 13px;
  background: url(../../images/newimg/offcn_2_part2_right_kygjx_tit.png)
    no-repeat center;
}
.offcn_2_part2_right_kygjx_cont > a {
  display: inline-block;
  width: 79px;
  height: 30px;
  background: #f9f9f9;
  color: #666;
  text-align: center;
  font: normal 14px/30px "microsoft yahei";
  margin-left: 8px;
}
.offcn_2_part2_right_kygjx_cont > a:hover {
  color: #e60012;
  background: #ffecec;
}
.offcn_2_part2_right_kygjx_cont {
  width: 360px;
  margin-left: -10px;
  margin-top: 10px;
}
.offcn_2_part2_right_kygjx .offcn_2_part2_right_kygjx_cont1 {
  margin-top: 16px;
}
/*研友互动*/
.offcn_2_part2_right_yyhd {
  width: 250px;
}
.offcn_2_part2_right_yyhd_tit {
  font: normal 18px/1 "microsoft yahei";
  color: #333;
}
.offcn_2_part2_right_yyhd_tit > em {
  display: inline-block;
  width: 17px;
  height: 18px;
  background: url(../../images/newimg/offcn_2_part2_right_yyhd_tit.png)
    no-repeat center;
  margin-right: 13px;
}
.offcn_2_part2_right_yyhd_cont_wrap {
  background: #f9f9f9;
  padding: 2px;
  margin-top: 16px;
}
.offcn_2_part2_right_yyhd_cont {
  border: 1px solid #fff;
  padding: 9px;
  height: 86px;
}
.offcn_2_part2_right_yyhd_cont_ewm > p {
  float: right;
  width: 12px;
  font: 12px/13px "microsoft yahei";
  color: #666;
  padding-top: 3px;
}
.offcn_2_part2_right_yyhd_cont_ewm > img {
  margin-right: 6px;
  width: 90px;
  height: 86px;
}
/*热门院校*/
.offcn_2_hotsch_list li {
  float: left;
  width: 321px;
  height: 313px;
  border-top: 2px solid #ff98a0;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 1px 2px 8px 0px #f3eded, -1px 0px 8px 0px #f3eded;
  -moz-box-shadow: 1px 2px 8px 0px #f3eded, -1px 0px 8px 0px #f3eded;
  box-shadow: 1px 2px 8px 0px #f3eded, -1px 0px 8px 0px #f3eded;
  background: #fff;
  padding-left: 30px;
  padding-right: 30px;
  margin-right: 27px;
  margin-top: 30px;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s;
}
.offcn_2_hotsch_list li:nth-child(2) {
  border-color: #82aeff;
}
.offcn_2_hotsch_list li:nth-child(3) {
  border-color: #ffcb78;
}

.offcn_2_hotsch_list:nth-child(2) li:nth-child(1) {
  border-color: #d9adff;
}
.offcn_2_hotsch_list:nth-child(2) li:nth-child(2) {
  border-color: #ffbca2;
}
.offcn_2_hotsch_list:nth-child(2) li:nth-child(3) {
  border-color: #91e5dc;
}
.offcn_2_hotsch_list li:hover {
  margin-top: 20px;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  transition: 0.5s;
}
.offcn_2_hotsch_list_tit {
  font: bold 20px/68px "microsoft yahei";
  color: #333;
  padding-top: 17px;
  padding-bottom: 3px;
}
.offcn_2_hotsch_list_tit > img {
  width: 40px;
  height: 40px;
  margin-right: 10px;
}
.offcn_2_hotsch_list {
  height: 345px;
}
.offcn_2_hotsch_list li > p {
  text-align: left;
}
.offcn_2_hotsch_list li > p > a > span {
  display: inline-block;
  transform: scale(0.6);
  padding-right: 6px;
  vertical-align: top;
}
.offcn_2_hotsch_list_btn {
  height: 36px;
  margin-top: 19px;
}
.offcn_2_hotsch_list_btn > a {
  display: inline-block;
  width: 128px;
  height: 34px;
  border: 1px solid #ff4845;
  font: normal 14px/34px "microsoft yahei";
  color: #666;
  text-align: center;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.offcn_2_hotsch_list_btn > a:hover {
  color: #fff;
  background: #ff4845;
}
.offcn_2_hotsch_list_link {
  font: normal 14px/30px "microsoft yahei";
  color: #666;
}
.offcn_2_hotsch_list_link1 {
  padding-top: 15px;
}
.offcn_2_hotsch_cont {
  margin-top: -5px;
}
.offcn_2_hotsch_list .mg_rt {
  margin-right: 0;
}
.offcn_2_hotsch_cont_more {
  display: block;
  font: normal 18px/1 "microsoft yahei";
  color: #ff4845;
  margin-top: 17px;
  margin-bottom: 38px;
}
.offcn_2_hotsch_cont_more:hover {
  text-decoration: underline;
}

/*二栏主页 logo 导航栏*/

.offcn_2_nav_bg {
  padding-top: 22px;
}
.offcn_2_nav_top_logo {
  display: inline-block;
  width: 320px;
}
.offcn_2_nav_top_logo > img {
  -webkit-animation: none !important;
  -moz-animation: none !important;
  animation: none !important;
}
.offcn_2_nav_top_bg {
  height: 62px;
  position: relative;
}
.offcn_2_nav_top_borderline {
  position: absolute;
  height: 3px;
  width: 100%;
  background: #ff4845;
  bottom: 0;
  z-index: -1;
}
.offcn_2_nav_top {
  position: relative;
}
.offcn_2_nav_top_btn {
  height: 62px;
  margin-left: 334px;
}
.offcn_2_nav_top_btn > li {
  float: left;
  width: 140px;
  height: 56px;

  font: normal 20px/56px "microsoft yahei";
  color: #333;
  text-align: center;
  border-top: 3px solid #fff;
  border-bottom: 3px solid #ff4845;
}

.offcn_2_nav_top_btn .offcn_2_nav_top_btn_on {
  width: 160px;
  height: 56px;
  border-top-color: #ff4845;
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
  border-bottom-color: #fff;
  text-indent: 35px;
  background: url(../../images/newimg/offcn_2_index_nav01.png) no-repeat 22px
    center;
}
.offcn_2_nav_top_tel {
  position: absolute;
  right: 0;
  bottom: 19px;
}
.offcn_2_nav_top_tel > em {
  display: inline-block;
  width: 22px;
  height: 22px;
  margin-right: 4px;
  background: url(../../images/newimg/offcn_2_nav_top_tel.png) no-repeat;
  vertical-align: top;
  margin-top: 0px;
}
.offcn_2_nav_top_tel > span {
  display: inline-block;
  font: normal 16px/20px "microsoft yahei";
  color: #ff4845;
  vertical-align: top;
}
.offcn_2_nav_top_show > p > a {
  display: inline-block;
  width: 120px;
  font: normal 16px/1 "microsoft yahei";
  color: #666;
  text-align: center;
}
.offcn_2_nav_top_show > p > a:hover {
  color: #ff4845;
}
.offcn_2_nav_top_show > p {
  padding: 10px 0;
}
.offcn_2_nav_top_show {
  height: 91px;
  border-bottom: 1px solid #ececec;
  padding-top: 16px;
  position: relative;
  display: none;
}

.offcn_2_nav_top_show .offcn_2_nav_top_show_a1 {
  text-align: left;
  width: 90px;
}
.offcn_2_nav_top_show_daojishi {
  width: 134px;
  height: 72px;
  background: url(../../images/newimg/offcn_2_nav_top_show_daojishi.png)
    no-repeat;
  position: absolute;
  right: 0;
  top: 21px;
}
.offcn_2_nav_top_show_daojishi > b {
  display: block;
  font: normal 16px/29px "microsoft yahei";
  color: #fff;
  text-align: center;
}
.offcn_2_nav_top_show_daojishi > p {
  text-align: center;
  padding-top: 8px;
}
.offcn_2_nav_top_show_daojishi .djstime {
  font: bold 23px/1 "microsoft yahei";
  color: #ff4845;
  letter-spacing: 1px;
}
.offcn_2_nav_top_show_daojishi .offcn_2_nav_top_show_daojishi_tian {
  font: bold 12px/1 "microsoft yahei";
  color: #ff4845;
  margin-left: 3px;
}

/*底部样式*/

/*底部样式 03-微博分中心混合*/

.offcn_part10_bg .offcn_part10_left_cont2_sty03 {
  border: 1px dashed #ddd;
  position: relative;
  width: 349px;
}
.offcn_part10_bg .offcn_part10_left_cont2_sty03 > b {
  position: absolute;
  top: -8px;
  left: -2px;
  line-height: 20px;
  text-indent: 28px;
  padding-right: 12px;
  background: url(../../images/newimg/offcn_part10_left_cont2_sty03.png)
    no-repeat left top #f8f8f8;
}
.offcn_part10_bg .offcn_part10_left_cont2_sty03 > p {
  margin-top: 0;
  padding: 15px 0;
  text-align: center;
}
.offcn_part10_bg .offcn_part10_left_cont3_sty03 {
  margin-top: 15px;
}
.offcn_part10_bg .offcn_part10_left_cont3_sty03_tit {
  font: normal 18px/1 "microsoft yahei";
  color: #333;
}
.offcn_part10_bg .offcn_part10_left_cont3_sty03_tit > span {
  color: #f83231;
}
.offcn_part10_bg .offcn_part10_left_cont3_sty03_tit > em {
  display: inline-block;
  width: 19px;
  height: 18px;
  margin-left: 7px;
  background: url(../../images/newimg/offcn_part10_left_cont3_sty03_tit.png)
    no-repeat center;
}
.offcn_part10_left_cont3_sty03_qq {
  height: 70px;
  position: relative;
}
.offcn_part10_left_cont3_sty03_qq > p {
  position: relative;
  width: 140px;
  height: 38px;
  border: 1px solid #ddd;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: #fff;
  position: absolute;
  top: 0;
}
.offcn_part10_left_cont3_sty03_qq > p > b {
  display: block;
  position: absolute;
  width: 44px;
  height: 44px;
  text-align: center;
  top: -4px;
  left: -10px;
  -moz-border-radius: 11px;
  border-radius: 11px;
}
.offcn_part10_left_cont3_sty03_qq > p > b > img {
  margin-top: 8px;
}
.offcn_part10_left_cont3_sty03_qq > p > a {
  display: inline-block;
  font: normal 14px/38px "microsoft yahei";
  color: #666;
  text-align: center;
  margin-left: 30px;
}
.offcn_part10_left_cont3_sty03_qq > p > a:hover {
  color: #f83231;
}
.offcn_part10_left_cont3_sty03_qq_1 > b {
  background: #7391ff;
}
.offcn_part10_left_cont3_sty03_qq_2 > b {
  background: #53d5af;
}
.offcn_part10_bg .offcn_part10_left_cont3_sty03_qq_1 {
  left: 28px;
}
.offcn_part10_bg .offcn_part10_left_cont3_sty03_qq_2 {
  right: 39px;
}
.offcn_part10_left_cont3_sty03_wx1 {
  margin-left: 20px;
}
.offcn_part10_right_sty03 .offcn_part10_right_show ul li {
  margin-top: 0;
}
.offcn_part10_right_sty03 .offcn_part10_right_show > div {
  height: 170px;
}
.offcn_part10_right_sty03_wb h3 {
  font: normal 18px/1 "microsoft yahei";
  color: #333;
  padding-top: 10px;
}
.offcn_part10_right_sty03_wb h3 > em {
  display: inline-block;
  width: 19px;
  height: 18px;
  background: url(../../images/newimg/offcn_part10_left_cont3_sty03_tit.png)
    no-repeat center;
  margin-left: 8px;
}

/*底部样式 04  分中心较少*/
.offcn_part10_bg_sty04 .offcn_part10_right {
  width: 503px;
  padding-left: 40px;
  background: url(../../images/newimg/offcn_block04.png) no-repeat right center;
}
.offcn_part10_bg_sty04 .offcn_part10_right_show > div {
  height: 102px;
}
.offcn_part10_bg_sty04 .offcn_part10_right_tab_li1 {
  margin-left: 0;
}
.offcn_part10_bg_sty04 .offcn_part10_right_show {
  padding-top: 10px;
  padding-left: 0;
}
.offcn_part10_bg_sty04 .offcn_kywb_list li {
  width: 462px;
}
.offcn_part10_bg_sty04 .offcn_kywb h3 {
  font: normal 18px/1 "microsoft yahei";
  color: #333;
}
.offcn_part10_bg_sty04 .offcn_kywb h3 > em {
  display: inline-block;
  width: 19px;
  height: 18px;
  background: url(../../images/newimg/offcn_part10_left_cont3_sty03_tit.png)
    no-repeat center;
  margin-left: 8px;
}
.offcn_part10_bg_sty04 .offcn_part10_right_tab li {
  margin-top: 6px;
}
.offcn_part10_bg_sty04 .offcn_part10_bg_sty04_rigth h3 {
  font: normal 18px/1 "microsoft yahei";
  color: #333;
}
.offcn_part10_bg_sty04 .offcn_part10_bg_sty04_rigth h3 > em {
  display: inline-block;
  width: 19px;
  height: 18px;
  background: url(../../images/newimg/offcn_part10_left_cont3_sty03_tit.png)
    no-repeat center;
  margin-left: 8px;
}
.offcn_part10_bg_sty04 .offcn_kywb_list li {
  margin-top: 16px;
}
.offcn_part10_bg_sty04_rigth {
  padding-top: 25px;
}
.offcn_part10_bg_sty04 .offcn_hdpt_qq {
  margin-left: 0;
  padding-top: 23px;
}
.offcn_part10_bg_sty04_rigth_ewm_cont {
  width: 100%;
  height: 130px;
  background: #fff;
}
.offcn_part10_bg_sty04_rigth_ewm_cont > b {
  display: inline-block;
  width: 117px;
  height: 112px;
  background: url(../../images/newimg/offcn_part10_bg_sty04_rigth_ewm_bg1.png)
    no-repeat;
  vertical-align: top;
  margin-top: 9px;
  text-align: center;
  margin-left: 31px;
  margin-right: 16px;
}
.offcn_part10_bg_sty04_rigth_ewm_cont > b > img {
  width: 113px;
  height: 108px;
  margin-top: 2px;
}
.offcn_part10_bg_sty04_rigth_ewm_cont > span {
  display: inline-block;
  width: 15px;
  text-align: center;
  font: normal 14px/1 "microsoft yahei";
  color: #666;
  margin-left: 8px;
  margin-top: 16px;
}
.offcn_part10_bg_sty04_rigth_ewm_cont1 {
  margin-top: 28px;
}
.offcn_part10_bg_sty04_rigth_ewm_cont2 {
  margin-top: 21px;
}
.offcn_part10_bg_sty04_rigth_ewm_cont2 > b {
  background: url(../../images/newimg/offcn_part10_bg_sty04_rigth_ewm_bg2.png)
    no-repeat;
}

/* 二栏首页增加课程列表 */

.offcn_2_part2_wktj_tit02 {
  font: bold 18px/28px "Microsoft Yahei";
  color: #333;
}
.offcn_2_part2_wktj_tit02 > span {
  display: block;
  background: url(../../images/newimg/offcn_2_wktj_tit.png) no-repeat left
    center;
  margin-left: 13px;
  padding-left: 27px;
}
.offcn_2_part2_wktj_cont02 {
  position: relative;
  margin-top: 8px;
}
.offcn_2_part2_wktj_cont02_tit {
  position: absolute;
  top: -37px;
  right: 37px;
  font: normal 14px/28px "Microsoft Yahei";
  color: #666;
}
.offcn_2_part2_wktj_cont02 table {
  border-collapse: collapse;
  box-sizing: border-box;
  width: 525px;
  border: 1px solid #ff4845;
}
.offcn_2_part2_wktj_cont02 table tr th {
  font: normal 16px/26px "Microsoft Yahei";
  color: #ff4845;
  text-align: center;
  background: #ffeded;
}
.offcn_2_part2_wktj_cont02 table tr td {
  font: normal 14px/26px "Microsoft Yahei";
  color: #666;
  text-align: center;
}
.offcn_2_part2_wktj_cont02 table tr td > a,
.offcn_2_part2_wktj_cont02 table tr td > span {
  display: block;
  border-bottom: 1px dashed #e5e5e5;
}
.offcn_2_part2_wktj_cont02 table tr td .offcn_2_part2_wktj_noline {
  border-bottom: none;
}
.offcn_2_part2_wktj_cont02 table tr td > a.offcn_2_part2_wktj_kc {
  margin-left: 20px;
  text-align: left;
}
.offcn_2_part2_wktj_cont02 > a.prev,
.offcn_2_part2_wktj_cont02 > a.next {
  width: 14px;
  height: 14px;
  position: absolute;
  top: -31px;
}
.offcn_2_part2_wktj_cont02 > a.prev {
  left: 362px;
  background: url(../../images/newimg/offcn_2_part2_wktj_arr_l.png) no-repeat
    center;
}
.offcn_2_part2_wktj_cont02 > a.next {
  right: 15px;
  background: url(../../images/newimg/offcn_2_part2_wktj_arr_r.png) no-repeat
    center;
}

/* end 二栏首页增加课程列表 */

/* 首页师资增加背景样式 */

.offcn_imgbjno {
  width: 189px;
  height: 308px;
  background: url(../../images/newimg/offcn_imgbjtea.png) no-repeat;
  position: absolute;
  left: 0;
  top: 0;
}

/* end 首页师资增加背景样式 */

/* 2018.09.07 底部样式修改 */
.clearfix {
  *zoom: 1;
}
.clearfix:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
/* 底部样式01 */
.offcn_part10_left {
  padding-bottom: 20px;
}
.offcn_hdpt > h3 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.offcn_hdpt {
  padding-bottom: 20px;
}
.offcn_part10_right_show li {
  float: left;
  width: 50%;
}
.offcn_part10_right_show {
  padding-bottom: 20px;
}
.offcn_part10_right_show > a {
  margin-top: 10px;
}
.offcn_part10_right_tab {
  margin-top: 12px;
}
.offcn_part10_left_cont3 > div.fl,
.offcn_part10_left_cont3 > div.fr {
  width: 142px;
  text-align: center;
}
/* 底部样式02 */
.offcn_part10_bg_sty04 .offcn_part10_right {
  padding-bottom: 20px;
}
.offcn_part10_bg_sty04_rigth {
  width: 270px;
}
/* 底部样式03 */
.offcn_part10_bg {
  height: auto;
}
.offcn_part10_left_sty03 {
  padding-bottom: 20px;
}
.offcn_part10_right_sty03 .offcn_part10_right_show {
  padding-left: 20px;
}
.offcn_part10_right_sty03 .offcn_part10_right_show li {
  float: left;
  width: 50%;
}
.offcn_part10_right_sty03_wb h3 {
  padding-left: 10px;
}
.offcn_kywb_list {
  margin-top: 0;
  padding-bottom: 10px;
}
.offcn_part10_left_cont3_sty03_wx2,
.offcn_part10_left_cont3_sty03_wx1 {
  width: 142px;
  text-align: center;
}
/* 2018.09.07 end 底部样式修改 */

/*2018.09.07 part1 右侧 热门活动 */
.offcn_sch_act_cont2 ul li > a {
  display: block;
}
.offcn_sch_act_cont2 ul li > a > em {
  float: left;
  width: 42px;
  height: 42px;
  margin-right: 10px;
  background: url(../../images/newimg/ky_spild.png) no-repeat;
  font: normal 16px/42px "Microsoft Yahei";
  color: #fff;
  text-align: center;
}
.offcn_sch_act_cont2 ul li > a > b {
  font: normal 14px/22px "Microsoft Yahei";
  float: left;
  color: #666;
}
.offcn_sch_act_cont2 ul li > a > span {
  font: normal 14px/22px "Microsoft Yahei";
  float: left;
  color: #999;
}
/* end part1 右侧 热门活动 */

/* 头部地市自适应样式 */
.offcn_city_sty02 .offcn_city_show {
  width: auto;
  height: auto;
  top: 55px;
  bottom: auto;
  padding: 10px 20px 25px 30px;
  border-radius: 4px;
}
.offcn_city_sty02 .offcn_city_show > ul {
  float: none;
}
.offcn_city_sty02 .offcn_city_show > ul li {
  float: none;
  margin-left: 0;
  width: 400px;
}
.offcn_city_sty02 .offcn_city_show > ul li b {
  font: normal 16px/1 "Microsoft Yahei";
  display: block;
  margin-top: 23px;
  padding-bottom: 11px;
  color: #666;
}
.offcn_city_sty02 .offcn_city_show_ads {
  font: normal 14px/2 "Microsoft Yahei";
  color: #666;
  padding-left: 20px;
}
.offcn_city_sty02 .offcn_city_show_tel {
  font: normal 14px/2 "Microsoft Yahei";
  color: #666;
  padding-left: 20px;
}
.offcn_city_sty02 .offcn_city_show_ads > span {
  position: relative;
}
.offcn_city_sty02 .offcn_city_show_ads > span::before {
  content: "";
  width: 13px;
  height: 14px;
  position: absolute;
  top: 4px;
  left: -17px;
  background: url(../../images/newimg/ky_spild.png) no-repeat -935px -450px;
}

.offcn_city_sty02 .offcn_city_show_tel > span {
  position: relative;
}
.offcn_city_sty02 .offcn_city_show_tel > span::before {
  content: "";
  width: 13px;
  height: 14px;
  position: absolute;
  top: 4px;
  left: -17px;
  background: url(../../images/newimg/ky_spild.png) no-repeat -934px -399px;
}
.offcn_city_sty02 .offcn_city_show > ul.offcn_city_show_ul_c2 {
  overflow: hidden;
  width: 580px;
}
.offcn_city_sty02 .offcn_city_show > ul.offcn_city_show_ul_c2 li {
  width: 48%;
  float: left;
  margin-right: 10px;
  height: 134px;
  overflow: hidden;
}
/*end 头部地市自适应样式 */

/* 首页侧导航 */
.offcn_sidleft {
  width: 51px;
  left: initial;
  right: 0;
}
.offcn_sidep {
  width: 51px;
}
.offcn_sidep a {
  border: none;
}
.offcn_sidleft .xs span {
  width: 51px;
}
.offcn_sidleft .xs p {
  left: initial;
  right: 51px;
  border-left: 1px solid #eee;
  border-right: none;
}
/* end 首页侧导航 */

/* ky-topbanner 首页顶通 start 2020-10-23 */
.ky-topbanner {
  position: relative;
  width: 100%;
  min-width: 1100px;
  overflow: hidden;
}
.ky-topbanner .topbanner-img {
  width: 100%;
}
.topbanner-inner,
.ky-topbanner .topbanner-a,
.ky-topbanner .topbanner-list .item .item-a {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}
.ky-topbanner .topbanner-a {
  z-index: 2;
}
.ky-topbanner .topbanner-b{
  width: 50%;
}
.ky-topbanner .topbanner-c{
  width: 50%;
  left: initial;
  right: 0;
}
.ky-topbanner .topbanner-list {
  margin: 8.5% auto 0 auto;
  position: relative;
  display: flex;
  justify-content: center;
  width: 100%;
  box-sizing: border-box;
  z-index: 3;
}
.ky-topbanner .topbanner-list .item {
  margin-left: 60px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 410px;
  height: 144px;
  text-align: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.ky-topbanner .topbanner-list .item:first-child {
  margin-left: 0;
}
.ky-topbanner .topbanner-list .item .item-title {
  width: 100%;
  line-height: 1.3;
  font-weight: bold;
  font-size: 26px;
  color: #890200;
}
.ky-topbanner .topbanner-list .item .item-title .color-light {
  font-weight: bold;
  color: #c70300;
}
.ky-topbanner .topbanner-list .item .item-desc {
  width: 100%;
  font-size: 20px;
  color: #c70300;
}
.ky-topbanner .topbanner-list .item .item-desc .text {
  display: inline-block;
  position: relative;
  line-height: 1.5;
}
.ky-topbanner .topbanner-list .item .item-desc .text::before,
.ky-topbanner .topbanner-list .item .item-desc .text::after {
  position: absolute;
  top: 50%;
  content: "";
  width: 47px;
  height: 6px;
  background-repeat: no-repeat;
  background-size: cover;
}
.ky-topbanner .topbanner-list .item .item-desc .text::before {
  left: -54px;
  transform: translateY(-50%);
}
.ky-topbanner .topbanner-list .item .item-desc .text::after {
  right: -54px;
  transform: translateY(-50%) rotate(180deg);
}
@media only screen and (max-width: 1550px) {
  .ky-topbanner .topbanner-list {
    padding: 0 40px;
  }
  .ky-topbanner .topbanner-list .item {
    margin-left: 40px;
    height: 134px;
  }
  .ky-topbanner .topbanner-list .item .item-title {
    font-size: 25px;
  }
  .ky-topbanner .topbanner-list .item .item-desc {
    font-size: 19px;
  }
}
@media only screen and (max-width: 1450px) {
  .ky-topbanner .topbanner-list .item {
    height: 124px;
  }
  .ky-topbanner .topbanner-list .item .item-title {
    font-size: 22px;
  }
  .ky-topbanner .topbanner-list .item .item-desc {
    font-size: 17px;
  }
}
@media only screen and (max-width: 1366px) {
  .ky-topbanner .topbanner-list .item {
    height: 114px;
  }
  .ky-topbanner .topbanner-list .item .item-title {
    font-size: 19px;
  }
  .ky-topbanner .topbanner-list .item .item-desc {
    font-size: 15px;
  }
}
@media only screen and (max-width: 1200px) {
  .ky-topbanner .topbanner-list {
    padding: 0 60px;
  }
  .ky-topbanner .topbanner-list .item {
    margin-left: 30px;
    height: 104px;
  }
  .ky-topbanner .topbanner-list .item .item-title {
    font-size: 18px;
  }
  .ky-topbanner .topbanner-list .item .item-desc {
    font-size: 14px;
  }
}
.ky-topbanner .topbanner-list .item:hover {
  -webkit-animation: movetop 1.2s 1 ease-in-out;
  animation: movetop 1.2s 1 ease-in-out;
}
@keyframes movetop {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  35% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  70% {
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
/* ky-topbanner end 2020-10-23 */

/* ky-advert-1 导航下推荐位 start 2020-10-23 */
.ky-advert-1 {
  margin: 25px auto 0 auto;
  display: flex;
  justify-content: space-between;
  width: 1200px;
  height: 88px;
}
.ky-advert-1 .item {
  display: block;
  padding-top: 17px;
  position: relative;
  width: 288px;
  height: 88px;
  text-align: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 10px;
  box-sizing: border-box;
}
.ky-advert-1 .item .item-a {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}
.ky-advert-1 .item .item-title {
  width: 100%;
  line-height: 1.2;
  font-weight: bold;
  font-size: 18px;
  color: #fff0e0;
  text-shadow: 2px 1px 4px rgba(170, 10, 0, 0.45);
}
.ky-advert-1 .item .item-title .color-light {
  font-weight: bold;
  color: #ffe117;
}
.ky-advert-1 .item .item-desc {
  margin: 8px auto 0 auto;
  padding: 0 12px;
  width: max-content;
  min-width: 200px;
  height: 24px;
  line-height: 24px;
  letter-spacing: -0.5px;
  font-size: 16px;
  color: #666;
  background: #fff;
  border-radius: 12px;
  box-sizing: content-box;
}
.ky-advert-1 .item .item-desc .color-light {
  font-weight: bold;
  color: #c10100;
}
/* ky-advert-1 导航下推荐位 end 2020-10-23 */

/* ky-advert-2 导航下推荐位 start 2020-10-23 */
.ky-advert-2 {
  margin: 25px auto 0 auto;
  display: flex;
  justify-content: space-between;
  width: 1200px;
  height: 100px;
}
.ky-advert-2 .item {
  display: block;
  padding-top: 4px;
  position: relative;
  width: 590px;
  height: 100px;
  text-align: center;
  background-repeat: no-repeat;
  background-size: cover;
  box-sizing: border-box;
}
.ky-advert-2 .item::before {
  position: absolute;
  content: "";
  background-repeat: no-repeat;
  background-size: cover;
}
.ky-advert-2 .item:nth-child(odd) {
  background-image: url(../../images/newimg/ky-advert2-item-1-bg.png);
}
.ky-advert-2 .item:nth-child(odd)::before {
  top: -8px;
  left: 23px;
  width: 118px;
  height: 106px;
  background-image: url(../../images/newimg/ky-advert2-people-1.png);
}
.ky-advert-2 .item:nth-child(even) {
  background-image: url(../../images/newimg/ky-advert2-item-2-bg.png);
}
.ky-advert-2 .item:nth-child(even)::before {
  top: -11px;
  left: 36px;
  width: 98px;
  height: 110px;
  background-image: url(../../images/newimg/ky-advert2-people-2.png);
}
.ky-advert-2 .item .item-a {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  z-index: 4;
}
.ky-advert-2 .item .top-desc {
  margin: 0 auto;
  width: 180px;
  height: 21px;
  font-size: 15px;
  color: #ffe3ac;
}
.ky-advert-2 .item .top-desc .text {
  display: inline-block;
  position: relative;
  line-height: 21px;
}
.ky-advert-2 .item .top-desc .text::before,
.ky-advert-2 .item .top-desc .text::after {
  position: absolute;
  top: 50%;
  content: "";
  width: 15px;
  height: 2px;
  transform: translateY(-50%);
}
.ky-advert-2 .item .top-desc .text::before {
  left: -24px;
  background: linear-gradient(-90deg, #ffe3ac 0%, #fa5d58 100%);
}
.ky-advert-2 .item .top-desc .text::after {
  right: -24px;
  background: linear-gradient(-90deg, #fa5d58 0%, #ffe3ac 100%);
}
.ky-advert-2 .item .item-title {
  width: 100%;
  line-height: 46px;
  font-family: FZHZGBJW;
  font-size: 28px;
  color: #fff;
  text-shadow: 0 2px 6px rgba(219, 59, 56, 0.39);
}
.ky-advert-2 .item .item-title .color-light {
  color: #ffe117;
}
.ky-advert-2 .item .item-intro {
  margin: 0 auto;
  padding: 0 12px;
  width: max-content;
  min-width: 225px;
  height: 22px;
  line-height: 22px;
  letter-spacing: -0.5px;
  font-size: 14px;
  color: #e22b00;
  background: linear-gradient(0deg, #ffe3ac, #ffbe12);
  box-shadow: 0 -1px 0 0 #ffc01b;
  border-radius: 11px;
  box-sizing: content-box;
}
.ky-advert-2 .item .item-button {
  display: block;
  padding: 11px 5px 0 5px;
  position: absolute;
  top: 18px;
  right: 36px;
  width: 65px;
  height: 65px;
  line-height: 22px;
  font-size: 17px;
  color: #e32b00;
  background: linear-gradient(0deg, #ffb700 0%, #ffe600 99%);
  box-shadow: 0 0 10px 0 #dc3d27;
  border-radius: 50%;
  box-sizing: border-box;
  cursor: pointer;
}
.ky-advert-2 .item .item-button span {
  position: relative;
  font-weight: bold;
  z-index: 2;
}
.ky-advert-2 .item .item-button::before {
  position: absolute;
  content: "";
  top: 4px;
  left: 5px;
  width: 25px;
  height: 26px;
  background-image: url(../../images/newimg/ky-advert2-button-light.png);
  background-repeat: no-repeat;
  background-size: cover;
}
/* ky-advert-2 导航下推荐位 end 2020-10-23 */
.indexNew *{box-sizing: border-box;}
.indexNew{height: 506px;background: url(../../images/newimg/index_nbg.png) no-repeat center top;margin-top: 30px;}
.indexNTop{display: flex;flex-wrap: wrap;justify-content: space-between;height: 76px;padding: 0 30px;padding-top: 20px;}
.indexNTop a{display: block;width: 144px;height: 40px;line-height: 40px;text-align: center;background: #ffe6ad;border-radius: 50px;padding-top: 1px;}
.indexNTop a em{display: inline-block;width: 136px;height: 32px;line-height: 32px;text-align: center;border: 1px #e72d20 dashed;border-radius: 50px;}
.indexNTop a em span{display: inline-block;font-size: 18px;color: #333;padding-left: 30px;background: no-repeat left center;}
.indexNTop a:hover em span{font-weight: bold;color: #e4170f;}
.indexNTop a:nth-child(1) em span{background-image: url(../../images/newimg/ico1.png);}
.indexNTop a:nth-child(2) em span{background-image: url(../../images/newimg/ico2.png);}
.indexNTop a:nth-child(3) em span{background-image: url(../../images/newimg/ico3.png);}
.indexNTop a:nth-child(4) em span{background-image: url(../../images/newimg/ico4.png);}
.indexNTop a:nth-child(5) em span{background-image: url(../../images/newimg/ico5.png);}
.indexNTop a:nth-child(6) em span{background-image: url(../../images/newimg/ico6.png);}
.indexNTop a:nth-child(7) em span{background-image: url(../../images/newimg/ico7.png);}

.indexNBotm{display: flex;flex-wrap: wrap;justify-content: space-between;width: 1182px;margin: 0 auto;padding-top: 30px;}
.indexNBItem{width: 590px;height: 388px;background: url(../../images/newimg/i_1bg.png) no-repeat center top;}
.indexNBITit em{display: inline-block;width: 265px;text-align: center;padding-left: 40px;}
.indexNBITit em i{display: inline-block;padding-left: 36px;font-size: 30px;color: #ff4845;background: url(../../images/newimg/i_dw.png) no-repeat left center;}
.indexNBITit2 em i{background-image: url(../../images/newimg/i_dw2.png)}
.indexNBITit a{display: inline-block;width: 324px;text-align: center;font-size: 20px;color: #fff;height: 40px;line-height: 40px;overflow: hidden;position: relative;top: 0;}
.indexNBITit a:hover{top: -2px;}
.indexNBICon{padding-left: 20px;display: flex;flex-wrap: wrap;justify-content: space-between;padding-top: 27px;}
.iNBICLImg{overflow: hidden;width: 230px;height: 150px;}
.iNBICLBotm{display: flex;flex-wrap: wrap;justify-content: space-between;width: 230px;padding-top: 26px;}
.iNBICLBotm a{display: block;width: 106px;height: 48px;line-height: 48px;text-align: center;font-size: 16px;color: #666;border-radius: 5px;overflow: hidden;margin-bottom: 18px;}
.iNBICLBotm a:nth-child(1){background: #f0f7ff;}
.iNBICLBotm a:nth-child(2){background: #fff9f9;}
.iNBICLBotm a:nth-child(3){background: #fffbeb;}
.iNBICLBotm a:nth-child(4){background: #e4fafa;}
.iNBICLBotm a:hover{background: #ff4845;color: #fff;}
.iNBICRTList li a{font-size: 14px;color: #666;}
.iNBICRight{overflow: hidden;width: 310px;}
.iNBICLeft{width: 230px;}
.iNBICRTit{padding-left: 8px;border-left: 4px #ff4845 solid;height: 20px;line-height: 20px;width: 288px;overflow: hidden;}
.iNBICRTit a{font-size: 20px;color: #ff4845;}
.iNBICRTList{padding-top: 12px;}
.iNBICRTList li{height: 30px;line-height: 30px;overflow: hidden;padding-left: 40px;background: url(../../images/newimg/i_hot.png) no-repeat left 5px;}
.iNBICRTList li a{font-size: 14px;color: #666;display: inline-block;}
.iNBICRTList li a:hover{color: #ff4845;}
.iNBICRTop{padding-bottom: 25px;}
.iNBICRBList{width: 296px;display: flex;flex-wrap: wrap;padding-top: 10px;}
.iNBICRBList li{width: 50%;height: 30px;line-height: 30px;position: relative;padding-left: 10px;overflow: hidden;}
.iNBICRBList li::before{content: '';width: 4px;height: 4px;background: #d0d0d0;position: absolute;left: 0;top: 50%;border-radius: 2px;margin-top: -2px;}
.iNBICRBList li a{font-size: 14px;color: #666;}
.iNBICRBList li:hover a{color: #ff4845;}