/* 初始化CSS */
body, p, ul, ol, li, form, img, h1, h2, h3, select, input{margin:0; padding:0;}
body{
    background:#fff; color:#333333; text-align:left; font:14px/25px "Microsoft YaHei", "微软雅黑", "SimSun", "宋体", "Arial Narrow", HELVETICA;
}
html,body{ height:100%;}
ul, li{list-style:none;}
img{border:0;}
input{padding-top:0; padding-bottom:0;}
input::-moz-focus-inner {border:none;padding:0;}
input:-webkit-autofill {  
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;  
}
input[type="text"],input[type="password"]{
    transition: all 0.30s ease-in-out;
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    outline:none;
}
input[type="text"]:focus,input[type="password"]:focus  {
    border:#31ffcc 1px solid;
    box-shadow:0 0 5px rgba(49, 255, 204, 1);
    -webkit-box-shadow:0 0 5px rgba(49, 255, 204, 1);
    -moz-box-shadow:0 0 5px rgba(49, 255, 204, 1);
}
select, input{vertical-align:middle; }
select, input, textarea{font-size:14px;font-family:"Microsoft YaHei", "微软雅黑"; margin:0;}
input[type="text"], input[type="password"], textarea{outline-style:none; -webkit-appearance:none;}
textarea{resize:none;}
p{text-indent:0;}
a:link, a:visited{color:#333333; text-decoration:none;}
a:hover{color:#bb3543; text-decoration:underline;}
.box{ margin:0 auto;padding: 1px;}
.login_title{width:460px; margin:150px auto 40px;}
.login_top{width:460px; height:140px;padding: 1px;}
#logo { height: 140px; width: 140px; overflow: hidden; margin: 0 auto; background-repeat: no-repeat; }
.login_bottom{width:460px; height:50px; background:url('../../../images/picsrv_login/logo_font.png') no-repeat center bottom;}
.login_wrap{width: 327px; margin:0 auto;}
a.ablock{ display:block; width:318px; height:100px;}
a.ablock:hover{ text-decoration:none;}
#logform{ margin:0 auto;}
.iptbox{ border:0; margin:0 auto; font-weight:700;}
.ipttitle{ font-size:16px;}
.ipt{ width:240px; height:18px; line-height:18px;border:1px solid #FFF; border-radius:4px; background:rgba(255,255,255,.9); padding:8px 4px; font-size:14px;}
input.error{width:240px; height:18px; line-height:18px;border:1px solid #e47979; border-radius:4px;background:#ffefef;color:#b00; padding:8px 4px; font-size:14px;}
.tip02{ width:295px; border:1px dotted #FC0; background:#fffbe3; padding:10px 15px; font-size:12px; line-height:24px; margin:10px auto;}
.tip02 a,.tip02 a:link,.tip02 a:visited{color:#06C;}
.errors{width:295px; border:1px dotted #FC0; padding:6px 15px; font-size:12px; line-height:24px; color:#D60909; margin:15px auto; background-color: rgb(255, 238, 221);}
#tipClose,.tip02_arrow{ display:none;}
.iptsubmit{ width:250px; height:38px; border:none; border-radius:4px; background:#09C; color:#fff; font-size:16px; cursor:pointer;}
.bottom{ text-align:center; margin-top:30px; color:#4687b0;}
.bottom a,.bottom a:link,.bottom a:visited{color:#4687b0;}
.cnt_login{ width:350px; padding:10px 0; background:#F6F6F6; border:4px solid #FFFFFF; box-shadow:0px 0px 3px #AAAAAA; border-radius:4px;}
.loginTitle{ font-size:16px; line-height:40px; border-bottom:1px solid #DEDEDE; width:280px; margin:0 auto; position:relative;}
.regSpan{ position:absolute; top:0; right:0; font-size:12px; font-weight:normal; color:#999;}
.regSpan a,.regSpan a:link,.regSpan a:visited{color:#060;}
.loginTitleLine{ border-top:1px solid #FFFFFF; width:280px; margin:0 auto; height:10px; line-height:10px; overflow:hidden;}
.logininput{ height:39px; line-height:39px; width:280px; border:1px solid #fff; padding-left:45px;/*background-color: #d9dfe8;*/}
.inputOn{ border-color: rgba(82, 168, 236, 0.8);box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 4px rgba(82, 168, 236, 0.6);outline: 0 none;}
.l_login_name{ padding-left:45px; font-weight:bold;}
.l_login_password{ padding-left:45px; font-weight:bold;}
.login_txt{ font-size:12px; line-height:20px; color:#999;}
.login_txt a,.login_txt a:link,.login_txt a:visited{color:#999;}
.errors{ text-align:center; font-size:12px; background-color: rgb(255, 238, 221);}
.inputDiv{ position:relative; height:38px; line-height:38px;}
.inputPreTxt{ position:absolute; left:45px; top:2px; color:#666;}
.user-icon{display: block;position:absolute;left:10px;top:8px;height: 24px;width: 24px;background:url('../../../images/picsrv_login/user.png') no-repeat center center;}
.password-icon{display: block;position:absolute;left:10px;top:8px;height: 24px;width: 24px;background:url('../../../images/picsrv_login/password.png') no-repeat center center;}
.button01{height:43px; width:327px; line-height:43px; color:#fff; font-size:20px;  text-align:center; background-color: #5cadff; border: 1px solid #5cadff; cursor: pointer;}
.button01:hover{opacity:0.8; text-decoration:none;}
.color999,a.color999{color:#999;}
.footer{background:#6B9C59; color:#E0F5D8; text-align:center; padding:20px 0; font-size:12px;}
#stu_reg_vcode_anchor{ font-size:12px; line-height:20px;z-index: 100;}
#stu_reg_vcode_anchor span{ position:absolute; top:103px; width:205px; left:0; text-align:center;}
#stu_reg_vcode_anchor span:hover{ text-decoration:underline}
.warning_tips{ font-size:12px;font-family:"Microsoft YaHei", "微软雅黑"; line-height:22px; }
.warning_tips a {color: #bb3543;text-decoration: underline;}
#footer{font-family:'微软雅黑'; font-size:12px; line-height:24px; text-align:center; margin:0 auto;padding:10px 0;color:#0195d1; margin-top: 14%;}
.box{
    position: relative;
    min-height: 100%;
    min-width: 1000px;
    background-size: cover;
    z-index: 1;
    background-repeat: no-repeat;
    background-position:center center; 
    background-image: url('../../../images/picsrv_login/login-bg.jpg');
    } 
}
.canvas{
    display: inline-block;
}

.icon-0{
    background-image: url("../../../images/picsrv_login/sprite.png?20170704");
    background-position: -145px 0px;
    width: 140px;
    height: 140px;
}
.icon-01{
    background-image: url("../../../images/picsrv_login/sprite.png?20170704");
    background-position: -870px 0px;
    width: 140px;
    height: 140px;
}
.icon-02{
    background-image: url("../../../images/picsrv_login/sprite.png?20170704");
    background-position: 0px -145px;
    width: 140px;
    height: 140px;
}
.icon-03{
    background-image: url("../../../images/picsrv_login/sprite.png?20170704");
    background-position: -145px -145px;
    width: 140px;
    height: 140px;
}
.icon-04{
    background-image: url("../../../images/picsrv_login/sprite.png?20170704");
    background-position: -290px 0px;
    width: 140px;
    height: 140px;
}
.icon-05{
    background-image: url("../../../images/picsrv_login/sprite.png?20170704");
    background-position: -290px -145px;
    width: 140px;
    height: 140px;
}
.icon-06{
    background-image: url("../../../images/picsrv_login/sprite.png?20170704");
    background-position: 0px -290px;
    width: 140px;
    height: 140px;
}
.icon-07{
    background-image: url("../../../images/picsrv_login/sprite.png?20170704");
    background-position: -145px -290px;
    width: 140px;
    height: 140px;
}
.icon-08{
    background-image: url("../../../images/picsrv_login/sprite.png?20170704");
    background-position: -290px -290px;
    width: 140px;
    height: 140px;
}
.icon-09{
    background-image: url("../../../images/picsrv_login/sprite.png?20170704");
    background-position: -435px 0px;
    width: 140px;
    height: 140px;
}
.icon-10{
    background-image: url("../../../images/picsrv_login/sprite.png?20170704");
    background-position: -435px -145px;
    width: 140px;
    height: 140px;
}
.icon-11{
    background-image: url("../../../images/picsrv_login/sprite.png?20170704");
    background-position: -435px -290px;
    width: 140px;
    height: 140px;
}
.icon-12{
    background-image: url("../../../images/picsrv_login/sprite.png?20170704");
    background-position: 0px -435px;
    width: 140px;
    height: 140px;
}
.icon-13{
    background-image: url("../../../images/picsrv_login/sprite.png?20170704");
    background-position: -145px -435px;
    width: 140px;
    height: 140px;
}
.icon-14{
    background-image: url("../../../images/picsrv_login/sprite.png?20170704");
    background-position: -290px -435px;
    width: 140px;
    height: 140px;
}
.icon-15{
    background-image: url("../../../images/picsrv_login/sprite.png?20170704");
    background-position: -435px -435px;
    width: 140px;
    height: 140px;
}
.icon-16{
    background-image: url("../../../images/picsrv_login/sprite.png?20170704");
    background-position: -580px 0px;
    width: 140px;
    height: 140px;
}
.icon-17{
    background-image: url("../../../images/picsrv_login/sprite.png?20170704");
    background-position: -580px -145px;
    width: 140px;
    height: 140px;
}
.icon-18{
    background-image: url("../../../images/picsrv_login/sprite.png?20170704");
    background-position: -580px -290px;
    width: 140px;
    height: 140px;
}
.icon-19{
    background-image: url("../../../images/picsrv_login/sprite.png?20170704");
    background-position: -580px -435px;
    width: 140px;
    height: 140px;
}
.icon-20{
    background-image: url("../../../images/picsrv_login/sprite.png?20170704");
    background-position: 0px -580px;
    width: 140px;
    height: 140px;
}
.icon-21{
    background-image: url("../../../images/picsrv_login/sprite.png?20170704");
    background-position: -145px -580px;
    width: 140px;
    height: 140px;
}
.icon-22{
    background-image: url("../../../images/picsrv_login/sprite.png?20170704");
    background-position: -290px -580px;
    width: 140px;
    height: 140px;
}
.icon-23{
    background-image: url("../../../images/picsrv_login/sprite.png?20170704");
    background-position: -435px -580px;
    width: 140px;
    height: 140px;
}
.icon-24{
    background-image: url("../../../images/picsrv_login/sprite.png?20170704");
    background-position: -580px -580px;
    width: 140px;
    height: 140px;
}
.icon-25{
    background-image: url("../../../images/picsrv_login/sprite.png?20170704");
    background-position: -725px 0px;
    width: 140px;
    height: 140px;
}
.icon-26{
    background-image: url("../../../images/picsrv_login/sprite.png?20170704");
    background-position: -725px -145px;
    width: 140px;
    height: 140px;
}
.icon-27{
    background-image: url("../../../images/picsrv_login/sprite.png?20170704");
    background-position: -725px -290px;
    width: 140px;
    height: 140px;
}
.icon-28{
    background-image: url("../../../images/picsrv_login/sprite.png?20170704");
    background-position: -725px -435px;
    width: 140px;
    height: 140px;
}
.icon-29{
    background-image: url("../../../images/picsrv_login/sprite.png?20170704");
    background-position: -725px -580px;
    width: 140px;
    height: 140px;
}
.icon-30{
    background-image: url("../../../images/picsrv_login/sprite.png?20170704");
    background-position: 0px -725px;
    width: 140px;
    height: 140px;
}
.icon-31{
    background-image: url("../../../images/picsrv_login/sprite.png?20170704");
    background-position: -145px -725px;
    width: 140px;
    height: 140px;
}
.icon-32{
    background-image: url("../../../images/picsrv_login/sprite.png?20170704");
    background-position: -290px -725px;
    width: 140px;
    height: 140px;
}
.icon-33{
    background-image: url("../../../images/picsrv_login/sprite.png?20170704");
    background-position: -435px -725px;
    width: 140px;
    height: 140px;
}
.icon-34{
    background-image: url("../../../images/picsrv_login/sprite.png?20170704");
    background-position: -580px -725px;
    width: 140px;
    height: 140px;
}
.icon-35{
    background-image: url("../../../images/picsrv_login/sprite.png?20170704");
    background-position: -725px -725px;
    width: 140px;
    height: 140px;
}
.icon-36{
    background-image: url("../../../images/picsrv_login/sprite.png?20170704");
    background-position: 0px 0px;
    width: 140px;
    height: 140px;
}
.icon-37{
    background-image: url("../../../images/picsrv_login/sprite.png?20170704");
    background-position: -870px -145px;
    width: 140px;
    height: 140px;
}
.icon-38{
    background-image: url("../../../images/picsrv_login/sprite.png?20170704");
    background-position: -870px -290px;
    width: 140px;
    height: 140px;
}
.icon-39{
    background-image: url("../../../images/picsrv_login/sprite.png?20170704");
    background-position: -870px -435px;
    width: 140px;
    height: 140px;
}
.icon-40{
    background-image: url("../../../images/picsrv_login/sprite.png?20170704");
    background-position: -870px -580px;
    width: 140px;
    height: 140px;
}
.icon-41{
    background-image: url("../../../images/picsrv_login/sprite.png?20170704");
    background-position: -870px -725px;
    width: 140px;
    height: 140px;
}
.icon-42{
    background-image: url("../../../images/picsrv_login/sprite.png?20170704");
    background-position: 0px -870px;
    width: 140px;
    height: 140px;
}
.icon-43{
    background-image: url("../../../images/picsrv_login/sprite.png?20170704");
    background-position: -145px -870px;
    width: 140px;
    height: 140px;
}
.icon-44{
    background-image: url("../../../images/picsrv_login/sprite.png?20170704");
    background-position: -290px -870px;
    width: 140px;
    height: 140px;
}
.icon-45{
    background-image: url("../../../images/picsrv_login/sprite.png?20170704");
    background-position: -435px -870px;
    width: 140px;
    height: 140px;
}
.icon-46{
    background-image: url("../../../images/picsrv_login/sprite.png?20170704");
    background-position: -580px -870px;
    width: 140px;
    height: 140px;
}
.icon-47{
    background-image: url("../../../images/picsrv_login/sprite.png?20170704");
    background-position: -725px -870px;
    width: 140px;
    height: 140px;
}
.icon-48{
    background-image: url("../../../images/picsrv_login/sprite.png?20170704");
    background-position: -870px -870px;
    width: 140px;
    height: 140px;
}
.icon-49{
    background-image: url("../../../images/picsrv_login/sprite.png?20170704");
    background-position: -1015px 0px;
    width: 140px;
    height: 140px;
}
.icon-50{
    background-image: url("../../../images/picsrv_login/sprite.png?20170704");
    background-position: -1015px -145px;
    width: 140px;
    height: 140px;
}
.icon-51{
    background-image: url("../../../images/picsrv_login/sprite.png?20170704");
    background-position: -1015px -290px;
    width: 140px;
    height: 140px;
}
.icon-52{
    background-image: url("../../../images/picsrv_login/sprite.png?20170704");
    background-position: -1015px -435px;
    width: 140px;
    height: 140px;
}
.icon-53{
    background-image: url("../../../images/picsrv_login/sprite.png?20170704");
    background-position: -1015px -580px;
    width: 140px;
    height: 140px;
}
.icon-54{
    background-image: url("../../../images/picsrv_login/sprite.png?20170704");
    background-position: -1015px -725px;
    width: 140px;
    height: 140px;
}
.icon-55{
    background-image: url("../../../images/picsrv_login/sprite.png?20170704");
    background-position: -1015px -870px;
    width: 140px;
    height: 140px;
}
.icon-56{
    background-image: url("../../../images/picsrv_login/sprite.png?20170704");
    background-position: 0px -1015px;
    width: 140px;
    height: 140px;
}
.icon-57{
    background-image: url("../../../images/picsrv_login/sprite.png?20170704");
    background-position: -145px -1015px;
    width: 140px;
    height: 140px;
}
.icon-58{
    background-image: url("../../../images/picsrv_login/sprite.png?20170704");
    background-position: -290px -1015px;
    width: 140px;
    height: 140px;
}
.icon-59{
    background-image: url("../../../images/picsrv_login/sprite.png?20170704");
    background-position: -435px -1015px;
    width: 140px;
    height: 140px;
}
.icon-60{
    background-image: url("../../../images/picsrv_login/sprite.png?20170704");
    background-position: -580px -1015px;
    width: 140px;
    height: 140px;
}
.icon-61{
    background-image: url("../../../images/picsrv_login/sprite.png?20170704");
    background-position: -725px -1015px;
    width: 140px;
    height: 140px;
}
.icon-62{
    background-image: url("../../../images/picsrv_login/sprite.png?20170704");
    background-position: -870px -1015px;
    width: 140px;
    height: 140px;
}
.icon-63{
    background-image: url("../../../images/picsrv_login/sprite.png?20170704");
    background-position: -1015px -1015px;
    width: 140px;
    height: 140px;
}
.icon-64{
    background-image: url("../../../images/picsrv_login/sprite.png?20170704");
    background-position: -1160px 0px;
    width: 140px;
    height: 140px;
}
.icon-65{
    background-image: url("../../../images/picsrv_login/sprite.png?20170704");
    background-position: -1160px -145px;
    width: 140px;
    height: 140px;
}
.icon-66{
    background-image: url("../../../images/picsrv_login/sprite.png?20170704");
    background-position: -1160px -290px;
    width: 140px;
    height: 140px;
}
.icon-67{
    background-image: url("../../../images/picsrv_login/sprite.png?20170704");
    background-position: -1160px -435px;
    width: 140px;
    height: 140px;
}
.icon-68{
    background-image: url("../../../images/picsrv_login/sprite.png?20170704");
    background-position: -1160px -580px;
    width: 140px;
    height: 140px;
}
.icon-69{
    background-image: url("../../../images/picsrv_login/sprite.png?20170704");
    background-position: -1160px -725px;
    width: 140px;
    height: 140px;
}
.icon-70{
    background-image: url("../../../images/picsrv_login/sprite.png?20170704");
    background-position: -1160px -870px;
    width: 140px;
    height: 140px;
}
.icon-71{
    background-image: url("../../../images/picsrv_login/sprite.png?20170704");
    background-position: -1160px -1015px;
    width: 140px;
    height: 140px;
}
.icon-72{
    background-image: url("../../../images/picsrv_login/sprite.png?20170704");
    background-position: 0px -1160px;
    width: 140px;
    height: 140px;
}