
@media  screen and (max-width:959px ) and ( min-width:640px) {
/*1280*720*/
/*****************
-------首页-------
*****************/
.IndDB{background-size:cover; background-image: url("/front/images/back/wback01-0243d492b7551201031a968b7d49dbf5.jpg")}
.IndDk{width:550px;padding-top:80px; }
.IndTit{font-size:16px; width:150px;line-height:35px;}
.IndTit:before, .IndTit:after{height:1px;width:90px;top:17px;}
.IndTiM{width:370px;margin:20px auto 50px;}
.IndTiM h3{ font-size:32px; line-height:32px; font-weight:700; margin-bottom:13px;}
.IndDD{width:410px;padding:4px;border:1px solid #313b47;}
.IndDS{ box-shadow:0 0 10px rgba(255,255,255,0.3) inset; width:406px;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:45px;}
.IndDT p{font-size:18px;line-height:45px; background-size: auto 100%;}
.IndDF{ padding:30px 30px 25px;width:346px;}
.IndDZ{padding-bottom:25px;}
.IndDZ p{width:100px;font-size:16px;padding-right:6px;}
.IndDFI{ height:36px; line-height: 36px; width:220px; padding:0 10px;font-size:16px;}
.IndDFIw{width:80px;}
.IndDFM{width:130px; height:32px;}
.IndDFM img{width:100%; height:100%;}
.Inder{width:240px; line-height:25px;font-size:12px;}
.IndDFB{margin:15px auto 0;font-size:16px;width:170px; height:45px; line-height:45px; background-size: auto 100%;}
.foot{line-height:40px;font-size:14px;background-size:100%;}
/*****************
-------步骤2------
*****************/
.IndBzk{ padding-top:25px;}
.IndBzk .IndTiM{margin:10px auto;}
.IndBzk .IndDF{ padding-top:20px;}
.BuTdh{margin:20px auto 0;width:342px;border: 2px solid #376d91;}
.BuTdhT{line-height: 32px; height:32px; font-size:14px;}
.BuTdhN{ padding:7px 0;}
.BuTdhN p{font-size:18px;}
.BuTdhN span{font-size:12px;}	
/*弹出*/
.TcN{border:2px solid #376d91;}
.TcNtj{width:250px; height:150px; margin-top:-75px;}
.TcNtjn{padding:13px 4% 0;font-size:12px; line-height:22px}
.TcNBut{width:90px; height:30px; line-height:30px; font-size:12px; margin:13px auto 6px;}
.eyeI{height:20px; background-size:20px;background-position:center -20px;top:8px;}
.hide{background-position:center 0;}

.TcNTu{width:400px;top:10%; max-height:80%;}
.TcNTClo{width:20px; height:20px; background-size: 20px; top:-35px;}
.TcNTuI img{;max-width:400px;}
/*****************
----查询订单信息----
*****************/
.IndDin{ padding-top:100px;}
.Dind{ padding-top:20px;}
.DindD{width:351px; height:40px; margin: 0 auto 10px;}
.DindDI{width:50px; height:20px;background-size:20px; }
.DindDI2{background-position: center -20px;}
.DindDI3{background-position: center -40px;}
.DindDI4{background-position: center -60px;}
.DindDI5{background-position: center -80px;}
.DindDI6{background-position: center -100px;}
.DindD h3{ height:26px; line-height:26px; width:70px; font-size:12px;}
.DindDP{ font-size:12px; margin-left:10px; line-height:26px;width:210px;}
.DindX{width:353px; margin: 0 auto 10px;}
.DindXa{height:145px;margin-bottom:10px;}	
.DindPhon{line-height:25px;height:25px; margin:10px auto; width:130px; font-size:16px;}
.DindPhon i{width:19px; height:19px; background-size:19px; margin-right: 5px;}		
/*****************
----订单成功后公众号----
*****************/
.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:30px;font-size:16px; padding-top:13px;}
.IndDB2 .IndTiM{ margin:20px auto;}
.ZhuT{width:320px;padding:5px 0; margin:10px auto 0;border:1px solid #376d91;}
.ZhuTd{width:28px; height:28px; background-size: 28px;}
.ZhuTN{width:160px;padding-left:18px; line-height:22px;}
.ZhuTN p{ font-size:12px;}
.ZhuTN h3{ font-size:16px;}
.ZhuF{width:320px;margin:14px auto 14px;}
.ZhuF h3{ font-size:18px; line-height:23px;}
.ZhuF p{ font-size:12px;line-height:18px;}
.ZhuFM{width:130px; height:130px; margin:15px auto;}
.ZhuFBa{width:140px; height:40px; line-height: 40px; font-size:14px; background-size: auto 40px;}		
/*****************
--成功后电脑端查询--
*****************/
.IndDB3{background-image: url("/front/images/back/wback03-a7500a699308182835ac120e75e0821a.jpg");}
.IndSur{ padding-top:15px;}
.IndSur .IndTiM{ margin:10px auto;}
.IndSurT{width:351px;margin: 0 auto 5px;line-height:35px; font-size:18px;}
.IndSurT span{ font-size:32px;}		

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

















