body {
  padding: 0;
  margin: 0;
  /* 消除内边距和边框撑大盒子 */
  box-sizing: border-box;
}
body {
  /* 默认字体 宋体  windows本微软雅黑  苹果本默认PingFangSC-Regular */
  font-family: '华文楷体', 'Microsoft yahei';
  color: #595959;
  background: url(../images/3.jpg) no-repeat center/110% 100% fixed;
  /*background: url(../images/3.jpg) no-repeat center fixed;*/
  background-color: #0a0000;
}
li {
  /* 消除li标签前面的有序无序符号 */
  list-style: none;
}
img {
  /* 消除图片与文字基线对齐导致的与盒子底部有缝隙----消除缝隙 */
  vertical-align: middle;
}
a {
  text-decoration: none;
  color: #333;
}
a:hover {
  color: #27ba9b;
}
/* 取消默认的h1-h6字体加粗样式 */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 400;
}
/* 版心设置 */
.w {
  width: 1200px;
  margin: 0 auto;
}
.header {
  width: 100%;
  min-width: 1200px;
  font-weight: 700;
  text-align: center;
  font-size: 40px;
  background-color: rgba(51,51,51,.95);
  height: 80px;
  line-height: 80px;
  border-top: 3px solid red;
}
.header a {
  color: #fff;
}
.swiper {
  margin-top: 5px;
  width: 1200px;
  height: 400px;
}
.swiper img {
  width: 1200px;
  height: 400px;
}
.nav ul {
  margin: 10px 0;
  padding: 0;
  display: flex;
  text-align: center;
}
.nav ul li {
  flex: 6;
  height: 40px;
  line-height: 40px;
  background-color: orange;
  margin-right: 3px;
  font-weight: 700;
  font-size: 25px;
  border-radius: 5px;
  color: #000;
}
.nav ul li:hover {
  cursor: pointer;
}
.nav ul li:last-child {
  margin-right: 0px;
}
.marquee {
  margin-top: 10px;
  background-color: #f1f3f4;
  height: 50px;
  line-height: 50px;
  border-radius: 25px;
  font-size: 18px;
  font-weight: 700;
  color: #595959;
}
.main {
  margin-top: -5px;
}
.main ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0;
}
.main ul li {
  overflow: hidden;
  background-color: #fff;
  border-radius: 10px;
  margin-bottom: 10px;
  width: 590px;
  display: flex;
  border: 2px solid transparent;
  height: 225px;
}
.main ul li:hover {
  border: 2px solid red;
}
.main ul li img {
  transition: all 0.3s;
  width: 300px;
  height: 225px;
  margin-right: 10px;
}
.main ul li img:hover {
  transform: scale(1.03);
}
.main ul li p {
  font-size: 12px;
  line-height: 0.9;
}
.main ul li p.title {
  color: blue;
  font-size: 20px;
}
.main ul li p a {
  display: inline-block;
  width: 130px;
  height: 40px;
  background-color: pink;
  color: #060606;
  border-radius: 5px;
  font-weight: 700;
  font-size: 20px;
  border: 1px solid #000;
}
.main ul li p a:first-child {
  background-color: orange;
  margin-right: 10px;
}
.main ul li p a:first-child:hover {
  background-color: #bc892a;
}
.main ul li p a:last-child {
  background-color: #50f8d3;
}
.main ul li p a:last-child:hover {
  background-color: #27ba9b;
}
.main ul li p button {
  border-width: 1px;
  display: inline-block;
  width: 120px;
  height: 40px;
  background-color: pink;
  color: #060606;
  border-radius: 5px;
  font-weight: 700;
  font-size: 20px;
}
.main ul li p button:first-child {
  background-color: orange;
  margin-right: 10px;
}
.main ul li p button:first-child:hover {
  background-color: #bc892a;
}
.main ul li p button:last-child {
  background-color: #50f8d3;
}
.main ul li p button:last-child:hover {
  background-color: #27ba9b;
}
.main ul li p:last-child {
  text-align: center;
  display: flex;
  justify-content: space-around;
  height: 50px;
  line-height: 40px;
}
.main ul li p.notice {
  color: red;
}
.main ul li:nth-child(2n+1) {
  margin-right: 5px;
}
.music {
  position: relative;
}
.music .abs {
  left: 40%;
  font-weight: 700;
  position: absolute;
  top: -10px;
  font-size: 12px;
  color: red;
}
audio {
  width: 100%;
  margin: 0 auto;
  margin: -5px 0 10px 0;
}
.line {
  border: 1px solid red;
}
.footer {
  min-width: 1200px;
  color: #fff;
  text-align: center;
  font-size: 30px;
  background-color: #211e1ecd;
  height: 150px;
  padding-top: 50px;
}
.footer a {
  color: #fff;
}
.aside {
  z-index: 10;
  position: fixed;
  top: 40%;
}
.aside ul {
  margin: 0;
  display: flex;
  flex-direction: column;
}
.aside ul li {
  background-color: #e92d2dc5;
  width: 150px;
  height: 50px;
  line-height: 50px;
  text-align: center;
}
.aside ul li:nth-child(2) {
  border-top: 3px solid #fff;
  border-bottom: 3px solid #fff;
}
.aside ul li a {
  color: #fff;
  font-size: 18px;
  display: inline-block;
  width: 150px;
  height: 50px;
}
.aside ul li:hover {
  background-color: rgba(219, 109, 109, 0.805);
}
.aside .kefu {
  margin-bottom: -8px;
  margin-left: 28px;
  font-size: 25px;
  color: #fff;
  font-weight: 700;
  height: 50px;
  line-height: 50px;
  text-align: center;
  width: 150px;
}
.on {
  background-color: red !important;
}