@charset "utf-8"; html { color: #000; background: #fff; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100% } body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { margin: 0; padding: 0 } article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display: block } audio,canvas,video { display: inline-block; * display: inline; * zoom: 1 } body,button,input,select,textarea { font: 12px/ 1.5 tahoma, arial, "Hiragino Sans GB", \5b8b\4f53 } input,select,textarea { font-size: 100% } table { border-collapse: collapse; border-spacing: 0 } th { text-align: inherit } fieldset,img { border: 0 } iframe { display: block } abbr,acronym { border: 0; font-variant: normal } del { text-decoration: line-through } address,caption,cite,code,dfn,em,th,var { font-style: normal; font-weight: 500 } ol,ul { list-style: none } caption,th { text-align: left } h1,h2,h3,h4,h5,h6 { font-size: 100%; font-weight: 500 } q:before,q:after { content: '' } sub,sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } sup { top: -.5em } sub { bottom: -.25em } a:link { color: #08c } a:hover { color: #08c; text-decoration: underline } ins,a { text-decoration: none } .fn-clear:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0 } body .fn-hide { display: none } iframe,.iframe { border: 0; border: 0 } .login { width: 220px; padding: 0 31px 0 33px; position: relative; overflow: hidden; border: 1px solid #a7a7a7 } .login a { color: #08c } .login-modern { border: 1px solid transparent; background: rgba(0, 0, 0, .4); _background: 0; _border: 0; filter: progid : DXImageTransform.Microsoft.Gradient ( GradientType = 0, StartColorStr = '#66000000', EndColorStr = '#66000000' ) } :root .login-modern { filter: progid : DXImageTransform.Microsoft.Gradient ( GradientType = 0, StartColorStr = '#00000000', EndColorStr = '#00000000' ) \9 } .login-position { position: absolute; right: 200px; top: 150px; } .ui-form { font-size: 12px; line-height: 1.5; position: relative; zoom: 1 } .ui-form,.ui-form * { list-style: none } .ui-form fieldset { border: 0; zoom: 1 } .ui-form-title { font: 18px/ 28px tahoma, arial, "Hiragino Sans GB", "Microsoft Yahei", \5b8b\4f53; font-weight: 500; font-weight: bold\0; * font-weight: 700; padding: 26px 0 16px; width: 100%; color: #4d4d4d } .login-modern .ui-form-title { color: #fff } .login-sso .ui-form-title { text-align: center } .ui-form-item:after { clear: both; content: '.'; display: block; height: 0; visibility: hidden } .ui-form-item { padding: 0 0 10px; zoom: 1; position: relative } .ui-form-item-30pd { padding-bottom: 28px } .ui-form-item input { vertical-align: middle } .ui-form-other { position: relative; line-height: 18px; padding-top: 7px; height: 18px; zoom: 1; _width: 100%; _overflow: hidden } .ui-form-other-fg { padding-top: 4px } .ui-form-other .textlink-ml20 { margin-left: 20px } .ui-form-other .forgot { position: absolute; right: 0; top: 5px } .ui-form-other .register { position: absolute; right: 0; top: 7px; font-size: 12px; color: #ff9800; font-weight: 700 } .ui-form-explain { display: none; height: 0; overflow: hidden } .ui-form-text { position: relative; line-height: 18px; height: 18px; font-size: 14px; padding-bottom: 10px; color: #4d4d4d; zoom: 1 } .login-modern .ui-form-text { color: #fff; zoom: 1 } .sl-delect { cursor: pointer; position: absolute; width: 20px; height: 20px; top: 10px; right: 7px; display: block; line-height: 20px; text-align: center; font-size: 18px; z-index: 2; background: #fff } .sl-delect .iconfont { width: 20px; height: 20px; font-size: 18px; color: #ababab; cursor: pointer; line-height: 20px } .sl-delect:hover .iconfont,.sl-delect-hover .iconfont { color: #6d6d6d } .login .ui-form .object-shim-class { display: inline-block; width: 177px; _width: 175px; height: 38px; border: 1px solid #a7a7a7 } .login-modern .ui-form-item .object-shim-class { display: inline-block; border: 0; border: 1px solid #fff } .ui-form .object-shim-class .ui-input { _width: 155px } .ui-label { width: 39px; height: 38px; display: block; float: left; cursor: pointer } .login .ui-label { border-top: 1px solid #a7a7a7; border-bottom: 1px solid #a7a7a7; border-left: 1px solid #a7a7a7 } .login .ui-label:hover { border-top: 1px solid #6d6d6d; border-bottom: 1px solid #6d6d6d; border-left: 1px solid #6d6d6d } .ui-label .ui-icon { width: 39px; height: 38px; display: block; text-indent: -9999em; overflow: hidden; background-color: #aaabab; background-image: url(icon1.png); _background-image: url(icon2.png); background-repeat: no-repeat } .ui-label:hover .ui-icon,.ui-label-hover .ui-icon { cursor: pointer; background-color: #6d6d6d } .ui-icon-userDEF { background-position: -2px 5px } .ui-icon-securityON { background-position: -42px 5px } .ui-icon-securityOFF { background-position: -84px 5px } .ui-icon-securityERR { background-position: -250px 6px } .ui-icon-checkcodeT { background-position: -126px 5px } .ui-icon-checkcodeV { background-position: -167px 5px } .ui-input { float: left; position: relative; padding: 9px; line-height: 20px; height: 20px; color: #595959; font-size: 12px; vertical-align: middle; * vertical-align: -5px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; box-shadow: none } .login .ui-input { border: 1px solid #a7a7a7 } .login-modern .ui-input { border: 1px solid #fff } .ui-input-normal { width: 159px; _width: 157px } .ui-input-checkcode { width: 69px } .ui-input:hover,.ui-input-hover { } .ui-input:focus,.ui-input-focus { outline-style: none; color: #595959 } .ui-input[disabled] { background: #f2f2f2 } .ui-input:disabled { background: #f2f2f2 } .placeholder { color: #ccc } .ui-input:-ms-input-placeholder { color: #ccc } .login .textlink,.login .textlink:hover { color: #888; zoom: 1 } .login-modern .textlink,.login-modern .textlink:hover { color: #fff; opacity: .6; filter: alpha(opacity = 60); zoom: 1 } .ui-button * { margin: 0; padding: 0 } .ui-button { display: block; text-align: center; text-decoration: none; vertical-align: middle; cursor: pointer; width: 219px; padding: 0 20px; font-size: 16px; line-height: 40px; height: 40px; color: #fff; * zoom: 1; * overflow: visible; text-shadow: 1px 1px 0 rgba(0, 0, 0, .2); font-weight: 400; font-weight: bold\0; * font-weight: 700; _font-weight: 700; background-color: #e66e1e; background: -webkit-gradient(linear, left top, left bottom, from(#ffa800), to(#e66e1e) ); background: -moz-linear-gradient(top, #ffa800, #e66e1e); filter: progid : DXImageTransform.Microsoft.gradient ( startColorstr = '#ffa800', endColorstr = '#e66e1e' ); background: -o-linear-gradient(top, #FFA600, #FE9200); background: -ms-linear-gradient(top, #ffa800 0, #e66e1e 100%); background: linear-gradient(top, #ffa800, #e66e1e); border: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } a.ui-button { color: #fff; width: 179px } .ui-button:hover,a.ui-button:hover { text-decoration: none; background-color: #f48f0d; background: -webkit-gradient(linear, left top, left bottom, from(#ffb400), to(#f48f0d) ); background: -moz-linear-gradient(top, #ffb400, #f48f0d); filter: progid : DXImageTransform.Microsoft.gradient ( startColorstr = '#ffb400', endColorstr = '#f48f0d' ); background: -o-linear-gradient(top, #FFB91C, #FFA700); background: -ms-linear-gradient(top, #ffb400 0, #f48f0d 100%); background: linear-gradient(top, #ffb400, #f48f0d) } .ui-button-disabled,a.ui-button-disabled,.ui-button-disabled:hover,a.ui-button-disabled:hover { color: #999; background: #cacccd; filter: none; cursor: default; text-shadow: 1px 1px 0 rgba(255, 255, 255, .4); -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } .ui-form-text .icon-sso { width: 18px; height: 18px; display: block; position: absolute; top: 0; left: 0; background-image: url(icon1.png); _background-image: url(icon2.png); background-repeat: no-repeat } .ui-form-text .icon-sso-taobao { background-position: -383px 1px } .ui-form-text .icon-sso-cbu,.ui-form-text .icon-sso-icbu { background-position: -383px -40px } .ui-form-text .icon-sso-aliyun,.ui-form-text .icon-sso-aliyunOS { background-position: -383px -20px } .ui-form-text .login-sso-username { color: #FF9700; word-break: break-all; word-wrap: break-word; font-size: 14px; font-weight: 700; padding-left: 20px } .hidden { display: none } html { background: 0 } /**************** 第三方登陆 *****************/ .ui-form-other .login_text { float: left; font-size: 12px; color: #ff9800; font-weight: 700; } .ui-form-other .login_qq { display: block; float: left; margin-left:5px; height:16px; width:16px; background:url(../oauth2/qq_logo.png); } .ui-form-other .login_baidu { display: block; float: left; margin-left:5px; height:16px; width:16px; background:url(../oauth2/baidu_logo.png); } .ui-form-other .login_sina { display: block; float: left; margin-left:5px; height:16px; width:16px; background:url(../oauth2/sina_logo.png); }