
@media  screen and (max-width:1279px ) and ( min-width:960px){
/*1280*720*/
/*****************
-------首页-------
*****************/
.IndDB{background-size:cover; background-image: url("/front/images/back/wback01-0243d492b7551201031a968b7d49dbf5.jpg")}
.IndDk{width:700px;padding-top:80px; }
.IndTit{font-size:16px; width:150px;line-height:35px;}
.IndTit:before, .IndTit:after{height:1px;width:100px;top:17px;}
.IndTiM{width:420px;margin:18px auto 45px;}
.IndTiM h3{ font-size:37px; line-height:37px; font-weight:700; margin-bottom:13px;}
.IndDD{width:480px;padding:5px;border: 1px solid #313b47;}
.IndDS{ box-shadow:0 0 8px rgba(255,255,255,0.3) inset; width:476px;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:48px;}
.IndDT p{font-size:20px;line-height:48px; background-size: auto 100%;}
.IndDF{ padding:30px 40px 25px;width:396px;}
.IndDZ{padding-bottom:25px;}
.IndDZ p{width:110px;font-size:18px;padding-right:6px;}
.IndDFI{ height:36px; line-height:36px; width:260px; padding:0 10px;font-size:16px;}
.IndDFIw{width:115px;}
.IndDFM{width:138px; height:32px;}
.IndDFM img{width:100%; height:100%;}
.Inder{width:280px; line-height:25px;font-size:12px;}
.IndDFB{margin:15px auto 0;font-size:16px;width:180px; height:50px; line-height:50px; background-size: auto 100%;}
.foot{line-height:48px;font-size:14px;}
/*****************
-------步骤2------
*****************/
.IndBzk{ padding-top:25px;}
.IndBzk .IndTiM{margin:10px auto;}
.IndBzk .IndDF{ padding-top:20px;}
.BuTdh{margin:20px auto 0;width:396px;border: 2px solid #376d91;}
.BuTdhT{line-height: 32px; height:32px; font-size:14px;}
.BuTdhN{ padding:7px 0;}
.BuTdhN p{font-size:20px;}
.BuTdhN span{font-size:12px;}	
/*弹出*/
.TcN{border:2px solid #376d91;}
.TcNtj{width:270px; height:160px; margin-top:-80px;}
.TcNtjn{padding:15px 4% 0;font-size:12px; line-height:25px}
.TcNBut{width:100px; height:32px; line-height:32px; font-size:14px; margin:13px auto 10px;}	
.eyeI{height:20px; background-size:20px;background-position:center -20px;top:8px;}
.hide{background-position:center 0;}

.TcNTu{width:500px;top:10%; max-height:80%;}
.TcNTClo{width:20px; height:20px; background-size: 20px; top:-35px;}
.TcNTuI img{;max-width:500px;}
/*****************
----查询订单信息----
*****************/
.IndDin{ padding-top:30px;}
.Dind{ padding-top:20px;}
.DindD{width:411px; height:42px; margin: 0 auto 10px;}
.DindDI{width:55px; height:25px;background-size:25px; }
.DindDI2{background-position: center -25px;}
.DindDI3{background-position: center -50px;}
.DindDI4{background-position: center -75px;}
.DindDI5{background-position: center -100px;}
.DindDI6{background-position: center -125px;}
.DindD h3{ height:26px; line-height:26px; width:80px; font-size:14px;}
.DindDP{ font-size:14px; margin-left:15px; line-height:26px;width:245px;}
.DindX{width:413px; margin: 0 auto 14px;}
.DindXa{height:170px;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;}	
/*****************
-兑换订单信息代充专用-
*****************/
.ZhuTit{line-height:30px;font-size:18px; padding-top:13px;}
.IndDB2 .IndTiM{ margin:15px auto;}
.ZhuT{width:360px;padding:5px 0; margin:10px auto 0;border:1px solid #376d91;}
.ZhuTd{width:32px; height:32px; background-size: 32px;}
.ZhuTN{width:160px;padding-left:18px; line-height:22px;}
.ZhuTN p{ font-size:14px;}
.ZhuTN h3{ font-size:18px;}
.ZhuF{width:360px;margin:14px auto 14px;}
.ZhuF h3{ font-size:18px; line-height:23px;}
.ZhuF p{ font-size:12px;line-height:20px;}
.ZhuFM{width:140px; height:140px; margin:15px auto;}
.ZhuFBa{width:160px; height:46px; line-height: 46px; font-size:16px; background-size: auto 46px;}		
/*****************
--成功后电脑端查询--
*****************/
.IndSur{ padding-top:15px;}
.IndSur .IndTiM{ margin:10px auto;}
.IndSurT{width:411px;margin: 0 auto 5px;line-height:35px; font-size:20px;}
.IndSurT span{ font-size:36px;}			

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

}

















