body, p, ul, li, dl, dt, dd, img, form, input, h1, h2, h3, h4, h5, h6{margin: 0;padding: 0;}
body{width: 7.5rem;margin: 0 auto;background: #252a35;}
ul, li{list-style-type: none;}
a{text-decoration: none;}
em{font-style: normal;}

.mr0{margin-right: 0 !important;}
.dn{display: none;}
.cb{clear: both;}

/* 导航 */
.nav{height: 1.3rem;position: fixed;bottom: 0;background: linear-gradient(to top, rgba(29, 33, 41, 1), rgba(29, 33, 41, 0));}
.nav ul{width: 7.5rem;display: flex;justify-content: space-around;}
.nav ul a{width: 1.7rem;height: 1.3rem;display: block;float: left;text-align: center;}
.nav ul a.active{background: url(../images/nav_bg.png) no-repeat;background-size: 1.7rem 1.3rem;}
.nav ul a li img{width: .8rem;height: .65rem;display: block;margin: 0 auto;margin-top: .2rem;}
.nav ul a li span{font-size: .22rem;color: #fff;display: block;}

/* 错误提示 */
.errorTips{width: 3.4rem;background: rgba(0, 0, 0, .7);position: fixed;left: 50%;margin-left: -2rem;top: 28%;font-size: .3rem;color: #fff;text-align: center;border-radius: .1rem;padding: 0 .3rem;}
.errorTips p{padding: .4rem 0;}

/* 遮罩层 */
.mask{position: fixed;left: 0;top: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, .8);}

/* 弹窗关闭按钮 */
/*.closeBtn img{width: .87rem;height: 1.54rem;position: absolute;left: 50%;bottom: -1.54rem;margin-left: -.435rem;}*/
.closeBtn img {
    width: .25rem;
    height: .25rem;
    position: absolute;
    right: .2rem;
    top: .2rem;
}

/* 返回 */
.back{width: 7.5rem;height: .86rem;line-height: .86rem;background: #2e3642;font-size: .36rem;color: #fff;text-align: center;position: relative;}
.back .backBtn{width: .24rem;height: .41rem;position: absolute;left: .35rem;top: .23rem;}





.div { margin-top: .2rem;}

.vplay {
	height: 4.5rem;
	width: 100%;
}

.djq {
	height: 1.8rem;
	width: 100%;
    margin-bottom: .8rem;
    margin-top: 10%;
}
.copyright {width: 7.1rem;padding: .2rem;background: #252a35;margin-top: .6rem;border-top: .02rem solid #504c4c;}
.copyright p {
    line-height: .45rem;
    font-size: .24rem;
    color: #919191;
    text-align: center;
}
/* 底部悬浮 */
.hbox {position: fixed;width: 7.5rem;bottom: 0px;background: black;height: 1.4rem;}
.hbox p{line-height: .45rem;font-size: .24rem;color: #919191;}
.hbox2 {margin-left: 2%;margin-right: 50px;margin-top: 2%;}
.hbox3 {margin-left: 20%;margin-right:50px;margin-top:-18.5%;}
.pp2 {width: 50%; float: left;   position: absolute; left: 1.6rem;}

/* 悬浮弹窗 */
 .black_overlay{ 
            display: none; 
            position: absolute; 
    width:100%;
    height:100%;
    background:rgba(0, 0, 0, 0.5);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99;
         }
.ximage{
             width: 100%;
        }
.iosxfan{z-index: 9999; position: fixed; top:85%;left: 75%;}
.iosxf{width: 60px;height: 60px;  }
.xtitlep{font-size:16px;padding-bottom: 20px;}
.xtitlep h4{text-align: center;}
.xtxp{ font-size:14px; text-align:center;color: #999;margin: auto;width: 85%;}
.cl{        
            
            position: absolute;
            left: 92%;
        }
.xxx{
background: url(file:///D:/%E5%9B%BE%E7%89%87/%E5%B7%A5%E4%BD%9C%E6%96%87%E4%BB%B6%E5%A4%B9/%E5%AE%9E%E9%AA%8C%E5%AE%A4/BT3_files/icon_close_61bac7a.png) no-repeat center center;
width: 90%;float: left;
}

.white_content { 
            display: none; 
            position: absolute; 
    width: 6rem;
    max-width: 400px;
    padding-bottom:30px;
    background: #fff;
    position: fixed;
    top: 50%;
    margin-left: 10%;
    margin-top: -150px;
    z-index: 999;
    border-radius: 5px;
}   
.boxdown{
            font-size:0.4rem;
            margin-top: 15px;
        }
.boxdown2{
border-radius: .4rem;
background: linear-gradient(to right, #aa56dd, #fe494d);
color: #fff;
text-align: center;
font-size: 16px;
padding: 8px 30%;
margin-left: 10%;
}
.xfyj{
        border-top-right-radius: 5px;
        border-top-left-radius: 5px;
        width: 100%;
}
            .djq ul{
              width: 6.9rem;
              
              white-space: nowrap;
              overflow-y: hidden;
              margin-top: .3rem;
              -webkit-tap-highlight-color: transparent;
            }
            .djq ul li{
            display: inline-block;
            }
            .djq ul li img{
              width: 3rem;
            }
                .dlpop{
            position: fixed;
			display: grid;
            width: 5rem;
            height: auto;
            background-color: aliceblue;
            top: 15%;
            left: 0;
            right: 0;
            border-radius: 25px;
            text-align: center;
            z-index: 999;
            margin: 0 auto;
			    opacity: 1;
			    visibility: visible;
			    transition: opacity 0.5s ease, visibility 0.5s ease;
        }
		  .dlpop.hidden {
		    opacity: 0; /* 渐隐 */
		    visibility: hidden; /* 渐隐结束后不可见 */
		  }
        .tips{
            height: 1rem;
            text-align: center;
            background-color: #f35151;
            border-radius: 25px 25px 0px 0px;
            line-height: 1rem;
            font-size: .5em;
            color: white;
        }
        .white-icon{
            width: 4rem;
            margin: 0 auto;
            margin-top: 8%;
        }
        .white-icon img{
            position: relative;
            width: 1rem;
            border-radius: 10px;
        }

        .white-icon>img:nth-child(2){
            width: .5rem;
            margin: .2rem auto;
            margin-left: .2rem;
            margin-right: .2rem;
        }
        .dlpop>p:first-of-type{
            color: rgb(138, 139, 139);
            font-size: .26em;
        }
        .dlpop h3{
            margin: .4rem auto;
            width: 4rem;
            margin-bottom: .4rem;
            font-size: .4rem;
        }
		.loading{
			font-size: .32rem!important;
			margin-bottom: .2rem!important;
			height: 0.4rem !important;
			
		}
		  .loading::after {
		    content: "";
		    display: inline-block;
		    width: 1em;
		    animation: dots-ellipsis 1.5s steps(4, end) infinite;
		  }
		
		  @keyframes dots-ellipsis {
		    0% {
		      content: "";
		    }
		    25% {
		      content: ".";
		    }
		    50% {
		      content: "..";
		    }
		    75% {
		      content: "...";
		    }
		    100% {
		      content: "";
		    }
		  }	
		.wechat-span{
			display:block;
			background:#D84E43;
			color: white;
			padding: .1rem;
			border-radius: 5px;
			margin-top: .2rem;
			    width: 3rem;
			margin-left: auto;
			    margin-right: auto;
				margin-bottom: 0.4rem;
		}
		.wechat-img{
			width: 0.42rem;
			    height: 0.42rem;
			    vertical-align: middle;
		}
		.wechat-span:active{
			transform: scale(0.95);
			background:#af3f36;
		}
		  .Add-WeChat-p{
			  font-size: .3rem;
			  margin: 0 .2rem;
			  color: black!important;
		  }
        .dlpop h3{
            margin: .4rem auto;
            height: 1rem;
            width: 4rem;
            margin-bottom: .4rem;
            font-size: .4rem;
        }
        .dlpop a{
            color: orange;
            font-size: .5em;
            text-decoration: none;
        }
        .dlpop-x{
                position: absolute;
    right: -0.35rem;
        top: -1rem;
        }
        .dlpop-x img{
        width: 0.4rem;
        height: 0.4rem;
        }
            
        .dlpop-down{
            margin: 0 auto;
            margin-top: 15px;
            width: 3.5rem;
            height: .8rem;
            border-radius: 25px;
            border: 1px orange solid;
            line-height: .44rem;
            -webkit-tap-highlight-color: transparent;
        }
        .dlpop-triangle{
            position: relative;
            top: 0.55rem;
            left: 2.2rem;
            width: 0;
            height: 0;
            border-top: .2rem solid rgb(243, 81, 81);
            border-right: .1rem solid transparent;
            border-left: .1rem solid transparent;
        }
        .dlpop-prompt{
            margin: 0 auto;
            width: 3.5rem;
            height: .4em;
            border-radius: 5px;
            background-color: rgb(243, 81, 81);
            color: white;
            line-height: .4em;
        }
        .dlpop div p{
            letter-spacing: 2px;
            font-size: .2rem;
        }
        .tips a img{
            left: 4.8rem;
            top: -.4rem;
            width: .45rem;
            position: absolute;
        }
        .dlpop-tip {
            margin-top: .2rem;
            margin-bottom: 0.2rem;
        }
        .wechat{  
    font-size: .22rem;
    text-align: center;
    margin: -0.4rem auto 0;
    width: 6rem;
    color: #ffffff;}  
    .wechat a{
        background-color: rgb(52 189 53);
        border-radius: 5px;
    }
    .discount{
        width: 1.05rem;
        height: 0.7rem;
        background-color: #f11c35;; 
        float: right;
        border-radius:3px;
        margin-right: 0.1rem;
        margin-top: 0.4rem;
        position:relative;
    }
    .discount p{
        color: white;
        font-size: 32%;
        line-height: 0.7rem;
    }
    .discount-reflective{
        width: 0.5rem;
        height: 0.7rem;
        right: 0.4rem;
        top: 0.4rem;
        transform:skew(-30deg);
        background-color: rgb(255 84 104);
        position: absolute;
    }
    .wx-shade{
        position: fixed;top: 0;
        right: 0;
        z-index: 999;
        color:#fff;
        width: 100%;
        height: 100%;
        background: #000000e3;
            opacity: 1;
			    visibility: visible;
			    transition: opacity 0.5s ease, visibility 0.5s ease;
    }
    .wx-shade-t-img{
        margin-right: 0;
    margin-left: auto;
    width: 1rem;
    height: 1rem;
    }
    .wx-shade-t{
        display:grid;
        font-size:0.4rem;
    }
    .wx-shade-t-p{
        text-align: center;
        margin-top: 2rem;
        display: grid;
        gap: 0.5rem;
    }
    .wx-shade-t-p-span{
        background:red;
        width: 0.5rem;
    display: inline-block;
    height: 0.5rem;
    border-radius: 50%;
    text-align: center;
    margin-right: 0.2rem;
    }
    .wx-shade-t-p-span-img{
    width: 0.35rem;
    vertical-align: middle;
    background: white;
    padding: 0.05rem;
    border-radius: 5px;
    }