css实现手机端银行卡实名认证表单h5页面效果代码-html代码-BFW代码库

css实现手机端银行卡实名认证表单h5页面效果代码

代码语言：html

代码描述：css实现手机端银行卡实名认证表单h5页面效果代码

下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<style>*{margin: 0;padding: 0;border: 0;list-style: none;text-decoration: none;color: inherit;font-weight: normal;font-family: "微软雅黑";box-sizing: border-box;font-style: normal;}
body{width: 100%;overflow-x: hidden;}
img{vertical-align: middle;max-width: 100%;}
a:hover,a:active,a:visited,a:link,a:focus{-webkit-tap-highlight-color: transparent;outline:none;text-decoration: none;
}
.wfull{width: 100%;}
.hidden{display: none;}
.block{display: block;}
.bg-warning{background: #fbcdad;color: #FFFFFF;}
.btn{height: .9rem;line-height: .9rem;text-align: center;font-size: .32rem;border-radius: .15rem;outline: none;}
.container{position: relative;}
.nav-bar{position: relative;height: .88rem;line-height: .88rem;width: 100%;text-align: center;font-size: .36rem;color: #222222;border-bottom: 1px solid #eeeeee;}
.nav-bar .back{background: url(../images/arrow-left.png) center left no-repeat;position: absolute;top: 0;left: .33rem;height: 100%;display: inline-block;background-size: .16rem .3rem;width: .5rem;height: 100%;}
.form-items{padding-bottom: .4rem;}
.form-items .item{height: .98rem;display: flex;justify-content: space-between;align-items: center;font-size: .3rem;border-bottom:.01rem solid #eeeeee;color: #333333;padding: 0 .22rem;position: relative;width: 100%;}
.form-items .item label{flex-shrink: 0;padding-right: .5rem;}
.form-items .item input{height: .6rem;text-align: right;width: 100%;}
.form-items .item input:focus{outline: none;}
.form-items .item.i.........完整代码请登录后点击上方下载按钮下载查看