body { line-height: 1.6; font-family: "Helvetica Neue", "Hiragino Sans GB", "Microsoft YaHei", "\9ED1\4F53", Arial, sans-serif; color: #222; font-size: 14px; } h1,h2,h3 { font-size: 20px; font-weight: 400; font-style: normal; } button, input, select, textarea { font-size: 100%; outline: 0; } .text-link { text-decoration: underline; } .text-inverse { color: #f37; } .has-feedback-left { position: relative; } .form-control-feedback-left { position: absolute; top: 0; left: 0; z-index: 2; display: block; width: 30px; height: 34px; line-height: 2.3; text-align: center; pointer-events: none; color: #bbb; font-size: 16px; } .has-feedback-left>.form-control { padding-left: 30px; } .btn-block { letter-spacing: 4px; } .btn-lg.btn-shadow { padding: 13px 35px 17px; font-size: 16px } .btn-primary.btn-shadow { -webkit-box-shadow: inset 0 -4px 0 #2a6496; box-shadow: inset 0 -4px 0 #2a6496; border: 0; color: #fff; } .btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover{ color: #fff; background-color: #286090; border-color: #204d74; } .input-line { width: 100%; padding: 10px 5px 10px 45px; border: 0 none; border-bottom: 1px solid #ddd; line-height: 30px; } .form-group-line .form-control-feedback-left { line-height: 3.1 } .form-control-feedback-right { position: absolute; top: 0; right: 10px; line-height: 3.5; cursor: pointer; } .dropdown { cursor: pointer; } .dropdown .caret { position: absolute; top: 25px; right: 10px; } .dropdown .dropdown-menu { min-width: 100%; border-radius: 0; margin-top: -1px } ul.dropdown-menu>li>a { padding: 10px 20px; } @media ( min-width : 1200px) { .container { width: 990px; } } .icon-left { margin-right: 5px; } /*brower-tip*/ #brower-tip { height: 31px; line-height: 31px; background: #ffffe1; border-bottom: 1px solid #eed8a6; } #brower-tip .btn { margin-left: 5px; } /*header*/ #top { -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5); box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5); } #top .navbar-header .navbar-brand { background: url("../images/icon-lg/uas.png") no-repeat left 15px; height: 60px; line-height: 30px; padding-left: 100px; font-size: 20px; color: #666; text-transform: uppercase; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); } #top .navbar-right a { color: #666; padding-top: 20px; padding-bottom: 20px; } /*main*/ #banner { background: url("../images/screens/login_bg.png") no-repeat center center; background-color: #fff; } #banner>.container { height: 497px; position: relative; } #login-wrap { width: 386px; margin: 100px auto; padding: 25px 35px 20px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5); -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5); background-color: #fff; } #login-wrap .title { font-size: 20px; color: #3b6ea5; letter-spacing: 5px; font-weight: bold; } .login_master span,.login_user span,.login_pwd span { color: #3b6ea5; opacity: .7 } .login_btn { margin-top: 20px } /*footer*/ #footer { color: #999; padding: 30px 0; font-size: 12px; } #footer a { color: #999; } #footer ul { margin: 0; } #footer .list-inline>li:not (:last-child ):after { margin-left: 15px; content: "|"; color: #ddd; } /*loading*/ .loading { display: none; } .loading.in { display: block; } .loading-container { width: 200px; height: 46px; position: absolute; top: 150px; left: 50%; margin-left: -100px; line-height: 46px; color: #31708f; text-align: center; font-size: 15px; font-family: "Microsoft YaHei"; background: #d9edf7 url(../img/tool/loading.gif) no-repeat 30px 50%; z-index: 99999999; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .loading-back { content: " "; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #000; opacity: .3; z-index: 99999998; }