html { margin: 0 auto; padding: 0; height: 100%; } body { height: 100%; background: #fff; } .wrap { width: 100%; height: 100%; } .wrap_right { float: left; width: 50%; height: 100%; } .wrap_left { float: left; width: 50%; height: 100%; } .wrap_right { position: relative; } .wrap_bj { width: 100%; height: 100%; background: url(../image/left_amg_01.jpg) no-repeat; background-size: 100% 100%; } .tab_box { border: 1px solid #41caf2; border-top-right-radius: 15px; border-bottom-left-radius: 15px; margin: 50px auto 65px; padding: 0; overflow: hidden; width: 410px; } .tab_box ul { list-style: none; margin: 0; padding: 0; width: 100%; height: 50px; line-height: 50px; font-size: 16px; color: #41caf2; border-bottom: 1px solid #41caf2; text-align: center; } .active { background: #41caf2; color: #fff; } .tab_content { margin: 57px 0 35px 0; } .tab_content div p { width: 80%; margin: 0 auto; height: 35px; border: 1px solid #41caf2; border-radius: 15px; margin-bottom: 25px; line-height: 30px; padding-left: 20px; } .tab_content div p input { width: 75%; border: 0; font-size: 16px; outline: none; font-family: "仿宋", "宋体"; } .login_icon { display: inline-block; width: 17px; height: 19px; vertical-align: middle; margin-right: 15px; } .login_icon_user { background: url(../image/login_user.png) no-repeat; } .login_icon_lock { background: url(../image/login_lock.png) no-repeat; } .login_icon_hua { background: url(../image/login_hua.png) no-repeat; } .login_go { text-align: center; padding: 0 !important; font-size: 16px; letter-spacing: 16px; font-family: "仿宋", "宋体"; color: #fff; filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#1f90ec, endcolorstr=#1cb5ef, gradientType=1); background: -webkit-gradient(li near, 0 0, 100% 0, from(#1f90ec), to(#1cb5ef)); background: -webkit-linear-gradient(left, #1f90ec, #1cb5ef); background: -moz-linear-gradient(left, #1f90ec, #1cb5ef); background: -o-linear-gradient(left, #1f90ec, #1cb5ef); background: linear-gradient(left, #1f90ec, #1cb5ef); cursor: pointer; } .error { height: 13px; background: url(../image/yz.png) no-repeat 0 -8px; display: none; } .errorShow { display: inline-block; } .rightCon { width: 100%; position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: auto; height: 580px; } .leftCon { width: 30%; position: absolute; top: 41%; bottom: 0; right: 0; left: 50%; margin: auto; } .leftCon img { width: 100%; } .leftCon p { font-size: 28px; letter-spacing: 10px; color: #e60111; line-height: 80px; } .service { width: 100%; position: absolute; bottom: 30px; } .tab_content div p { width: 80%; margin: 0 auto; height: 35px; border: 1px solid #41caf2; border-radius: 15px; margin-bottom: 20px; line-height: 30px; padding-left: 20px; } .tab_content div p .verification, .tab_content div p .verification_user { width: 48%; } .tab_content div p .btnVerifi, .tab_content div p .btnVerifi_user { width: 36%; border: 0; height: 35px; border-radius: 0px 15px 15px 0px; font-size: 16px; outline: none; font-family: "仿宋", "宋体"; background: #41caf2; color: #FFFFFF; float: right; } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; } input[type="number"] { -moz-appearance: textfield; } .SMSreminder { color: #C4C4C5; /*font-family: "仿宋", "宋体";*/ font-size: 12px; padding: 0 37px; }