/*通用*/
*{ margin:0; padding:0;}
html{height:100%; width:100%;}
body{color:#FFF; background-color:#0c1829; background-repeat:no-repeat; font-size: 0; height: 100%; width:100%; background-attachment: fixed; position: relative;}
ul,li,p,h1,h2,h3,h4,h5,h6,dl,dt,dd {margin:0px;padding:0px;border:none;list-style:none; font-weight: normal;}
a{text-decoration:none;  text-shadow:none;font-weight:normal;}
ul{list-style:none;}
textarea,input,button,select{outline:none;-webkit-appearance:none; font-family:"微软雅黑";}
a{color:#6c6c6c;text-decoration:none;}
img{border:none; display: block;}
span{margin:0; padding:0;}
.dk{ width:100%; max-width:1200px; min-width:960px; margin:0 auto;}
.fl{float:left;}
.fr{float:right;}
/**/
.clear:before, .clear:after{content: ' ';display:block;height:0;clear:both;overflow:hidden;}
.Mover{transition:0.5s;transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;}
.Mover:hover{transition:0.5s;ransform:translate(0,-10px);-webkit-transform:translate(0,-10px);-moz-transform:translate(0,-10px);-o-transform:translate(0,-10px);-ms-transform:translate(0,-10px);}
.enlarge img{ width:100%;transition:0.5s;}
.enlarge:hover img{-ms-transform:scale(1.04);-moz-transform:scale(1.04);-webkit-transform:scale(1.04);-o-transform:scale(1.04);transform:scale(1.04); transition:0.5s;}
/*****************
-------首页-------
*****************/
.IndDB{background-image: url("/front/images/back/back01-3b916857fed053a273d0d769c8c83888.jpg"); background-position:top center; background-size:cover;}
.IndDk{margin:0 auto;}
.IndTit{color:#6fbc23;text-align: center; margin: 0 auto;letter-spacing:2px; position: relative;}
.IndTit:before, .IndTit:after{content: ' ';display:block;background: rgba(255,255,255,0.35); position: absolute;}
.IndTit:before{right:100%;}
.IndTit:after{left:100%;}
.IndDD{margin: 0 auto;background:rgba(4,4,10,0.47);}
.IndTiM h3{ color:#FFF; text-align: center;}
.IndTiM img{width:100%;}
.IndDS{background-color:#0e212d; background-image: url("/front/images/pic/backS0-c46714f27053f9b8a26e425b9ab1526a.png"); background-position: top center; background-size: 100%; background-repeat: no-repeat; }
.IndDT{background: linear-gradient(to top,#17455f,#2d82b2)}
.IndDT p{ color:#bde2f7; text-align: center;font-weight:600; letter-spacing:2px; background-image: url("/front/images/icon/title-7d1cce321628098da8e4ef43e117a040.png"); background-position: center; background-repeat: no-repeat;}
.IndDZ{display: -webkit-box;display: -ms-flexbox;display:flex;align-items:center;position: relative;}
.IndDZ p{color:#FFF;text-align: right;}
.IndDFI{background:#98acbe; border:none; color:#0e212d;}
.IndDFM{display: block; margin-left: auto;}
.IndDFM img{width:100%; height:100%;}
.Inder{position:absolute;right:0;bottom:0;color:#ff4e4e;}
.IndDFB{ letter-spacing:2px;display: block;color:#b1ddf6; text-align: center;background-image: url("/front/images/icon/But-f793ff9272ea7c583bfa4b6f5f7c70b2.png"); background-position: center; background-repeat: no-repeat;}
.foot{text-align: center; background-image:url("/front/images/icon/foot-6796d716a87720b9aeb13cdf79171d43.png"); background-repeat: no-repeat; background-position: top center;background-color:rgba(4,7,10,0.7); color:#667c8f;position:fixed; bottom:0; left: 0; width: 100%;}
/*****************
-------步骤2------
*****************/
.BuTdh{background:#16202d; text-align: center;}
.BuTdhT{ color:#FFF;background:#376d91;}
.BuTdhN span{color:#a61735;}
/*弹出*/
.TcB{ background:rgba(0,0,0,0.7); width:100%; height:100%; position:fixed; top:0; left:0; z-index:999; display:none;}
.TcN{position:fixed;  margin:0 auto; left:0; right:0; z-index:1000;display:none;background:#16202d;}
.TcNtj{text-align: center;top:50%;}
.TcNtjn{width:92%;}
.TcNBut{text-align: center; color:#FFF; display: block; background: #376d91;}
.eyeI{ position: absolute;right:0; width:10%;display:block; background-repeat:no-repeat;background-image:url(/front/images/icon/eye-781aa6c672da7a4b2250103558b0a7e8.png);}

.TcNTClo{background-image:url("/front/images/icon/close-baf2200e6ead971cb982599fb42f35e9.png"); background-position: center; background-repeat: no-repeat; display: block; position: absolute;right:0;}
.TcNTuI{overflow: hidden;width:100%; height:100%;}
.TcNTuI img{width:100%;}

/*****************
----查询订单信息----
*****************/
.DindD{background:#16202d; border: 1px solid #376d91;display: -webkit-box;display: -ms-flexbox;display:flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content:space-between;align-items:center}
.DindDI{background-image: url("/front/images/icon/buI01-f0c5665cd8966a17608438bc1806b3e5.png"); background-repeat: no-repeat;}
.DindDI1{background-position: center 0;}
.DindD h3{border-right: 1px solid #223b50;}
.DindX{display: -webkit-box;display: -ms-flexbox;display:flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content:space-between;flex-wrap:wrap}
.DindXa{width:48%;display: block; overflow: hidden;}
.DindXa img{width:100%; height:100%;}
.DindPhon{display: -webkit-box;display: -ms-flexbox;display:flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content:center;align-items:center; color:#bde2f7;}
.DindPhon i{display: block; background-image: url("/front/images/icon/phone-db0907122df5423992c70209c74c295e.png"); background-position: center; background-repeat: no-repeat;}
/*****************
----订单成功后公众号----
*****************/
.IndDB1{background-image: url("/front/images/back/back02-7acf7b1b66d48b833cc7fc0673f93491.jpg"); background-position:top center; background-size:cover;}
/*****************
-兑换订单信息代充专用-
*****************/
.ZhuTit{ text-align: center;font-weight: 600;}
.IndDB2{background-image: url("/front/images/back/back03-68bfe5b3496a05bb66c9a4b5031047f3.jpg"); background-position:top center; background-size:cover;}
.ZhuT{display: -webkit-box;display: -ms-flexbox;display:flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content:center;align-items:center;}
.ZhuTd{display: block; background-image: url("/front/images/icon/ZhuT-f4cd40281c00b4d85a8317c3cc8f4f87.png"); background-position: center; background-repeat: no-repeat;}
.ZhuTN{color:#FFF;}
.ZhuF{color:#FFF;}
.ZhuFM img{width:100%;}
.ZhuFB{display: -webkit-box;display: -ms-flexbox;display:flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content:space-between;align-items:center;}
.ZhuFBa{background-position: center; background-repeat: no-repeat;display: block; text-align: center; padding:0 3%;width:94%;}
.ZhuFBa1{color:#f1fbce; background-image: url("/front/images/icon/ZhuBut01-992705fdd65c8440cc860030eb9d770d.png")}
.ZhuFBa2{color:#b1ddf6; background-image: url("/front/images/icon/ZhuBut02-c36fc6bf22183bcbf89407bf33bf4aba.png")}
/*****************
--成功后电脑端查询--
*****************/
.IndDB3{background-image: url("/front/images/back/back04-82d0d1e748481cf129db4923dfbb7b6e.jpg"); background-position:top center; background-size:cover;}
.IndSurT{color:#5da02e;display: -webkit-box;display: -ms-flexbox;display:flex;align-items:flex-end;}


/*display: -webkit-box;display: -ms-flexbox;display:flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content:space-between;align-items:center; flex-wrap:wrap*/
html {font-size: 625%; /*100 ÷ 16 × 100% = 625%*/}
/*出的各分辨率媒体查询换算：*/
@media screen and (min-width:360px) and (max-width:374px) and (orientation:portrait){html{font-size:703%;}}
@media screen and (min-width:375px) and (max-width:383px) and (orientation:portrait){html{font-size:732.4%;}}
@media screen and (min-width:384px) and (max-width:399px) and (orientation:portrait){html{font-size:750%; }}
@media screen and (min-width:400px) and (max-width:413px) and (orientation:portrait){html{font-size:781.25%;}}
@media screen and (min-width:414px) and (max-width:431px) and (orientation:portrait){html{font-size:808.6%;}}
@media screen and (min-width:432px) and (max-width:479px) and (orientation:portrait){html {font-size:843.75%;}}


.loaB{background:rgba(13,40,62,0.8); height: 100%;width:100%; color:#FFF; position:fixed; top:0;left: 0; z-index:999;}
.loaBT{display: -webkit-box;display: -ms-flexbox;display:flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content:center;align-items:center; height:80px;width:100%; position:absolute; top:50%; left:0; margin-top:-40px;}
@-webkit-keyframes ball-spin-fade-loader {
  50% {opacity: 0.3;-webkit-transform: scale(0.4); transform: scale(0.4); }
  100% {opacity: 1;-webkit-transform: scale(1);transform: scale(1); } 
}
@keyframes ball-spin-fade-loader {
  50% {opacity: 0.3;-webkit-transform: scale(0.4);transform: scale(0.4); }
  100% {opacity: 1;-webkit-transform: scale(1);transform: scale(1); } 
}
.ball-spin-fade-loader {position: relative; }
.ball-spin-fade-loader > div:nth-child(1) {-webkit-animation: ball-spin-fade-loader 1s 0s infinite linear;animation: ball-spin-fade-loader 1s 0s infinite linear;}
.ball-spin-fade-loader > div:nth-child(2) {-webkit-animation: ball-spin-fade-loader 1s 0.12s infinite linear;animation: ball-spin-fade-loader 1s 0.12s infinite linear; }
.ball-spin-fade-loader > div:nth-child(3) {-webkit-animation: ball-spin-fade-loader 1s 0.24s infinite linear;animation: ball-spin-fade-loader 1s 0.24s infinite linear; }
.ball-spin-fade-loader > div:nth-child(4) {-webkit-animation: ball-spin-fade-loader 1s 0.36s infinite linear;animation: ball-spin-fade-loader 1s 0.36s infinite linear; }
.ball-spin-fade-loader > div:nth-child(5) {-webkit-animation: ball-spin-fade-loader 1s 0.48s infinite linear;animation: ball-spin-fade-loader 1s 0.48s infinite linear; }
.ball-spin-fade-loader > div:nth-child(6) {-webkit-animation: ball-spin-fade-loader 1s 0.6s infinite linear;animation: ball-spin-fade-loader 1s 0.6s infinite linear; }
.ball-spin-fade-loader > div:nth-child(7) {-webkit-animation: ball-spin-fade-loader 1s 0.72s infinite linear;animation: ball-spin-fade-loader 1s 0.72s infinite linear; }
.ball-spin-fade-loader > div:nth-child(8) {-webkit-animation: ball-spin-fade-loader 1s 0.84s infinite linear;animation: ball-spin-fade-loader 1s 0.84s infinite linear; }
.ball-spin-fade-loader > div {background-color: #6fbc23;border-radius: 100%;margin: 2px;-webkit-animation-fill-mode: both;animation-fill-mode: both; position: absolute; }