
@media only screen and (max-width: 639px) {
/*639px*720*/
/*****************
-------首页-------
*****************/
.IndDB{background-size:cover; background-image: url("/front/images/back/wback01-0243d492b7551201031a968b7d49dbf5.jpg")}
.IndDk{width:100%;padding-top:30%; }
.IndTit{font-size:0.12rem; width:1.1rem;line-height:0.21rem;}
.IndTit:before, .IndTit:after{height:0.01rem;width:0.5rem;top:0.1rem;}
.IndTiM{width:78%;margin:0.12rem auto 0.25rem;}
.IndTiM h3{ font-size:0.21rem; line-height:0.21rem; font-weight:700; margin-bottom:0.1rem;}
.IndDD{width:86%;padding:0.04rem 0;border:1px solid #313b47;}
.IndDS{ box-shadow:0 0 5px rgba(255,255,255,0.3) inset; margin: 0 auto;width:96%;border:2px solid #ddd;border-image: -webkit-linear-gradient(45deg,#17202f,#e7f3ff,#17202f) 10 10;border-image: -moz-linear-gradient(45deg,#17202f,#e7f3ff,#17202f) 10 10;border-image: linear-gradient(45deg,#17202f,#e7f3ff,#17202f) 10 10;}
.IndDT{ height:auto;}
.IndDT p{font-size:0.15rem;line-height:0.33rem; background-size: auto 100%;}
.IndDF{ padding:0.25rem 5% 0.15rem;width:90%;}
.IndDZ{padding-bottom:0.17rem;}
.IndDZ p{width:30%;font-size:0.12rem;padding-right:0;}
.IndDFI{ height:0.3rem; line-height:0.3rem; width:64%; padding:0 3%;font-size:0.12rem;}
.IndDFIw{width:22.5%;}
.IndDFM{width:39%; height:0.26rem;}
.Inder{width:70%; line-height:0.17rem;font-size:0.1rem;}
.IndDFB{margin:0.25rem auto 0;font-size:0.13rem;width:45%; height:0.34rem; line-height:0.34rem; background-size: auto 100%;}
.foot{line-height:0.38rem;font-size:0.1rem;background-size:100%;}
/*****************
-------步骤2------
*****************/
.IndBzk{ padding-top:20%;}
.IndBzk .IndTiM{margin:0.08rem auto;}
.IndBzk .IndDF{ padding-top:0.12rem;}
.IndBzk .IndDFB{margin:0.08rem auto 0;}
.BuTdh{margin:20px auto 0;width:88%;border:0.02rem solid #376d91; display: block;}
.BuTdhT{line-height:0.26rem; height:0.26rem; font-size:0.12rem;display: block;}
.BuTdhN{ padding:0.08rem 0; line-height: 0.2rem;}
.BuTdhN p{font-size:0.14rem;}
.BuTdhN span{font-size:0.1rem;}
	/*弹出*/
.TcN{}
.TcNtj{width:68%; height:1.2rem; margin-top:-0.9rem;border:0.01rem solid #376d91;}
.TcNtjn{padding:0.12rem 4% 0;font-size:0.11rem; line-height:0.18rem}
.TcNBut{width:0.6rem; height:0.22rem; line-height:0.22rem; font-size:0.11rem; margin:0.1rem auto 0.05rem;}
.eyeI{height:0.14rem; background-size:0.14rem;background-position:center -0.14rem;top:0.08rem;}
.hide{background-position:center 0;}

.TcNTu{width:90%;top:10%; max-height:80%;}
.TcNTClo{width:0.18rem; height:0.18rem; background-size: 0.18rem; top:-0.24rem;}
.TcNTuI img{;max-width:100%;}
/*****************
----查询订单信息----
*****************/
.IndDin{ padding-top:0.45rem;}
.Dind{ padding-top:0.15rem;}
.DindD{width:86%; height:0.34rem; margin: 0 auto 0.1rem;}
.DindDI{width:16%; height:0.15rem;background-size:0.15rem; }
.DindDI2{background-position: center -0.15rem;}
.DindDI3{background-position: center -0.3rem;}
.DindDI4{background-position: center -0.45rem;}
.DindDI5{background-position: center -0.6rem;}
.DindDI6{background-position: center -0.75rem;}
.DindD h3{ height:0.2rem; line-height:0.2rem; width:25%; font-size:0.1rem;}
.DindDP{ font-size:12px; margin-left:3%; line-height:26px;width:58%;}
.DindX{width:86%; margin: 0 auto 0.1rem;}
.DindXa{height:0.95rem;margin-bottom:0.08rem;}		
.DindPhon{line-height:0.2rem;height:0.2rem; margin:0.1rem auto; width:0.8rem; font-size:0.12rem;}
.DindPhon i{width:0.15rem; height:0.15rem; background-size:0.15rem; margin-right:0.03rem;}		
/*****************
----订单成功后公众号----
*****************/
.IndDB1{background-image: url("/front/images/back/wback02-b6a67e17100d0c31252bedd064693cf1.jpg"); background-position:top center; background-size:cover;}
/*****************
-兑换订单信息代充专用-
*****************/
.IndDB2{background-image: url("/front/images/back/wback03-a7500a699308182835ac120e75e0821a.jpg");}
.ZhuTit{line-height:0.2rem;font-size:0.14rem; padding-top:0.12rem;}
.IndDB2 .IndTiM{ margin:20px auto;}
.ZhuT{width:88%;padding:0.046rem 0; margin:0.1rem auto 0;border:0.01rem solid #376d91;}
.ZhuTd{width:0.25rem; height:0.25rem; background-size:0.25rem;}
.ZhuTN{width:auto;padding-left:0.13rem; line-height:0.18rem;}
.ZhuTN p{ font-size:0.11rem;}
.ZhuTN h3{ font-size:0.14rem;}
.ZhuF{width:88%;margin:0.1rem auto 0.13rem;}
.ZhuF h3{ font-size:0.14rem; line-height:0.2rem;}
.ZhuF p{ font-size:0.1rem;line-height:0.16rem;}
.ZhuFM{width:1rem; height:1rem; margin:0.1rem auto 0.14rem;}
.ZhuFBa{width:45%; height:0.3rem; line-height: 0.3rem; font-size:0.12rem; background-size: auto 0.3rem;}		
/*****************
--成功后电脑端查询--
*****************/
.IndDB3{background-image: url("/front/images/back/wback03-a7500a699308182835ac120e75e0821a.jpg");}
.IndSur{ padding-top:0.2rem;}
.IndSur .IndTiM{ margin:0.1rem auto;}
.IndSurT{width:88%;margin: 0 auto 0.03rem;line-height:0.24rem; font-size:0.13rem;}
.IndSurT span{ font-size:0.22rem;}		

.loaBT p{ font-size:0.13rem; padding-left:0.3rem; line-height:30px; padding-top:10px;}
.ball-spin-fade-loader > div:nth-child(1){top:14px;left: 0; }
.ball-spin-fade-loader > div:nth-child(2){top: 10.04545px;left: 10.04545px; }
.ball-spin-fade-loader > div:nth-child(3){top: 0;left: 14px;}
.ball-spin-fade-loader > div:nth-child(4){top: -10.04545px;left: 10.04545px;}
.ball-spin-fade-loader > div:nth-child(5){top: -14px;left: 0;}
.ball-spin-fade-loader > div:nth-child(6){top: -10.04545px;left: -10.04545px;}
.ball-spin-fade-loader > div:nth-child(7){top: 0;left: -14px;}
.ball-spin-fade-loader > div:nth-child(8){top: 10.04545px;left: -10.04545px;}
.ball-spin-fade-loader > div {width:8px;height:8px; }
	
}

















