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;
}