html,body{ margin:0; padding:0 }
body{ font-family:Microsoft Yahei !important; display:flex; flex-direction:column; align-items:center; background:#f6fbff }
    .swiper-container{width: 100%;height: 100%;overflow: hidden;position: relative;}
.container{  width:100%; max-width:750px; box-sizing:border-box; display:flex; flex-direction:column; align-items:center; }
.warp{padding:25px 0;width:80%;margin:0 auto}
.sban img,.dian img{width:100%}
.title img{margin-right:15px}
.wenz p{color:#767a7d;font-size:18px;line-height:25px}
.title{ margin-top:24px; margin-bottom:32px; font-size:24px; font-weight:700; color:#fff;background:#14531c;display:flex; align-items:center;border-radius: 10px;justify-content: center;height:86px}
.subtitle{ color:#333; font-weight:700; margin-bottom:32px }
.tips{ width:100%; font-size:13px; color:#999; line-height:17px }
form{ width:100% }
.verify{ width:100%; margin-top:16px;  line-height:80px; display:flex; align-items:center;border-radius: 10px;justify-content: center;height:86px ;  background-image: linear-gradient(to bottom, #297f42, #15541d);padding:2px}

.uni-input-input{background:#fff;width:80%;    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;border:none;height:100%;line-height:100%;font-size:20px;padding-left:10px}
	.pp {text-align:center;margin:55px 0}
	.tel{text-align:center;}
	.pp img,.tel img{max-width:100%}
	.mg{margin-top:250px}
input::placeholder { font-size:20px; }
.verify .text{ color:#252324; font-size:19px; margin:0 3px }
.verify .text::after{ content:" "; letter-spacing:4px }
.code-box{ display:flex; flex:1; position:relative }
input{ -webkit-appearance:none; -moz-appearance:none; appearance:none; outline:none; background-color:rgba(0,0,0,0); outline:none; -webkit-tap-highlight-color:rgba(0,0,0,0) }
.input{ width:100%; height:45px; font-size:16px; padding:10px; border-width:1px; border-radius:4px; background-color:inherit; outline:none; -webkit-appearance:none; -moz-appearance:none; appearance:none }
.input::placeholder{ color:#252324; font-size:16px }
.code{ width:36px; height:36px; margin:0 5px; color:#252324; font-size:16px; border-style:solid; border-width:1px; border-color:rgba(0,0,0,.768627451); border-radius:4px; display:flex; align-items:center; justify-content:center }
.code.active{ border-color:#1e80ff }
.code-input{ position:absolute; width:100%; height:38px; background-color:rgba(96,24,24,.5019607843); opacity:0 }
.button{ width:20%;  color:#fff; background:none; font-size:18px;  cursor:pointer; border:none; display:flex; align-items:center;justify-content: center; }
.hidden{ display:none }
.jieguo{    color: #fff;background: #14531c;    border-radius:8px;width:100%;height:55px;line-height:55px;text-align:center;font-size:18px;margin-bottom:20px}
.title2{font-size:20px;margin:20px 0 25px 0;font-weight:bold}
.cuow{color:#ed2a0c;}
.zheng{color:#21d95f}
.duochi{color:#f19903}
.message{ margin-top:10px;background:#f6fbff;   box-shadow: 0 0 5px #dcdcdc;border-radius:10px; text-align:center; display:flex; flex-direction:column; justify-content:center; align-items:center; padding:20px; margin-bottom:20px }
.erro .img{ width:46px }
.error .title{ color:#f45055; font-size:18px; font-weight:700; padding:16px; margin-top:0 }
.error .text{ line-height:30px; font-weight:normal; color:#a53a40; font-size:18px; }
.error .tips{ margin-top:20px; font-size:15px; color:#d50325 }
.success .img{ width:93px;height:99px }
.success .title{ color:#78c074; font-size:18px; font-weight:700; padding:16px; margin-top:0 }
.success .text{ line-height:30px; font-weight:normal; color:#5e5e5e; font-size:18px }
.success .count{ margin-top:20px; line-height:24px; font-weight:normal; color:#010101; font-size:18px }
.success .count span{ color:#d50325 }
.success .tips{ margin-top:20px; font-size:15px; color:#000 }
.success  span{ color:#d50325 }
.dian{margin-bottom:30px;margin-top:10px}
.info{ font-size:13px; line-height:24px; color:#999;}
.duo .img{width:100px;height:100px}




	@media (max-width:768px){
		.warp{width:90%}
		.title{height:50px;    font-size: 18px;}
		.title img{width:30px;height:30px}
		.verify{line-height:60px; height:60px ; }
		input::placeholder{ font-size:14px }
		.jieguo{height:40px;line-height:40px;font-size:16px}
		.duo .img{width:60px;height:61px}
		.wenz p{font-size:16px;line-height:20px}
		.success .img{width:63px;height:60px}
		.error .text,.success .text,.success .text{font-size:14px}
		.mg{margin-top:50px}
	.pp img{width:90%}
		.warp{padding:10px 0}
		}