body { margin: 0; padding: 0; } li { list-style: none; } a { text-decoration: none; } /* 背景图 */ header .bac { height: 930px; background-size: 100% 100%; background-image: url("../../img/images/backimage.png"); } /* 输入整体框 */ header .container { width: 420px; height: 680px; min-height: 320px; max-height: 700px; position: absolute; top: 40px; left: -50px; bottom: 0; right: 0; margin: auto; padding: 20px; z-index: 130; border-radius: 8px; background-color: #fff; box-shadow: 0 3px 18px rgba(100, 0, 0, 0.5); font-size: 16px; } header .container .head { text-align: center; line-height: 40px; } header .container .head p { color: #a2a2a2; font-size: 14px; } header .container .head .gang { width: 55px; margin: auto; border-bottom: 1px solid #cb1919; } /* 身份访问 */ header .container .identity ul { margin: 20px; padding-bottom: 20px; display: flex; border-bottom: 1px solid #f9f9f9; } header .container .identity ul li { width: 400px; padding: 0px 28px; } header .container .identity ul li a { height: 23px; color: #737373; } header .container .identity ul li .set_1_btn { color: #333; display: block; font-weight: 400; line-height: 45px; text-align: center; max-width: 100px; text-decoration: none; width: 100%; } header .container .identity ul li .Vbtn-2 { letter-spacing: 0; transition: all 150ms linear 0s; float: left; } header .container .identity ul li .Vbtn-2:after { content: " "; display: block; margin: 0 auto; position: relative; width: 0; height: 2px; background-color: red; } header .container .identity ul li .Vbtn-2:hover:after { -webkit-backface-visibility: hidden; backface-visibility: hidden; border-color: #56c5ff; -webkit-transition: width 350ms ease-in-out; transition: width 350ms ease-in-out; width: 70%; } /* 点击切换会员 */ header .container .identity ul li .member:link{ color: #737373; } header .container .identity ul li .member:hover{ color: #737373; } header .container .identity ul li .member:visited:focus{ color: #333; } /* 输入框 */ header .container .layui-input { border-radius: 5px; width: 400px; height: 40px; font-size: 15px; margin-left: 19px; margin-top: 20px; } header .container .layui-form-item { margin-left: -30px; } /* 用户协议 */ header .container .layui-form-item .checkb { margin-left: 30px; } header .container .layui-form-item .checkb input { display: block; position: relative; top: 19px; } header .container .layui-form-item .checkb a { color: #cb1919; } header .container .layui-form-item .font-set { font-size: 13px; text-decoration: none; } header .container .layui-input-block:last-child { margin-left: 20px; } /* 验证码 */ header .container .codes { display: inline-flex; } header .container .codes input { margin-top: 0; } header .container .codes li { width: 200px; height: 40px; background: #efefef; border-radius: 5px; } header .container .codes li p { color: #8c8c8c; text-align: center; font-size: 14px; margin-top: 10px; z-index: 3; } header .container .layui-btn { margin-left: 18px; border-radius: 5px; width: 400px; height: 40px; font-size: 15px; background-color: #cb1919; } header .container .verity { width: 200px; } /* 登录 */ header .container .bot { text-align: center; }