html { -webkit-text-size-adjust:none; _background-image:url(about:blank); _background-attachment:fixed; background-color: #363636; } html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;} article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;} ol,ul{list-style:none;margin:0;padding:0;} blockquote,q{quotes:none;} blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;} table{border-collapse:collapse;border-spacing:0;} img{ border: 0 none; } body{ font: 12px/1.5 '寰蒋闆呴粦'; background-color: #f3f3f3; min-width: 980px; } .fn-clear:after{ display: block; content: ''; width: 0; height: 0; line-height: 0; visibility: hidden; clear: both; overflow: hidden; } .fn-clear{ *zoom: 1; } a:link, a:visited{ color: #333; } a{ text-decoration: none; } .w{ width: 980px; margin: 0 auto; } .site-header{ height: 55px; background-color: #363636; } .site-logo{ float: left; margin-top: 10px; *display: inline; width: 400px; height: 40px; overflow: hidden; } .site-logo img{ max-height: 40px; *height: 40px; } .site-nav{ float: left; margin-left: 212px; } .site-nav li{ float: left; margin: 0 16px; } .site-nav .split{ width: 1px; height: 16px; background-color: #B7B7B7; margin: 21px 0 0 0; } .site-nav li a{ display: block; padding: 0 14px; height: 55px; line-height: 55px; color: white; text-decoration: none; font-size: 16px; } .site-nav li a:hover{ border-bottom-color: #54c3f1; background-color: #535353; } .mid-sec{ height: 451px; background: none no-repeat center 0; background-size: cover; } .site-login{ background:rgba(255, 255, 255, 0.5); filter:Alpha(opacity=50); position: relative; float: right; margin: 62px 20px 0 0; width: 379px; /* background-color: white; */ box-shadow: 7px 7px 6px rgba(0, 0, 0, .15); } .site-login .account-change{ display:block; /** 榛樿涓嶆樉绀猴紝鍙湁浠ww寮€澶存墠鏄剧ず */ position: absolute; left: -68px; top: 10px; width: 68px; height: 28px; line-height: 28px; text-align: center; color: white; background-color: #06a2e2; font-size: 14px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .site-login .tel-account{ top: 42px; background-color: #e35d66; } .site-login .qrcode-account{ top: 74px; background-color: #FF9966; } .site-login .account-change i{ visibility: hidden; position: absolute; right: -8px; top: 6px; width: 0; height: 0; border: 8px solid transparent; border-right: 0; border-left-color: #06a2e2; } .site-login .cur i{ visibility: visible; } .site-login .tel-account i{ border-left-color: #e35d66; } .site-login .qrcode-account i{ border-left-color: #FF9966; } .login-box{ padding: 0 36px; } .login-box .login-row{ position: relative; height: 34px; padding-left: 34px; margin-bottom: 10px; *zoom: 1; border: 1px solid #E4E4E4; background:rgba(255, 255, 255, 0.8); filter:Alpha(opacity=80); } .login-box .psd-row, .login-box #login-change{ position: absolute; left: 0px; height: 34px; width: 34px; } .login-box .user-row{ background: url(../images/input_bg.png) no-repeat 0 0; background-position: 11px 8px; } .login-box .psd-row{ background: url(../images/input_bg.png) no-repeat 0 0; background-position: 11px -33px; } .login-box .tel-row{ background: url(../images/tel.png) no-repeat 0 0; background-position: 12px 8px; } .login-box .trueStatu, .errorStatu{ width: 18px; height: 36px; right: -25px; top: 0px; position: absolute; } .trueStatu{ background: url(../images/true.png) no-repeat 0 9px; } .errorStatu{ background: url(../images/false.png) no-repeat 0 9px; } .login-box .account-helper{ color: #7d7c7c; padding-left: 29px; margin-bottom: 5px; font-size: 11px; } .login-box .name-tip{ display:none; /** 榛樿涓嶆樉绀猴紝鍙湁浠ww寮€澶存墠鏄剧ず */ position: absolute; right: 12px; top: 9px; color: #666; z-index: 3; } .login-box .input-helper{ position: absolute; left: 38px; top: 9px; color: #999; z-index: 0; } .login-input{ position: relative; height: 14px; line-height: 14px; padding: 10px 4px; width: 263px; border: 0; background: url(../images/temp.png) repeat 0 0; outline: none; } .login-box h2{ padding-top: 16px; font-size: 18px; } .login-box .forgot-psd{ float: right; color: #29abe0; text-decoration: none; } .login-box .reg-count{ color: red; float: right; margin-left: 10px; text-decoration: none; } .login-box .forgot label{ display: inline-block; *display: inline; *zoom: 1; padding-left: 20px; } .login-box .forgot label input{ float: left; width: 13px; height: 13px; margin-left: -20px; } .login-box .login-btn{ display: block; margin: 0 auto; width: 128px; height: 33px; line-height: 33px; color: white; background: #54c3f1; text-align: center; font-size: 14px; letter-spacing: 10px; } .login-box .btn-wrap{ padding-bottom: 11px; padding-top: 12px; } .login-helper{ height: 30px; line-height: 30px; border-top: 1px dotted #eee; text-align: center; } .login-helper a{ color: #666; } .login-box .hd{ margin-bottom: 5px; } .quick-link{ height: 150px; background: #ebe9e9; } .quick-link dl{ float: left; width: 325px; height: 108px; margin: 18px 0 0 0; border-right: 1px solid #dddddd; } .quick-link .last{ border-right: 0; } .quick-link dl dt{ padding: 14px 0; font-size: 18px; } .quick-link dl dd{ line-height: 24px; } .quick-link dl dd a{ font-size: 14px; margin-right: 20px; color: #999; } .quick-link dl dt, .quick-link dl dd{ padding-left: 42px; padding-right: 42px; } .info-sec{ padding-left: 48px; height: 205px; background-color: white; } .info-sec dl{ width: 256px; float: left; margin: 0 20px; } .info-sec dl dt{ height: 48px; line-height: 48px; text-align: center; font-size: 14px; border-bottom: 1px solid #ddd; color: #a0a0a0; } .dev-union ul{ padding: 12px 0 0 8px; } .dev-union li{ float: left; width: 120px; height: 20px; margin-bottom: 6px; } .dev-union li img, .reg-school li img{ max-width: 100%; } .reg-school li{ width: 128px; float: left; margin-bottom: 6px; } .info-notice dd, .reg-school dd { padding-top: 12px; } .info-notice ul{ padding: 0 12px; height: 124px; overflow: hidden; overflow-y: auto; } .info-notice li{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 22px; } .info-notice li a{ color: #999; } .info-notice li a:hover{ text-decoration: underline; } .site-footer{ margin-top: 6px; height: 114px; /*height: 85px;*/ background-color: #363636; } .site-footer p{ color: white; padding-top: 8px; line-height: 28px; text-align: center; } .ui-autocomplete{ background-color: #FFFFFF; border: 1px solid #E8E8E8; } .ui-menu .ui-menu-item a{ line-height: 20px; } .ui-menu .ui-menu-item a:hover{ background-color: #1996e6; } /** 涔愮煡浜戦潤鎬侀〉闈㈢浉鍏 **/ .title{ line-height: 25px; font-size: 16px; font-weight: bold; padding-top: 15px; padding-bottom: 10px; } .p-txt{ font-size: 14px; line-height: 25px; } /** 鍙戦€侀獙璇佺爜鎸夐挳鏍峰紡 **/ .send-ver-code{ line-height:30px; height:30px; width:95px; color:#ffffff; background-color:#54c3f1; font-size:12px; font-weight:bold; border:0px solid #dcdcdc; -webkit-border-top-left-radius:3px; -moz-border-radius-topleft:3px; border-top-left-radius:3px; -webkit-border-top-right-radius:3px; -moz-border-radius-topright:3px; border-top-right-radius:3px; -webkit-border-bottom-left-radius:3px; -moz-border-radius-bottomleft:3px; border-bottom-left-radius:3px; -webkit-border-bottom-right-radius:3px; -moz-border-radius-bottomright:3px; border-bottom-right-radius:3px; -moz-box-shadow: inset 0px 0px 0px 0px #ffffff; -webkit-box-shadow: inset 0px 0px 0px 0px #ffffff; box-shadow: inset 0px 0px 0px 0px #ffffff; background:-webkit-gradient(linear, left top, left bottom, color-start(0.05, #54c3f1), color-stop(1, #54c3f1)); background:-moz-linear-gradient(top, #54c3f1 5%, #54c3f1 100%); background:-o-linear-gradient(top, #54c3f1 5%, #54c3f1 100%); background:-ms-linear-gradient(top, #54c3f1 5%, #54c3f1 100%); background:linear-gradient(to bottom, #54c3f1 5%, #54c3f1 100%); background:-webkit-linear-gradient(top, #54c3f1 5%, #54c3f1 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#54c3f1', endColorstr='#54c3f1',GradientType=0); text-align:center; display:inline-block; text-decoration:none; } .qrcode-login-box{ display:none; text-align: center; padding-bottom: 10px; } .login-qrcode{ padding-bottom: 10px; height: 129px; } .qrcode-login-box .hd{ text-align: left; } .qrcode-box{ position: relative; } #qrcodeRefresh{ position: absolute; top: 0; left: 89px; width: 129px; height: 129px; cursor: pointer; } .qrcode-mask{ height: 100%; background: #000; opacity: 0.7; filter: alpha(opacity=70); } .qrcode-wrap{ position: absolute; top: 0; left: 0; width: 100%; padding-top: 44px; text-align: center; color: #fff; line-height: 26px; } .qrcode-wrap p{ font-size: 16px; } #qrcodeLoginConfirm{ padding: 69px 0px 100px 37px; display: none; } .web-mobile-img{ float: left; } .web-mobile-explains{ padding: 20px 0 0 114px; } .qrcode-tip{ display: block; font-weight: bold; font-size: 14px; padding-bottom: 20px; margin: 0; } .go-back{ color: #b4b4b4; } .go-back a{ color: #3481cf; } .close{ color:#18BC9A; } .index-code-tip{ display: inline; position: absolute; right: 5px; top: 9px; color: #666; z-index: 3; } /** 鐗规畩鍩熷悕澶勭悊鏍峰紡 */ /* .site-login .domain-start-www .account-change, .site-login .domain-start-www .name-tip{ display: block; } */ /* 椹开杩ぇ浣鎴戦€傞厤涓嬮€氱敤鐧诲綍椤?/ .mid-sec { height: 800px; /*background-size: contain!important; */ background-position: center 0 !important; background-repeat: no-repeat!important; } html, body { overflow: hidden; height: 100%; background-color:#363636; } .site-footer { /*position: absolute;*/ left: 0; bottom: 0px; width: 100%; /* padding-top: 20px; */ padding-top: 10px; padding-bottom: 10px; z-index: 1; } /* 濡傛灉鏈塻etting-flag class 琛ㄧず height= 451*/ @media (min-height: 640px) { .setting-flag .site-footer { bottom: auto; top: 501px; } } @media (max-height: 845px) { .site-footer { bottom: 0; } } @media (min-height: 989px) { .site-footer { bottom: auto; top: 845px; } } .site-footer p { color: white; font-size: 14px; line-height: 28px; text-align: center; color: #fff; } .site-footer a { color: #fff; }