.jl{height:40px;} .gl{height:60px;} .modifyalert{display: block; width: 25pc; margin: 0px auto; background: #fff;} .zcbox { position: relative; } .safecodebox { position: absolute; top: 0; left: 0; z-index: 999; display: none; padding-top: 80px; width: 100%; height: 165px; background: rgba(0,0,0,.7); } .safecodebox .scb { width: 70%; margin: 10px auto; } .safecodebox input { overflow: hidden; padding-top: 13px; padding-bottom: 13px; width: 61%; height: 14px; border: 1px solid #cacaca; color: #979696; text-indent: 10px; line-height: 14px; margin: 0 auto; vertical-align: middle; } .safecodebox img { width: 35%; vertical-align: middle; height: 42px; } .closebtn { position: absolute; top: 0; right: 0; width: 30px; background: #000; color: #f60; text-align: center; font-style: normal; font-size: 30px; line-height: 2pc; } .surebtn { display: block; margin: 20px auto; width: 70%; height: 40px; border-radius: 5px; background: #f90; color: #fff; text-align: center; font-size: 18px; line-height: 40px; } a:link, a:visited, a:hover, a:active { text-decoration: none; } @media screen and (max-width: 360px) { .bg, .s-main { background: 0 0; padding: 0; width: 100%; } .modifyalert { margin-top: 44px; width: 100%; border-top: none; } } @media screen and (max-width: 720px) { .bg, .s-main { background: 0 0; padding: 0; width: 100%; } .modifyalert { width: 100%; border-top: none; } .loginwrap { width: 100%; } .loginh { display: none; padding-top: 20px; } .tabbox { padding: 0 10px; } .b1 { margin: 10px 0; } .logininput .phonenum { -webkit-box-sizing: border-box; width: 70%; height: 42px; line-height: 42px; } .logininput .phoneyzm { -webkit-box-sizing: border-box; width: 30%; } .loginsubmit, .loginsubmit .btn { width: 100%; } .loginsubmit, .loginsubmit .btn { width: 100%; } }