@charset "utf-8";
body { font-family: "微软雅黑"; padding: 0; font-size:14px; color:#111; background:#FCF2FD; margin: 0 auto;}
div,form,img,ul,ol,li,dl,dt,dd {margin: 0; padding: 0; border: 0; list-style: none none;}
h1,h2,h3,h4,h5,h6 { margin:0; padding:0; font-size:14px; font-weight: normal;}
table,td,tr,th{font-size:14px;}
a:link {color: #111; text-decoration:none;}
a:visited {color: #111;text-decoration:none;}
a:hover { color: #F90; text-decoration: none;}
a:active { color: #111;}
@font-face { font-family: 'iconfont'; src: url("img/iconfont.ttf"); font-weight: normal; font-style: normal; }
.clr{ height: 0; line-height: 0; font-size: 0; clear:both;}
.cRed,.cRed:link,.cRed:visited{ color: #f00;}
.pages{ height: 32px; line-height: 32px; clear:both; padding: 50px 0;text-align:center;}
.pages a,.pages a:visited,.pages strong{ margin: 0 3px; text-align:center; padding: 6px 10px;background: #ddd; }
.pages a:hover,.pages strong{ color: #fff; background: #f39; font-weight:normal;}



.Header .logo{ padding: 10px; background: #f39; height: 32px;}
.Header .logo .user{ color: #f60; line-height: 32px; float:left;}
.Header .logo .user a{ color: #fff;}
.Header .logo ul{ float:left; margin-top: 3px;}
.Header .logo ul li{ float:left; padding-left: 24px; margin-right: 20px; line-height: 28px;}
.Header .logo ul li a{ color: #fff;}
.Header .logo ul .ico_buy{ background: url(img/ico_buy.png) no-repeat 0 center; background-size: 20px;}
.Header .logo ul .ico_login{ background: url(img/ico_login.png) no-repeat 0 center; background-size: 20px;}
.Header .logo .search{ float:right; width:60%;}
.Header .logo .search .input{width: 60%; height: 30px; line-height: 30px; background: #fff; border: none; text-indent: 7px; border-radius: 5px; float:right;}
.Header .logo .search .but{background: #f69; color: #fff; height: 32px; width: 55px; margin-left: 5px; float:right; display:block; border: none; cursor: pointer; text-align:center; border-radius: 5px;}

.Header .menu{  padding: 5px 0;}
.Header .menu li{ float:left; width: 16.6%; padding: 2px 0; line-height: 26px; font-size: 15px;}
.Header .menu li a{ display:block; margin: 0 2px; text-align:center; border: 1px solid #fff; border-radius: 5px; background: #F69; color: #fff; font-weight:bold; }
.Header .menu .tag a{background: #f69; }

.ContentTonzhi-wrap {overflow: hidden;line-height: 180%; padding: 7px 10px; margin: 0 3px; background: #F69;color: #fff; font-weight:bold;border-radius: 5px;}
.ContentTonzhi {white-space: nowrap; display: inline-block;	animation: scrollLeft 15s linear infinite;}
@keyframes scrollLeft {	0% {transform: translateX(100%);}100% {transform: translateX(-100%);}}
.ContentTonzhi-wrap:hover .ContentTonzhi {	animation-play-state: paused;}




 /* 弹出窗口 */
.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,0.8);z-index:9998;display:none;overflow:hidden;}
.modal-container{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999;display:none;align-items:center;justify-content:center;touch-action:none;}
.modal-box{background:#FCF2FD;border-radius:8px;width:85%;max-width:400px;position:relative;padding:35px 10px 20px;}
.close-btn{position:absolute;top:10px;right:10px;width:32px;height:32px;line-height:32px;text-align:center;background:#f8f8f8;color:#333;border-radius:50%;cursor:pointer;text-decoration:none;font-size:18px;font-weight:bold;-webkit-tap-highlight-color:transparent;}
.close-btn:hover{background:#eeeeee;}
.modal-text{font-size:16px; line-height: 180%; text-align:center; font-weight:bold;word-break:break-word;}
.popup-link{color:#f58b36;text-decoration:none;cursor:pointer;display:inline-block;margin:20px;font-size:15px;}
.popup-link:hover{text-decoration:underline;}
.copy-btn,.copy-btn:link{text-decoration:none;margin-left:8px;font-size:14px;padding:2px 8px;border:1px solid #f39;border-radius:4px; background: #f39;color:#fff;}
.copy-btn:hover{background:#fff3e9;}
.modal-text h3{font-size:18px;margin-bottom:10px; font-weight:bold; color: #f39;}
.modal-text h4{font-size:16px;margin:15px 0 5px; font-weight:bold;}
.modal-text h5{font-size:16px;margin:5px 0; border: 1px solid #f30; padding: 7px; border-radius:5px; color: #f39;}
.modal-text p{margin:10px 0;}
.modal-text .w2{text-align:center;margin-top:10px;}
.modal-text .w2 img{max-width:100%;height:auto;max-height:180px;}

  
/* 新增列表弹窗样式（独立命名，避免冲突） */
.list-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,0.8);z-index:9996;display:none;overflow:hidden;}
.list-modal-container{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9997;display:none;align-items:center;justify-content:center;touch-action:none;}
.list-modal-box{background:#FCF2FD;border-radius:8px;width:85%;max-width:500px;position:relative;padding:25px 10px;}
.list-close-btn{position:absolute;top:10px;right:10px;width:32px;height:32px;line-height:32px;text-align:center;background:#f8f8f8;color:#333;border-radius:50%;cursor:pointer;text-decoration:none;font-size:18px;font-weight:bold;-webkit-tap-highlight-color:transparent;}
.list-close-btn:hover{background:#eeeeee;}

.list-modal-content {text-align: center;}
.list-modal-content h2{ font-size: 18px; color: #f39; font-weight:bold; border-bottom: 1px solid #ccc; padding-bottom: 7px;}
.list-modal-content h3{ line-height: 160%; padding: 10px 0 0;}
.list-modal-title { margin-bottom: 15px;color: #333;font-weight: bold;}
.list-modal-img {width: auto; height: 200px; border-radius:5px;display:block; margin: 0 auto 10px;}

.list-modal-content .price-list{}
#priceListContainer li{ padding: 5px 30px;}
#priceListContainer li a{ display:block; height: 30px; line-height: 30px; background: #f69; color: #fff; border-radius:5px;}
#priceListContainer .but a{ background: #f39;}



.member{}
.member h1{text-align: center; font-size: 18px; font-weight:bold;  height: 40px; line-height: 40px;  background: #f39; overflow:hidden; color: #fff;}
.member h1 a{ background:url(img/i_back.png) no-repeat 10px center;  background-size: 20px; display:block;}

.member h2{ padding: 20px 0 0; text-align:center; font-weight:bold;}
.member h3{ font-size: 18px; padding: 30px 0 10px; border-bottom: 1px solid #ddd; font-weight:bold;}

.member .menu{ padding: 0 10px 100px;}
.member .menu li{ line-height: 42px; border-bottom: 1px solid #ddd; text-indent: 25px;}
.member .menu li a{ display:block; background: url(img/ico_1.png) no-repeat right center; background-size: 15px; }
.member .menu .m1{ background:url(img/ico_m1.png) no-repeat 0 center; background-size: 15px; }
.member .menu .m2{ background:url(img/ico_m2.png) no-repeat 0 center; background-size: 20px; }

.member .tishi{ background:#FC9; margin: 15px; color: #fff; font-size: 16px; text-align:center; padding: 20px 10px; font-weight: bold; color: #f39;border-radius:5px;}
.member .tishi a{ font-size: 16px; display:block; margin: 20px auto 0;padding: 8px 0; color: #fff; font-weight:normal; border: 1px solid #f30; border-radius: 4px; background: #f39;}






.member .pass{ padding: 10px;}
.member .pass li{ padding: 10px 0;}
.member .pass .input{ border: 1px solid #ddd; width: 98%; height: 32px; text-indent: 7px; border-radius:6px;}
.member .pass .but,.renzheng .rz1 .bottom .but{ background: #f39; border: none; line-height: 40px; height: 40px; font-size: 16px; text-align:center; color: #fff; border: none; cursor: pointer; width: 98%; display:block; margin: 0 auto;  border-radius:6px;}



.pay{ }
.pay h2,.payok h2{text-align: center; font-size: 18px; font-weight:bold;  height: 45px; line-height: 45px;  background: #f39; overflow:hidden; color: #fff;}
.pay h3{ text-align:center; padding: 30px 0 20px; color: #f39; font-size: 18px; font-weight:bold;}
.pay .form{ margin-top: 20px;}
.pay .form li{ padding: 15px 0; text-align:center;}
.pay .form .but{ width: 130px; margin: 0 auto 5px; border: 1px solid #ddd; padding: 10px; display:block; background: #fff;}

.pay .buy { margin-top: 35px;}
.pay .buy li{ padding: 5px 30px;}
.pay .buy li a{ display:block; height: 35px; line-height: 35px; background: #f69; color: #fff; border-radius:5px; text-align:center;}
.pay .buy .but a{ background: #f39;}
.pay .buy p{ padding: 10px; line-height: 180%;}
.payok2{ padding: 15px;}
.payok .tip{ text-align:center;}
.payok .tip strong{ font-size: 36px; display:block; }

.payok .endtime{ padding: 50px 0; text-align:center; line-height: 200%; font-size: 16px; }
.payok .endtime a{ display:block; height: 36px; line-height: 36px; text-align:center; background: #f69;border-radius:5px; margin: 10px auto; color: #fff; width: 30%; font-size: 16px;}

.payok .tishi2{ text-align:center; padding: 50px 0; line-height: 200%; font-size: 16px;}
.payok .tishi2 h3{ color: #f39; font-size: 18px; font-weight:bold;}
.payok .tishi2 a{ display:block; height: 42px; line-height: 42px; text-align:center; background: #f39;border-radius:5px; margin: 10px auto; color: #fff; width: 80%; font-size: 16px; margin-top: 35px;}


.qrcode-card{background:#FCF2FD;border-radius:10px;padding:20px;box-shadow:0 4px 12px rgba(0,0,0,0.09);text-align:center;margin-bottom:20px}
.qrcode-card img{width:240px;height:240px;margin:0 auto;display:block}
.qrcode-card .picimg img{ width: 120px; height:auto;}


.qrcode-tip{margin-top:15px;font-size:18px;color:#666}
.warn-box{background:#fff9e6;border:1px solid #ffe8a3;border-radius:8px;padding:15px;margin-bottom:20px;color:#d48806;line-height:1.5}
.countdown{text-align:center;margin-bottom:20px}
.countdown-title{color:#999;font-size:16px;margin-bottom:10px}
.countdown-time{display:flex;justify-content:center;gap:8px}
.time-block{background:#6366f1;color:#fff;width:50px;height:50px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:bold}
.time-unit{color:#666;font-size:16px;align-self:center}
.tip-box{background:#f1f5f9;border-radius:8px;padding:15px;margin-bottom:20px;text-align:center;color:#666;line-height:1.6}
.tip-box .tip-title{color:#666;font-size:16px;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #e2e8f0}


.order-detail{background:#FCF2FD;border-radius:12px;}



.order-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;cursor:pointer;user-select:none; background: #f0f0f0; border-radius:5px; border:1px solid #e2e8f0; padding: 10px;}
.order-header h3{font-size:16px;color:#333}
.order-header .arrow{color:#999;font-size:16px;transition:transform .3s}
.order-content{overflow:hidden}
.order-item{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #eee;font-size:16px}
.order-item:last-child{border-bottom:none}
.order-item .label{color:#666}
.order-item .value{color:#333;font-weight:500}
.order-item .value.wait{color:#f59e0b}




.login{ margin: 20px;  padding: 20px 25px 30px; background: #fff; border-radius: 10px;}
.login h2{ font-size: 24px; text-align:center; padding: 20px 0;}
.login p{ text-align:center; color: #f90;}
.login .input{ width: 99%; height: 45px; line-height: 45px; background: #fff; border:1px solid #ddd; text-indent: 7px; font-size: 18px; border-radius: 5px;}
.login .but{ background: #f69; color: #fff; height: 50px; line-height: 50px; display:block; border: none; cursor: pointer; font-size: 20px; text-align:center; width: 100%; margin-top: 25px; border-radius: 5px;}

.ContentList{ margin: 0 auto; padding-bottom: 50px;}
.ContentList h3{ margin: 0 10px 10px;}
.ContentList li{ float: left; width: 50%; overflow:hidden; }
.ContentList li a{ display:block; padding: 10px 5px 0;}
.ContentList li img{ width: 100%; display:block;border-radius: 4px;}
.ContentList li span{ display:block; height: 45px; text-align:center; padding-top: 5px; line-height: 21px; overflow:hidden;}
.ContentList li span strong{ font-weight: normal;}
.ContentList li span em{background: #ff9600;color: #fff;padding: 0px 4px 2px;border-radius: 5px 0 5px 0;font-size: 14px;margin-right: 5px;line-height: 18px; font-style:normal;}
.ContentList li span .eg{background: #ff00ff;}

.ContentText{ padding: 10px;}
.ContentText .title { padding: 20px 5px; line-height: 30px;}
.ContentText .title h1{ font-size: 30px; font-weight:bold; float:left;color: #F90;}
.ContentText .title em{ display:block; font-size: 18px; font-weight:normal; float:right; background: #ff9600;color: #fff;padding: 0px 4px 2px;border-radius: 5px 0 5px 0;font-size: 14px;margin-right: 5px;line-height: 18px; font-style:normal;}
.ContentText .title .eg{background: #ff00ff;}
.ContentText .miaoshu{ background:#fff3e9; color: #f58b36; padding: 10px; line-height: 180%; border-radius: 5px; font-size: 16px;}

.ContentText .tishi{ text-align:center; padding: 100px 0 0; line-height:200%; color: #f39; font-size: 16px;}
.ContentText .tishi a{ font-size: 16px; display:block; margin: 20px auto 0;padding: 8px 0; color: #fff; font-weight:normal; border: 1px solid #f30; border-radius: 4px; background: #f39;}



.ContentText .text{ padding: 10px 0;}
.ContentText .text p{ margin: 0; padding: 0;}
.ContentText .text video{ display:block; margin: 10px 0; width: 100%; height:100%;}
.ContentText .text img{ display:block; margin: 10px auto 0; width: 100%; height:100%;}
.ContentText .video{ padding: 10px 0 50px;}
.ContentText .video h2{ background: #ddd; font-size: 18px; line-height: 100%; padding: 10px; font-weight:bold; border-radius: 5px; }
.ContentText .video h2 em{ float:right; font-style:normal; color: #F90; font-weight:normal; font-size: 16px;}
.ContentText .video video{ display:block; margin: 10px 0; width: 100%; height:100%;}
.ContentText .next{ padding: 10px 0; line-height: 200%; border-top: 1px solid #ddd;}
.Foot{ background: #DFDFDF; padding: 10px; text-align:center; clear:both; font-size: 14px;} 
.Foot_top{ position: fixed;bottom: 0;left: 0;right: 0;background-color: rgba(255, 51, 153, 0.75);height: 50px;z-index: 9999; box-shadow: 0px -4px 10px 0px rgba(17, 58, 93, 0.1);transition: all .3s ease 0s;}
.Foot_top li{ float:left; width: 25%; height: 50px; padding: 7px 0; text-align:center; font-size: 12px; color: #fff;}
.Foot_top li .iconfont { display:block; margin: 0 auto; font-family: "iconfont" !important;  font-size: 18px;  font-style: normal;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale; margin-bottom: 2px;}
.Foot_top li a{ color: #fff;}

.back-to-top {
    position: fixed;
    bottom: 60px;
    right:  15px;
    width: 45px;
    height: 45px;
    background: rgba(0, 0, 0, 0.6);
    border-radius: 50%;
    display: flex; /* 先显示，再用 opacity 控制显隐 */
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 9999;
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    opacity: 0; /* 默认透明，滚动后显示 */
    transition: opacity 0.3s ease;
}
.back-to-top.show {
    opacity: 1; /* 显示状态 */
}
.back-to-top:hover {
    background: rgba(0, 0, 0, 0.8);
}
.ContentText .title2 h1{ text-align:center; float: none;}