/* 银行业职业资格考试 */
/* 黑色底*/
* {
  font-family: "Microsoft YaHei";
}
/* 圆角 */
.clearfix {
  zoom: 1;
}
.clearfix:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
/* 单行文字截取 */
/* 多行文字截取 */
/* 按钮 */
.topicBtn {
  text-align: center;
  line-height: 36px;
  background: #ff7c42;
  color: #fff;
  font-size: 14px;
  -weikit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  border: none;
}
.topicBtn:focus {
  background-color: #ff6d2c;
  color: #fff;
}
.topicBtn:blur {
  background-color: #f57941;
  color: #fff;
}
.topicBtn:hover {
  background-color: #ff6d2c;
}
.fixfoot {
  width: 100%;
  zoom: 1;
  background: #323436;
}
.fixfoot:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.fixfoot:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.fixfoot .wrap {
  width: 1080px;
  padding: 20px 80px;
  height: 80px;
  margin: 0 auto;
  color: #fff;
  font-size: 16px;
  zoom: 1;
}
.fixfoot .wrap:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.fixfoot .wrap:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.fixfoot .wrap p {
  float: left;
  line-height: 40px;
}
.fixfoot .wrap .topicBtn {
  float: right;
  width: 160px;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
}
.fixfoot .wrap .topicBtn.radius {
  -weikit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
}
.fixfoot.fixfootActive {
  position: fixed;
  left: 0;
  bottom: 0;
}
.fixfoot.university {
  padding: 0 180px;
}
.fixfoot.university span {
  font-size: 16px;
  color: #fff;
  padding: 0 30px;
}
.fixfoot.university span.orange {
  color: #f57941;
  font-size: 24px;
  padding-right: 0;
}
.fixfoot.university span.through {
  text-decoration: line-through;
}
body.topic {
  padding-bottom: 80px;
}
.topicHeaderTop {
  height: 30px;
  line-height: 30px;
  background: #fff;
}
.topicHeaderTop .textR {
  text-align: right;
}
.topicHeaderTop .textR a {
  padding: 0 0px 0 10px;
  font-size: 14px;
  color: #adadad;
}
.topicHeaderTop .textR a:hover {
  color: #f57941;
}
.topicHeader.header {
  background: #fff;
  height: 100px;
  border: 1px solid #e0e0e0;
  border-left-width: 0;
  border-right-width: 0;
}
.topicHeader.header #blgLogo {
  float: left;
  width: 300px;
  height: 50px;
  margin-top: 20px;
}
.topicHeader.header .fr {
  float: right;
  margin: 18px 0 0;
  min-width: auto;
}
.topicHeader.header .fr .search {
  display: inline-block;
  margin: 0 20px 0;
  width: 215px;
}
.topicHeader.header .fr .search input[type="text"] {
  width: 215px;
  background-color: #f5f5f5;
  border-color: #e5e5e5;
}
.topicHeader.header .logo {
  display: block;
  background: none;
  float: left;
  width: 140px;
  height: 40px;
  text-indent: 0;
  margin: 18px 20px 0 0;
}
.topicHeader.header .nav #studyCenter {
  margin: 0 10px;
  border-color: #fff;
}
.topicHeader.header .nav #studyCenter i {
  color: #666;
}
.topicHeader.header .nav #studyCenter i:hover {
  color: #f57941;
}
.topicHeader.header .nav #studyCenter .hoverlayer {
  color: #fff;
  background: none;
}
.topicHeader.header .nav #message:hover i {
  color: #f57941;
}
.topicHeader.header .nav #message i:hover {
  color: #f57941;
}
.topicFooter {
  background: #565656;
  padding: 30px 0 20px;
  margin-bottom: -80px;
}
.topicFooter .fleft {
  float: left;
}
.topicFooter .fleft p {
  text-align: left;
  color: #FFFFFF;
  filter: alpha(opacity=60);
  opacity: 0.6;
  font-size: 14px;
  line-height: 24px;
}
.topicFooter .fleft p.friend-link {
  padding: 3px 0;
}
.topicFooter .fleft p.friend-link a {
  color: #FFFFFF;
  padding: 0 4px;
}
.topicFooter .fleft p.friend-link a:hover {
  color: #f57941;
}
.topicFooter .fright {
  float: right;
  margin-right: 20px;
}
.topicFooter .fright img {
  width: 97px;
  height: 97px;
}
.topicListBg {
  background: url("../images/payBg.png") no-repeat center -120px;
  padding-top: 180px;
}
.topicListBg .crumbs {
  height: 70px;
  line-height: 70px;
  font-size: 14px;
  font-weight: normal;
}
.topicListBg .crumbs a {
  color: #484848;
}
.topicListBg .topicList {
  padding: 60px 120px;
  background-color: #ffffff;
  min-height: 500px;
}
.topicListBg .topicList li {
  margin-bottom: 20px;
  background: url("../images/helpIcon.png") no-repeat left 5px;
  padding-left: 45px;
}
.topicListBg .topicList li h3 {
  width: 100%;
  height: 25px;
  line-height: 25px;
  font-size: 16px;
  margin-bottom: 20px;
}
.topicListBg .topicList li h3 a {
  display: inline-block;
  max-width: 80%;
  color: #252525;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.topicListBg .topicList li h3 a:hover {
  color: #f57941;
}
.topicListBg .topicList li h3 span {
  float: right;
  color: #969696;
}
.topicListBg .topicList li p {
  padding: 0 0 20px;
  border-bottom: 1px solid #ececec;
}
.topicListBg .topicList li p span {
  display: block;
  color: #969696;
  line-height: 24px;
  height: 46px;
  width: 100%;
  text-overflow: ellipsis;
  /*有些示例里需要定义该属性，实际可省略*/
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: -o-box;
  display: box;
  -webkit-line-clamp: 2;
  /*规定超过两行的部分截断*/
  -moz-line-clamp: 2;
  -ms-line-clamp: 2;
  -o-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-box-orient: vertical;
  -o-box-orient: vertical;
  box-orient: vertical;
  overflow: hidden;
  word-break: break-all;
  /*在任何地方换行*/
}
.topicListBg .newsPage {
  background: #ffffff;
  padding: 60px 100px;
  min-height: 450px;
}
.topicListBg .newsPage h2 {
  line-height: 30px;
  font-size: 18px;
  color: #282526;
  text-align: center;
  font-weight: bold;
}
.topicListBg .newsPage .newsPage-title {
  text-align: center;
  color: #b8b8b8;
  margin: 20px 0;
  font-size: 14px;
}
.topicListBg .newsPage .newsPage-title .time {
  display: inline-block;
  margin-right: 50px;
}
.topicListBg .newsPage p {
  line-height: 24px;
  margin-bottom: 30px;
  font-size: 14px;
  color: #484848;
}
.topicListBg .newsPage p img {
  max-width: 100%;
}
.topicListBg .newsPage img {
  max-width: 100%;
}
/* -------------------- 公用教师效果 -------------------- */
.topichadoop .teacher,
.topicUniversity .teacher {
  padding: 60px 0;
}
.topichadoop .teacher .bankTitle,
.topicUniversity .teacher .bankTitle {
  margin-bottom: 40px;
}
.topichadoop .teacher dl,
.topicUniversity .teacher dl {
  float: left;
  width: 23.5%;
  height: 320px;
  background-color: #f4f4f4;
  margin-right: 2%;
  -weikit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 0 0 10px #d2d3d5;
  -moz-box-shadow: 0 0 10px #d2d3d5;
  -ms-box-shadow: 0 0 10px #d2d3d5;
  -o-box-shadow: 0 0 10px #d2d3d5;
  box-shadow: 0 0 10px #d2d3d5;
  position: relative;
}
.topichadoop .teacher dl dt.mobile,
.topicUniversity .teacher dl dt.mobile,
.topichadoop .teacher dl dd.mobile,
.topicUniversity .teacher dl dd.mobile {
  display: none;
}
.topichadoop .teacher dl dt,
.topicUniversity .teacher dl dt {
  margin: 0 auto;
  text-align: center;
  color: #262626;
  position: absolute;
  top: -60px;
  width: 100%;
}
.topichadoop .teacher dl dt img,
.topicUniversity .teacher dl dt img {
  width: 140px;
  height: 140px;
  margin-bottom: 10px;
  -weikit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}
