@charset "UTF-8"; *{ padding:0; margin:0 auto; list-style:none; text-decoration:none; } html{ font-size: 100px; } a{ color:#66C3B9; } .top{ width:100%; height:160px; line-height:160px; padding-left:5%; } .top img{ width:180px; } .middle{ width:100%; background-image: url("../images/登陆2_02.png"); background-size: 1920px; background-position: center; height: 514px; } .middle>img{ width:100%; } .m0{ width: 1200px; height: 514px; position: relative; } .m1{ float: right; background-color:white; width:45%; height:370px; border-radius:20px; opacity: 0.25; position: absolute; right: 10px; top: 70px; } .m2{ float: right; background-color:white; width:39%; height:430px; border-radius:20px; opacity: 0.5; position: absolute; right: 45px; top: 40px; } .m3{ float: right; background-color:white; width:33%; height:490px; border-radius:20px; padding-top:30px; position: absolute; right: 80px; top: 10px; } .title{ width:100%; height:60px; font-size:.34rem; letter-spacing:6px; text-align: center; color:#66C3B9; } .login{ width:100%; height:200px; text-align: center; } .login *{ width:80%; margin-top:20px; height:40px; font-size:.16rem; border-radius: 5px; border:1px solid #cccccc; } .login input:first-child{ padding-left:30px; background-image: url("../images/手机.png"); background-repeat: no-repeat; background-position: 3%; background-size:auto 22px; } .login input:nth-child(4){ padding-left:30px; background-image: url("../images/密码.jpg"); background-repeat: no-repeat; background-position: 3%; background-size:auto 22px; } #login{ color:white; background-color:#66C3B9; margin-left:-4px; font-size: .18rem; margin-top:30px; position: relative; } .m3-0{ width:100%; height:60px; } .m3-1{ float:left; width:35%; padding-left: 40px; font-size:.16rem; } .m3-2,.m3-3{ float:right; width:25%; text-align: right; font-size:.16rem; } .m3-2{ padding-right:44px; width:28%; } .m3-3{ border-right: 2px solid #666666; padding-right:2px; } .other{ text-align: center; height:40px; line-height: 40px; } .text{ color: #666666; font-size:.16rem; } .line{ display:inline-block; width:110px; border-top:2px solid #cccccc; vertical-align:4px; } .other-img{ width:100%; height:100px; padding-top:20px; text-align: center; } .other-img img{ width:5%; margin:0 4%; } .other-img img:first-child{ width:4.5%; } .bottom{ width:100%; /*height: 8vw; line-height:8vw;*/ text-align: center; margin-top: 60px; } .bottom a{ display: inline-block; width:100px; font-size: .2rem; } .Send { display: none; font-size: .16rem; border: none !important; border-left: 2px solid #66C3B9 !important; padding-left: 16px !important; /*margin-left: -115px !important;*/ width: auto !important; margin-top: 0 !important; height: auto !important; border-radius: 0 !important; position: absolute; right: 58px; top:179px; } .Send a{ border: none !important; } .Send span{ border: none !important; } .layer{ width: 100%; } .layer li{ width: 100%; position: relative; } .layer input{ width: 100%; margin-top: 20px; height: 40px; font-size: .16rem; border-radius: 5px; border: 1px solid #cccccc; } .layer li:first-child input{ padding-left: 30px; background-image: url("../images/手机.png"); background-repeat: no-repeat; background-position: 3%; background-size: auto 22px; } .layer li:nth-child(2) input{ padding-left: 30px; background-image: url("../images/验证.png"); background-repeat: no-repeat; background-position: 3%; background-size: auto 22px; } .layer li:last-child input{ padding-left: 30px; background-image: url("../images/密码.jpg"); background-repeat: no-repeat; background-position: 3%; background-size: auto 22px; } .Send2{ position: absolute; right: 16px; top:28px; font-size: .16rem; border-left: 2px solid #66C3B9; padding-left: 16px; /*margin-left: -115px;*/ }