@charset "utf-8";





.musicCont{ height: 700px; position: fixed; width: 100%; left: 0; bottom: 0%; z-index: 10; display: none;}
.musicPlay{width: 1064px; margin: 0 auto; position: relative; height: 100%; justify-content: center; height: 700px;background: linear-gradient(#F1F3F4, #000);border-radius:10px;}
.music_img{width: 122px; height: 144px; float:left; align-items: center;margin-left:50px;margin-top:30px;}
.music_img img{display: block; width: 122px; height: 122px; border-radius: 10px;}
.music_tit{height: 144px; margin: 0 40px; text-align: center; color: #FFF;float:left;margin-top:20px;}
.music_tit a{display: block; height: 76px; line-height: 76px; font-size: 22px;}
.music_tit span{display: block; height: 42px; line-height: 42px; font-size: 18px;}
.music_audio{width: 500px; height: 144px; float:left; justify-content: center; align-items: center;margin-top:50px;}
.music_down{width: 100px; height: 144px; display: flex; justify-content: center; align-items: center;}
.music_down a{display: block; width: 60px; height: 60px; background: url(../images/down2.png) no-repeat center; cursor: pointer;}

/* #content{padding:10px 0px;overflow-y:hidden;height:400px;overflow-y:auto;font-size:16px;line-height:30px;color:#fff;}
#content p,#content p span{text-align:center;} */


#content {
  width: 100%; /* 宽度 */
  min-height: 505px; /* 高度 */
  overflow: hidden; /* 隐藏溢出内容 */
  position: relative; /* 设置定位上下文 */
  /* border: 1px solid #ccc; */ /* 边框，便于观察效果 */
}
 
#scrollcon {
	width:100%;
  position: absolute; /* 绝对定位 */
  white-space: nowrap; /* 防止内容换行 */
  animation: scroll 50s linear infinite; /* 应用动画 */
}

#scrollcon p,#scrollcon p span{text-align:center;width:100%;font-size:16px;line-height:30px;color:#fff;}
 
@keyframes scroll {
  0% { top: 0; } /* 开始位置 */
  100% { top: -100%; } /* 结束位置，根据内容高度调整 */
}

.close{width:30px;height:30px;background:url(../images/close.png);background-size:100% 100%;position:absolute;right:0;top:0;}

.adminCont{height: 918px; display: flex; justify-content: center; align-items: center;}
.loginCont{width: 520px;}
.loginCont h2{text-align: center; height: 60px; line-height: 60px; font-size: 30px; color: #4a4a4a;}
.inputli{padding-top: 28px;}
.inputli input{height: 50px; border: 0 none; background: #FFF; font-size: 20px; color: #000; border-bottom: 1px solid #aaa; display: block; width: 500px; padding: 0 10px;}
.submit{padding-top: 66px;}
.submit a{display: block; height: 50px; line-height: 50px; border-radius: 50px; text-align: center; background: #d9d9d9; color: #FFF; font-size: 20px;}
.submit a.loginSubmit{background: #c5d8f6; margin-bottom: 16px; cursor: pointer;}
.submit a.submitReg{background: #c5d8f6; margin-bottom: 16px; cursor: pointer;}

.dispCont{padding: 90px 0 100px 0; color: #4a4a4a; font-size: 18px; line-height: 32px; width: 1060px; margin: 0 auto;}
.dispCont h2{padding-bottom: 16px; font-size: 28px; color: #000000;}
.dispCont p{text-indent: 2em;}
.dispCont p span{color: #000;}
.dispCont p strong{color: #000;}
.dispCont ul {text-indent:3em;}
.dispCont div{background: #d9d9d9; height: 44px; line-height: 44px; color: #000; font-size: 18px; padding-left: 12px; font-weight: bold; margin-bottom: 12px;}

.vipCont{padding: 120px 0 0 0;}
.vipTop{width: 918px; height: 144px; background: url(../images/vip.png) no-repeat 0 0; margin: 0 auto; margin-bottom: 78px; position: relative;}
.vipIcon{width: 110px; height: 110px; background: #FFF; border-radius: 110px; position: absolute; left: 68px; top: 18px;}
.vipIcon.user{background:#fff url(../images/user.png) no-repeat center bottom;}
.vipName{width: 500px; position: absolute; left: 220px; top: 35px;}
.vipName strong{display: block; color: #000; font-size: 30px; height: 52px; font-weight: normal;}
.vipName span{display: block; color: #6a6a6a; font-size: 18px;}

.vipTitle{height: 60px; font-size: 30px; color: #000; font-weight: bold; text-indent: 128px;}
.vipList{height: 350px;}
.vipList ul{display: flex; justify-content: center;}
.vipList li{width: 266px; height: 350px; background: url(../images/box.png) no-repeat 0 0; margin: 0 12px;}
.vipList div.a1{padding-top: 46px; height: 86px; line-height: 86px; text-align: center; color: #000;}
.vipList div.a1 span{font-size: 26px;}
.vipList div.a1 a{font-size: 58px; font-weight: bold;}
.vipList div.a2{height: 38px; text-align: center; color: #767676; font-size: 20px;}
.vipList div.a3{height: 40px; line-height: 40px; text-align: center; color: #000; font-size: 28px;}
.vipList div.a4{text-align: center; color: #6a6a6a; font-size: 16px; margin-bottom: 20px;}
.vipTips{text-align: center; font-size: 20px; color: #4a4a4a; line-height: 32px;}
.btnsPay{display: block; margin: 0 auto; background: url(../images/pay.png) no-repeat 0 0; width: 260px; height: 52px; line-height: 52px; text-align:center; font-size: 20px; color: #000; cursor: pointer;}





.popFiex{width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: rgba(0,0,0,0.8); z-index: 100; display: none;}
.popCont{position: fixed; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.pop1{background:#fff; width: 800px; height: 440px;}
.closeBtn{display: block; width: 50px; height: 50px; line-height: 50px; text-align: center; cursor: pointer; overflow: hidden; position: absolute; right: 0px; top: 0px; font-size: 30px; color: #4a4a4a; font-family: "黑体";}
.qrcode{text-align: center; padding: 60px 0 0 0;}
.qrcode img{border: 20px solid #CCC;}
.qrcode p{display: block; padding: 20px 0 0 0; text-align: center; font-size: 18px; color: #4a4a4a; line-height: 30px;}
.msg{display: flex; justify-content: center; height: 90%; align-items: center; font-size: 40px; font-weight: bold; color: #4a4a4a; text-align: center;}