.topichadoop .teacher dl dt h3,
.topicUniversity .teacher dl dt h3,
.topichadoop .teacher dl dt p,
.topicUniversity .teacher dl dt p {
  font-weight: normal;
  font-size: 16px;
  margin-bottom: 10px;
}
.topichadoop .teacher dl dt p,
.topicUniversity .teacher dl dt p {
  font-size: 14px;
  margin-bottom: 10px;
  line-height: 22px;
}
.topichadoop .teacher dl dd,
.topicUniversity .teacher dl dd {
  position: absolute;
  height: 220px;
  top: 80px;
  padding: 70px 20px 20px;
  overflow: hidden;
}
.topichadoop .teacher dl dd p,
.topicUniversity .teacher dl dd p {
  color: #969696;
  font-size: 14px;
  line-height: 22px;
}
.topichadoop .teacher dl.last,
.topicUniversity .teacher dl.last {
  margin-right: 0;
}
.topichadoop .teacher dl:hover,
.topicUniversity .teacher dl:hover {
  background-color: #fff;
}
.topichadoop .teacher dl:hover dt.pc img,
.topicUniversity .teacher dl:hover dt.pc img {
  transform: scale(0.7);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-box-shadow: 0 0 2px #969696;
  -moz-box-shadow: 0 0 2px #969696;
  -ms-box-shadow: 0 0 2px #969696;
  -o-box-shadow: 0 0 2px #969696;
  box-shadow: 0 0 2px #969696;
}
.topichadoop .teacher dl:hover dt.pc h3,
.topicUniversity .teacher dl:hover dt.pc h3,
.topichadoop .teacher dl:hover dt.pc p,
.topicUniversity .teacher dl:hover dt.pc p {
  animation: ph3 0.3s;
  height: 0px;
  opacity: 0;
  display: none;
  margin-bottom: 0;
}
.topichadoop .teacher dl:hover dd.pc,
.topicUniversity .teacher dl:hover dd.pc,
.topichadoop .teacher dl:hover dd.pc.teacher4,
.topicUniversity .teacher dl:hover dd.pc.teacher4,
.topichadoop .teacher dl:hover dd.pc.teacher2,
.topicUniversity .teacher dl:hover dd.pc.teacher2 {
  animation: ddHei 0.3s;
  padding-top: 0;
}
@keyframes ph3 {
  from {
    height: auto;
    opacity: 1;
    display: block;
    margin-bottom: 10px;
  }
  to {
    height: 0px;
    opacity: 0;
    display: none;
    margin-bottom: 0;
  }
}
@keyframes ddHei {
  from {
    padding-top: 70px;
  }
  to {
    padding-top: 0;
  }
}
/* ============================== 银行从业资格 频道页 ==============================*/
.topicBank {
  height: 500px;
}
.topicBank img {
  max-width: 100%;
}
#topicBankPhone {
  display: none;
}
.bankTitle {
  text-align: center;
  height: 120px;
  line-height: 120px;
}
.bankTitle p {
  padding: 0 100px;
  display: inline-block;
  height: 30px;
  line-height: 30px;
  background: url("../images/border.png") repeat-x left center;
}
.bankTitle span {
  line-height: 30px;
  font-size: 24px;
  color: #484848;
  padding: 0 15px;
  background-color: #f5f5f5;
}
.bgfff {
  background: #ffffff;
}
.bgfff .bankTitle span {
  background-color: #ffffff;
}
/* 价值 */
.valueDiv {
  margin-top: -90px;
}
.valueDiv .valueBox {
  zoom: 1;
  padding-bottom: 65px;
}
.valueDiv .valueBox:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.valueDiv .valueBox:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.valueDiv .valueBox li {
  float: left;
  width: 33.3%;
}
.valueDiv .valueBox li span.value {
  display: block;
  width: 100px;
  height: 100px;
  border: 1px solid #f57941;
  background: url("../images/topic/bank/bank.png") no-repeat;
  background-position: 28px 32px;
  -weikit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
  border-radius: 50px;
  margin: 0 auto 20px;
}
.valueDiv .valueBox li span.value#value1 {
  background-position: 33px -102px;
}
.valueDiv .valueBox li span.value#value2 {
  background-position: 28px -249px;
}
.valueDiv .valueBox li p {
  text-align: center;
  font-size: 14px;
  line-height: 24px;
  color: #484848;
}
.tableList {
  padding-bottom: 50px;
}
.tableList table#topicBank {
  width: 1080px;
  margin: 0px auto 40px;
  border: 1px solid #d6d6d6;
}
.tableList table#topicBank td {
  padding: 20px 10px;
  text-align: center;
  width: 20%;
  color: #484848;
  border-right: 1px solid #d6d6d6;
  border-bottom: 1px solid #d6d6d6;
}
.tableList table#topicBank thead td {
  font-size: 16px;
  background-color: #ecf6ff;
  line-height: 28px;
}
.tableList table#topicBank thead td span {
  display: block;
  min-height: 60px;
  margin-bottom: 10px;
}
.tableList table#topicBank thead td em {
  font-style: normal;
  font-weight: 700;
  color: #f57941;
}
.tableList table#topicBank thead td .topicBtn {
  width: 60px;
  height: 30px;
  line-height: 30px;
  margin-left: 10px;
}
.tableList table#topicBank tbody td {
  font-size: 14px;
  height: 88px;
}
.tableList .more {
  display: block;
  width: 200px;
  height: 46px;
  line-height: 46px;
  margin: 0 auto;
  font-size: 16px;
}
/* 考试与报考科目 */
.introBox {
  padding: 25px 50px 25px 90px;
  background: #ffffff;
  -weikit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  position: relative;
  -webkit-box-shadow: 5px 0 20px #e3e3e3;
  -moz-box-shadow: 5px 0 20px #e3e3e3;
  -ms-box-shadow: 5px 0 20px #e3e3e3;
  -o-box-shadow: 5px 0 20px #e3e3e3;
  box-shadow: 5px 0 20px #e3e3e3;
  margin-bottom: 40px;
  width: 1080px;
}
.introBox h2 {
  font-size: 16px;
  color: #484848;
  margin-bottom: 20px;
}
.introBox ul li {
  line-height: 30px;
  background: url("../images/topic/bank/bank.png") no-repeat left -1987px;
  padding-left: 20px;
  font-size: 14px;
  color: #484848;
}
.introBox .upDown {
  position: absolute;
}
.introBox .upDown.up {
  top: 0;
  left: 0;
}
.introBox .upDown.down {
  right: 0;
  bottom: 0;
}
.introBox .upDown.seal {
  right: 3%;
  top: 45px;
}
.aboutExam {
  width: 1080px;
  margin-bottom: 80px;
  zoom: 1;
}
.aboutExam:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.aboutExam:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.aboutExam li {
  float: left;
  width: 230px;
  height: 230px;
  background: #ffffff;
  padding: 20px 30px 25px;
  margin-right: 53px;
  -weikit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  text-align: center;
  font-size: 14px;
  color: #484848;
}
.aboutExam li.last {
  margin-right: 0;
}
.aboutExam li p {
  margin-bottom: 20px;
  min-height: 20px;
  line-height: 22px;
}
.aboutExam li p strong {
  display: block;
}
.aboutExam li em {
  display: block;
  width: 60px;
  height: 60px;
  margin: 0 auto 20px;
  background: url("../images/topic/bank/bank.png") no-repeat left top #3296fa;
  -weikit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
}
.aboutExam li em#exam1 {
  background-position: 12px -1495px;
}
.aboutExam li em#exam2 {
  background-position: 13px -1752px;
}
.aboutExam li em#exam3 {
  background-position: 10px -1636px;
}
.aboutExam li em#exam4 {
  background-position: 12px -1910px;
}
.aboutExam li .star {
  display: inline-block;
  width: 22px;
  height: 22px;
  background: url("../images/topic/bank/star.png") no-repeat center 6px;
}
.columnPic {
  width: 100%;
  height: 460px;
  background: url("../images/topic/bank/bankColumn.png") no-repeat center top;
}
.columnPic .bankTitle span {
  background: url("../images/topic/bank/bankColumn.png") no-repeat center -43px;
  color: #ffffff;
}
.columnPic ul {
  width: 540px;
  float: right;
  padding: 0px 50px 0 40px;
}
.columnPic ul li {
  background: url("../images/topic/bank/bank.png") no-repeat left -1980px;
  color: #fff;
  font-size: 16px;
  padding-left: 25px;
  height: 40px;
  line-height: 40px;
}
.help {
  padding: 20px 0 60px;
}
.help li {
  width: 25%;
  float: left;
}
.help li p {
  text-align: center;
  font-size: 16px;
  color: #484848;
  line-height: 24px;
}
.help li em {
  display: block;
  margin: 0 auto 15px;
  width: 110px;
  height: 95px;
  background: url("../images/topic/bank/bank.png") no-repeat left top;
}
.help li em#help1 {
  background-position: left -440px;
}
.help li em#help2 {
  background-position: left -690px;
}
.help li em#help3 {
  background-position: left -940px;
}
.help li em#help4 {
  background-position: left -1185px;
}
.banknews {
  zoom: 1;
  margin: 0 auto 180px;
}
.banknews:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.banknews:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.banknews li {
  width: 50%;
  float: left;
}
.banknews li.odd {
  padding-right: 40px;
}
.banknews li.even {
  padding-left: 40px;
}
.banknews li h2 {
  height: 30px;
  line-height: 30px;
  font-size: 16px;
  font-weight: normal;
  color: #484848;
  background: url("../images/helpIcon.png") no-repeat left center;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  padding-left: 40px;
}
.banknews li p {
  height: 48px;
  font-size: 14px;
  color: #969696;
  line-height: 24px;
  margin: 10px 0 30px;
  padding-left: 40px;
  width: 100%;
  text-overflow: ellipsis;
  /*有些示例里需要定义该属性，实际可省略*/
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: -o-box;
  display: box;
  -webkit-line-clamp: 2;
  /*规定超过两行的部分截断*/
  -moz-line-clamp: 2;
  -ms-line-clamp: 2;
  -o-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-box-orient: vertical;
  -o-box-orient: vertical;
  box-orient: vertical;
  overflow: hidden;
  word-break: break-all;
  /*在任何地方换行*/
}
.banknews .alignCenter {
  zoom: 1;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 16px;
  padding-bottom: 50px;
}
.banknews .alignCenter:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.banknews .alignCenter:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.banknews .alignCenter a {
  display: inline-block;
  position: relative;
  padding: 0px 20px;
  text-align: center;
  color: #ffffff;
  background-color: #f57941;
  -weikit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
.banknews .alignCenter a:hover {
  color: #f57941;
  background-color: #f5f5f5;
}
.banknews .alignCenter a:before,
.banknews .alignCenter a:after {
  content: "";
  width: 50%;
  height: 100%;
  border-radius: 30px;
  border: 2px solid #f57941;
  border-left: none;
  border-right: none;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transform: scale(0.8);
  transition: all 0.3s ease 0s;
}
.banknews .alignCenter a:after {
  left: 50%;
}
.banknews .alignCenter a:hover:before,
.banknews .alignCenter a:hover:after {
  border-radius: 0;
  opacity: 1;
  transform: scale(1);
}
.banknews .alignCenter a:hover:before {
  border-left: 2px solid #f57941;
  -weikit-border-radius: 5px 0 0 5px;
  -moz-border-radius: 5px 0 0 5px;
  -ms-border-radius: 5px 0 0 5px;
  -o-border-radius: 5px 0 0 5px;
  border-radius: 5px 0 0 5px;
}
.banknews .alignCenter a:hover:after {
  border-right: 2px solid #f57941;
  -weikit-border-radius: 0px 5px 5px 0;
  -moz-border-radius: 0px 5px 5px 0;
  -ms-border-radius: 0px 5px 5px 0;
  -o-border-radius: 0px 5px 5px 0;
  border-radius: 0px 5px 5px 0;
}
.bgff {
  background: #fff;
}
.topBtn {
  width: 68px;
  height: 140px;
  position: fixed;
  right: 15%;
  bottom: 150px;
}
.topBtn a {
  display: block;
  width: 68px;
  height: 68px;
  background: #f57941;
  color: #fff;
  text-align: center;
  margin-bottom: 2px;
  padding-top: 10px;
}
.topBtn a i {
  font-size: 30px;
  display: block;
}
.topBtn a span {
  display: block;
  text-align: center;
  font-size: 12px;
}
.topBtn a#goPageTop {
  display: none;
  background: #f57941;
  padding-top: 5px;
}
.topBtn a#goPageTop span {
  font-size: 20px;
  margin-top: -5px;
}
/* ==============================  浙江中国小商品   镀金充电频道页 =================*/
.topicZheJiang {
  height: 400px;
  overflow: hidden;
}
.topicZheJiang img {
  max-width: 100%;
  height: 400px;
}
.zheJiang h2 {
  height: 140px;
  line-height: 140px;
  font-size: 24px;
  color: #252525;
  font-weight: normal;
  text-align: center;
}
.zheJiang .classList {
  width: 1080px;
  margin: 0 auto;
  padding-bottom: 30px;
}
.zheJiang .classList li {
  border: 1px solid #dcdcdc;
  background: #ffffff;
  padding: 30px;
  -webkit-box-shadow: 4px 0 18px #e9e8e2;
  -moz-box-shadow: 4px 0 18px #e9e8e2;
  -ms-box-shadow: 4px 0 18px #e9e8e2;
  -o-box-shadow: 4px 0 18px #e9e8e2;
  box-shadow: 4px 0 18px #e9e8e2;
  zoom: 1;
  margin-bottom: 30px;
}
.zheJiang .classList li:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.zheJiang .classList li:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.zheJiang .classList li:hover {
  border-color: #ff7c42;
}
.zheJiang .classList .classList_Img {
  display: inline-block;
  float: left;
  margin-right: 30px;
  width: 340px;
  height: 200px;
  overflow: hidden;
  border: 1px solid #ececec;
}
.zheJiang .classList .classList_Img img {
  display: inline-block;
  width: 340px;
  height: 200px;
}
.zheJiang .classList h3 {
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 20px;
  width: 630px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-weight: normal;
}
.zheJiang .classList h3 a {
  color: #484848;
}
.zheJiang .classList p {
  color: #969696;
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 20px;
}
.zheJiang .classList p span {
  display: inline-block;
  margin-left: 60px;
}
.zheJiang .classList .classListIntro {
  height: 66px;
  width: 640px;
  text-overflow: ellipsis;
  /*有些示例里需要定义该属性，实际可省略*/
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: -o-box;
  display: box;
  -webkit-line-clamp: 2;
  /*规定超过两行的部分截断*/
  -moz-line-clamp: 2;
  -ms-line-clamp: 2;
  -o-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-box-orient: vertical;
  -o-box-orient: vertical;
  box-orient: vertical;
  overflow: hidden;
  word-break: break-all;
  /*在任何地方换行*/
}
.zheJiang .classList .prize span {
  font-size: 20px;
  color: #ff4330;
  font-weight: bold;
}
.zheJiang .classList .prize .classListBtn {
  width: 120px;
  height: 36px;
  text-align: center;
  line-height: 36px;
  background: #ff7c42;
  color: #fff;
  font-size: 14px;
  -weikit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  border: none;
  float: right;
}
.zheJiang .classList .prize .classListBtn:focus {
  background-color: #ff6d2c;
  color: #fff;
}
.zheJiang .classList .prize .classListBtn:blur {
  background-color: #f57941;
  color: #fff;
}
.zheJiang .classList .prize .classListBtn:hover {
  background-color: #ff6d2c;
}
.zheJiang .bgf5 {
  background-color: #f5f5f5;
}
.zheJiang .zhejiangIcon {
  zoom: 1;
}
.zheJiang .zhejiangIcon:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.zheJiang .zhejiangIcon:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.zheJiang .zhejiangIcon li {
  width: 25%;
  text-align: center;
  float: left;
  margin-bottom: 60px;
}
.zheJiang .zhejiangIcon li span {
  display: inline-block;
  width: 100px;
  height: 100px;
  border: 1px solid #f57941;
  text-align: center;
  line-height: 110px;
  -weikit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  margin-bottom: 20px;
  overflow: hidden;
}
.zheJiang .zhejiangIcon li span i {
  font-size: 40px;
  color: #f57941;
  text-align: center;
}
.zheJiang .zhejiangIcon li p {
  line-height: 24px;
  color: #484848;
  text-align: center;
  font-size: 16px;
}
/* ==============================  区块链介绍频道页 =================*/
.topicBlockchain {
  background-color: #fff;
}
.topicBlockchain .topicBlockchainBan {
  height: 720px;
  padding-top: 310px;
  background: url("../images/topic/blockchain/banner.jpg") no-repeat center top;
}
.topicBlockchain .topicBlockchainBan p {
  font-size: 18px;
  text-align: center;
  line-height: 30px;
  color: #ffffff;
}
.topicBlockchain .bankTitle {
  height: 80px;
  line-height: 80px;
}
.topicBlockchain .bankTitle p {
  background: none;
}
.topicBlockchain .bankTitle p span {
  font-size: 32px;
  color: #323436;
  background-color: #fff;
  padding: 0;
}
.topicBlockchain .university #phoneShow {
  display: none;
}
.topicBlockchain .university dl {
  margin-top: 40px;
  zoom: 1;
}
.topicBlockchain .university dl:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.topicBlockchain .university dl:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.topicBlockchain .university dl dt,
.topicBlockchain .university dl dd {
  float: left;
  width: 50%;
}
.topicBlockchain .university dl dt {
  padding: 0 40px;
}
.topicBlockchain .university dl dt .bgBox {
  width: 100%;
  height: 280px;
  -weikit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  background-color: #ff7c42;
  background-image: -webkit-linear-gradient(120deg, #ff7c42, #fba707);
  background-image: -moz-linear-gradient(120deg, #ff7c42, #fba707);
  background-image: -o-linear-gradient(120deg, #ff7c42, #fba707);
  background-image: -ms-linear-gradient(120deg, #ff7c42, #fba707);
  background-image: linear-gradient(120deg, #ff7c42, #fba707);
  padding: 10px 10px 0;
}
.topicBlockchain .university dl dt .bg {
  width: 500px;
  height: 300px;
  -weikit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  background-color: #efeded;
}
.topicBlockchain .university dl dt .bg img {
  width: 500px;
  height: 300px;
}
.topicBlockchain .university dl dd .ddBox {
  display: table;
  width: 50%;
  height: 300px;
  margin: 0 auto;
}
.topicBlockchain .university dl dd .ddBox p {
  display: table-cell;
  vertical-align: middle;
  color: #969696;
  font-size: 14px;
}
.topicBlockchain .university dl dd .ddBox p strong {
  display: block;
  height: 30px;
  margin-bottom: 30px;
  position: relative;
  z-index: 5;
  font-size: 20px;
}
.topicBlockchain .university dl dd .ddBox p span {
  position: absolute;
  z-index: 0;
  top: -55px;
  font-size: 72px;
  color: #ffcbb3;
}
.topicBlockchain .university dl dd .ddBox p em {
  font-style: normal;
  position: absolute;
  left: 0;
  color: #323436;
}
.topicBlockchain .manyWays {
  background: url("../images/topic/blockchain/bg2.jpg") no-repeat center 100px;
  padding-top: 290px;
}
.topicBlockchain .manyWays .bankTitle span {
  color: #fff;
  background-color: transparent;
}
.topicBlockchain .manyWays ul.wrap {
  zoom: 1;
}
.topicBlockchain .manyWays ul.wrap:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.topicBlockchain .manyWays ul.wrap:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.topicBlockchain .manyWays ul.wrap li {
  float: left;
  width: 300px;
  height: 320px;
  background-color: #ffffff;
  -weikit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  padding: 50px 20px 0;
  margin: 50px 20px 60px 180px;
  -webkit-box-shadow: 0 0 10px #c3ccd4;
  -moz-box-shadow: 0 0 10px #c3ccd4;
  -ms-box-shadow: 0 0 10px #c3ccd4;
  -o-box-shadow: 0 0 10px #c3ccd4;
  box-shadow: 0 0 10px #c3ccd4;
}
.topicBlockchain .manyWays ul.wrap li span {
  display: block;
  width: 70px;
  height: 85px;
  margin: 0 auto 20px;
  background: url("../images/topic/blockchain/iconbg.png") no-repeat center top;
}
.topicBlockchain .manyWays ul.wrap li span#resource {
  background-position: left -105px;
}
.topicBlockchain .manyWays ul.wrap li p,
.topicBlockchain .manyWays ul.wrap li div {
  text-align: center;
}
.topicBlockchain .manyWays ul.wrap li p {
  font-size: 16px;
  color: #262626;
  margin-bottom: 30px;
  position: relative;
}
.topicBlockchain .manyWays ul.wrap li p em {
  display: inline-block;
  width: 20px;
  height: 5px;
  background: #f57941;
  position: absolute;
  left: 47%;
  top: 25px;
}
.topicBlockchain .manyWays ul.wrap li div {
  line-height: 24px;
  color: #484848;
  font-size: 14px;
}
.topicBlockchain .manyWays .write {
  zoom: 1;
}
.topicBlockchain .manyWays .write:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.topicBlockchain .manyWays .write:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.topicBlockchain .manyWays .write a {
  display: block;
  width: 90%;
  height: 160px;
  background: url("../images/topic/blockchain/bgwhite.jpg") no-repeat center top;
  text-align: center;
  padding: 26px 0 0;
  font-size: 20px;
  color: #ffffff;
  margin: 0 auto 30px;
  position: relative;
  -weikit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
}
.topicBlockchain .manyWays .write a i {
  font-size: 50px;
  display: block;
  margin-bottom: 20px;
  position: absolute;
  left: 0;
  top: 26px;
  z-index: 3;
  width: 100%;
  text-align: center;
}
.topicBlockchain .manyWays .write a strong {
  position: absolute;
  width: 100%;
  z-index: 3;
  text-align: center;
  left: 0;
  top: 100px;
}
.topicBlockchain .manyWays .write a:hover:after {
  display: block;
  position: absolute;
  -weikit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  left: 0;
  top: 0;
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
}
.topicBlockchain .linkNews {
  margin-bottom: 90px;
}
.topicBlockchain .linkNews table {
  width: 1080px;
  margin: 20px auto 30px;
  -webkit-box-shadow: 0 0 12px #dadada;
  -moz-box-shadow: 0 0 12px #dadada;
  -ms-box-shadow: 0 0 12px #dadada;
  -o-box-shadow: 0 0 12px #dadada;
  box-shadow: 0 0 12px #dadada;
  border: 1px solid #cecece;
  -weikit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  overflow: hidden;
}
.topicBlockchain .linkNews td {
  padding: 5px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  background-color: #ffffff;
  color: #323436;
}
.topicBlockchain .linkNews thead {
  background-color: #ff7c42;
  background-image: -webkit-linear-gradient(120deg, #ff7c42, #fba707);
  background-image: -moz-linear-gradient(120deg, #ff7c42, #fba707);
  background-image: -o-linear-gradient(120deg, #ff7c42, #fba707);
  background-image: -ms-linear-gradient(120deg, #ff7c42, #fba707);
  background-image: linear-gradient(120deg, #ff7c42, #fba707);
}
.topicBlockchain .linkNews thead th {
  height: 60px;
  line-height: 60px;
  color: #ffffff;
  font-size: 16px;
  font-weight: normal;
}
.topicBlockchain .linkNews thead th.no1 {
  width: 10%;
}
.topicBlockchain .linkNews thead th.no2 {
  width: 30%;
}
.topicBlockchain .linkNews thead th.no3 {
  width: 50%;
}
.topicBlockchain .goStudy {
  height: 300px;
  background: url("../images/topic/blockchain/footerbg.jpg") no-repeat center top;
  padding: 100px 0 0;
  text-align: center;
}
.topicBlockchain .goStudy h3 {
  font-weight: normal;
  font-size: 32px;
  color: #ffffff;
  -webkit-box-shadow: 1 0 2px #a0530d;
  -moz-box-shadow: 1 0 2px #a0530d;
  -ms-box-shadow: 1 0 2px #a0530d;
  -o-box-shadow: 1 0 2px #a0530d;
  box-shadow: 1 0 2px #a0530d;
  margin-bottom: 30px;
}
.topicBlockchain .goStudy a.btn {
  display: inline-block;
  width: 160px;
  height: 50px;
  background-color: #ffffff;
  line-height: 50px;
  -weikit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
  -webkit-box-shadow: 0 0 12px #e7dbdb;
  -moz-box-shadow: 0 0 12px #e7dbdb;
  -ms-box-shadow: 0 0 12px #e7dbdb;
  -o-box-shadow: 0 0 12px #e7dbdb;
  box-shadow: 0 0 12px #e7dbdb;
  color: #f57941;
  font-size: 16px;
}
.topicBlockchain .goStudy a.btn:hover {
  background-color: #f57941;
  color: #ffffff;
}
.topicBlockchain .footer {
  margin-top: 0;
}
/* ==============================  区块链课程频道页 =================*/
.topicBlockchainClass {
  padding-bottom: 150px;
  background-color: #ffffff;
}
.topicBlockchainClass a.buyBtn,
.topicBlockchainClass a.btn {
  width: 140px;
  height: 46px;
  line-height: 46px;
  text-align: center;
  -weikit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  background-color: #ff7c42;
  background-image: -webkit-linear-gradient(120deg, #ff7c42, #fba707);
  background-image: -moz-linear-gradient(120deg, #ff7c42, #fba707);
  background-image: -o-linear-gradient(120deg, #ff7c42, #fba707);
  background-image: -ms-linear-gradient(120deg, #ff7c42, #fba707);
  background-image: linear-gradient(120deg, #ff7c42, #fba707);
  -webkit-box-shadow: 0 0 6px #daaf9c;
  -moz-box-shadow: 0 0 6px #daaf9c;
  -ms-box-shadow: 0 0 6px #daaf9c;
  -o-box-shadow: 0 0 6px #daaf9c;
  box-shadow: 0 0 6px #daaf9c;
  font-size: 18px;
  color: #ffffff;
}
.topicBlockchainClass a.buyBtn:hover,
.topicBlockchainClass a.btn:hover {
  background-color: #fba707;
  background-image: -webkit-linear-gradient(120deg, #fba707, #ff7c42);
  background-image: -moz-linear-gradient(120deg, #fba707, #ff7c42);
  background-image: -o-linear-gradient(120deg, #fba707, #ff7c42);
  background-image: -ms-linear-gradient(120deg, #fba707, #ff7c42);
  background-image: linear-gradient(120deg, #fba707, #ff7c42);
  -webkit-box-shadow: 0 0 2px #daaf9c;
  -moz-box-shadow: 0 0 2px #daaf9c;
  -ms-box-shadow: 0 0 2px #daaf9c;
  -o-box-shadow: 0 0 2px #daaf9c;
  box-shadow: 0 0 2px #daaf9c;
}
.topicBlockchainClass .banner {
  height: 500px;
  background: url("../images/topic/blockchainClass/topicBCclassBanner.jpg") no-repeat center top #000000;
}
.topicBlockchainClass .banner .wrap {
  height: 100%;
  position: relative;
  padding-top: 440px;
}
.topicBlockchainClass .banner .buyBox {
  zoom: 1;
  margin: 0 auto;
  width: 80%;
  -weikit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  background-color: #ffffff;
  padding: 26px 40px 40px;
  -webkit-box-shadow: 0 0 10px #c5c5c5;
  -moz-box-shadow: 0 0 10px #c5c5c5;
  -ms-box-shadow: 0 0 10px #c5c5c5;
  -o-box-shadow: 0 0 10px #c5c5c5;
  box-shadow: 0 0 10px #c5c5c5;
}
.topicBlockchainClass .banner .buyBox:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.topicBlockchainClass .banner .buyBox:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.topicBlockchainClass .banner .buyBox span {
  display: inline-block;
  padding-top: 15px;
}
.topicBlockchainClass .banner .buyBox .name,
.topicBlockchainClass .banner .buyBox .prize,
.topicBlockchainClass .banner .buyBox .time {
  font-size: 18px;
}
.topicBlockchainClass .banner .buyBox .name {
  padding-right: 50px;
  color: #323436;
  font-weight: bold;
}
.topicBlockchainClass .banner .buyBox .prize {
  color: #ff4330;
  font-size: 24px;
}
.topicBlockchainClass .banner .buyBox .prize em {
  font-style: normal;
  text-decoration: line-through;
  padding: 0 50px 0 20px;
}
.topicBlockchainClass .banner .buyBox .prize em,
.topicBlockchainClass .banner .buyBox .time {
  color: #969696;
  font-size: 14px;
}
.topicBlockchainClass .banner .buyBox a.buyBtn {
  float: right;
  margin-top: 10px;
}
.topicBlockchainClass .bankTitle {
  height: 120px;
  color: #262626;
}
.topicBlockchainClass .bankTitle p {
  padding: 0;
  text-align: center;
  background: none;
  font-size: 32px;
}
.topicBlockchainClass .bankTitle p span {
  display: block;
  font-size: 16px;
  margin-top: 10px;
  background-color: transparent;
}
.topicBlockchainClass .main {
  padding-top: 130px;
  background: url("../images/topic/blockchainClass/topicBCclassbg1.jpg") no-repeat center 60px;
}
.topicBlockchainClass .prospect {
  margin-bottom: 70px;
}
.topicBlockchainClass .prospect ul.wrap {
  zoom: 1;
  padding-bottom: 110px;
}
.topicBlockchainClass .prospect ul.wrap:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.topicBlockchainClass .prospect ul.wrap:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.topicBlockchainClass .prospect ul.wrap li {
  float: left;
  width: 22.75%;
  height: 160px;
  margin-right: 3%;
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 10px #dbdbdb;
  -moz-box-shadow: 0 0 10px #dbdbdb;
  -ms-box-shadow: 0 0 10px #dbdbdb;
  -o-box-shadow: 0 0 10px #dbdbdb;
  box-shadow: 0 0 10px #dbdbdb;
  -weikit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  text-align: center;
  padding: 40px 30px;
  font-size: 14px;
  color: #262626;
}
.topicBlockchainClass .prospect ul.wrap li.last {
  margin-right: 0;
}
.topicBlockchainClass .prospect ul.wrap li span {
  display: block;
  font-size: 24px;
  margin-top: 20px;
}
.topicBlockchainClass .prospect .moneyBox {
  width: 90%;
  zoom: 1;
  margin: 0 auto;
  border: 1px solid #ededed;
  -weikit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  padding: 10px;
}
.topicBlockchainClass .prospect .moneyBox:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.topicBlockchainClass .prospect .moneyBox:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.topicBlockchainClass .prospect .moneyBox dt,
.topicBlockchainClass .prospect .moneyBox dd {
  float: left;
  padding: 0 1%;
}
.topicBlockchainClass .prospect .moneyBox dt img,
.topicBlockchainClass .prospect .moneyBox dd img {
  width: 100%;
  height: 100%;
}
.topicBlockchainClass .prospect .moneyBox dt {
  width: 52.5%;
}
.topicBlockchainClass .prospect .moneyBox dd {
  width: 47%;
  float: right;
}
.topicBlockchainClass .object {
  zoom: 1;
  margin-bottom: 70px;
  background: url("../images/topic/blockchainClass/topicBCclassBg2.jpg") no-repeat center top;
  padding: 50px 0 60px;
}
.topicBlockchainClass .object:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.topicBlockchainClass .object:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.topicBlockchainClass .object .bankTitle p,
.topicBlockchainClass .object .bankTitle span {
  background: transparent;
  color: #ffffff;
}
.topicBlockchainClass .object ul.wrap {
  zoom: 1;
  margin-top: 10px;
}
.topicBlockchainClass .object ul.wrap:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.topicBlockchainClass .object ul.wrap:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.topicBlockchainClass .object ul.wrap li {
  float: left;
  margin-right: 3%;
  width: 22.75%;
  height: 160px;
  background-color: rgba(255, 255, 255, 0.5);
  -weikit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  text-align: center;
  padding: 30px 15px 20px;
}
.topicBlockchainClass .object ul.wrap li.last {
  margin-right: 0;
}
.topicBlockchainClass .object ul.wrap li h3 {
  font-size: 18px;
  color: #ffffff;
  position: relative;
  height: 24px;
  margin-bottom: 30px;
}
.topicBlockchainClass .object ul.wrap li h3 em {
  position: absolute;
  width: 30px;
  height: 8px;
  background-color: #000;
  -weikit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  top: 25px;
  left: 45%;
}
.topicBlockchainClass .object ul.wrap li p {
  color: #ffffff;
}
.topicBlockchainClass .object .btn {
  display: block;
  margin: 50px auto 0;
}
.topicBlockchainClass .theWhy {
  padding-bottom: 80px;
}
.topicBlockchainClass .theWhy ul.wrap {
  zoom: 1;
}
.topicBlockchainClass .theWhy ul.wrap:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.topicBlockchainClass .theWhy ul.wrap:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.topicBlockchainClass .theWhy ul.wrap li {
  float: left;
  width: 33%;
  text-align: center;
}
.topicBlockchainClass .theWhy ul.wrap li div {
  width: 80%;
  height: 180px;
  margin: 0 auto 20px;
}
.topicBlockchainClass .theWhy ul.wrap li img {
  max-width: 100%;
}
.topicBlockchainClass .theWhy ul.wrap li p {
  font-size: 16px;
  color: #262626;
}
.topicBlockchainClass .menu {
  zoom: 1;
  padding: 50px 0 70px;
  background: url("../images/topic/blockchainClass/topicBCclassImg3.jpg") no-repeat center top;
}
.topicBlockchainClass .menu:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.topicBlockchainClass .menu:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.topicBlockchainClass .menu .menuBox {
  width: 55%;
  margin: 0 auto;
}
.topicBlockchainClass .menu .menuBox li {
  height: 40px;
  line-height: 40px;
  border-left: 1px solid #dbdbdb;
  border-right: 1px solid #dbdbdb;
  overflow: hidden;
  zoom: 1;
  color: #262626;
}
.topicBlockchainClass .menu .menuBox li:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.topicBlockchainClass .menu .menuBox li:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.topicBlockchainClass .menu .menuBox li span {
  margin-right: 10px;
  display: inline-block;
  border-right: 1px solid #dbdbdb;
  width: 50px;
  text-align: center;
  float: left;
}
.topicBlockchainClass .menu .menuBox li p {
  margin-left: 70px;
  padding: 0 30px;
  border-left: 1px solid #dbdbdb;
}
.topicBlockchainClass .menu .menuBox li p em {
  float: right;
  font-style: normal;
  color: #969696;
}
.topicBlockchainClass .menu .menuBox li.first span,
.topicBlockchainClass .menu .menuBox li.first p {
  border-top: 1px solid #dbdbdb;
}
.topicBlockchainClass .menu .menuBox li.last {
  height: 41px;
}
.topicBlockchainClass .menu .menuBox li.last span,
.topicBlockchainClass .menu .menuBox li.last p {
  border-bottom: 1px solid #dbdbdb;
}
.topicBlockchainClass .teacher dl {
  width: 82%;
  margin: 0 auto;
  zoom: 1;
}
.topicBlockchainClass .teacher dl:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.topicBlockchainClass .teacher dl:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.topicBlockchainClass .teacher dl dt {
  float: left;
  width: 170px;
  height: 200px;
  background-color: #f57941;
  padding: 20px;
}
.topicBlockchainClass .teacher dl dt img {
  width: 170px;
  height: 200px;
}
.topicBlockchainClass .teacher dl dd {
  margin-left: 220px;
  padding-top: 20px;
}
.topicBlockchainClass .teacher dl dd h3 {
  font-size: 18px;
  color: #262626;
  font-weight: normal;
  margin-bottom: 30px;
}
.topicBlockchainClass .teacher dl dd p {
  line-height: 24px;
  color: #969696;
  font-size: 14px;
  position: relative;
}
.topicBlockchainClass .teacher dl dd p em {
  position: absolute;
  bottom: -35px;
  left: 0;
  display: block;
  width: 100px;
  height: 6px;
  background-color: #f57941;
}
/* ==============================  大数据课程频道页 =================*/
.topichadoop {
  background-color: #fff;
  padding-bottom: 100px;
}
.topichadoop .banner {
  height: 498px;
  background: url("../images/topic/hadoop/hadoopBanner.jpg") no-repeat center top;
}
.topichadoop .bankTitle {
  height: 120px;
  color: #262626;
  padding-top: 10px;
}
.topichadoop .bankTitle p {
  text-align: center;
  background: none;
  font-size: 32px;
  zoom: 1;
}
.topichadoop .bankTitle p:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.topichadoop .bankTitle p:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.topichadoop .bankTitle p span {
  margin-top: 20px;
  display: block;
  font-size: 16px;
  background-color: transparent;
}
.topichadoop .zhibei {
  padding: 60px 0;
}
.topichadoop .zhibei ul.wrap {
  zoom: 1;
}
.topichadoop .zhibei ul.wrap:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.topichadoop .zhibei ul.wrap:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.topichadoop .zhibei ul.wrap li {
  float: left;
  width: 33%;
  text-align: center;
}
.topichadoop .zhibei ul.wrap li p {
  font-size: 16px;
  margin-top: 30px;
}
.topichadoop .object {
  padding: 25px 0 60px;
  background: url("../images/topic/hadoop/hadoopBg2.jpg") no-repeat center top;
}
.topichadoop .object .bankTitle {
  color: #fff;
}
.topichadoop .object ul.wrap {
  zoom: 1;
}
.topichadoop .object ul.wrap:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.topichadoop .object ul.wrap:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.topichadoop .object ul.wrap li {
  float: left;
  margin-right: 4%;
  width: 22%;
  height: 200px;
  background: url("../images/topic/hadoop/people.png") no-repeat center top;
  background-size: 100% 100%;
  padding: 25px 20px;
}
.topichadoop .object ul.wrap li h3 {
  text-align: center;
  margin-bottom: 20px;
  font-size: 16px;
  color: #00fffc;
  font-weight: normal;
}
.topichadoop .object ul.wrap li h3 em {
  display: block;
  width: 100%;
  height: 45px;
  background: url("../images/topic/hadoop/iconBg.png") no-repeat center top;
  margin-bottom: 15px;
}
.topichadoop .object ul.wrap li p {
  text-align: center;
  color: #fff;
  font-size: 14px;
}
.topichadoop .object ul.wrap li#object2,
.topichadoop .object ul.wrap li#object4 {
  margin-top: 60px;
}
.topichadoop .object ul.wrap li#object2 em {
  background-position: center -68px;
}
.topichadoop .object ul.wrap li#object3 em {
  background-position: center -137px;
}
.topichadoop .object ul.wrap li#object4 {
  margin-right: 0;
}
.topichadoop .object ul.wrap li#object4 em {
  background-position: center -201px;
}
.topichadoop .book {
  padding: 25px 0 40px;
}
.topichadoop .book .bookMain {
  padding: 0 110px;
}
.topichadoop .book .bookMain img {
  float: left;
  width: 460px;
}
.topichadoop .book .bookMain ul {
  margin-left: 520px;
  padding: 20px 0;
}
.topichadoop .book .bookMain ul li {
  margin-bottom: 25px;
  background: url("../images/topic/hadoop/round.png") no-repeat left top;
  padding-left: 45px;
}
.topichadoop .book .bookMain ul li h3 {
  font-weight: normal;
  font-size: 24px;
  color: #262626;
  margin-bottom: 20px;
}
.topichadoop .book .bookMain ul li p {
  width: 300px;
  color: #969696;
  font-size: 14px;
  line-height: 24px;
}
.topichadoop .classList {
  padding: 25px 0 40px;
  background: url("../images/topic/hadoop/hadoopBg1.jpg") no-repeat center top;
}
.topichadoop .classList .phoneShow {
  display: none;
}
.topichadoop .classList .bankTitle p {
  color: #fff;
}
.topichadoop .classList ul.classListNav {
  float: left;
  width: 530px;
}
.topichadoop .classList ul.classListNav li {
  height: 108px;
  background: url("../images/topic/hadoop/libg.png") no-repeat 10px center;
  font-size: 18px;
  padding-left: 60px;
  line-height: 108px;
  color: #fff;
  position: relative;
  cursor: pointer;
}
.topichadoop .classList ul.classListNav li em {
  display: none;
  width: 19px;
  height: 27px;
  position: absolute;
  right: 20px;
  top: 40px;
  background: url("../images/topic/hadoop/on.png") no-repeat center center;
}
.topichadoop .classList ul.classListNav li.active {
  background: url("../images/topic/hadoop/libgHov.png") no-repeat left center;
  color: #00fffc;
}
.topichadoop .classList ul.classListNav li.active em {
  display: block;
}
.topichadoop .classList .classListCon,
.topichadoop .classList .classListConPhone {
  margin-left: 530px;
  width: 678px;
  padding: 50px 35px 30px;
  color: #fff;
  background: url("../images/topic/hadoop/conbg.png") no-repeat left top;
}
.topichadoop .classList .classListCon .classListConHead,
.topichadoop .classList .classListConPhone .classListConHead {
  padding: 0 10px;
  height: 140px;
  border-bottom: 1px solid #00fffc;
  position: relative;
}
.topichadoop .classList .classListCon .classListConHead h3,
.topichadoop .classList .classListConPhone .classListConHead h3 {
  font-size: 24px;
  font-weight: normal;
  margin-bottom: 20px;
}
.topichadoop .classList .classListCon .classListConHead p,
.topichadoop .classList .classListConPhone .classListConHead p {
  font-size: 14px;
}
.topichadoop .classList .classListCon .classListConHead p span.time,
.topichadoop .classList .classListConPhone .classListConHead p span.time {
  display: inline-block;
  padding-right: 50px;
}
.topichadoop .classList .classListCon .classListConHead .botDiv,
.topichadoop .classList .classListConPhone .classListConHead .botDiv {
  width: 100%;
  padding: 0 0px 0 10px;
  position: absolute;
  bottom: 15px;
  left: 0px;
}
.topichadoop .classList .classListCon .classListConHead .botDiv .orange,
.topichadoop .classList .classListConPhone .classListConHead .botDiv .orange {
  font-size: 24px;
  color: #f57941;
}
.topichadoop .classList .classListCon .classListConHead .botDiv .throgh,
.topichadoop .classList .classListConPhone .classListConHead .botDiv .throgh,
.topichadoop .classList .classListCon .classListConHead .botDiv .time,
.topichadoop .classList .classListConPhone .classListConHead .botDiv .time {
  font-size: 16px;
}
.topichadoop .classList .classListCon .classListConHead .botDiv .throgh,
.topichadoop .classList .classListConPhone .classListConHead .botDiv .throgh {
  text-decoration: line-through;
  padding: 0 10px;
}
.topichadoop .classList .classListCon .classListConHead .botDiv .buyBtn,
.topichadoop .classList .classListConPhone .classListConHead .botDiv .buyBtn {
  float: right;
  width: 110px;
  height: 36px;
  line-height: 36px;
  color: #fff;
  font-size: 16px;
  background-color: #f57941;
  -weikit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  text-align: center;
  cursor: pointer;
  border: none;
}
.topichadoop .classList .classListCon ul,
.topichadoop .classList .classListConPhone ul {
  padding: 30px 10px 10px;
  zoom: 1;
}
.topichadoop .classList .classListCon ul:after,
.topichadoop .classList .classListConPhone ul:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.topichadoop .classList .classListCon ul:after,
.topichadoop .classList .classListConPhone ul:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.topichadoop .classList .classListCon ul h3,
.topichadoop .classList .classListConPhone ul h3 {
  font-size: 24px;
  font-weight: normal;
  margin-bottom: 20px;
}
.topichadoop .classList .classListCon ul li,
.topichadoop .classList .classListConPhone ul li {
  font-size: 14px;
  height: 35px;
  line-height: 35px;
}
.topichadoop .classList .classListCon ul li span,
.topichadoop .classList .classListConPhone ul li span {
  float: right;
  width: 50%;
}
.topichadoop .teacher dl dd.teacher2 {
  padding-top: 110px;
}
.topichadoop .teacher dl dd.teacher4 {
  padding-top: 85px;
}
.topichadoop .teacher dl:hover dd.pc,
.topichadoop .teacher dl:hover dd.pc.teacher4,
.topichadoop .teacher dl:hover dd.pc.teacher2 {
  animation: ddHei 0.3s;
  padding-top: 0;
}
/* ==============================  大学生职场频道页 =================*/
.topicUniversity {
  background-color: #fff;
  padding-bottom: 80px;
}
.topicUniversity li.alignRight {
  display: block;
}
.topicUniversity li.alignRightPhone {
  display: none;
}
.topicUniversity .banner {
  height: 500px;
  background: url("../images/topic/university/universityBan.jpg") no-repeat center top;
}
.topicUniversity .main {
  background: url("../images/topic/university/universityBg1.jpg") no-repeat center top;
}
.topicUniversity .DontWarry {
  padding: 70px 0 0;
  width: 620px;
  margin: 0 auto 45px;
}
.topicUniversity .DontWarry .why {
  width: 40%;
  float: left;
}
.topicUniversity .DontWarry .why img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}
.topicUniversity .DontWarry p {
  padding-top: 15px;
  margin-left: 40%;
  font-size: 20px;
  color: #1a1a1a;
  line-height: 34px;
  font-weight: 200;
  font-family: "Microsoft YaHei";
}
.topicUniversity .DontWarry img.clearfix,
.topicUniversity .DontWarry img.next {
  display: block;
  margin: 70px auto 0;
}
.topicUniversity .DontWarry img.next {
  margin: 40px auto 110px;
}
.topicUniversity .commonTitle {
  text-align: center;
}
.topicUniversity .commonTitle p {
  font-size: 36px;
  display: inline-block;
  margin: 0 auto;
  padding: 0 100px;
  background: url("../images/purple.png") repeat-x left 25px;
}
.topicUniversity .commonTitle p span {
  display: inline-block;
  background-color: #fff;
  padding: 0 10px;
}
.topicUniversity .title {
  text-align: center;
  font-size: 32px;
  color: #262626;
  position: relative;
  height: 100px;
}
.topicUniversity .title p {
  padding-top: 30px;
}
.topicUniversity .title span {
  display: block;
  font-size: 18px;
  color: #262626;
  text-align: center;
  line-height: 24px;
  margin-top: 40px;
}
.topicUniversity .title em {
  position: absolute;
  display: block;
  width: 30px;
  height: 10px;
  background-color: #6c63ff;
  left: 49%;
  top: 85px;
}
.topicUniversity .classIntroBox li {
  zoom: 1;
  margin-top: 100px;
}
.topicUniversity .classIntroBox li:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.topicUniversity .classIntroBox li:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.topicUniversity .classIntroBox li.alignRight .imgBox {
  float: none;
  margin-left: 50%;
  text-align: left;
  padding-left: 60px;
}
.topicUniversity .classIntroBox li.alignRight .classConCenter {
  float: left;
  width: 50%;
  margin: 0;
  padding-left: 110px;
}
.topicUniversity .classIntroBox li.alignRight .classConCenter p {
  width: 100%;
}
.topicUniversity .classIntroBox .imgBox {
  width: 50%;
  float: left;
  text-align: right;
  padding-right: 60px;
}
.topicUniversity .classIntroBox .classConCenter {
  margin-left: 50%;
  padding: 30px 0 0 60px;
}
.topicUniversity .classIntroBox .classConCenter h2 {
  position: relative;
  margin-bottom: 30px;
}
.topicUniversity .classIntroBox .classConCenter h2 em {
  font-weight: bold;
  font-size: 72px;
  color: #e0dfff;
  font-style: normal;
}
.topicUniversity .classIntroBox .classConCenter h2 span {
  font-size: 24px;
  color: #262626;
  position: absolute;
  left: 0;
  bottom: -5px;
  font-weight: normal;
}
.topicUniversity .classIntroBox .classConCenter h3 {
  font-size: 18px;
  color: #262626;
  font-weight: normal;
  margin-bottom: 30px;
}
.topicUniversity .classIntroBox .classConCenter p {
  width: 85%;
  font-size: 14px;
  color: #969696;
  line-height: 24px;
  margin-bottom: 30px;
}
.topicUniversity .classIntroBox .classConCenter .type {
  color: #262626;
  font-size: 14px;
  line-height: 24px;
  background: url("../images/topic/university/round.png") no-repeat left 10px;
  padding-left: 20px;
}
.topicUniversity .classIntroBox .classConCenter ul li {
  line-height: 24px;
  margin-top: 0;
  height: auto;
}
.topicUniversity .classContent .title {
  margin-top: 10px;
}
.topicUniversity .teacher .title {
  height: 150px;
  margin-bottom: 90px;
}
.topicUniversity .teacher dl {
  width: 18%;
  height: 330px;
  -webkit-box-shadow: 0 0 10px #b5b2f0;
  -moz-box-shadow: 0 0 10px #b5b2f0;
  -ms-box-shadow: 0 0 10px #b5b2f0;
  -o-box-shadow: 0 0 10px #b5b2f0;
  box-shadow: 0 0 10px #b5b2f0;
  background-color: #fff;
  margin-bottom: 60px;
}
.topicUniversity .teacher dl dd {
  height: 245px;
  top: 70px;
  padding-top: 45px;
}
.topicUniversity .teacher dl dd p {
  font-size: 12px;
}
.topicUniversity .teacher dl dd img {
  border: 1px solid #d6d6d6;
}
.topicUniversity .teacher dl:hover {
  background-color: #6c63ff;
}
.topicUniversity .teacher dl:hover dd {
  height: 550px;
  top: 30px;
  padding-top: 0px;
}
.topicUniversity .teacher dl:hover dt {
  top: -75px;
}
.topicUniversity .teacher dl:hover dt img {
  width: 120px;
  height: 120px;
  border: 1px solid #d6d6d6;
}
.topicUniversity .teacher dl:hover dd.pc,
.topicUniversity .teacher dl:hover dd.pc.teacher4,
.topicUniversity .teacher dl:hover dd.pc.teacher2 {
  animation: ddHei 0.3s;
  padding-top: 0;
}
.topicUniversity .teacher dl:hover dd.pc p,
.topicUniversity .teacher dl:hover dd.pc.teacher4 p,
.topicUniversity .teacher dl:hover dd.pc.teacher2 p {
  color: #ffffff;
}
.topicUniversity .teacher .next {
  zoom: 1;
  display: block;
  margin: 0px auto 20px;
}
.topicUniversity .teacher .next:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.topicUniversity .teacher .next:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.topicUniversity .afterBody {
  zoom: 1;
  background: url("../images/topic/university/universityBg2.jpg") no-repeat center bottom;
  padding: 150px 0 100px;
}
.topicUniversity .afterBody:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.topicUniversity .afterBody:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.topicUniversity .afterBody .title {
  margin-bottom: 60px;
}
.topicUniversity .afterBody .afterBodyCon {
  zoom: 1;
  padding: 0 100px;
}
.topicUniversity .afterBody .afterBodyCon:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.topicUniversity .afterBody .afterBodyCon:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.topicUniversity .afterBody .afterBodyCon .borderText {
  float: left;
}
.topicUniversity .afterBody .afterBodyCon .borderText p {
  display: table;
  width: 180px;
  height: 120px;
  border: 1px solid #6c63ff;
  -weikit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
}
.topicUniversity .afterBody .afterBodyCon .borderText span {
  display: table-cell;
  font-size: 18px;
  line-height: 30px;
  text-align: center;
  vertical-align: middle;
}
.topicUniversity .afterBody .afterBodyCon .punctuation {
  float: left;
  height: 120px;
  line-height: 110px;
  font-size: 32px;
  color: #6c63ff;
  padding: 0 30px;
}
.topicUniversity .afterBody .afterBodyCon .spanImg {
  float: left;
  padding: 0 10px;
}
/* ==============================  职贝网白皮书频道页 =================*/
.topicBook {
  background: url("../images/topic/book/bookBg.jpg") no-repeat center top;
}
.topicBook .main {
  padding-top: 170px;
}
.topicBook h1.bookTitle {
  height: 170px;
  background: url("../images/topic/book/h1bg1.png") no-repeat center top;
  text-indent: -99999em;
  margin-bottom: 100px;
}
.topicBook h2.bookTitle {
  background: url("../images/topic/book/bookTbg1.png") no-repeat center top;
  height: 165px;
  line-height: 160px;
  text-align: center;
  font-size: 36px;
  font-weight: normal;
  color: #fff;
}
.topicBook .part2 h2.bookTitle,
.topicBook .part3 h2.bookTitle {
  background: url("../images/topic/book/bookTbg2.png") no-repeat center top;
}
.topicBook .part1 {
  zoom: 1;
  padding: 320px 0 190px;
  background: url("../images/topic/book/bookIcon.png") no-repeat center top;
}
.topicBook .part1:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.topicBook .part1:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.topicBook .part1 .beibi,
.topicBook .part1 .zhili {
  width: 50%;
  float: left;
  color: #fff;
}
.topicBook .part1 .beibi p,
.topicBook .part1 .zhili p {
  width: 430px;
  line-height: 34px;
  font-size: 16px;
  margin: 20px auto 0;
}
.topicBook .part2 ul {
  width: 380px;
  margin: 20px auto 180px;
}
.topicBook .part2 ul li {
  background: url("../images/topic/book/samll.png") no-repeat left center;
  font-size: 16px;
  color: #fff;
  height: 50px;
  line-height: 50px;
  padding-left: 50px;
}
.topicBook .part3 {
  padding-bottom: 150px;
}
.topicBook .part3 p {
  width: 445px;
  margin: 0 auto;
  font-size: 16px;
  color: #fff;
  line-height: 40px;
  background: url("../images/topic/book/bookIcons.png") no-repeat left 11px;
  padding-left: 30px;
}
.topicBook .theMore {
  margin-bottom: 230px;
  height: 40px;
  background: url("../images/topic/book/more.png") no-repeat center center;
}
/* ==============================  黄金交易从业 频道页 =================*/
.topicBanBody.topicGolden .banner {
  height: 420px;
  background: url("../images/topic/golden/banner.jpg") no-repeat center top;
}
.topicBanBody.topicGolden .banner .wrap {
  height: 100%;
  position: relative;
  padding-top: 370px;
}
.topicBanBody.topicGolden .banner .buyBox {
  position: relative;
  zoom: 1;
  margin: 0 auto;
  width: 80%;
  -weikit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  background-color: #ffffff;
  padding: 26px 40px 40px;
  -webkit-box-shadow: 0 0 10px #c5c5c5;
  -moz-box-shadow: 0 0 10px #c5c5c5;
  -ms-box-shadow: 0 0 10px #c5c5c5;
  -o-box-shadow: 0 0 10px #c5c5c5;
  box-shadow: 0 0 10px #c5c5c5;
}
.topicBanBody.topicGolden .banner .buyBox:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.topicBanBody.topicGolden .banner .buyBox:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.topicBanBody.topicGolden .banner .buyBox span {
  display: inline-block;
  padding-top: 15px;
}
.topicBanBody.topicGolden .banner .buyBox .name,
.topicBanBody.topicGolden .banner .buyBox .prize,
.topicBanBody.topicGolden .banner .buyBox .time {
  font-size: 18px;
}
.topicBanBody.topicGolden .banner .buyBox .name {
  float: left;
  color: #323436;
}
.topicBanBody.topicGolden .banner .buyBox .prize {
  display: block;
  width: 40%;
  text-align: center;
  color: #ff4330;
  font-size: 24px;
  margin: 0 auto;
  padding-top: 10px;
}
.topicBanBody.topicGolden .banner .buyBox .prize em {
  font-style: normal;
  text-decoration: line-through;
  padding: 0 30px 0 20px;
}
.topicBanBody.topicGolden .banner .buyBox .prize em,
.topicBanBody.topicGolden .banner .buyBox .time {
  color: #969696;
  font-size: 14px;
}
.topicBanBody.topicGolden .banner .buyBox a.buyBtn {
  position: absolute;
  right: 25px;
  top: 22px;
  margin-top: 10px;
  width: 140px;
  height: 46px;
  line-height: 46px;
  text-align: center;
  -weikit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  background-color: #ff7c42;
  background-image: -webkit-linear-gradient(120deg, #ff7c42, #fba707);
  background-image: -moz-linear-gradient(120deg, #ff7c42, #fba707);
  background-image: -o-linear-gradient(120deg, #ff7c42, #fba707);
  background-image: -ms-linear-gradient(120deg, #ff7c42, #fba707);
  background-image: linear-gradient(120deg, #ff7c42, #fba707);
  -webkit-box-shadow: 0 0 6px #daaf9c;
  -moz-box-shadow: 0 0 6px #daaf9c;
  -ms-box-shadow: 0 0 6px #daaf9c;
  -o-box-shadow: 0 0 6px #daaf9c;
  box-shadow: 0 0 6px #daaf9c;
  font-size: 18px;
  color: #ffffff;
}
.topicBanBody.topicGolden .banner .buyBox a.buyBtn:hover {
  background-color: #fba707;
  background-image: -webkit-linear-gradient(120deg, #fba707, #ff7c42);
  background-image: -moz-linear-gradient(120deg, #fba707, #ff7c42);
  background-image: -o-linear-gradient(120deg, #fba707, #ff7c42);
  background-image: -ms-linear-gradient(120deg, #fba707, #ff7c42);
  background-image: linear-gradient(120deg, #fba707, #ff7c42);
  -webkit-box-shadow: 0 0 2px #daaf9c;
  -moz-box-shadow: 0 0 2px #daaf9c;
  -ms-box-shadow: 0 0 2px #daaf9c;
  -o-box-shadow: 0 0 2px #daaf9c;
  box-shadow: 0 0 2px #daaf9c;
}
.topicBanBody.topicGolden .main {
  padding-top: 70px;
}
.topicBanBody.topicGolden .mobile {
  display: none;
}
.topicBanBody.topicGolden .examTable {
  width: 1080px;
  background-color: #fff;
  border-left: 1px solid #d6d6d6;
  border-top: 1px solid #d6d6d6;
  margin: 0 auto 70px;
}
.topicBanBody.topicGolden .examTable td {
  padding: 30px;
  font-size: 16px;
  color: #484848;
  min-width: 170px;
  border-right: 1px solid #d6d6d6;
  border-bottom: 1px solid #d6d6d6;
}
.topicBanBody.topicGolden .examTable td .headSpan {
  display: inline-block;
  width: 22%;
  text-align: center;
  font-size: 14px;
}
.topicBanBody.topicGolden .examTable td .headSpan em {
  display: inline-block;
  width: 24px;
  height: 20px;
  line-height: 30px;
  background: url("../images/topic/golden/icon.png") no-repeat left 4px;
}
.topicBanBody.topicGolden .examTable td .headSpan em#examIcon2 {
  background-position: left -22px;
}
.topicBanBody.topicGolden .examTable td .headSpan em#examIcon3 {
  background-position: left -50px;
}
.topicBanBody.topicGolden .examTable td .headSpan em#examIcon4 {
  background-position: left -75px;
}
.topicBanBody.topicGolden .examTable td ul {
  zoom: 1;
}
.topicBanBody.topicGolden .examTable td ul:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.topicBanBody.topicGolden .examTable td ul:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.topicBanBody.topicGolden .examTable td ul li {
  width: 40%;
  float: left;
  font-size: 14px;
  padding-left: 24px;
  line-height: 24px;
  background: url("../images/topic/golden/icon.png") no-repeat -35px 6px;
  margin-bottom: 10px;
  margin-left: 5%;
}
.topicBanBody.topicGolden .examTable td.blue {
  line-height: 24px;
  font-size: 14px;
  padding-left: 7%;
}
.topicBanBody.topicGolden .examTable td.blue a {
  display: block;
  color: #1eb8ff;
  text-decoration: none;
  word-break: break-all;
}
.topicBanBody.topicGolden .examTable td.blue a:hover {
  color: #f57941;
}
.topicBanBody.topicGolden .banknews {
  padding-bottom: 50px;
  position: relative;
}
.topicBanBody.topicGolden .banknews .alignCenter {
  width: 100%;
  position: absolute;
  bottom: 0;
}
.topicBanBody.topicGolden .columnPic {
  background: url("../images/topic/golden/column.jpg") no-repeat center top;
}
.topicBanBody.topicGolden .columnPic .wrap {
  padding: 0 100px;
}
.topicBanBody.topicGolden .columnPic .bankTitle span {
  background: url("../images/topic/golden/column.jpg") no-repeat center -40px;
}
.topicBanBody.topicGolden .columnPic ul {
  width: 50%;
  float: left;
  padding-top: 35px;
}
.topicBanBody.topicGolden .columnPic ul li {
  background: url("../images/topic/golden/icon.png") no-repeat -36px -67px;
}
.topicBanBody.topicGolden .columnPic .ulRight {
  width: 50%;
  float: left;
  padding-top: 80px;
}
.topicBanBody.topicGolden .columnPic .ulRight div {
  float: left;
  width: 33%;
  text-align: center;
}
.topicBanBody.topicGolden .columnPic .ulRight .round {
  display: inline-block;
  width: 100px;
  height: 100px;
  -weikit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
  border-radius: 50px;
  background-color: #36d8d0;
  color: #fff;
  font-size: 24px;
  padding-top: 20px;
  line-height: 30px;
  text-align: center;
  letter-spacing: 1px;
  margin-bottom: 10px;
}
.topicBanBody.topicGolden .columnPic .ulRight .round em {
  display: block;
  font-size: 24px;
  text-align: center;
  font-style: normal;
  font-size: 16px;
}
.topicBanBody.topicGolden .columnPic .ulRight p {
  text-align: center;
  color: #fff;
  font-size: 16px;
}
/* ==============================  电商专题 频道页 =================*/
.topicBlockchain.Eclass {
  padding-bottom: 80px;
}
.topicBlockchain.Eclass .EclassBan {
  height: 500px;
  background: url("../images/topic/Ecommerc/banner.jpg") no-repeat center top;
}
.topicBlockchain.Eclass .EclassBan .btnBox {
  padding: 350px 245px 0 0px;
  float: right;
}
.topicBlockchain.Eclass .EclassBan .btnBox .w100-30 {
  width: 160px;
  height: 50px;
  line-height: 50px;
  -weikit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  border-radius: 30px;
  font-size: 18px;
}
.topicBlockchain.Eclass .EclassBan .btnBox .fillBtn.w100-30 {
  display: inline-block;
  margin-right: 60px;
}
.topicBlockchain.Eclass .EclassBan .btnBox .borderBtn {
  background-color: transparent;
  border-color: #FFF;
  color: #fff;
}
.topicBlockchain.Eclass .EclassBan .btnBox .borderBtn:hover {
  border-color: #f57941;
  color: #f57941;
  background-color: #fff3ee;
}
.topicBlockchain.Eclass .bankTitle {
  height: 140px;
  line-height: 140px;
}
.topicBlockchain.Eclass .EclassListBox {
  text-align: center;
  margin-bottom: 60px;
}
.topicBlockchain.Eclass .EclassListBox a {
  display: inline-block;
  width: 21%;
  height: 167px;
  margin: 0 2% 20px 0;
  border: 1px solid #fff;
  overflow: hidden;
}
.topicBlockchain.Eclass .EclassListBox a.last {
  margin-right: 0;
}
.topicBlockchain.Eclass .EclassListBox a img {
  display: block;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.topicBlockchain.Eclass .EclassListBox a:hover {
  border: 1px solid #f57941;
  -webkit-box-shadow: 2px 0 10px #cacaca;
  -moz-box-shadow: 2px 0 10px #cacaca;
  -ms-box-shadow: 2px 0 10px #cacaca;
  -o-box-shadow: 2px 0 10px #cacaca;
  box-shadow: 2px 0 10px #cacaca;
}
.topicBlockchain.Eclass .EclassListBox a:hover img {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}
.topicBlockchain.Eclass .EclassGoods {
  background: url("../images/topic/Ecommerc/goodsBg.jpg") no-repeat center top;
  background-size: cover;
}
.topicBlockchain.Eclass .EclassGoods .bankTitle p span {
  color: #FFF;
  background-color: transparent;
}
.topicBlockchain.Eclass .EclassGoods .imgbox {
  padding: 0 200px 60px;
  zoom: 1;
}
.topicBlockchain.Eclass .EclassGoods .imgbox:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.topicBlockchain.Eclass .EclassGoods .imgbox:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.topicBlockchain.Eclass .EclassGoods .imgbox p span {
  display: inline-block;
  width: 600px;
  text-align: center;
  height: 65px;
  line-height: 65px;
  color: #FFF;
  font-size: 16px;
  border: 1px solid #fff;
  -weikit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  margin-bottom: 20px;
}
.topicBlockchain.Eclass .EclassGoods .imgbox p.alignLeft {
  text-align: left;
}
.topicBlockchain.Eclass .EclassGoods .imgbox p.alignLeft span {
  background-color: rgba(245, 121, 65, 0.4);
}
.topicBlockchain.Eclass .EclassGoods .imgbox p.alignRight {
  text-align: right;
}
.topicBlockchain.Eclass .EclassGoods .imgbox p.alignRight span {
  background-color: rgba(70, 117, 197, 0.4);
}
.topicBlockchain.Eclass .fitPeo {
  zoom: 1;
  margin-bottom: 80px;
}
.topicBlockchain.Eclass .fitPeo:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.topicBlockchain.Eclass .fitPeo:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.topicBlockchain.Eclass .fitPeo li {
  width: 20%;
  text-align: center;
  float: left;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.topicBlockchain.Eclass .fitPeo li img {
  display: inline-block;
  width: 122px;
  height: 122px;
  margin: 0 auto 20px;
}
.topicBlockchain.Eclass .fitPeo li p {
  font-size: 14px;
  line-height: 24px;
  color: #252525;
}
/* +++++++++++++++++   开学季迎新总动员 专题页  +++++++++++++++++ */
.activity1809 {
  background-color: #9c31ff;
}
.activity1809 .activityBanner {
  height: 500px;
  background: url("../images/activity/1809/banner.jpg") no-repeat center top;
}
.activity1809 .activityBanner a img {
  margin-top: 25px;
}
.activity1809 #activity1 {
  background: url("../images/activity/1809/bg1.jpg") no-repeat center top;
}
.activity1809 #activity1 h2.activityBox_title {
  background: url("../images/activity/1809/title1.png") no-repeat center 60px;
}
.activity1809 #activity2 {
  padding-bottom: 60px;
  background: url("../images/activity/1809/bg2.jpg") no-repeat center top;
}
.activity1809 #activity2 h2.activityBox_title {
  background: url("../images/activity/1809/title2.png") no-repeat center 60px;
}
.activity1809 #activity2 .activityCon {
  margin-bottom: 40px;
}
.activity1809 .activityBox_title {
  height: 240px;
}
.activity1809 .activityBox_title p {
  font-size: 30px;
  color: #fff;
  text-align: center;
  padding-top: 180px;
  font-weight: normal;
}
.activity1809 .activityCon {
  zoom: 1;
  padding: 20px;
  -weikit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  background-color: rgba(255, 255, 255, 0.3);
}
.activity1809 .activityCon:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.activity1809 .activityCon:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.activity1809 .activityCon_bg {
  background-color: #fff;
  -webkit-box-shadow: 0 0 10px #e5e2df;
  -moz-box-shadow: 0 0 10px #e5e2df;
  -ms-box-shadow: 0 0 10px #e5e2df;
  -o-box-shadow: 0 0 10px #e5e2df;
  box-shadow: 0 0 10px #e5e2df;
  padding: 50px 20px 0px;
  zoom: 1;
}
.activity1809 .activityCon_bg:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.activity1809 .activityCon_bg:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.activity1809 .activityCon_bg h2 {
  font-size: 32px;
  font-weight: normal;
  color: #262626;
  margin: 0px 0 20px;
  text-align: center;
  height: 35px;
}
.activity1809 .activityCon_bg p {
  font-size: 16px;
  color: #484848;
  line-height: 24px;
  margin-bottom: 20px;
}
.activity1809 .activityCon_bg p.center {
  font-size: 18px;
  color: #262626;
  text-align: center;
  margin-top: -9px;
}
.activity1809 .activityCon_bg h3.title a {
  font-size: 24px;
  line-height: 24px;
  color: #262626;
  font-weight: normal;
}
.activity1809 .activityCon_bg .activityText {
  zoom: 1;
}
.activity1809 .activityCon_bg .activityText:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.activity1809 .activityCon_bg .activityText:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.activity1809 .activityCon_bg .activityTextBot {
  position: absolute;
  bottom: 0;
}
.activity1809 .activityCon_bg .timeMoney {
  font-size: 24px;
  color: #f57941;
}
.activity1809 .activityCon_bg .discount {
  background-color: #f64d3e;
  padding: 5px 30px;
  position: relative;
  font-size: 20px;
  font-weight: normal;
  color: #fff;
}
.activity1809 .activityCon_bg .discount em {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  top: 0;
  border-width: 18px 10px;
}
.activity1809 .activityCon_bg .discount em.leftEm {
  border-color: transparent transparent transparent #fff;
  left: 0px;
}
.activity1809 .activityCon_bg .discount em.rightEm {
  border-color: transparent #fff transparent transparent ;
  right: 0px;
}
.activity1809 .activityCon_bg .buyBtn {
  -weikit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  display: inline-block;
  padding: 12px 50px;
  text-align: center;
  background-color: #f57941;
  color: #fff;
  font-size: 16px;
  margin-top: 20px;
}
.activity1809 .activityCon_bg .buyBtn:hover {
  background-color: #f46a2c;
}
.activity1809 .activityCon_bg.class4 {
  padding-bottom: 10px;
}
.activity1809 .activityCon_bg.class4 p {
  margin-bottom: 30px;
}
.activity1809 .activityCon .moneyMore {
  zoom: 1;
  padding-bottom: 20px;
}
.activity1809 .activityCon .moneyMore:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.activity1809 .activityCon .moneyMore:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.activity1809 .activityCon .moneyMore dt {
  width: 400px;
  height: 234px;
  float: left;
}
.activity1809 .activityCon .moneyMore dt img {
  width: 100%;
  height: 100%;
}
.activity1809 .activityCon .moneyMore dd {
  height: 234px;
  position: relative;
  margin-left: 440px;
}
.activity1809 .activityCon .hadoop {
  zoom: 1;
  padding-top: 10px;
}
.activity1809 .activityCon .hadoop:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.activity1809 .activityCon .hadoop:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.activity1809 .activityCon .hadoop li {
  width: 49%;
  float: left;
  margin-bottom: 40px;
  position: relative;
}
.activity1809 .activityCon .hadoop li.nth2 {
  float: right;
}
.activity1809 .activityCon .hadoop li .hadoopImg {
  float: left;
  width: 250px;
  height: 147px;
  overflow: hidden;
}
.activity1809 .activityCon .hadoop li .hadoopImg img {
  width: 100%;
  height: 100%;
}
.activity1809 .activityCon .hadoop li .activityText {
  width: 270px;
  margin-left: 270px;
}
.activity1809 .activityCon .hadoop li .activityTextBot {
  width: 270px;
}
.activity1809 .activityCon .hadoop li h3.title {
  line-height: 24px;
}
.activity1809 .activityCon .hadoop li h3.title a,
.activity1809 .activityCon .hadoop li .timeMoney {
  font-size: 18px;
}
.activity1809 .activityCon .hadoop li .discount {
  float: left;
  font-size: 16px;
  overflow: hidden;
  padding: 5px 20px;
}
.activity1809 .activityCon .hadoop li .discount em {
  border-width: 15px 8px;
}
.activity1809 .activityCon .hadoop li .buyBtn {
  padding: 7px 15px;
  float: right;
  margin-top: 0;
  -weikit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  margin-top: -2px;
}
.activity1809 .activityCon .passAll {
  zoom: 1;
}
.activity1809 .activityCon .passAll:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.activity1809 .activityCon .passAll:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.activity1809 .activityCon .passAll li {
  width: 340px;
  margin-right: 50px;
  float: left;
  margin-bottom: 30px;
  position: relative;
}
.activity1809 .activityCon .passAll li.last {
  margin-right: 0;
}
.activity1809 .activityCon .passAll li .passAllImg {
  display: block;
  width: 340px;
  height: 199px;
  margin: 10px 0;
}
.activity1809 .activityCon .passAll li .passAllImg img {
  width: 100%;
  height: 100%;
}
.activity1809 .activityCon .passAll li .activityText,
.activity1809 .activityCon .passAll li .activityTextBot {
  width: 100%;
}
.activity1809 .activityCon .passAll li .activityText {
  height: 120px;
}
.activity1809 .activityCon .passAll li h3.title a {
  font-size: 18px;
  line-height: 24px;
}
.activity1809 .activityCon .passAll li .timeMoney {
  font-size: 18px;
  margin-bottom: 10px;
}
.activity1809 .activityCon .passAll li .discount {
  float: left;
  font-size: 16px;
  overflow: hidden;
  padding: 5px 20px;
}
.activity1809 .activityCon .passAll li .discount em {
  border-width: 16px 7px;
}
.activity1809 .activityCon .passAll li .buyBtn {
  padding: 7px 15px;
  float: right;
  margin-top: 0;
  -weikit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  margin-top: -2px;
}
.activity1809 .couponList {
  padding-bottom: 20px;
  position: relative;
}
.activity1809 .couponList #pink {
  position: absolute;
  right: -8px;
  bottom: 78px;
}
.activity1809 .couponList li {
  width: 340px;
  margin: 0 0px 40px 28px;
  background-size: 100%;
  padding-left: 15px;
}
.activity1809 .couponList li p {
  color: #fff;
}
.activity1809 .couponList li .fl {
  width: 225px;
  padding-top: 20px;
}
.activity1809 .couponList li .fl .money span {
  font-size: 39px;
}
.activity1809 .couponList li .fl .money span.full {
  font-size: 14px;
  margin-top: 0px;
}
.activity1809 .couponList li .fl .text {
  line-height: 22px;
  font-size: 12px;
  height: 44px;
  margin-top: 12px;
}
.activity1809 .couponList li .getBtn,
.activity1809 .couponList li .overBtn {
  background-size: 90%;
  margin-top: 23px;
}
/* +++++++++++++++++   1112活动页 专题页  +++++++++++++++++ */
.activity1809.activity181112 {
  background: url("../images/activity/1112/bg.jpg") no-repeat center top #f97c40;
}
.activity1809.activity181112 .activityBanner {
  height: 655px;
  background: url("../images/activity/1112/banner.jpg") no-repeat center top;
}
.activity1809.activity181112 #activity2 {
  padding-top: 120px;
  background: none;
}
.activity1809.activity181112 .activityCon .moneyMore {
  padding-bottom: 30px;
}
.activity1809.activity181112 .timeMoney {
  font-size: 16px;
  color: #969696;
}
.activity1809.activity181112 .couponPhone {
  display: none;
}
.activity1809.activity181112 #class99 {
  position: relative;
}
.activity1809.activity181112 #class99 #goBtn {
  position: absolute;
  right: 90px;
  bottom: 80px;
}
.activity1809.activity181112 #class99 .activityTextBot {
  padding-top: 80px;
}
.activity1809.activity181112 #class99 .timeMoney {
  text-decoration: line-through;
}
.activity1809.activity181112 .activityTextBot.bottomUnset {
  padding-top: 40px;
  position: unset;
  bottom: auto;
  width: 300px;
}
.activity1809.activity181112 .activityTextBot.bottomUnset .timeMoney.orange {
  font-size: 24px;
  color: #f57941;
  padding-top: 40px;
}
.activity1809.activity181112 .activityTextBot.bottomUnset .discount {
  width: 220px;
}
.activity1809.activity181112 .activityTextBot.bottomUnset .discount.w250 {
  width: 220px;
}
.activity1809.activity181112 .moneyNow {
  color: #f64d3e;
}
.activity1809.activity181112 .moneyNow span {
  color: #969696;
  text-decoration: line-through;
  padding-left: 20px;
}
.activity1809.activity181112 .activityCon_bg {
  position: relative;
}
.activity1809.activity181112 .activityCon_bg #ball3 {
  position: absolute;
  left: -80px;
  top: -40px;
}
.activity1809.activity181112 .activityCon_bg p.orange {
  color: #f57941;
}
.activity1809.activity181112 .activityCon_bg dd {
  position: relative;
}
.activity1809.activity181112 .activityCon_bg dd .coupon {
  position: absolute;
  width: 260px;
  height: 100px;
  color: #fff;
  text-align: center;
  font-size: 18px;
  right: 50px;
  bottom: 48px;
  cursor: pointer;
  padding: 15px 60px 0 30px;
  background: url("../images/activity/1112/chaper.png") no-repeat left top;
}
.activity1809.activity181112 .activityCon_bg dd .coupon strong {
  font-size: 30px;
}
.activity1809.activity181112 .activityCon_bg dd .coupon p {
  color: #fff;
  line-height: 30px;
}
.activity1809.activity181112 .activityCon_bg dd .coupon.over {
  cursor: default;
  background: url("../images/activity/1112/chaper2.png");
}
.activity1809.activity181112 .activityCon_bg dd #ball {
  position: absolute;
  right: -80px;
  top: -210px;
}
.activity1809.activity181112 .activityCon_bg dd #ball2 {
  position: absolute;
  right: -120px;
  top: -210px;
}
.activity1809.activity181112 .activityCon .hadoop li .buyBtn {
  width: 120px;
  height: 35px;
  -weikit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  background: url("../images/activity/1112/btnBg.png") no-repeat center top;
  -webkit-box-shadow: 3px 0 7px #d9bfae;
  -moz-box-shadow: 3px 0 7px #d9bfae;
  -ms-box-shadow: 3px 0 7px #d9bfae;
  -o-box-shadow: 3px 0 7px #d9bfae;
  box-shadow: 3px 0 7px #d9bfae;
}
.activity1809.activity181112 .activityCon .hadoop li .buyBtn:hover {
  background-position: right center;
}
.activity1809.activity181112 .activityCon .hadoop li .buyBtn.over {
  background-image: none;
  background-color: #969696;
  -webkit-box-shadow: 3px 0 7px #969696;
  -moz-box-shadow: 3px 0 7px #969696;
  -ms-box-shadow: 3px 0 7px #969696;
  -o-box-shadow: 3px 0 7px #969696;
  box-shadow: 3px 0 7px #969696;
  cursor: default;
}
.activity1809.activity181112 .fly {
  text-align: center;
  cursor: pointer;
}
.activity1809.activity181112 .goTop {
  position: fixed;
  right: 10px;
  bottom: 10%;
  width: 120px;
}
.activity1809.activity181112 .goTop #goTop {
  width: 120px;
  margin: 0;
  background: url("../images/activity/1112/btnUp.png") no-repeat 30px center #ffffff;
  padding-left: 60px;
  line-height: 30px;
  font-size: 16px;
  cursor: pointer;
}
.activity1809.activity181112 .goTop ul,
.activity1809.activity181112 .goTop div {
  background-color: #fff;
  -weikit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  padding: 10px;
  margin: 10px 0;
}
.activity1809.activity181112 .goTop ul p,
.activity1809.activity181112 .goTop div p {
  line-height: 30px;
  text-align: center;
}
.activity1809.activity181112 .goTop ul img,
.activity1809.activity181112 .goTop div img {
  border: 1px solid #969696;
}
.activity1809.activity181112 .goTop li {
  height: 40px;
  line-height: 40px;
  text-align: center;
}
.activity1809.activity181112 .goTop li a {
  color: #484848;
}
.activity1809.activity181112 .goTop li:hover {
  background: url("../images/activity/1112/btnBg.png") no-repeat center center;
  -weikit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
.activity1809.activity181112 .goTop li:hover a {
  color: #fff;
}
/* --------------------   App下载承载页  -------------------- */
.AppDownloadBg {
  background: #fff;
  position: relative;
}
.AppDownloadBg .Appdownload {
  background: url("../images/appDown/Appdown.jpg") no-repeat center bottom;
  background-size: 100% auto;
  height: 700px;
  padding-top: 100px;
}
.AppDownloadBg .Appdownload .appDownLogo {
  display: block;
  margin: 0px auto 50px;
}
.AppDownloadBg .Appdownload h1,
.AppDownloadBg .Appdownload h2 {
  line-height: 40px;
  font-size: 36px;
  color: #240101;
  font-weight: normal;
  padding: 10px 0;
  text-align: center;
}
.AppDownloadBg .Appdownload h2 {
  font-size: 20px;
}
.AppDownloadBg .Appdownload .downloadBox {
  text-align: center;
  margin-top: 20px;
}
.AppDownloadBg .Appdownload .Android {
  display: inline-block;
  padding: 10px 30px 10px 15px;
  border: 1px solid #fff;
  -weikit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  font-size: 18px;
  color: #fff;
  margin: 0 auto;
  font-weight: bold;
}
.AppDownloadBg .Appdownload .Android.ios {
  text-align: left;
  background: url("../images/appDown/apple.png") no-repeat 10px center;
  background-size: 35px;
  padding-left: 55px;
  font-weight: normal;
  font-size: 20px;
}
.AppDownloadBg .Appdownload .Android.ios em {
  background: none;
  display: none;
}
.AppDownloadBg .Appdownload .Android em {
  float: left;
  display: block;
  width: 45px;
  height: 45px;
  background: url("../images/appDown/Android.png") no-repeat left center;
  background-size: 90%;
  margin-right: 10px;
}
.AppDownloadBg .Appdownload .Android span {
  font-size: 16px;
  letter-spacing: 2px;
}
.AppDownloadBg .tips {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: url("../images/appDown/tips.png") no-repeat right 20px rgba(0, 0, 0, 0.6);
  background-size: 60%;
  z-index: 10001;
}
@media screen and (max-width: 1680px) {
  /* 电商专题 频道页 */
  .topicBlockchain.Eclass .EclassBan .btnBox {
    padding: 355px 240px 0 0;
  }
}
@media screen and (max-width: 1440px) {
  /* 银行从业频道页 */
  .topicBanBody .topicBank {
    height: 400px;
  }
}
@media screen and (max-width: 1280px) {
  .header .wrap,
  .zheJiang .classList {
    width: 90%;
    margin: 0 auto;
  }
  .topicZheJiang img {
    width: 100%;
  }
  .zheJiang .classList h3,
  .zheJiang .classList .classListIntro {
    width: auto;
  }
  .topBtn {
    right: 0;
  }
  /* 银行从业频道页 */
  .topicBanBody .topicBank {
    height: 350px;
  }
  .topicBanBody .introBox.wrap {
    margin-bottom: 40px;
  }
  .topicBanBody .wrap.aboutExam {
    margin-bottom: 60px;
  }
  /* 1112活动月 */
  .activity1809.activity181112 .goTop {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  .topicHeader.header .fr .search {
    display: none;
  }
  .header.topicMobile div.fr {
    min-width: 550px;
  }
  .header.topicMobile .search {
    display: none;
  }
  /* 银行从业频道页 */
  .topicBanBody .wrap {
    width: 98%;
  }
  .topicBanBody .header .search {
    display: none;
  }
  .topicBanBody .header div.fr {
    min-width: 550px;
  }
  .topicBanBody .topicBank {
    height: 300px;
  }
  .topicBanBody .main .wrap {
    width: 80%;
  }
  .topicBanBody .tableList table#topicBank {
    width: 100%;
  }
  .topicBanBody .aboutExam li {
    width: 22%;
    padding: 20px 10px 25px;
    min-height: 250px;
    margin-right: 4%;
  }
  .topicBanBody .aboutExam li.last {
    margin-right: 0;
  }
  .topicBanBody .aboutExam li.last p {
    margin-bottom: 5px;
  }
  /* 区块链介绍频道页 */
  .topicBlockchain .wrap {
    width: 90%;
  }
  .topicBlockchain .university dl dt .bg {
    width: 100%;
    overflow: hidden;
  }
  .topicBlockchain .university dl dt .bg img {
    width: 100%;
    height: 100%;
  }
  .topicBlockchain .university dl dd .ddBox {
    width: 60%;
  }
  .topicBlockchain .manyWays ul.wrap li {
    margin-left: 100px;
  }
  .topicBlockchain .linkNews table {
    width: 100%;
  }
  /* 区块链课程频道页 */
  .topicBlockchainClass .wrap {
    width: 90%;
  }
  .topicBlockchainClass .banner {
    height: 300px;
    background-size: auto 100%;
  }
  .topicBlockchainClass .banner .wrap {
    padding-top: 250px;
  }
  .topicBlockchainClass .banner .buyBox a.buyBtn {
    float: right;
    margin-top: -23px;
    margin-right: -10px;
  }
  .topicBlockchainClass .teacher dl dd {
    padding-top: 0;
  }
  .topicBlockchainClass .teacher dl dd h3 {
    margin-bottom: 10px;
  }
  .topicBlockchainClass .teacher dl dd p em {
    bottom: -25px;
  }
  /* 大数据课程频道页 */
  .topichadoop .wrap {
    width: 90%;
  }
  .topichadoop .object ul.wrap li br {
    display: none;
  }
  .topichadoop .zhibei ul.wrap li p {
    font-size: 14px;
  }
  .topichadoop .book .bookMain {
    padding: 0 50px;
  }
  .topichadoop .book .bookMain img {
    width: 60%;
  }
  .topichadoop .book .bookMain ul {
    margin-left: 65%;
  }
  .topichadoop .classList {
    height: 1100px;
    background-size: auto 100%;
  }
  .topichadoop .classList .webShow {
    display: none;
  }
  .topichadoop .classList .phoneShow {
    display: block;
  }
  .topichadoop .classList .classListConPhone {
    margin: 0 auto;
    height: 200px;
    background: none;
    border: 1px solid #00fffc;
    -weikit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    margin-bottom: 30px;
  }
  .topichadoop .classList .classListConPhone .classListConHead {
    border-bottom: 0px solid #ffffff;
  }
  /* 大学生职场频道页 */
  .topicUniversity .wrap {
    width: 90%;
  }
  .topicUniversity .classIntroBox li.alignRight .classConCenter,
  .topicUniversity .classIntroBox .imgBox,
  .topicUniversity .classIntroBox .classConCenter {
    width: 50%;
    float: left;
    margin: 0;
    padding: 0;
  }
  .topicUniversity .classIntroBox .imgBox img {
    float: left;
    max-width: 90%;
  }
  .topicUniversity .afterBody .afterBodyCon {
    padding: 0 0px;
  }
  .topicUniversity .afterBody .afterBodyCon .punctuation {
    padding: 0 20px;
  }
  /*  职贝网白皮书频道页 */
  .topicBook .wrap {
    width: 90%;
  }
  /*  黄金交易从业 频道页 */
  .topicBanBody.topicGolden .examTable {
    width: 100%;
  }
  .topicBanBody.topicGolden .columnPic .wrap {
    padding: 0;
  }
  /* 电商专题 频道页 2018-11-12*/
  .topicBlockchain.Eclass .EclassBan {
    height: 300px;
    background-size: 100% auto;
  }
  .topicBlockchain.Eclass .EclassBan .btnBox {
    padding: 185px 180px 0 0;
  }
  .topicBlockchain.Eclass .EclassBan .btnBox .w100-30 {
    width: 120px;
    height: 35px;
    line-height: 35px;
    font-size: 14px;
  }
  .topicBlockchain.Eclass .bankTitle {
    height: 100px;
    line-height: 100px;
  }
  .topicBlockchain.Eclass .EclassListBox a {
    width: 21%;
    height: 123px;
    margin-right: 2%;
  }
  /*  ===   开学季迎新总动员 专题页  === */
  .activity1809 .wrap {
    width: 90%;
  }
  .activity1809 .activityBanner {
    height: 319px;
    background-size: 120%;
  }
  .activity1809 #activity1,
  .activity1809 #activity2 {
    background-size: 120%;
  }
  .activity1809 #activity1 h2.activityBox_title,
  .activity1809 #activity2 h2.activityBox_title {
    height: 140px;
    background-position: center 0px;
    background-size: 40%;
  }
  .activity1809 #activity1 h2.activityBox_title p,
  .activity1809 #activity2 h2.activityBox_title p {
    padding-top: 90px;
    font-size: 24px;
  }
  .activity1809 .couponList li {
    margin: 0px 10px 0px 50px;
  }
  .activity1809 #activity1 .activityCon {
    margin-bottom: 40px;
  }
  .activity1809 .activityCon .hadoop li .hadoopImg {
    width: 40%;
    height: 97px;
  }
  .activity1809 .activityCon .hadoop li .hadoopImg img {
    width: 100%;
    height: 100%;
  }
  .activity1809 .activityCon .hadoop li .activityText {
    margin-left: 45%;
    width: 52%;
    position: relative;
  }
  .activity1809 .activityCon .hadoop li .activityText .activityTextBot {
    width: 100%;
  }
  .activity1809 .activityCon .hadoop li h3.title {
    margin-top: -5px;
  }
  .activity1809 .activityCon .hadoop li h3.title a,
  .activity1809 .activityCon .hadoop li .timeMoney {
    font-size: 16px;
    line-height: 18px;
  }
  .activity1809 .activityCon .hadoop li .timeMoney {
    margin-bottom: 5px;
  }
  .activity1809 .activityCon .hadoop li .discount,
  .activity1809 .activityCon .hadoop li .buyBtn {
    font-size: 14px;
  }
  .activity1809 .activityCon .hadoop li .discount {
    padding: 3px 10px;
  }
  .activity1809 .activityCon .hadoop li .discount em {
    border-width: 12px 6px;
  }
  .activity1809 .activityCon .hadoop li .buyBtn {
    float: right;
    padding: 5px 10px;
  }
  .activity1809 .activityCon .passAll li {
    width: 32%;
    margin-right: 2%;
    overflow: hidden;
  }
  .activity1809 .activityCon .passAll li .passAllImg {
    width: 269px;
    height: 157px;
  }
  .activity1809 .activityCon .passAll li .passAllImg img {
    width: 100%;
    height: 100%;
  }
  /*  -----   App下载承载页  ----  */
  .AppDownloadBg .wrap {
    width: 90%;
  }
  .AppDownloadBg .Appdownload {
    height: 350px;
    padding-top: 50px;
    background-position: center top;
  }
  .AppDownloadBg .Appdownload .appDownLogo {
    margin-bottom: 10px;
    height: 60px;
  }
  .AppDownloadBg .Appdownload h1,
  .AppDownloadBg .Appdownload h2 {
    padding: 10px 0;
    line-height: 24px;
    font-size: 24px;
  }
  .AppDownloadBg .Appdownload h2 {
    font-size: 16px;
  }
  .AppDownloadBg .Appdownload .Android {
    padding: 5px 15px 5px 10px;
    font-size: 16px;
  }
  .AppDownloadBg .Appdownload .Android.ios {
    background-size: 30px;
    padding-left: 50px;
  }
  .AppDownloadBg .downloadMain dl {
    padding-top: 0;
  }
  .AppDownloadBg .downloadMain .part1,
  .AppDownloadBg .downloadMain .part2,
  .AppDownloadBg .downloadMain .part3 {
    height: auto;
    min-height: 360px;
    background-size: 80%;
  }
  .AppDownloadBg .downloadMain .part1 p,
  .AppDownloadBg .downloadMain .part2 p,
  .AppDownloadBg .downloadMain .part3 p {
    padding-top: 130px;
  }
  .AppDownloadBg .downloadMain .part1 {
    background-size: 70%;
  }
  .AppDownloadBg .downloadMain .part2 {
    background-position: right center;
  }
  /* 1112活动月 */
  .activity1809.activity181112 #class99 #goBtn {
    right: 0px;
    bottom: 40px;
  }
  .activity1809.activity181112 #class99 #goBtn img {
    max-width: 60%;
  }
  .activity1809.activity181112 .activityCon .moneyMore h3 {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }
  .activity1809.activity181112 .activityCon .moneyMore dt {
    width: 300px;
  }
  .activity1809.activity181112 .activityCon .moneyMore dd {
    margin-left: 320px;
  }
  .activity1809.activity181112 .activityCon .moneyMore dt,
  .activity1809.activity181112 .activityCon .moneyMore dd {
    height: 176px;
  }
  .activity1809.activity181112 .activityCon .hadoop li .buyBtn {
    width: 90px;
    height: 30px;
    line-height: 20px;
  }
  .activity1809.activity181112 .activityCon_bg .discount em.leftEm {
    left: -1px;
  }
  .activity1809.activity181112 .activityCon_bg .discount em.rightEm {
    right: -1px;
  }
  .activity1809.activity181112 .activityCon_bg dd .coupon {
    width: 220px;
    height: auto;
    right: 10px;
    bottom: -20px;
    background-size: 100%;
  }
  .activity1809.activity181112 .activityCon_bg p {
    margin-bottom: 14px;
  }
  .activity1809.activity181112 .fly img {
    width: 10%;
  }
}
@media screen and (max-width: 820px) {
  .topicHeader.header #blgLogo {
    width: 200px;
  }
  .topicHeader.header #blgLogo img {
    max-width: 100%;
  }
  .topicHeader.header {
    height: 80px;
  }
  .topicHeader.header .logo {
    width: 100px;
  }
  .topicHeader.header .logo img {
    max-width: 100%;
  }
  .topicHeader.header .nav #studyCenter {
    padding: 0;
  }
  .topicHeader.header .fr {
    margin-top: 10px;
  }
}
@media screen and (max-width: 768px) {
  .header.topicMobile,
  .topicBlockchain .header,
  .topichadoop .header,
  .topicBlockchainClass .header,
  .topicBanBody .header {
    display: none;
  }
  .footer.amend,
  .fixfoot.fixfootActive {
    display: none;
  }
  .topichadoop .teacher dl dt.pc,
  .topicUniversity .teacher dl dt.pc,
  .topichadoop .teacher dl dd.pc,
  .topicUniversity .teacher dl dd.pc {
    display: none;
  }
  .topichadoop .teacher dl dt.mobile,
  .topicUniversity .teacher dl dt.mobile,
  .topichadoop .teacher dl dd.mobile,
  .topicUniversity .teacher dl dd.mobile {
    display: block;
  }
  .topichadoop .teacher dl dd,
  .topicUniversity .teacher dl dd {
    height: auto;
    overflow: auto;
  }
  /* 银行从业频道页 */
  .topicBanBody .header div.fr {
    min-width: 200px;
  }
  .topicBanBody .topicBank {
    height: 240px;
  }
  .topicBanBody .introBox .upDown.seal {
    top: 5px;
  }
  .topicBanBody .aboutExam li {
    width: 48%;
    margin-bottom: 30px;
  }
  .topicBanBody .aboutExam li:nth-child(2),
  .topicBanBody .aboutExam li:nth-child(4) {
    margin-right: 0;
  }
  .topicBanBody .aboutExam li.last p {
    margin-bottom: 25px;
  }
  .topicBanBody .topicListBg .crumbs {
    height: 45px;
    line-height: 45px;
  }
  .topicBanBody .topicListBg .topicList,
  .topicBanBody .newsPage {
    padding: 30px;
  }
  .topicBanBody .topicListBg .topicList li h3 {
    font-size: 14px;
  }
  .topicBanBody .topicListBg .topicList li h3 a {
    width: 60%;
  }
  .topicBanBody .footer {
    margin-top: 30px;
    padding: 10px;
  }
  .topicBanBody .footer.amend .fl p {
    height: auto;
  }
  .topicBanBody .footer.amend .fr {
    display: none;
  }
  /* 区块链介绍频道页 */
  .topicBlockchain .wrap {
    width: 90%;
  }
  .topicBlockchain .topicBlockchainBan {
    height: 286px;
    background-size: 100%;
    padding-top: 130px;
  }
  .topicBlockchain .topicBlockchainBan p {
    font-size: 16px;
  }
  .topicBlockchain .bankTitle {
    height: 40px;
    line-height: 40px;
  }
  .topicBlockchain .bankTitle p span {
    font-size: 20px;
  }
  .topicBlockchain .university dl dt .bgBox {
    height: 180px;
  }
  .topicBlockchain .university dl dt .bg {
    height: 200px;
  }
  .topicBlockchain .university dl dd .ddBox {
    height: 200px;
    width: 78%;
  }
  .topicBlockchain .university dl dd .ddBox p span {
    font-size: 50px;
    top: -32px;
  }
  .topicBlockchain .manyWays {
    background-size: 100%;
    padding-top: 190px;
  }
  .topicBlockchain .manyWays ul.wrap li {
    margin-left: 20px;
  }
  .topicBlockchain .goStudy {
    background-size: 100%;
    height: 100px;
    padding-top: 20px;
  }
  .topicBlockchain .goStudy h3 {
    font-size: 18px;
    margin-bottom: 15px;
  }
  .topicBlockchain .goStudy a.btn {
    width: 100px;
    height: 30px;
    line-height: 30px;
  }
  /* 区块链课程频道页 */
  .topicBlockchainClass {
    padding-bottom: 60px;
  }
  .topicBlockchainClass .banner {
    height: 250px;
    background-size: auto 100%;
  }
  .topicBlockchainClass .banner .wrap {
    padding-top: 190px;
  }
  .topicBlockchainClass .banner .buyBox {
    padding-top: 0;
    padding-bottom: 20px;
    width: 80%;
  }
  .topicBlockchainClass .banner .buyBox .prize,
  .topicBlockchainClass .banner .buyBox .time {
    display: block;
  }
  .topicBlockchainClass .banner .buyBox .prize {
    font-size: 18px;
  }
  .topicBlockchainClass .banner .buyBox a.buyBtn {
    float: right;
    margin-top: -70px;
  }
  .topicBlockchainClass .main {
    padding-top: 110px;
  }
  .topicBlockchainClass .bankTitle {
    height: 100px;
  }
  .topicBlockchainClass .bankTitle p {
    font-size: 24px;
  }
  .topicBlockchainClass .prospect ul.wrap {
    padding-bottom: 30px;
  }
  .topicBlockchainClass .prospect ul.wrap li {
    height: 120px;
    padding: 30px 10px 0;
    position: relative;
  }
  .topicBlockchainClass .prospect ul.wrap li span {
    display: block;
    width: 100%;
    position: absolute;
    bottom: 20px;
    left: 0;
    text-align: center;
    font-size: 20px;
  }
  .topicBlockchainClass .prospect .moneyBox dt {
    width: 100%;
  }
  .topicBlockchainClass .prospect .moneyBox dt img {
    -weikit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
  }
  .topicBlockchainClass .prospect .moneyBox dd {
    display: none;
  }
  .topicBlockchainClass .object {
    padding: 30px 0 40px;
    margin-bottom: 30px;
  }
  .topicBlockchainClass .object ul.wrap li {
    padding: 20px 5px;
  }
  .topicBlockchainClass .object ul.wrap li h3 {
    font-size: 16px;
  }
  .topicBlockchainClass .object ul.wrap li p br {
    display: none;
  }
  .topicBlockchainClass .theWhy ul.wrap li {
    float: none;
    width: 80%;
    margin: 0 auto 50px;
  }
  .topicBlockchainClass .theWhy ul.wrap li:last-child {
    margin-bottom: 0;
  }
  .topicBlockchainClass .menu {
    padding: 30px 0 40px;
  }
  .topicBlockchainClass .menu .menuBox {
    width: 70%;
  }
  .topicBlockchainClass .teacher dl {
    width: 90%;
  }
  .topicBlockchainClass .teacher dl dd {
    margin-left: 210px;
    padding-top: 0;
  }
  .topicBlockchainClass .teacher dl dd h3 {
    margin-bottom: 10px;
  }
  .topicBlockchainClass .teacher dl dd p em {
    display: none;
  }
  /* 大数据课程频道页 */
  .topichadoop {
    padding-bottom: 0;
  }
  .topichadoop .banner {
    height: 400px;
    background-size: auto 100%;
  }
  .topichadoop .zhibei {
    padding: 40px 0 10px;
  }
  .topichadoop .zhibei ul.wrap li {
    float: none;
    width: 100%;
    margin-bottom: 30px;
  }
  .topichadoop .zhibei ul.wrap li p {
    margin-top: 10px;
  }
  .topichadoop .object {
    height: 580px;
    background-size: auto 100%;
    padding: 0 0 40px;
  }
  .topichadoop .object ul.wrap li {
    width: 45%;
    float: left;
    margin: 0 3% 20px;
  }
  .topichadoop .object ul.wrap li#object4,
  .topichadoop .object ul.wrap li#object2 {
    margin: 0;
  }
  .topichadoop .object ul.wrap li br {
    display: block;
  }
  .topichadoop .book {
    padding: 0 0 30px;
  }
  .topichadoop .book .bookMain {
    padding: 0;
  }
  .topichadoop .book .bookMain img {
    width: 50%;
  }
  .topichadoop .book .bookMain ul {
    margin-left: 53%;
  }
  .topichadoop .book .bookMain ul li {
    padding-left: 30px;
    margin-bottom: 15px;
    background-size: 18px auto;
  }
  .topichadoop .book .bookMain ul li h3 {
    font-size: 16px;
    margin-bottom: 5px;
  }
  .topichadoop .teacher {
    padding: 40px 0 0px;
  }
  .topichadoop .teacher dl {
    float: left;
    width: 44%;
    height: 340px;
    margin: 0 3% 100px;
  }
  .topichadoop .teacher dl dt.pc,
  .topichadoop .teacher dl dd.pc {
    display: none;
  }
  .topichadoop .teacher dl dt.mobile,
  .topichadoop .teacher dl dd.mobile {
    display: block;
  }
  .topichadoop .teacher dl dd {
    height: auto;
    overflow: auto;
  }
  .topichadoop .teacher dl:hover {
    background-color: #f4f4f4;
  }
  /* 大学生职场频道页 */
  .fixfoot.university {
    display: block;
    padding: 0;
  }
  .fixfoot.university .wrap {
    height: auto;
    width: 100%;
    padding: 10px;
  }
  .topicUniversity {
    padding-bottom: 60px;
  }
  .topicUniversity .classIntroBox .classConCenter h3 {
    font-size: 16px;
  }
  .topicUniversity .classIntroBox .classConCenter h2 span {
    font-size: 18px;
  }
  .topicUniversity .banner {
    height: 400px;
    background-size: auto 100%;
  }
  .topicUniversity .main {
    background-size: auto 500px;
  }
  .topicUniversity .DontWarry img.next {
    width: 12%;
    margin: 40px auto 80px;
  }
  .topicUniversity .DontWarry img.clearfix {
    margin-top: 50px;
    width: 80%;
  }
  .topicUniversity .DontWarry p {
    font-size: 16px;
  }
  .topicUniversity .commonTitle p {
    font-size: 24px;
    background-position: left 16px;
  }
  .topicUniversity .title {
    height: 60px;
    font-size: 20px;
  }
  .topicUniversity .title p {
    padding-top: 15px;
  }
  .topicUniversity .title em {
    height: 5px;
    top: 45px;
    left: 48%;
  }
  .topicUniversity .title span {
    font-size: 16px;
    padding: 0 60px;
  }
  .topicUniversity .classIntroBox li {
    margin-top: 50px;
  }
  .topicUniversity .classIntroBox li .classConCenter h3,
  .topicUniversity .classIntroBox li .classConCenter p {
    margin-bottom: 10px;
  }
  .topicUniversity .classIntroBox li .classConCenter h2 {
    margin-bottom: 15px;
  }
  .topicUniversity .classIntroBox li .classConCenter h2 .num {
    font-size: 50px;
  }
  .topicUniversity .classIntroBox li .imgBox img {
    margin-top: 15px;
  }
  .topicUniversity .teacher {
    padding: 40px 0 0px;
  }
  .topicUniversity .teacher .next {
    width: 12%;
  }
  .topicUniversity .teacher dl {
    float: left;
    width: 44%;
    height: 320px;
    margin: 0 3% 100px;
    -webkit-box-shadow: 0 0 10px #dcdcdc;
    -moz-box-shadow: 0 0 10px #dcdcdc;
    -ms-box-shadow: 0 0 10px #dcdcdc;
    -o-box-shadow: 0 0 10px #dcdcdc;
    box-shadow: 0 0 10px #dcdcdc;
    background-color: #f4f4f4;
  }
  .topicUniversity .teacher dl dt img {
    border: 1px solid #6c63ff;
    width: 100px;
    height: 100px;
  }
  .topicUniversity .teacher dl dd {
    padding-top: 5px;
  }
  .topicUniversity .teacher dl dd p {
    font-size: 14px;
  }
  .topicUniversity .afterBody {
    background-position: center top;
    background-color: #f0efff;
    padding: 60px 0;
  }
  .topicUniversity .afterBody .afterBodyCon .punctuation {
    padding: 0 17px;
  }
  .topicUniversity .afterBody .afterBodyCon .borderText p {
    width: 195px;
  }
  .topicUniversity .afterBody .afterBodyCon .mob,
  .topicUniversity .afterBody .afterBodyCon .punctuation.mobileP {
    display: block;
    width: 65%;
    zoom: 1;
    margin: 0 auto 0px;
  }
  .topicUniversity .afterBody .afterBodyCon .mob:after,
  .topicUniversity .afterBody .afterBodyCon .punctuation.mobileP:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }
  .topicUniversity .afterBody .afterBodyCon .mob:after,
  .topicUniversity .afterBody .afterBodyCon .punctuation.mobileP:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }
  .topicUniversity .afterBody .afterBodyCon .mob .spanImg {
    width: 44%;
  }
  .topicUniversity .afterBody .afterBodyCon .mob .mobadd {
    width: 12%;
  }
  .topicUniversity .afterBody .afterBodyCon .mob .spanImg,
  .topicUniversity .afterBody .afterBodyCon .mob .mobadd {
    display: inline-block;
  }
  .topicUniversity .afterBody .afterBodyCon .mob .spanImg img,
  .topicUniversity .afterBody .afterBodyCon .mob .mobadd img {
    max-width: 100%;
  }
  .topicUniversity .afterBody .afterBodyCon .mob .spanImg .better,
  .topicUniversity .afterBody .afterBodyCon .mob .mobadd .better {
    width: 45%;
    float: left;
  }
  .topicUniversity .afterBody .afterBodyCon .mob .add {
    line-height: 100px;
  }
  .topicUniversity .afterBody .afterBodyCon .mob .mobadd {
    margin: 0;
    padding: 0;
    line-height: 100px;
  }
  .topicUniversity .afterBody .afterBodyCon .punctuation.mobileP {
    width: 100%;
    text-align: center;
    margin: 20px 0;
  }
  .topicUniversity .afterBody .afterBodyCon .borderText p span {
    font-size: 16px;
    padding: 0 10px;
  }
  .topicUniversity .afterBody .afterBodyCon .punctuation {
    height: 60px;
    line-height: 60px;
    text-align: center;
  }
  .topicUniversity .afterBody .afterBodyCon .spanImg {
    text-align: center;
  }
  .topicUniversity .afterBody .afterBodyCon .spanImg img {
    max-width: 80%;
    margin: 0 auto;
  }
  /*  职贝网白皮书频道页 */
  .topicBook {
    background-image: url("../images/topic/book/bookbg2.jpg");
  }
  .topicBook .topicBook {
    background-size: auto 100%;
  }
  .topicBook .main {
    padding-top: 80px;
  }
  .topicBook h1.bookTitle {
    background-size: 100% auto;
    margin-bottom: 10px;
  }
  .topicBook h2.bookTitle,
  .topicBook .part2 h2.bookTitle,
  .topicBook .part3 h2.bookTitle {
    background-size: 100% auto;
    height: 120px;
    line-height: 130px;
    font-size: 24px;
  }
  .topicBook .part2 h2.bookTitle,
  .topicBook .part3 h2.bookTitle {
    background-size: 70% auto;
    line-height: 150px;
    height: 150px;
  }
  .topicBook .part1 {
    padding: 220px 0 100px;
    background-size: 60%;
  }
  .topicBook .part1 .beibi p,
  .topicBook .part1 .zhili p {
    width: 80%;
    margin: 0 auto;
  }
  .topicBook .part2 ul {
    margin-bottom: 100px;
  }
  .topicBook .part3 {
    padding-bottom: 120px;
  }
  .topicBook .part3 p {
    width: 60%;
  }
  .topicBook .theMore {
    background-size: 65% auto;
    margin-bottom: 100px;
  }
  /*  黄金交易从业 频道页 */
  .topicBanBody.topicGolden .banner {
    background-size: auto 100%;
  }
  .topicBanBody.topicGolden .banner .wrap {
    padding-top: 360px;
  }
  .topicBanBody.topicGolden .banner .buyBox {
    width: 98%;
  }
  .topicBanBody.topicGolden .banner .buyBox .prize {
    padding-left: 15px;
    font-size: 20px;
    padding-top: 15px;
  }
  .topicBanBody.topicGolden .main {
    padding-top: 50px;
  }
  .topicBanBody.topicGolden .columnPic ul {
    width: 55%;
  }
  .topicBanBody.topicGolden .columnPic .wrap {
    width: 98%;
  }
  .topicBanBody.topicGolden .columnPic .ulRight {
    width: 45%;
  }
  .topicBanBody.topicGolden .columnPic .ulRight .round {
    width: 80px;
    height: 80px;
    padding-top: 20px;
    font-size: 20px;
    line-height: 24px;
  }
  .topicBanBody.topicGolden .columnPic .ulRight p {
    font-size: 16px;
  }
  /* 电商专题 频道页 2018-11-12*/
  .topicBlockchain.Eclass {
    padding-bottom: 20px;
  }
  .topicBlockchain.Eclass .EclassBan {
    height: 200px;
  }
  .topicBlockchain.Eclass .EclassBan .btnBox {
    padding: 145px 120px 0 0;
  }
  .topicBlockchain.Eclass .EclassBan .btnBox .w100-30 {
    width: 100px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
  }
  .topicBlockchain.Eclass .bankTitle {
    height: 60px;
    line-height: 60px;
  }
  .topicBlockchain.Eclass .bankTitle p span {
    font-size: 18px;
  }
  .topicBlockchain.Eclass .EclassListBox {
    margin-bottom: 0px;
  }
  .topicBlockchain.Eclass .EclassListBox a {
    width: 23%;
    height: 92px;
    margin-right: 2%;
  }
  .topicBlockchain.Eclass .EclassGoods {
    background-size: auto 100%;
    background-color: #000;
  }
  .topicBlockchain.Eclass .EclassGoods .imgbox {
    padding: 0;
  }
  .topicBlockchain.Eclass .fitPeo {
    margin-bottom: 0;
  }
  .topicBlockchain.Eclass .fitPeo ul {
    zoom: 1;
    text-align: center;
  }
  .topicBlockchain.Eclass .fitPeo ul:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }
  .topicBlockchain.Eclass .fitPeo ul:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }
  .topicBlockchain.Eclass .fitPeo li {
    display: inline-block;
    width: 30%;
    margin-right: 2%;
    float: none;
    margin-bottom: 20px;
  }
  .topicBlockchain.Eclass .fitPeo li img {
    width: 100px;
    height: 100px;
  }
  /*  ===   开学季迎新总动员 专题页  === */
  .activity1809 .activityBanner {
    height: 239px;
  }
  .activity1809 #activity1 h2.activityBox_title,
  .activity1809 #activity2 h2.activityBox_title {
    height: 120px;
    background-position: center 20px;
  }
  .activity1809 #activity1 h2.activityBox_title p,
  .activity1809 #activity2 h2.activityBox_title p {
    font-size: 18px;
  }
  .activity1809 #activity2 {
    background-position: center -22px;
  }
  .activity1809 .couponList li {
    width: 48%;
    height: auto;
    overflow: hidden;
    background-size: 100% auto;
    margin: 0 0px 20px 0px;
    padding: 0px 12px 10px 10px;
  }
  .activity1809 .couponList li:nth-child(2),
  .activity1809 .couponList li:nth-child(4) {
    margin-left: 3%;
  }
  .activity1809 .couponList li .fl {
    width: 197px;
    padding-top: 25px;
  }
  .activity1809 .couponList li .fl .money span {
    font-size: 27px;
  }
  .activity1809 .couponList li .fl .money span.full {
    font-size: 14px;
  }
  .activity1809 .couponList li .fl .text {
    font-size: 14px;
    margin-bottom: 0;
  }
  .activity1809 .couponList li .getBtn,
  .activity1809 .couponList li .overBtn {
    background-size: 80%;
    margin-top: 25px;
    margin-right: 10px;
  }
  .activity1809 #activity1 .activityCon {
    margin-bottom: 40px;
  }
  .activity1809 .activityCon_bg {
    padding-top: 30px;
  }
  .activity1809 .activityCon_bg h2 {
    font-size: 20px;
    font-weight: bold;
    height: auto;
  }
  .activity1809 .activityCon .hadoop {
    padding-top: 0;
  }
  .activity1809 .activityCon .hadoop li {
    width: 100%;
  }
  .activity1809 .activityCon .hadoop li .hadoopImg {
    width: 48%;
    height: auto;
  }
  .activity1809 .activityCon .hadoop li .hadoopImg img {
    width: 100%;
    height: 100%;
  }
  .activity1809 .activityCon .hadoop li .activityText {
    margin-left: 50%;
    width: 50%;
    position: relative;
  }
  .activity1809 .activityCon .hadoop li .activityText .activityTextBot {
    width: 100%;
  }
  .activity1809 .activityCon .passAll {
    width: 100%;
  }
  .activity1809 .activityCon .passAll li {
    width: 100%;
    zoom: 1;
  }
  .activity1809 .activityCon .passAll li:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }
  .activity1809 .activityCon .passAll li:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }
  .activity1809 .activityCon .passAll li .passAllImg {
    width: 48%;
    height: auto;
    float: left;
    margin: 0;
  }
  .activity1809 .activityCon .passAll li .passAllImg img {
    width: 100%;
    height: 100%;
  }
  .activity1809 .activityCon .passAll li .activityText {
    margin-left: 50%;
    width: 50%;
    height: 100%;
    position: relative;
  }
  .activity1809 .activityCon .passAll li .activityText .activityTextBot {
    width: 100%;
  }
  .activity1809 .activityCon .moneyMore dt {
    width: 48%;
    height: 171px;
  }
  .activity1809 .activityCon .moneyMore dt img {
    width: 100%;
    height: 100%;
  }
  .activity1809 .activityCon .moneyMore dd {
    height: 171px;
    margin-left: 50%;
  }
  .activity1809 .activityCon .hadoop li h3.title a,
  .activity1809 .activityCon .passAll li h3.title a,
  .activity1809 .activityCon .moneyMore h3.title a,
  .activity1809 .activityCon .hadoop li .timeMoney,
  .activity1809 .activityCon .passAll li .timeMoney,
  .activity1809 .activityCon .moneyMore .timeMoney,
  .activity1809 .activityCon .hadoop li .discount,
  .activity1809 .activityCon .passAll li .discount,
  .activity1809 .activityCon .moneyMore .discount {
    font-size: 16px;
  }
  .activity1809 .activityCon .hadoop li .buyBtn,
  .activity1809 .activityCon .passAll li .buyBtn,
  .activity1809 .activityCon .moneyMore .buyBtn {
    font-size: 14px;
    padding: 8px 30px;
  }
  .activity1809 .activityCon .hadoop li .timeMoney,
  .activity1809 .activityCon .passAll li .timeMoney,
  .activity1809 .activityCon .moneyMore .timeMoney {
    margin-bottom: 10px;
  }
  .activity1809 .activityCon .hadoop li .discount,
  .activity1809 .activityCon .passAll li .discount,
  .activity1809 .activityCon .moneyMore .discount {
    padding: 5px 20px;
  }
  .activity1809 .activityCon .hadoop li .discount em,
  .activity1809 .activityCon .passAll li .discount em,
  .activity1809 .activityCon .moneyMore .discount em {
    border-width: 16px 7px;
  }
  /*  -----   App下载承载页  ----  */
  .AppDownloadBg .Appdownload {
    height: 280px;
    padding-top: 30px;
    background-size: 110%;
  }
  .AppDownloadBg .Appdownload .appDownLogo {
    margin-bottom: 10px;
  }
  .AppDownloadBg .Appdownload h1,
  .AppDownloadBg .Appdownload h2 {
    padding: 5px;
  }
  .AppDownloadBg .Appdownload h1 {
    font-size: 24px;
  }
  .AppDownloadBg .Appdownload h2 {
    font-size: 16px;
  }
  .AppDownloadBg .Appdownload .Android {
    padding: 4px 20px 4px 10px;
    font-size: 14px;
  }
  .AppDownloadBg .Appdownload .Android em {
    width: 35px;
    margin-right: 5px;
  }
  .AppDownloadBg .Appdownload .Android span {
    font-size: 12px;
  }
  .AppDownloadBg .Appdownload .downloadBox {
    margin-top: 10px;
  }
  .AppDownloadBg .downloadMain dl {
    margin-top: 30px;
  }
  .AppDownloadBg .downloadMain .part1,
  .AppDownloadBg .downloadMain .part2,
  .AppDownloadBg .downloadMain .part3 {
    min-height: 300px;
  }
  .AppDownloadBg .downloadMain .part1 p,
  .AppDownloadBg .downloadMain .part2 p,
  .AppDownloadBg .downloadMain .part3 p {
    font-size: 24px;
    padding: 100px 0 0 100px;
  }
  .AppDownloadBg .downloadMain .part1 {
    background-size: 70%;
  }
  .AppDownloadBg .downloadMain .part2 {
    background-position: right center;
  }
  /* 1112活动月 */
  .activity1809.activity181112 #activity2 {
    padding-bottom: 20px;
  }
  .activity1809.activity181112 .activityBox {
    overflow: hidden;
  }
  .activity1809.activity181112 #class99 #goBtn {
    right: -53px;
    bottom: 40px;
  }
  .activity1809.activity181112 #class99 #goBtn img {
    max-width: 50%;
  }
  .activity1809.activity181112 .activityCon .hadoop li .hadoopImg {
    height: 147px;
  }
  .activity1809.activity181112 .activityCon .hadoop li .buyBtn {
    line-height: 15px;
    width: auto;
  }
  .activity1809.activity181112 .activityCon .activityTextBot.bottomUnset {
    bottom: 0;
    position: absolute;
  }
  .activity1809.activity181112 .activityCon .activityTextBot.bottomUnset p {
    margin-bottom: 0;
    line-height: 30px;
    font-size: 14px;
  }
  .activity1809.activity181112 .activityCon .activityTextBot.bottomUnset .timeMoney.orange {
    font-size: 18px;
    margin-bottom: 5px;
  }
  .activity1809.activity181112 .activityCon .moneyMore dt,
  .activity1809.activity181112 .activityCon .moneyMore dd {
    height: 117px;
  }
  .activity1809.activity181112 .activityCon .moneyMore dt {
    width: 200px;
  }
  .activity1809.activity181112 .activityCon .moneyMore dd {
    margin-left: 210px;
  }
  .activity1809.activity181112 .activityCon .moneyMore .coupon {
    width: 180px;
    height: auto;
    bottom: 0;
    right: -10px;
    padding-top: 8px;
  }
  .activity1809.activity181112 .activityCon .moneyMore .coupon p {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 12px;
  }
  .activity1809.activity181112 .activityCon .moneyMore .coupon strong {
    font-size: 20px;
  }
  .activity1809.activity181112 .activityCon .activityCon_bg p {
    font-size: 14px;
  }
}
@media screen and (max-width: 414px) {
  .header.topicMobile {
    height: 50px;
    line-height: 50px;
  }
  .header.topicMobile .wrap {
    width: 98%;
  }
  .header.topicMobile .logo {
    width: 100px;
    height: 50px;
    margin-top: 0px;
    background-size: 100%;
  }
  .header.topicMobile .userPanel {
    top: 45px;
  }
  .header.topicMobile div.fr {
    margin: 8px 0 0;
  }
  .header.topicMobile #userImg {
    width: 35px;
    height: 35px;
    margin-top: -5px;
  }
  .header.topicMobile #userImg img {
    width: 35px;
    height: 35px;
  }
  .header.topicMobile .nav #app {
    margin-right: 10px;
  }
  .header.topicMobile .nav #studyCenter {
    margin-right: 10px;
    padding: 0 10px;
  }
  .header.topicMobile .nav #message {
    margin-right: 15px;
  }
  .header.topicMobile a i,
  .header.topicMobile a em {
    font-size: 12px;
  }
  .footer.amend .fr {
    display: none;
  }
  /* 银行从业频道页 */
  .topicBanBody .main .wrap {
    width: 96%;
  }
  .topicBanBody .wrap {
    width: 90%;
  }
  .topicBanBody .header {
    height: 50px;
    line-height: 50px;
  }
  .topicBanBody .header .wrap {
    width: 98%;
  }
  .topicBanBody .header .logo {
    width: 100px;
    height: 50px;
    margin-top: 0px;
    background-size: 100%;
  }
  .topicBanBody .header .userPanel {
    top: 45px;
  }
  .topicBanBody .header div.fr {
    margin: 8px 0 0;
  }
  .topicBanBody .header #userImg {
    width: 35px;
    height: 35px;
    margin-top: -5px;
  }
  .topicBanBody .header #userImg img {
    width: 35px;
    height: 35px;
  }
  .topicBanBody .header .nav #app {
    margin-right: 10px;
  }
  .topicBanBody .header .nav #studyCenter {
    margin-right: 10px;
    padding: 0 10px;
  }
  .topicBanBody .header .nav #message {
    margin-right: 15px;
  }
  .topicBanBody .topicBank {
    height: 160px;
  }
  .topicBanBody .bankTitle {
    height: 100px;
    line-height: 100px;
  }
  .topicBanBody .bankTitle span {
    font-size: 16px;
  }
  .topicBanBody .bankTitle p {
    padding: 0 60px;
  }
  .topicBanBody .wrap.aboutExam {
    margin-bottom: 20px;
  }
  .topicBanBody .valueDiv {
    margin-top: -80px;
  }
  .topicBanBody .valueDiv .valueBox {
    padding-bottom: 20px;
  }
  .topicBanBody .valueDiv .valueBox li {
    width: 75%;
    float: none;
    zoom: 1;
    margin: 0 auto 5px;
  }
  .topicBanBody .valueDiv .valueBox li:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }
  .topicBanBody .valueDiv .valueBox li:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }
  .topicBanBody .valueDiv .valueBox li p {
    padding: 5px 15px 0;
    margin-left: 65px;
    text-align: left;
  }
  .topicBanBody .valueDiv .valueBox li span {
    width: 60px;
    height: 60px;
    display: inline-block;
    float: left;
  }
  .topicBanBody .valueDiv .valueBox li span.value {
    background-position: 9px 13px;
  }
  .topicBanBody .valueDiv .valueBox li span.value#value1 {
    background-position: 13px -121px;
  }
  .topicBanBody .valueDiv .valueBox li span.value#value2 {
    background-position: 8px -271px;
  }
  .topicBanBody #topicBank {
    display: none;
  }
  .topicBanBody #topicBankPhone {
    display: block;
    border-left: 1px solid #ececec;
    border-top: 1px solid #ececec;
  }
  .topicBanBody #topicBankPhone td {
    padding: 5px 2px;
    line-height: 24px;
    border-right: 1px solid #ececec;
    border-bottom: 1px solid #ececec;
    text-align: center;
    vertical-align: middle;
    font-size: 14px;
  }
  .topicBanBody #topicBankPhone span.phoneShow {
    display: block;
  }
  .topicBanBody #topicBankPhone span.phoneShow em {
    display: block;
    font-style: normal;
    font-weight: bold;
  }
  .topicBanBody #topicBankPhone span.phoneShow .topicBtn {
    padding: 0px 5px;
    height: 24px;
    line-height: 24px;
  }
  .topicBanBody #topicBankPhone thead td {
    background-color: #f57941;
    color: #fff;
    width: 25%;
    line-height: 24px;
    font-weight: bold;
  }
  .topicBanBody #topicBankPhone .phoneHide {
    display: none;
  }
  .topicBanBody #topicBankPhone .tbodySpan {
    background-color: #f5f5f5;
  }
  .topicBanBody #topicBankPhone .tbodySpan span {
    display: block;
  }
  .topicBanBody #topicBankPhone .tbodySpan span.phoneHide {
    display: none;
  }
  .topicBanBody #topicBankPhone .tbodySpan em {
    font-style: normal;
    font-weight: bold;
  }
  .topicBanBody #topicBankPhone .tbodySpan .topicBtn {
    padding: 0px 5px;
    height: 24px;
    line-height: 24px;
  }
  .topicBanBody .topicBtn.more {
    display: none;
  }
  .topicBanBody .upDown.seal {
    width: 30%;
  }
  .topicBanBody .introBox h2 {
    position: relative;
    z-index: 2;
  }
  .topicBanBody .introBox .upDown.up,
  .topicBanBody .upDown.down {
    width: 10%;
  }
  .topicBanBody .introBox {
    padding: 25px 30px;
  }
  .topicBanBody .columnPic {
    height: 350px;
  }
  .topicBanBody .columnPic ul {
    width: 90%;
    float: none;
    padding: 0px 0;
    margin: 0 auto;
  }
  .topicBanBody .columnPic ul li {
    height: auto;
    line-height: 22px;
    margin-bottom: 10px;
    font-size: 14px;
    text-shadow: 0 0 1px #000;
    background-position: left -1990px;
  }
  .topicBanBody .help {
    padding: 0px;
  }
  .topicBanBody .help li {
    width: 50%;
    margin-bottom: 40px;
  }
  .topicBanBody .help p {
    font-size: 14px;
  }
  .topicBanBody .banknews {
    padding-bottom: 30px;
    margin-bottom: 0;
    zoom: 1;
  }
  .topicBanBody .banknews:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }
  .topicBanBody .banknews:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }
  .topicBanBody .banknews li,
  .topicBanBody .topicBanBody .banknews li {
    width: 100%;
    margin: 0px;
    padding: 0;
  }
  .topicBanBody .alignCenter a {
    font-size: 14px;
  }
  .topicBanBody .fixfoot .wrap {
    display: none;
    width: 100%;
    padding: 0 10px;
  }
  .topicBanBody .fixfoot .wrap .topicBtn {
    width: auto;
    padding: 3px 10px;
  }
  .topicBanBody .topicListBg .crumbs {
    height: 45px;
    line-height: 45px;
  }
  .topicBanBody .topicListBg .topicList,
  .topicBanBody .topicListBg .newsPage {
    padding: 10px;
  }
  .topicBanBody .topicListBg .topicList li h3 {
    font-size: 14px;
  }
  .topicBanBody .topicListBg .topicList li h3 a {
    width: 50%;
  }
  .topicBanBody .footer {
    margin-top: 30px;
    padding: 10px;
  }
  .topicBanBody .footer.amend .fl p {
    height: auto;
  }
  .topicBanBody .footer.amend .fr {
    display: none;
  }
  /* 区块链介绍频道页 */
  .topicBlockchain .wrap {
    width: 90%;
  }
  .topicBlockchain .topicBlockchainBan {
    height: 300px;
    background-size: auto 100%;
    padding: 130px 15px 0;
  }
  .topicBlockchain .topicBlockchainBan p {
    display: inline;
    font-size: 16px;
  }
  .topicBlockchain .bankTitle {
    height: 40px;
    line-height: 40px;
  }
  .topicBlockchain .bankTitle p {
    padding: 0;
  }
  .topicBlockchain .bankTitle p span {
    font-size: 20px;
  }
  .topicBlockchain .university .bankTitle {
    margin-bottom: -20px;
  }
  .topicBlockchain .university dl {
    padding: 0px;
    zoom: 1;
  }
  .topicBlockchain .university dl:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }
  .topicBlockchain .university dl:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }
  .topicBlockchain .university dl dt,
  .topicBlockchain .university dl dd {
    width: 100%;
    float: none;
  }
  .topicBlockchain .university dl dt .bg {
    height: 170px;
  }
  .topicBlockchain .university dl dt .bgBox {
    width: 100%;
    height: 190px;
  }
  .topicBlockchain .university dl dd .ddBox {
    height: 160px;
    width: 64%;
  }
  .topicBlockchain .university dl dd .ddBox p strong {
    margin-bottom: 5px;
  }
  .topicBlockchain .university dl dd .ddBox p em {
    font-size: 16px;
  }
  .topicBlockchain .university dl dd .ddBox p span {
    font-size: 40px;
    top: -25px;
  }
  .topicBlockchain .university dl#phoneShow {
    display: block;
  }
  .topicBlockchain .university dl#phoneHide {
    display: none;
  }
  .topicBlockchain .manyWays {
    background-size: 100%;
    padding-top: 95px;
    background-position: center 40px;
  }
  .topicBlockchain .manyWays ul.wrap li {
    margin: 30px auto;
    float: none;
  }
  .topicBlockchain .linkNews {
    margin-bottom: 40px;
  }
  .topicBlockchain .linkNews table th,
  .topicBlockchain .linkNews table td {
    word-break: break-all;
    line-height: 24px;
  }
  .topicBlockchain .linkNews table th.no1,
  .topicBlockchain .linkNews table td.no1 {
    width: 18%;
  }
  .topicBlockchain .linkNews table th.no2,
  .topicBlockchain .linkNews table td.no2 {
    width: 35%;
  }
  .topicBlockchain .linkNews table th.no3,
  .topicBlockchain .linkNews table td.no3 {
    width: 39%;
  }
  .topicBlockchain .goStudy {
    background-size: auto 100%;
    height: 100px;
    overflow: hidden;
    padding-top: 20px;
  }
  .topicBlockchain .goStudy h3 {
    font-size: 18px;
    margin-bottom: 0px;
    line-height: 70px;
  }
  .topicBlockchain .goStudy a.btn {
    display: none;
    width: 100px;
    height: 30px;
    line-height: 30px;
  }
  /* 区块链课程频道页 */
  .topicBlockchainClass .bankTitle.short p span {
    width: 100%;
  }
  .topicBlockchainClass .bankTitle p span {
    padding-top: 20px;
    width: 60%;
    margin: 0 auto;
    line-height: 22px;
    margin-top: 10px;
    padding: 0;
  }
  .topicBlockchainClass .banner {
    height: 215px;
  }
  .topicBlockchainClass .banner .wrap {
    padding-top: 160px;
  }
  .topicBlockchainClass .banner .buyBox {
    width: 96%;
    padding: 0 20px 20px;
  }
  .topicBlockchainClass .banner .buyBox .name,
  .topicBlockchainClass .banner .buyBox .prize,
  .topicBlockchainClass .banner .buyBox .time {
    font-size: 16px;
  }
  .topicBlockchainClass .banner .buyBox a.buyBtn {
    width: 120px;
    height: 36px;
    line-height: 36px;
    font-size: 16px;
    margin-top: -63px;
  }
  .topicBlockchainClass .main {
    padding-top: 102px;
  }
  .topicBlockchainClass .prospect {
    margin-bottom: 30px;
  }
  .topicBlockchainClass .prospect ul.wrap {
    width: 90%;
    background-color: #ffffff;
    padding: 20px;
    -webkit-box-shadow: 0 0 10px #dbdbdb;
    -moz-box-shadow: 0 0 10px #dbdbdb;
    -ms-box-shadow: 0 0 10px #dbdbdb;
    -o-box-shadow: 0 0 10px #dbdbdb;
    box-shadow: 0 0 10px #dbdbdb;
    margin-bottom: 35px;
    -weikit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
  }
  .topicBlockchainClass .prospect ul.wrap li {
    float: left;
    width: 50%;
    margin: 0 auto ;
    text-align: center;
    -webkit-box-shadow: 0 0 0 #000000;
    -moz-box-shadow: 0 0 0 #000000;
    -ms-box-shadow: 0 0 0 #000000;
    -o-box-shadow: 0 0 0 #000000;
    box-shadow: 0 0 0 #000000;
    -weikit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
  }
  .topicBlockchainClass .prospect ul.wrap li.last {
    margin: 0 auto;
  }
  .topicBlockchainClass .prospect ul.wrap li.last,
  .topicBlockchainClass .prospect ul.wrap li:first-child {
    background-color: #f0f0f0;
  }
  .topicBlockchainClass .prospect ul.wrap li:nth-child(2),
  .topicBlockchainClass .prospect ul.wrap li:nth-child(3) {
    background-color: #f9f9f9;
  }
  .topicBlockchainClass .prospect ul.wrap li span {
    bottom: 25px;
    font-size: 24px;
  }
  .topicBlockchainClass .prospect .moneyBox dt,
  .topicBlockchainClass .prospect .moneyBox dd {
    width: 100%;
    float: none;
    margin: 0 auto;
  }
  .topicBlockchainClass .object {
    height: 600px;
    background-size: auto 100%;
  }
  .topicBlockchainClass .object a.btn {
    margin-top: 10px;
    font-size: 16px;
  }
  .topicBlockchainClass .object ul.wrap {
    padding: 0 10px;
  }
  .topicBlockchainClass .object ul.wrap li {
    width: 47%;
    height: 150px;
    margin-bottom: 30px;
  }
  .topicBlockchainClass .object ul.wrap li.no2,
  .topicBlockchainClass .object ul.wrap li.last {
    margin-right: 0;
    float: right;
  }
  .topicBlockchainClass .theWhy {
    padding-bottom: 40px;
  }
  .topicBlockchainClass .theWhy ul.wrap li p {
    font-size: 14px;
  }
  .topicBlockchainClass .menu .menuBox {
    width: 100%;
  }
  .topicBlockchainClass .teacher dl {
    padding-bottom: 10px;
    -webkit-box-shadow: 0 0 10px #dbdbdb;
    -moz-box-shadow: 0 0 10px #dbdbdb;
    -ms-box-shadow: 0 0 10px #dbdbdb;
    -o-box-shadow: 0 0 10px #dbdbdb;
    box-shadow: 0 0 10px #dbdbdb;
  }
  .topicBlockchainClass .teacher dl dt {
    width: auto;
    height: auto;
    float: none;
    margin: 0 auto;
    background: transparent;
  }
  .topicBlockchainClass .teacher dl dt img {
    display: block;
    margin: 0 auto;
  }
  .topicBlockchainClass .teacher dl dd {
    width: 90%;
    margin: 0 auto;
  }
  .topicBlockchainClass .teacher dl dd h3 {
    text-align: center;
    font-weight: bold;
  }
  /* 大数据课程频道页 */
  .topichadoop .banner {
    height: 220px;
  }
  .topichadoop .bankTitle {
    height: 100px;
  }
  .topichadoop .bankTitle p {
    padding: 0;
    font-size: 16px;
    font-weight: bold;
  }
  .topichadoop .bankTitle p span {
    font-weight: normal;
    font-size: 14px;
    margin-top: 0;
  }
  .topichadoop .zhibei {
    padding: 20px 0 10px;
  }
  .topichadoop .zhibei ul.wrap li p {
    font-size: 14px;
  }
  .topichadoop .object {
    padding: 0;
    height: 520px;
  }
  .topichadoop .object ul.wrap li {
    width: 50%;
    margin: 0;
  }
  .topichadoop .object ul.wrap li br {
    display: none;
  }
  .topichadoop .object ul.wrap li h3 {
    font-size: 14px;
    font-weight: bold;
  }
  .topichadoop .object .bankTitle {
    height: 80px;
    line-height: 80px;
  }
  .topichadoop .book {
    padding-bottom: 15px;
  }
  .topichadoop .book .bankTitle {
    margin-top: -20px;
  }
  .topichadoop .book .bookMain img {
    float: none;
    display: block;
    margin: 0 auto 30px;
    width: 80%;
  }
  .topichadoop .book .bookMain ul {
    margin: 0 auto;
    width: 80%;
  }
  .topichadoop .book .bookMain ul li p {
    width: 98%;
  }
  .topichadoop .teacher {
    padding: 10px 0 0;
  }
  .topichadoop .teacher .bankTitle {
    height: auto;
    padding-bottom: 10px;
  }
  .topichadoop .teacher dl {
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
  }
  .topichadoop .teacher dl dt h3,
  .topichadoop .teacher dl dt p {
    font-size: 14px;
    font-weight: bold;
  }
  .topichadoop .teacher dl dt p {
    font-weight: normal;
  }
  .topichadoop .classList {
    height: 950px;
    padding: 0;
  }
  .topichadoop .classList .bankTitle {
    height: 85px;
    line-height: 85px;
  }
  .topichadoop .classList .classListConTitle {
    background-size: 100% auto;
    padding-top: 31px;
    font-size: 16px;
    height: 100px;
  }
  .topichadoop .classList .swiper-container {
    height: 525px;
  }
  .topichadoop .classList .classListConPhone {
    width: 95%;
    margin: 0 auto 30px;
    height: 180px;
    padding: 20px 15px 10px;
    background: none;
    border: 1px solid #00fffc;
    -weikit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 10px #00fffc;
    -moz-box-shadow: 0 0 10px #00fffc;
    -ms-box-shadow: 0 0 10px #00fffc;
    -o-box-shadow: 0 0 10px #00fffc;
    box-shadow: 0 0 10px #00fffc;
  }
  .topichadoop .classList .classListConPhone .classListConHead {
    height: 155px;
    padding: 0;
  }
  .topichadoop .classList .classListConPhone .classListConHead h3 {
    font-size: 16px;
  }
  .topichadoop .classList .classListConPhone .classListConHead .botDiv {
    padding: 0;
  }
  .topichadoop .classList .classListConPhone .classListConHead .botDiv .orange {
    font-size: 16px;
    font-weight: bold;
  }
  .topichadoop .classList .classListConPhone .classListConHead .botDiv .throgh {
    font-size: 14px;
  }
  .topichadoop .classList .classListConPhone .classListConHead .botDiv .time {
    float: left;
    margin-top: 18px;
  }
  .topichadoop .classList .classListConPhone .classListConHead .botDiv .buyBtn {
    margin-top: 10px;
  }
  .topichadoop .classList .classListConPhone ul {
    padding: 20px 0px 0;
  }
  .topichadoop .classList .classListConPhone ul h3 {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
  }
  .topichadoop .classList .classListConPhone ul li {
    font-size: 12px;
  }
  /* 大学生职场频道页 */
  .topicUniversity li.alignRight {
    display: none;
  }
  .topicUniversity li.alignRightPhone {
    display: block;
  }
  .topicUniversity .banner {
    height: 220px;
  }
  .topicUniversity .main {
    background-size: auto 270px;
  }
  .topicUniversity .title span {
    padding: 0;
    margin-top: 20px;
  }
  .topicUniversity .DontWarry {
    padding-top: 35px;
    width: 100%;
  }
  .topicUniversity .DontWarry .why {
    width: 25%;
  }
  .topicUniversity .DontWarry p {
    margin-left: 30%;
    font-size: 14px;
    line-height: 24px;
    padding-top: 0px;
  }
  .topicUniversity .DontWarry img.clearfix {
    margin-top: 30px;
  }
  .topicUniversity .DontWarry img.next {
    margin: 20px auto;
  }
  .topicUniversity .commonTitle p {
    padding: 0 50px;
  }
  .topicUniversity .classIntroBox li {
    margin: 0px auto;
  }
  .topicUniversity .classIntroBox li .imgBox,
  .topicUniversity .classIntroBox li .classConCenter {
    width: 100%;
    margin: 0;
    padding: 0;
  }
  .topicUniversity .classIntroBox li .imgBox {
    margin: 30px auto;
  }
  .topicUniversity .classIntroBox li .imgBox img {
    margin: 0;
    padding: 0;
    max-width: 100%;
    width: 100%;
  }
  .topicUniversity .classIntroBox li .classConCenter {
    padding: 0 15px;
  }
  .topicUniversity .classIntroBox li .classConCenter p {
    width: 100%;
  }
  .topicUniversity .teacher .title {
    height: 110px;
  }
  .topicUniversity .teacher dl {
    width: 88%;
    margin-left: 6%;
    margin-right: 6%;
  }
  .topicUniversity .teacher dl dt h3,
  .topicUniversity .teacher dl dt p {
    font-size: 14px;
    font-weight: bold;
  }
  .topicUniversity .teacher dl dt p {
    font-weight: normal;
  }
  .topicUniversity .teacher dl.last {
    margin-bottom: 30px;
  }
  .topicUniversity .teacher dl:hover {
    background-color: #f4f4f4;
  }
  .topicUniversity .afterBody {
    padding-top: 30px;
  }
  .topicUniversity .afterBody .afterBodyCon .mob,
  .topicUniversity .afterBody .afterBodyCon .punctuation.mobileP {
    width: 100%;
    margin: 0;
  }
  .topicUniversity .afterBody .afterBodyCon .mob p,
  .topicUniversity .afterBody .afterBodyCon .punctuation.mobileP p {
    width: 157px;
    height: 100px;
  }
  .topicUniversity .afterBody .afterBodyCon .mob p span,
  .topicUniversity .afterBody .afterBodyCon .punctuation.mobileP p span {
    font-size: 14px;
    line-height: 22px;
  }
  .topicUniversity .afterBody .title {
    margin-bottom: 30px;
  }
  .fixfoot.university p {
    float: left;
    line-height: 22px;
    font-size: 14px;
  }
  .fixfoot.university p span {
    display: block;
    margin: 0 0 0px;
    padding: 0;
    font-size: 14px;
  }
  .fixfoot.university p span.orange {
    font-size: 16px;
  }
  .fixfoot.university .topicBtn {
    margin-top: 10px;
  }
  /*  职贝网白皮书频道页 */
  .topicBook .main {
    padding-top: 40px;
  }
  .topicBook h1.bookTitle {
    height: 80px;
  }
  .topicBook h2.bookTitle,
  .topicBook .part2 h2.bookTitle,
  .topicBook .part3 h2.bookTitle {
    height: 70px;
    line-height: 70px;
    font-size: 18px;
  }
  .topicBook .part2 h2.bookTitle,
  .topicBook .part3 h2.bookTitle {
    background-size: 80%;
    height: 100px;
    line-height: 90px;
  }
  .topicBook .part1 .beibi p,
  .topicBook .part1 .zhili p {
    width: 88%;
    font-size: 14px;
    line-height: 24px;
  }
  .topicBook .part1 {
    padding: 120px 0 50px;
  }
  .topicBook .part2 ul {
    width: 80%;
    margin-top: 0;
    margin-bottom: 50px;
  }
  .topicBook .part2 ul li {
    height: auto;
    line-height: 24px;
    background-size: 8%;
    background-position: 10px 0px;
    margin-bottom: 20px;
    font-size: 14px;
  }
  .topicBook .part3 {
    padding-bottom: 50px;
  }
  .topicBook .part3 p {
    font-size: 14px;
    background-position: left 10px;
  }
  .topicBook .theMore {
    background-size: 85%;
  }
  /*  黄金交易从业 频道页 */
  .topicBanBody.topicGolden .bankTitle {
    height: 80px;
    line-height: 80px;
  }
  .topicBanBody.topicGolden .banner {
    height: 215px;
  }
  .topicBanBody.topicGolden .banner .wrap {
    padding-top: 175px;
  }
  .topicBanBody.topicGolden .banner .buyBox {
    padding: 10px 15px;
  }
  .topicBanBody.topicGolden .banner .buyBox .name,
  .topicBanBody.topicGolden .banner .buyBox .prize {
    display: block;
    width: 100%;
    padding-top: 0;
    margin-bottom: 10px;
    font-size: 16px;
  }
  .topicBanBody.topicGolden .banner .buyBox .prize {
    text-align: left;
    padding: 0;
  }
  .topicBanBody.topicGolden .banner .buyBox a.buyBtn {
    font-size: 14px;
    width: 100px;
    height: 36px;
    line-height: 36px;
    top: 30px;
    right: 10px;
  }
  .topicBanBody.topicGolden .main {
    padding-top: 40px;
  }
  .topicBanBody.topicGolden .examTable {
    display: none;
  }
  .topicBanBody.topicGolden .examTable.mobile {
    display: block;
  }
  .topicBanBody.topicGolden .examBox {
    width: 90%;
    margin: 0 auto;
  }
  .topicBanBody.topicGolden .examBox .examTable {
    margin-bottom: 30px;
  }
  .topicBanBody.topicGolden .examBox .examTable .bgf5 {
    background-color: #f2f2f2;
  }
  .topicBanBody.topicGolden .examBox .examTable .bgf5 td {
    text-align: center;
    font-size: 14px;
    font-weight: bold;
  }
  .topicBanBody.topicGolden .examBox .examTable td {
    min-width: 1px;
    padding: 10px 15px;
  }
  .topicBanBody.topicGolden .examBox .examTable td .headSpan {
    width: 45%;
    text-align: left;
    margin: 5px 0;
    padding-left: 30px;
  }
  .topicBanBody.topicGolden .examBox .examTable td li {
    width: 80%;
    margin-left: 30px;
  }
  .topicBanBody.topicGolden .columnPic {
    height: 420px;
  }
  .topicBanBody.topicGolden .columnPic .bankTitle span {
    background-position: center -28px;
  }
  .topicBanBody.topicGolden .columnPic ul,
  .topicBanBody.topicGolden .columnPic .ulRight {
    width: 85%;
    float: none;
    padding: 0;
  }
  .topicBanBody.topicGolden .columnPic ul li {
    background-position: -36px -76px;
  }
  .topicBanBody.topicGolden .columnPic .ulRight {
    zoom: 1;
    margin: 30px auto 0;
  }
  .topicBanBody.topicGolden .columnPic .ulRight:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }
  .topicBanBody.topicGolden .columnPic .ulRight:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }
  .topicBanBody.topicGolden .columnPic .ulRight p {
    font-size: 14px;
  }
  /* 电商专题 频道页 2018-11-12*/
  .topicBlockchain.Eclass .EclassBan {
    height: 160px;
    background-size: auto 100%;
  }
  .topicBlockchain.Eclass .EclassBan .btnBox {
    padding: 115px 20px 0 0;
  }
  .topicBlockchain.Eclass .EclassBan .btnBox .fillBtn.w100-30 {
    margin-right: 20px;
  }
  .topicBlockchain.Eclass .EclassListBox {
    text-align: left;
  }
  .topicBlockchain.Eclass .EclassListBox a {
    width: 47%;
    margin-right: 2%;
  }
  .topicBlockchain.Eclass .EclassListBox a.last {
    margin-right: 2%;
  }
  .topicBlockchain.Eclass .EclassGoods .imgbox p.alignLeft span,
  .topicBlockchain.Eclass .EclassGoods .imgbox p.alignRight span {
    height: auto;
    width: 100%;
    line-height: 22px;
    padding: 6px;
    text-align: left;
    min-height: 60px;
    font-size: 14px;
  }
  .topicBlockchain.Eclass .fitPeo ul {
    text-align: left;
  }
  .topicBlockchain.Eclass .fitPeo ul li {
    width: 46%;
  }
  .topicBlockchain.Eclass .fitPeo ul li img {
    width: 80px;
    height: 80px;
  }
  /*  ===   开学季迎新总动员 专题页  === */
  .activity1809 .activityBanner {
    height: 200px;
    background-size: 170%;
  }
  .activity1809 .activityBanner a img {
    max-width: 25%;
    margin-top: 10px;
  }
  .activity1809 #activity1,
  .activity1809 #activity2 {
    background-size: 180%;
  }
  .activity1809 #activity1 h2.activityBox_title,
  .activity1809 #activity2 h2.activityBox_title {
    background-size: 70%;
    height: 100px;
    background-position: center 5px;
  }
  .activity1809 #activity1 h2.activityBox_title p,
  .activity1809 #activity2 h2.activityBox_title p {
    font-size: 16px;
    font-weight: bold;
    padding-top: 60px;
  }
  .activity1809 #activity1 {
    background-position: center 50px;
  }
  .activity1809 .couponList li {
    width: 100%;
    height: auto;
    background-size: 100% auto;
    margin: 0 0px 10px 5px;
    padding: 0px 12px 0px 15px;
  }
  .activity1809 .couponList li:nth-child(2),
  .activity1809 .couponList li:nth-child(4) {
    margin-left: 5px;
  }
  .activity1809 .couponList li .fl {
    width: 185px;
    padding-top: 24px;
    padding-bottom: 10px;
  }
  .activity1809 .couponList li .fl .money span {
    font-size: 22px;
  }
  .activity1809 .couponList li .fl .money span.full {
    font-size: 14px;
  }
  .activity1809 .couponList li .fl .text {
    font-size: 14px;
  }
  .activity1809 .couponList li .getBtn,
  .activity1809 .couponList li .overBtn {
    background-size: 80%;
    margin-top: 25px;
  }
  .activity1809 .couponList #pink {
    bottom: 8px;
  }
  .activity1809 #activity1 .activityCon {
    margin-bottom: 40px;
  }
  .activity1809 .activityCon_bg {
    padding-top: 30px;
  }
  .activity1809 .activityCon_bg p.center {
    margin-top: 10px;
    font-size: 16px;
  }
  .activity1809 .activityCon_bg h2 {
    font-size: 18px;
    line-height: 28px;
    font-weight: bold;
    height: auto;
    padding: 0 30px;
  }
  .activity1809 .activityCon .hadoop li .activityText,
  .activity1809 .activityCon .passAll li .activityText {
    margin-left: 0%;
    width: 100%;
    position: relative;
    min-height: 120px;
    height: auto;
  }
  .activity1809 .activityCon .hadoop li .activityText .activityTextBot,
  .activity1809 .activityCon .passAll li .activityText .activityTextBot {
    width: 100%;
  }
  .activity1809 .activityCon .hadoop {
    padding-top: 0;
  }
  .activity1809 .activityCon .hadoop li {
    width: 100%;
  }
  .activity1809 .activityCon .hadoop li .hadoopImg {
    display: block;
    width: 100%;
    height: auto;
    float: none;
    margin-bottom: 10px;
  }
  .activity1809 .activityCon .hadoop li .hadoopImg img {
    width: 100%;
    height: 100%;
  }
  .activity1809 .activityCon .passAll {
    width: 100%;
  }
  .activity1809 .activityCon .passAll li {
    width: 100%;
    zoom: 1;
  }
  .activity1809 .activityCon .passAll li:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }
  .activity1809 .activityCon .passAll li:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }
  .activity1809 .activityCon .passAll li .passAllImg {
    width: 100%;
    height: auto;
    float: none;
    margin: 0 0 10px;
  }
  .activity1809 .activityCon .passAll li .passAllImg img {
    width: 100%;
    height: 100%;
  }
  .activity1809 .activityCon .moneyMore dt {
    width: 100%;
    height: auto;
    float: none;
    margin-bottom: 10px;
  }
  .activity1809 .activityCon .moneyMore dt img {
    width: 100%;
    height: 100%;
  }
  .activity1809 .activityCon .moneyMore dd {
    height: auto;
    min-height: 120px;
    margin-left: 0%;
  }
  .activity1809 .activityCon .moneyMore dd .activityTextBot {
    width: 100%;
  }
  .activity1809 .activityCon .moneyMore dd .activityTextBot .discount {
    float: left;
  }
  .activity1809 .activityCon .moneyMore dd .activityTextBot .buyBtn {
    float: right;
    margin-top: 0;
  }
  .activity1809 .activityCon .hadoop li h3.title a,
  .activity1809 .activityCon .passAll li h3.title a,
  .activity1809 .activityCon .moneyMore h3.title a,
  .activity1809 .activityCon .hadoop li .timeMoney,
  .activity1809 .activityCon .passAll li .timeMoney,
  .activity1809 .activityCon .moneyMore .timeMoney,
  .activity1809 .activityCon .hadoop li .discount,
  .activity1809 .activityCon .passAll li .discount,
  .activity1809 .activityCon .moneyMore .discount {
    font-size: 16px;
  }
  .activity1809 .activityCon .hadoop li .buyBtn,
  .activity1809 .activityCon .passAll li .buyBtn,
  .activity1809 .activityCon .moneyMore .buyBtn {
    font-size: 14px;
    padding: 8px 30px;
  }
  .activity1809 .activityCon .hadoop li .timeMoney,
  .activity1809 .activityCon .passAll li .timeMoney,
  .activity1809 .activityCon .moneyMore .timeMoney {
    margin-bottom: 10px;
  }
  .activity1809 .activityCon .hadoop li .discount,
  .activity1809 .activityCon .passAll li .discount,
  .activity1809 .activityCon .moneyMore .discount {
    padding: 5px 20px;
    overflow: inherit;
  }
  .activity1809 .activityCon .hadoop li .discount em,
  .activity1809 .activityCon .passAll li .discount em,
  .activity1809 .activityCon .moneyMore .discount em {
    top: -1px;
    border-width: 16px 10px;
  }
  .activity1809 .activityCon .hadoop li .discount em.leftEm,
  .activity1809 .activityCon .passAll li .discount em.leftEm,
  .activity1809 .activityCon .moneyMore .discount em.leftEm {
    left: -1px;
  }
  .activity1809 .activityCon .hadoop li .discount em.rightEm,
  .activity1809 .activityCon .passAll li .discount em.rightEm,
  .activity1809 .activityCon .moneyMore .discount em.rightEm {
    right: -1px;
  }
  /*  -----   App下载承载页  ----  */
  .AppDownloadBg .header {
    height: auto;
  }
  .AppDownloadBg .header .logo {
    width: 200px;
    background-size: 100%;
    margin: 0;
  }
  .AppDownloadBg .Appdownload {
    height: 200px;
    padding-top: 20px;
    background-position: center top;
    background-size: 150%;
  }
  .AppDownloadBg .Appdownload .appDownLogo {
    height: 30px;
    margin-bottom: 10px;
  }
  .AppDownloadBg .Appdownload h1,
  .AppDownloadBg .Appdownload h2 {
    line-height: 30px;
    font-size: 18px;
    padding: 0;
  }
  .AppDownloadBg .Appdownload h2 {
    font-size: 14px;
  }
  .AppDownloadBg .Appdownload .downloadBox {
    margin-top: 10px;
  }
  .AppDownloadBg .Appdownload .Android {
    font-size: 12px;
  }
  .AppDownloadBg .Appdownload .Android.ios {
    font-size: 16px;
    padding-left: 45px;
    background-size: 25px;
    background-position: 10px center;
  }
  .AppDownloadBg .Appdownload .Android em {
    width: 30px;
    height: 30px;
    background-position: left top;
  }
  .AppDownloadBg .downloadMain .part1,
  .AppDownloadBg .downloadMain .part2,
  .AppDownloadBg .downloadMain .part3 {
    background-size: 90%;
    background-position: 85px top;
    margin: 50px auto 50px;
    min-height: 100px;
    padding-top: 180px;
  }
  .AppDownloadBg .downloadMain .part1 p,
  .AppDownloadBg .downloadMain .part2 p,
  .AppDownloadBg .downloadMain .part3 p {
    float: none;
    padding: 0;
    font-size: 16px;
    line-height: 30px;
    text-align: center;
    width: 100%;
  }
  .AppDownloadBg .downloadMain .part1 {
    background-size: 80%;
  }
  .AppDownloadBg .downloadMain .part2 {
    background-position: -50px top;
    padding-top: 160px;
  }
  /* 1112活动月 */
  .activity1809.activity181112 .wrap {
    width: 96%;
  }
  .activity1809.activity181112 .activityBanner {
    height: 230px;
    background-size: 100% auto;
  }
  .activity1809.activity181112 #activity2 {
    padding-top: 20px;
  }
  .activity1809.activity181112 #class99 .activityTextBot.bottomUnset {
    position: absolute;
    padding-top: 0;
  }
  .activity1809.activity181112 .activityCon {
    padding: 10px;
  }
  .activity1809.activity181112 .activityCon .activityCon_bg {
    padding-top: 15px;
  }
  .activity1809.activity181112 .activityCon .activityCon_bg dd #ball {
    display: none;
  }
  .activity1809.activity181112 .activityCon .hadoop li .activityText {
    min-height: auto;
  }
  .activity1809.activity181112 .activityCon .hadoop li .activityTextBot {
    position: unset;
    padding-top: 10px;
  }
  .activity1809.activity181112 .activityCon .moneyMore h3 {
    font-size: 16px；
		    		overflow:inherit;
    white-space: inherit;
  }
  .activity1809.activity181112 .activityCon .moneyMore dt {
    width: 100%;
  }
  .activity1809.activity181112 .activityCon .moneyMore dd {
    height: auto;
    margin: 20px 0 0;
  }
  .activity1809.activity181112 .activityCon .moneyMore dd .activityTextBot .discount {
    display: inline-block;
    float: none;
    width: auto;
  }
  .activity1809.activity181112 .activityCon .coupon,
  .activity1809.activity181112 .activityCon .couponPhoneHide {
    display: none;
  }
  .activity1809.activity181112 .activityCon .couponPhone {
    display: block;
    margin: 0px 0 15px;
    color: orange;
  }
  .activity1809.activity181112 .activityCon .activityTextBot.bottomUnset {
    position: unset;
    padding-top: 0;
  }
  .activity1809.activity181112 .activityCon .activityTextBot.bottomUnset p {
    line-height: 40px;
  }
  .activity1809.activity181112 .activityCon .activityTextBot.bottomUnset .borderBtn {
    width: auto;
    height: 20px;
    line-height: 12px;
    padding: 3px 4px;
    font-size: 12px;
    margin-left: 7px;
  }
  .activity1809.activity181112 .activityCon .activityTextBot.bottomUnset .borderBtn.over {
    border-color: #969696;
    color: #969696;
    cursor: default;
  }
  .activity1809.activity181112 .activityCon .activityTextBot.bottomUnset .timeMoney.orange {
    padding-top: 0;
    font-size: 16px;
  }
}
@media screen and (max-width: 375px) {
  .header.topicMobile .logo {
    width: 90px;
  }
  /* 银行从业频道页 */
  .topicBanBody .valueDiv .valueBox li p {
    width: 83%;
  }
  .topicBanBody .aboutExam li.last p {
    margin-bottom: 7px;
  }
  .topicBanBody .aboutExam li p strong {
    letter-spacing: -1px;
  }
  .topicBanBody .bankTitle p {
    padding: 0 55px;
  }
  .topicBanBody .columnPic {
    height: 360px;
  }
  .topicBanBody .wrap {
    width: 92%;
  }
  /* 区块链介绍频道页 */
  .topicBlockchain .topicBlockchainBan {
    height: 240px;
    background-size: auto 100%;
    background-position: center -20px;
    padding-top: 85px;
  }
  .topicBlockchain .topicBlockchainBan p {
    font-size: 14px;
  }
  .topicBlockchain .bankTitle {
    height: 30px;
    line-height: 30px;
  }
  .topicBlockchain .bankTitle p span {
    font-size: 16px;
  }
  .topicBlockchain .university .bankTitle {
    margin-top: -20px;
  }
  .topicBlockchain .university dl dd .ddBox p em {
    font-size: 14px;
  }
  .topicBlockchain .university dl dd .ddBox {
    width: 72%;
  }
  .topicBlockchain .manyWays {
    padding-top: 85px;
  }
  .topicBlockchain .manyWays ul.wrap {
    padding-bottom: 50px;
  }
  .topicBlockchain .manyWays ul.wrap li {
    margin: 40px auto -10px;
    padding: 20px 10px 10px;
    width: 70%;
    height: 280px;
  }
  .topicBlockchain .manyWays ul.wrap li span {
    margin-bottom: 15px;
  }
  .topicBlockchain .manyWays ul.wrap li div {
    text-align: left;
  }
  .topicBlockchain .manyWays ul.wrap li div br {
    display: none;
  }
  .topicBlockchain .manyWays ul.wrap li p {
    margin-bottom: 15px;
  }
  .topicBlockchain .goStudy h3 {
    font-size: 16px;
  }
  /* 区块链课程频道页 */
  .topicBlockchainClass .wrap {
    width: 96%;
  }
  .topicBlockchainClass .bankTitle p {
    font-size: 18px;
  }
  .topicBlockchainClass .bankTitle p span {
    width: 80%;
    font-size: 14px;
  }
  .topicBlockchainClass .prospect ul.wrap li span {
    font-size: 16px;
  }
  .topicBlockchainClass .prospect ul.wrap li {
    height: 100px;
    padding: 20px 10px 0;
  }
  .topicBlockchainClass .banner .buyBox {
    padding: 10px 20px 20px;
  }
  .topicBlockchainClass .banner .buyBox .name,
  .topicBlockchainClass .banner .buyBox .prize,
  .topicBlockchainClass .banner .buyBox .time {
    display: block;
    text-align: center;
    margin: 0 auto;
    padding: 10px 0 0;
  }
  .topicBlockchainClass .banner .buyBox .prize em {
    margin: 0 auto;
    padding: 0 20px;
  }
  .topicBlockchainClass .banner .buyBox a.buyBtn {
    float: none;
    display: block;
    margin: 10px auto 0;
  }
  .topicBlockchainClass .theWhy {
    padding-bottom: 50px;
  }
  .topicBlockchainClass .main {
    padding-top: 140px;
  }
  .topicBlockchainClass .menu {
    padding: 0 0 20px;
  }
  .topicBlockchainClass .menu .menuBox li p {
    padding: 0 10px;
    margin-left: 60px;
  }
  /* 大数据课程频道页 */
  .topichadoop .wrap {
    width: 100%;
  }
  .topichadoop .banner {
    height: 200px;
  }
  .topichadoop .teacher dl {
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
  }
  /* 大学生职场频道页 */
  .topicUniversity .wrap {
    width: 96%;
  }
  .topicUniversity .banner {
    height: 200px;
  }
  .topicUniversity .DontWarry {
    margin: 0 auto;
  }
  .topicUniversity .afterBody .afterBodyCon .borderText p {
    width: 150px;
  }
  /*  职贝网白皮书频道页 */
  .topicBook .part1 .beibi,
  .topicBook .part1 .zhili {
    float: none;
    width: 100%;
    margin: 0 auto 50px;
  }
  .topicBook .part1 .beibi h2.bookTitle,
  .topicBook .part1 .zhili h2.bookTitle {
    background-size: 78%;
    height: 100px;
    line-height: 80px;
    background-image: url("../images/topic/book/bookTbg2.png");
  }
  .topicBook .part2 h2.bookTitle,
  .topicBook .part3 h2.bookTitle {
    height: 100px;
    line-height: 90px;
  }
  .topicBook .part3 p,
  .topicBook .part2 ul {
    width: 90%;
  }
  /*  ===   开学季迎新总动员 专题页  === */
  .activity1809 .wrap {
    width: 94%;
  }
  .activity1809 .activityBanner {
    height: 180px;
  }
  .activity1809 .activityCon {
    padding: 10px;
  }
  .activity1809 #activity1 h2.activityBox_title p,
  .activity1809 #activity2 h2.activityBox_title p,
  .activity1809 .activityCon_bg p.center {
    font-size: 14px;
  }
  .activity1809 .activityCon_bg {
    padding: 10px 10px;
  }
  .activity1809 .activityCon_bg h2 {
    font-size: 16px;
    margin-bottom: 10px;
  }
  .activity1809 .activityCon_bg p {
    font-size: 14px;
  }
  .activity1809 #activity1 h2.activityBox_title,
  .activity1809 #activity2 h2.activityBox_title {
    background-size: 60%;
  }
  .activity1809 .couponList li {
    background-size: 90%;
  }
  .activity1809 .couponList li .fl {
    padding-bottom: 12px;
  }
  .activity1809 .couponList li .fr {
    float: left;
  }
  .activity1809 .couponList li,
  .activity1809 .couponList li:nth-child(2),
  .activity1809 .couponList li:nth-child(4) {
    margin-left: 25px;
  }
  /*  -----   App下载承载页  ----  */
  .AppDownloadBg .header .logo {
    width: 150px;
  }
  .AppDownloadBg .Appdownload {
    background-size: 160%;
  }
  /*  -----   1112活动页  ----  */
  .activity1809.activity181112 .activityBanner {
    height: 205px;
  }
}
@media screen and (max-width: 360px) {
  /* 银行从业频道页 */
  .topicBanBody .valueDiv .valueBox li p {
    padding: 0 7px;
  }
  .topicBanBody .bankTitle p {
    padding: 0 45px;
  }
  .topicBanBody .help li em#help3 + p {
    letter-spacing: -1px;
  }
  /* 区块链介绍频道页 */
  .topicBlockchain .university dl dd .ddBox {
    width: 75%;
  }
  .topicBlockchain .university dl dt {
    padding: 0 20px;
  }
  .topicBlockchain .manyWays ul.wrap li {
    width: 90%;
  }
  /* 大数据课程频道页 */
  .topichadoop .banner {
    height: 180px;
  }
  .topichadoop .bankTitle p span {
    padding: 0 50px;
    line-height: 22px;
  }
  /* 大学生职场频道页 */
  .topicUniversity .commonTitle p {
    font-size: 22px;
  }
  .topicUniversity .title {
    font-size: 18px;
  }
  .topicUniversity .classIntroBox .classConCenter h2 span {
    font-size: 16px;
    font-weight: bold;
  }
  .topicUniversity .afterBody .afterBodyCon .borderText p {
    height: 85px;
    width: 143px;
  }
  .topicUniversity .afterBody .afterBodyCon .borderText p span {
    padding: 0 5px;
  }
  .topicUniversity .DontWarry .why {
    width: 24%;
  }
  .topicUniversity .DontWarry p {
    margin-left: 27%;
  }
  /* 电商专题 频道页 2018-11-12*/
  .topicBlockchain.Eclass .fitPeo ul li {
    width: 100%;
    margin: 0 auto 20px;
  }
  /*  ===   开学季迎新总动员 专题页  === */
  .activity1809 .couponList li {
    padding-left: 10px;
    background-position: 5px;
  }
}
@media screen and (max-width: 320px) {
  /* 银行从业频道页 */
  .topicBanBody .header div.fr {
    min-width: 115px;
  }
  .topicBanBody .bankTitle {
    height: 70px;
    line-height: 70px;
  }
  .topicBanBody .bankTitle p {
    padding: 0 20px;
  }
  .topicBanBody .bankTitle span {
    font-size: 16px;
  }
  .topicBanBody .valueDiv .valueBox li p {
    padding: 0 2px;
  }
  .topicBanBody .help li em#help3 + p {
    letter-spacing: -1px;
  }
  .topicBanBody .columnPic {
    height: 400px;
  }
  .topicBanBody .columnPic .bankTitle span {
    background-position: center -31px;
  }
  /* 区块链介绍频道页 */
  .topicBlockchain .topicBlockchainBan {
    background-position: center -23px;
    padding-top: 74px;
  }
  .topicBlockchain .university dl dd .ddBox {
    width: 85%;
  }
  .topicBlockchain .university dl dt {
    padding: 0;
  }
  .topicBlockchain .manyWays {
    padding-top: 75px;
  }
  .topicBlockchain .manyWays ul.wrap li {
    width: 90%;
  }
  .topicBlockchain .goStudy h3 {
    font-size: 14px;
  }
  /* 区块链课程频道页 */
  .topicBlockchainClass .banner {
    height: 180px;
  }
  .topicBlockchainClass .banner .wrap {
    padding-top: 130px;
  }
  .topicBlockchainClass .object ul.wrap li.last p {
    letter-spacing: -1px;
  }
  .topicBlockchainClass .theWhy {
    padding-bottom: 30px;
  }
  .topicBlockchainClass .theWhy ul.wrap li {
    margin-bottom: 30px;
  }
  .topicBlockchainClass .theWhy ul.wrap li div {
    height: 145px;
  }
  /* 大数据课程频道页 */
  .topichadoop .banner {
    height: 150px;
  }
  .topichadoop .object ul.wrap li {
    padding: 15px 5px;
    height: 180px;
  }
  .topichadoop .object ul.wrap li h3 {
    margin-bottom: 10px;
  }
  .topichadoop .object ul.wrap li h3 em {
    margin-top: 8px;
    margin-bottom: 5px;
  }
  .topichadoop .book .bookMain ul li h3 {
    font-size: 14px;
  }
  .topichadoop .book .bookMain ul li p {
    font-size: 12px;
  }
  .topichadoop .classList .classListConTitle,
  .topichadoop .classList .classListConPhone .classListConHead h3,
  .topichadoop .classList .classListConPhone .classListConHead .botDiv .time,
  .topichadoop .classList .classListConPhone .classListConHead .botDiv .buyBtn,
  .topichadoop .classList .classListConPhone ul h3 {
    font-size: 14px;
  }
  .topichadoop .classList .classListConTitle {
    padding-top: 24px;
  }
  .topichadoop .classList .classListConPhone ul li {
    letter-spacing: -1px;
  }
  .topichadoop .classList .classListConTitle {
    height: 88px;
  }
  /* 大学生职场频道页 */
  .topicUniversity .banner {
    height: 150px;
  }
  .topicUniversity .commonTitle p span {
    padding: 0;
  }
  .topicUniversity .teacher dl dt {
    top: -50px;
  }
  .topicUniversity .teacher dl dt img {
    width: 100px;
    height: 100px;
  }
  .topicUniversity .teacher dl dd {
    top: 50px;
  }
  .topicUniversity .afterBody .afterBodyCon .borderText p {
    height: 88px;
    width: 124px;
  }
  .topicUniversity .afterBody .afterBodyCon .borderText p span {
    padding: 0 5px;
  }
  .fixfoot.university .topicBtn {
    width: 100px;
  }
  /*  职贝网白皮书频道页 */
  .topicBook .part1 {
    background: none;
    padding: 0;
  }
  .topicBook h1.bookTitle {
    height: 60px;
  }
  .topicBook .part1 .beibi h2.bookTitle,
  .topicBook .part1 .zhili h2.bookTitle,
  .topicBook .part2 h2.bookTitle,
  .topicBook .part3 h2.bookTitle {
    background-size: 90%;
    height: 100px;
    line-height: 80px;
  }
  /*  黄金交易从业 频道页 */
  .topicBanBody.topicGolden .bankTitle {
    height: 60px;
    line-height: 60px;
  }
  .topicBanBody.topicGolden .banner {
    height: 180px;
  }
  .topicBanBody.topicGolden .banner .wrap {
    width: 100%;
    padding-top: 145px;
  }
  .topicBanBody.topicGolden .banner .buyBox .name,
  .topicBanBody.topicGolden .banner .buyBox .prize {
    font-size: 14px;
  }
  .topicBanBody.topicGolden .main {
    padding-top: 45px;
  }
  .topicBanBody.topicGolden .examBox .examTable td li {
    width: 90%;
    margin-left: 10px;
  }
  .topicBanBody.topicGolden .examBox .examTable td .headSpan {
    padding-left: 10px;
  }
  .topicBanBody.topicGolden .columnPic {
    height: 400px;
  }
  .topicBanBody.topicGolden .columnPic .bankTitle span {
    background-position: center -19px;
  }
  .topicBanBody.topicGolden .columnPic ul,
  .topicBanBody.topicGolden .columnPic .ulRight {
    width: 96%;
  }
  /* 电商专题 频道页 2018-11-12*/
  .topicBlockchain.Eclass .EclassBan {
    height: 140px;
  }
  .topicBlockchain.Eclass .EclassBan .btnBox {
    padding: 100px 0px 0 0;
  }
  /*  ===   开学季迎新总动员 专题页  === */
  .activity1809 .activityBanner {
    height: 150px;
  }
  .activity1809 .couponList li {
    background-size: 100%;
  }
  .activity1809 .couponList li .fl {
    width: 177px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .activity1809 .couponList li .fl .money span {
    font-size: 24px;
  }
  .activity1809 .couponList li .fl span.full {
    width: 105px;
    margin-top: 0;
    background-size: 100%;
  }
  .activity1809 .couponList li .getBtn {
    width: 50px;
    height: 50px;
    background-size: 100%;
    margin: 30px 5px 0 ;
  }
  .activity1809 .couponList li .fr {
    float: right;
  }
  .activity1809 .couponList li,
  .activity1809 .couponList li:nth-child(2),
  .activity1809 .couponList li:nth-child(4) {
    margin-left: 3px;
  }
  .activity1809 .activityCon .hadoop li h3.title a,
  .activity1809 .activityCon .passAll li h3.title a,
  .activity1809 .activityCon .moneyMore h3.title a,
  .activity1809 .activityCon .hadoop li .timeMoney,
  .activity1809 .activityCon .passAll li .timeMoney,
  .activity1809 .activityCon .moneyMore .timeMoney,
  .activity1809 .activityCon .hadoop li .discount,
  .activity1809 .activityCon .passAll li .discount,
  .activity1809 .activityCon .moneyMore .discount {
    font-size: 14px;
  }
  /*  -----   App下载承载页  ----  */
  .AppDownloadBg .Appdownload {
    background-size: 185%;
  }
  .AppDownloadBg .downloadMain .part1,
  .AppDownloadBg .downloadMain .part2,
  .AppDownloadBg .downloadMain .part3 {
    background-size: 100%;
    background-position: 55px top;
    padding-top: 140px;
  }
  .AppDownloadBg .downloadMain .part1 p,
  .AppDownloadBg .downloadMain .part2 p,
  .AppDownloadBg .downloadMain .part3 p {
    float: none;
    padding: 0;
    font-size: 16px;
    line-height: 30px;
    text-align: center;
    width: 100%;
  }
  .AppDownloadBg .downloadMain .part1 {
    background-size: 80%;
  }
  .AppDownloadBg .downloadMain .part2 {
    background-position: -65px top;
    padding-top: 125px;
  }
}