@charset "utf-8";
/**红色 #CE0606  蓝色#003d93*/
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
html{ overflow-x:hidden;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
del,ins,u,s,a,a:hover{text-decoration:none;}
body,textarea,input,button,select,keygen,legend{font: 12px/1 Microsoft Yahei;color:#333;outline:0; vertical-align:middle; }
:focus { outline:0;}
/*备用样式表*/
.none{display:none}
.wcb{width:100%;height:30px;border:2px dashed #97cbe0}
.hidden{visibility:hidden}
.clear{width:100%;height:0;line-height:0;font-size:0;overflow:hidden;clear:both;display:block}
.clearfix:after{clear:both;content:".";display:block;height:0;visibility:hidden}
.clearfix{display:block}
body{background-color:#fff}
body,p{font-family:"Microsoft Yahei"}
a{color:#fff;transition:all .4s ease-in-out}
a:hover{color:#00a65a}
input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px #fff inset;-webkit-text-fill-color:#333}
input[type=submit]{-webkit-appearance:none}
.wrapper{position:absolute;left:0;right:0;z-index:1000;overflow:hidden;text-align:center}
.wrapper .mainbg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:rgba(0,0,0,.95);opacity:.7;filter:Alpha(opacity=70);border-radius:31px}
.m-logbg{position:absolute;top:0;left:0;right:0;bottom:0;z-index:10;background-color:#4577d3;background-size:cover;background-position:center center}

/**
头部
*/
/**
主体部分
*/
.content-wrapper{width: 419px; margin:0 auto;padding: 19px 20px 15px;position:relative;}
.content-wrapper .mainbox{ }
.content-wrapper .head{ margin-bottom:20px;}
.content-wrapper .head .head-left{float:left; margin-left:30px; width:187px; height:66px;background:url(/cas/images/sudy_new/logo.png) no-repeat;}
.content-wrapper .head .head-right{float:left; line-height:30px; margin-top:25px; margin-left: 18px;font-size:26px; font-weight:bold; color:#fff; vertical-align:bottom; }

.content-wrapper .login{float:none; width: 364px; margin:0 auto;}
.login .con p{margin-bottom: 15px; position:relative;width:100%; background:#fff;text-align:left;border-radius:4px;}
.login .con p i{display:inline-block; width: 28px; height: 28px; background:url(icons.png) no-repeat; position:absolute; right: 6px;top: 7px; z-index:1000;}
.login .con .CLoginType input{ width: 16px; height: 30px;  line-height: 30px; margin-right:6px;} 
.login .con p.CLoginType{ margin-bottom:8px;background:none;color:#fff;font-size:14px}
.CNames i{ background-position: 7px 6px!important;}
.CPass i{ background-position: 7px -50px!important;}
/*登录前*/
.login .con input{width: 85%;height: 40px;line-height: 40px;margin-left:16px;font-family:"Microsoft Yahei";border: 0;font-size:14px;color:#878787;}
.login .con input.names { }
.login .con input.wordpass{  }
.login .con input.code{}
.login .con .codeCon{}
.login .con .codeCon .codeImg{width: 75px; height: 35px; vertical-align:top; position:absolute; right: 3px;top: 3px; z-index:1000;}
.login .con span.info{margin-left:12px;line-height:36px;}
.login .con span.info a{color:#b70e0e;}
.login .con input.button{width:100%;padding:0px;margin-left:0px; background:#1E52B3; color:#fff;font-size: 18px; cursor:pointer;border-radius:4px;border: none;}
.login .con input.button:hover{opacity:.9;filter:Alpha(opacity=90);}
/**
页脚
*/
.footer{display:inline-block;width: 86.8%;line-height:25px;text-align: left}
.footer a{display:inline-block;float:left;width: 33.3%; font-size:14px; color:#fff;}
.footer a.n1{text-align:left;}
.footer a.n2{}
.footer a.n3{text-align:right;}
.footer a:hover{color:#ccc;}

@media screen and (max-width: 1000px) {
    .wrapper{position: absolute; top:20%;}	
}
@media screen and (max-width: 768px) {
    .wrapper{position: absolute; top:10%;}
    .content-wrapper{width: 419px;margin:0 auto;padding: 5px 0px 10px;position:relative;}
    .content-wrapper{width: 90%;}
    .content-wrapper .mainbox{padding: 20px 20px;}
    .content-wrapper .login{float:none; width:100%; margin:0 auto;}
    .content-wrapper .head .head-left{width: 137px;height: 52px;margin-left: 16px;background-size: 100%;}
    .content-wrapper .head .head-right{margin-top: 19px;margin-left: 15px;font-size: 18px;}
    .login .con input .otherway{ width:85%;}
    input .button{background: #CE0606}
    .right{display: none;}
    .middle{display: none;}
    .qr-code{display: none;}
    .left{display: none;}
    /**.footer{display: none;}
    .remark{display: none;}*/
}
@media screen and (max-width: 400px) {
    .wrapper{position: absolute; top:10%;}
    .content-wrapper{width: 410px;margin:0 auto;padding: 5px 0px 10px;position:relative;}
    .content-wrapper{width: 90%;}
    .content-wrapper .mainbox{padding: 20px 20px;}
    .content-wrapper .login{float:none; width:100%; margin:0 auto;}
    .content-wrapper .head .head-left{margin-left: 0px;}
    .content-wrapper .head .head-right{float:none;margin-left: 2px;font-size: 16px;}
    .login .con input .otherway{ width:80%;}
    input .button{background: #CE0606}
    .right{display: none;}
    .middle{display: none;}
    .qr-code{display: none;}
    .left{display: none;}
    /**.footer{display: none;}
    .remark{display: none;}*/
}
.brand{position:relative;z-index:100;text-align:center}
.blue{background:rgba(255,255,255,.05);position:absolute;top:0;left:0;right:0;bottom:0;z-index:50;background-size:cover;background-position:center center}
.qr-code{display:none;padding:5% 10%}
.qr-code img{width:80%}
.qr-code p{color:#fff;font-size:14px;margin-top:10px}
.form-error{text-align:left;color:#f44;font-size:15px;margin-bottom:5px}
#msg{color:#f44;font-size:15px}
#send_button{width:80px;height:30px;line-height:30px}
.gray{color:#e9e9e9;border:solid 1px #555;background:#6e6e6e}
.button{display:inline-block;vertical-align:middle;cursor:pointer;text-align:center;font:14px/100% Arial,Helvetica,sans-serif;border-radius:.5em;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.2);-moz-box-shadow:0 1px 2px rgba(0,0,0,.2);box-shadow:0 1px 2px rgba(0,0,0,.2)}
.remark{color:#fff7ec;width:86.8%;text-align:left;line-height:25px;margin-top:5px;display:inline-block}
.ui-footer{display:block;position:fixed;bottom:5%;left:0;right:0;z-index:1020;height:auto;line-height:20px;padding:10px 0;color:#ddedf9;text-align:center;font-size:12px}
#rememberMe{cursor:pointer;margin-left:0;width:13px;border-radius:0}
.rememberdiv{text-align:left;color:#acdafc}
.otherway{color:#acdafc;width:86.8%;text-align:left;line-height:25px;margin-top:5px;display:inline-block}
.way{margin-bottom:10px}
#qqimg{width:24px;margin-right:10px}
#weiboimg{width:24px}