.clearfix {
  *zoom: 1; }
  .clearfix:before, .clearfix:after {
    content: "";
    display: table; }
  .clearfix:after {
    clear: both; }

.text-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

/* CSS Reset */
body, div, span, object, iframe, input, h1, h2, h3, h4, h5, h6, p, pre, a, acronym, address, code, del, em, font, img, ins, strong, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, table, tbody, tfoot, thead, tr, th, td {
  padding: 0;
  margin: 0; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

ins {
  text-decoration: none; }

del {
  text-decoration: line-through; }

input, select {
  vertical-align: middle; }

input, textarea, select {
  font: 14px/1.5 "microsoft yahei", Arial, sans-serif; }

fieldset, img {
  border: 0; }

address, code, th, em {
  font-style: normal; }

ol, ul {
  list-style: none; }

h1, h2, h3, h4, h5, h6 {
  font-size: 100%; }

a {
  text-decoration: none;
  color: inherit; }
  a:hover {
    text-decoration: none; }

body {
  font: 14px/1.5 "microsoft yahei", Arial, sans-serif; }

::-webkit-scrollbar {
  width: 6px;
  height: 6px; }

::-webkit-scrollbar-thumb {
  border-radius: 3px;
  background: #dacebe; }

::-webkit-scrollbar-track {
  background: transparent; }

*, ::before, ::after {
  box-sizing: border-box; }

.show {
  display: block; }

.ibshow {
  display: inline-block; }

.hide {
  display: none; }

.oh {
  overflow: hidden; }

.pos-rel {
  position: relative; }

.pos-fixed {
  position: fixed; }

.fl {
  float: left; }

.fr {
  float: right; }

.text-break {
  word-break: break-all;
  word-wrap: break-word; }

.text-nowrap {
  white-space: nowrap; }

.text-center {
  text-align: center; }

.text-left {
  text-align: left; }

.text-right {
  text-align: right; }

.text-justify {
  overflow: hidden;
  text-align: justify;
  text-justify: distribute-all-lines;
  /*ie6-8*/
  text-align-last: justify;
  /* ie9*/
  -moz-text-align-last: justify;
  /*ff*/
  -webkit-text-align-last: justify;
  /*chrome 20+*/ }
  .text-justify:after {
    content: ".";
    display: inline-block;
    width: 100%;
    overflow: hidden;
    height: 0; }

.ico {
  background: url(../img/ico.png) no-repeat;
  display: inline-block;
  position: relative;
  vertical-align: middle; }

.ico-college {
  height: 16px;
  width: 16px;
  background-position: -82px 0; }

.ico-play {
  height: 16px;
  width: 16px;
  background-position: -52px 0; }
  .ico-play:hover {
    height: 16px;
    width: 16px;
    background-position: -26px 0; }
  .ico-play:active {
    height: 16px;
    width: 16px;
    background-position: 0 0; }

body {
  margin: 0 auto;
  color: #333333;
  font: 14px/1.5 -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Helvetica Neue, Helvetica, Arial, PingFang SC, Hiragino Sans GB, Microsoft YaHei UI, Microsoft YaHei, Source Han Sans CN, sans-serif;
  text-size-adjust: none;
  -webkit-text-size-adjust: none;
  background-image: url(//gcdncs.cn.ndhy.com/v0.1/static/edit_99/tmcms/activity/semdown/img/bg.jpg);
  background-position: top center;
  min-width: 1280px; }
  @media only screen and (min-width: 2561px) {
    body {
      background-size: 3840px auto; } }
  @media only screen and (max-width: 2560px) and (min-width: 1921px) {
    body {
      background-size: 2561px auto; } }
  @media only screen and ( max-width: 1681px) {
    body {
      background-position: center -90px; }
      body .down-header {
        margin-bottom: -25px; }
      body .down-content {
        transform: scale(0.85); } }
  @media only screen and ( max-width: 1441px) {
    body {
      background-position: center -120px; }
      body .down-header {
        margin-bottom: 0px; }
      body .down-content {
        transform: scale(0.8); }
      body .down-footer {
        position: relative; } }

.down-header {
  width: 100%;
  height: 321px;
  background-image: url(//gcdncs.cn.ndhy.com/v0.1/static/edit_99/tmcms/activity/semdown/img/top-bg.png);
  background-position: top center;
  text-align: center;
  overflow: hidden;
  margin-bottom: 25px; }
  .down-header .text1 {
    display: block;
    margin: 50px auto 0; }
  .down-header .link-wrap {
    position: relative;
    z-index: 2;
    top: -20px;
    width: 269px;
    margin-left: auto;
    margin-right: auto; }
  .down-header .link {
    position: absolute;
    width: 80px;
    height: 25px;
    bottom: 6px;
    right: 20px;
    font-size: 20px;
    opacity: 0; }

.down-content {
  width: 1229px;
  height: 484px;
  background-image: url(//gcdncs.cn.ndhy.com/v0.1/static/edit_99/tmcms/activity/semdown/img/content-bg.png);
  background-size: 100% auto;
  margin: 0 auto;
  display: flex;
  transform-origin: top center; }
  .down-content .intro-panel {
    margin-top: 138px; }

.code-panel {
  width: 405px;
  height: 506px;
  position: relative;
  top: -23px;
  background-image: url(//gcdncs.cn.ndhy.com/v0.1/static/edit_99/tmcms/activity/semdown/img/code-panel.png); }
  .code-panel .wrap {
    width: 337px;
    height: 412px;
    margin-left: 32px;
    text-align: center;
    margin-top: 58px;
    padding-top: 38px; }
    .code-panel .wrap img {
      display: block;
      margin-left: auto;
      margin-right: auto; }
  .code-panel .code-text {
    margin-bottom: 23px; }
  .code-panel .code {
    width: 254px; }

.down-footer {
  position: fixed;
  width: 100%;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  color: #707070;
  line-height: 1.8;
  padding-top: 20px;
  padding-bottom: 14px;
  background-color: rgba(255, 255, 255, 0.3); }
  .down-footer .links a::after {
    content: "|";
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
    opacity: 0.5;
    top: -1px; }
  .down-footer .links a:last-child::after {
    display: none; }