body { 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: 850px; background-size: 100% 100%; background-image: url("../../img/images/backimg.png"); } header .container { width: 560px; height: 570px; min-height: 320px; max-height: 570px; position: absolute; top: 0px; left: -40px; 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 { display: inline-flex; margin: auto; padding: 0px 28px; } header .container .identity ul li a { font-size: 18px; height: 23px; margin: 0px 30px; 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; } 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: 100%; } header .container .identity ul li:visited { color: #000; } header .container .layui-input { border: 0; outline: medium; border-radius: 5px; width: 400px; height: 40px; font-size: 15px; } header .container .layui-form-item .checkb { display: contents; } header .container .layui-form-item .checkb .ui-checkbox { margin: 0; height: 0; } header .container .layui-form-item .checkb input { display: block; position: relative; } 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 { border: 0px; outline: none; } header .container .layui-input-block input { margin: 0; } header .container .layui-input-block:last-child { margin: 0px 10px; } 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; margin-top: 10px; } header .container .codes canvas p { color: #000; z-index: 3; } header .container .layui-btn { border-radius: 5px; height: 40px; font-size: 15px; color: #fff; background-color: #cb1919; } header .container .verity { width: 340px; } header .container .bot { text-align: center; } header .container #verify { height: 34px; vertical-align: top; font-size: 16px; } header .container #verify #code_img { width: 100px; height: 40px; cursor: pointer; vertical-align: top; } 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; }