* { margin: 0; padding: 0; } li { list-style: none; } a { text-decoration: none; } header .img { position: absolute; left: 20%; top: 5%; transform: translate(-20%, -5%); } header .img img { height: 50px; } /* 背景图 */ header .bac { height: 930px; background-size: 100% 100%; background-image: url("../../img/images/backimg.png"); } /* 找回密码表单 */ header .container { width: 420px; height: 400px; min-height: 320px; max-height: 570px; position: absolute; top: 200px; left: 25px; 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 .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 .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 canvas { width: 200px; height: 40px; background: #efefef; border-radius: 5px; } header .container .codes canvas p { color: #000; z-index: 3; } /* 登录按钮 */ header .container .layui-btn { margin-left: 18px; border-radius: 5px; width: 400px; height: 40px; font-size: 15px; color: #f0cccc; background-color: #cb1919; } header .container .verity { width: 200px; } /* 底部返回 */ header .container .bot { margin-top: 20px; } header .container .bot a:first-child { float: left; } header .container .bot a:last-child { float: right; } section { background-color: #cb1919; height: 60px; padding: 0px 180px; } section .navig { width: 100%; } section .navig .label .label-text ul { display: flex; float: left; } section .navig .label .label-text ul li { padding: 20px 21px; } section .navig .label .label-text ul li a { color: #fff; } section .navig .label .label-icon { background-color: #cb1919; } section .navig .label .label-icon ul { display: flex; float: right; } section .navig .label .label-icon ul li { padding: 20px 21px; } section .navig .label .label-icon ul li img { width: 25px; } footer { padding: 0px 180px; } footer .foot { display: flex; margin: 0 auto; } footer .intr { padding: 35px; width: 342px; height: 226px; } footer .intr img { height: 86px; margin-bottom: 30px; } footer .intr p:nth-child(1) { font-size: 40px; } footer .intr p:nth-child(2) { color: #616161; } footer .address { background-color: #faf9f8; border-left: 1px solid #ededed; border-bottom: 1px solid #ededed; } footer .address .addreses { display: flex; } footer .address .addreses .addres-1, footer .address .addreses .addres-2, footer .address .addreses .addres-3 { padding: 33px; } footer .address .addreses .icp { padding: 28px 40px; border-top: 1px solid #ededed; } footer .address .addreses .addres-1 { width: 310px; } footer .address .addreses .addres-1 img { height: 50px; margin-bottom: 40px; } footer .address .addreses .addres-1 p { line-height: 25px; } footer .address .addreses .addres-1 p:nth-of-type(1) { font-weight: 700; } footer .address .addreses .addres-1 p:nth-of-type(2) { font-size: 6px; color: rgba(97, 97, 97, 0.8); } footer .address .addreses .addres-2 { font-size: 20px; font-weight: 700; color: #000; } footer .address .addreses .addres-2 p { line-height: 25px; } footer .address .addreses .addres-2 p:nth-of-type(1) { font-weight: 700; } footer .address .addreses .addres-2 p:nth-of-type(2) { font-size: 12.5px; color: rgba(97, 97, 97, 0.8); } footer .address .addreses .addres-3 { display: flex; } footer .address .addreses .addres-3 img { height: 92px; } footer .address .addreses .addres-3 p { float: left; font-size: 1px; margin-left: 12px; color: rgba(97, 97, 97, 0.8); } footer .address .addreses .addres-4 { padding: 63px; }