@charset "utf-8";
/******index****/
html,body{background: #fff;height: 100%;}
body{
display: flex;flex-flow: column;align-items:flex-end;
    min-height: 7.2rem;position: relative;}
.content{max-width: 17.8rem;margin: 0 auto;padding: 0 0.2rem;}
/*头部*/
#form1{
    height: 0.78rem;
}
.header{width:100%;background: url(../images/topbg.png) repeat-x;height: 0.78rem;position: absolute;top: 0;left: 0;z-index: 4;}
.header .logo {color: #354052;position: relative;}
.header .logo img{display:block;width: 5.86rem;height: 0.57rem;}
.schoolname{margin-top:0.11rem;}
.error_prompt{
	background: none;width: 2.59rem;padding: 0.05rem 0.08rem;color: red;
	font-size: 0.12rem;line-height: 0.14rem;position: absolute;top: -2.33rem;
    left: -10.53rem;
	}
.error_prompt img{vertical-align: middle;width: 0.14rem;height: 0.14rem;}
.error_prompt span{padding-left:0.08rem;vertical-align: middle;}

.login-tips {
    display: block;
    margin-top:0.8rem;
    height: 0.2rem;
    position:absolute;
    text-align: center;
    width: 100%;
}

    .login-tips i {
        display: inline-block;
        margin-right: 0.05rem;
        width: 0.14rem;
        height: 0.14rem;
        background: url(skin_icons.png) -0.56rem -1.4rem no-repeat;
        text-indent: -99.99rem;
        vertical-align: middle;
        zoom: 1;
        *display: inline;
        *text-indent: 0;
    }

    .login-tips p {
        display: inline-block;
        height: 0.2rem;
        line-height: 0.2rem;
        font-size: 0.2rem;
        font-weight: normal;
        color: #ff5b25;
        vertical-align: middle;
        zoom: 1;
        *display: inline;
    }

/*申报*/
.sb_div{position: absolute;right: 0;top: 0.1rem;}
.sb_btn{
	width:1.2rem;height: 0.38rem;line-height:0.38rem;display: block;
	border-radius: 0.19rem;color: #fff;font-size: 0.16rem;text-align: center;
	float: left;margin-right: 0.2rem;
	}
.sb_btn.sb_zm{background: #9c39ad;}
.sb_btn.sb_zm:hover{background: #c558d8;}
.sb_btn.sb_zm span{background: url(../images/sb-icon1.png) no-repeat center left;padding-left: 0.26rem;}
.sb_btn.sb_video{background: #0ec4a0;}
.sb_btn.sb_video:hover{background: #11dfb6;}
.sb_btn.sb_video{background: #0ec4a0;}
.sb_btn.sb_video:hover{background: #11dfb6;}
.sb_btn.sb_video span{background: url(../images/sb-icon1.png) no-repeat center left;padding-left: 0.3rem;}
.sb_btn.sb_book{background: #11b8ec;}
.sb_btn.sb_book span{background: url(../images/sb-icon2.png) no-repeat center left;padding-left: 0.24rem;}
.sb_btn.sb_book:hover{background: #31ceff;}




.main{
  width: 100%;
    height: 100%;
    background-size: cover;
    background: url(../images/bg_login.png) no-repeat center;
}
/*登录框部分*/
.headpic_div{position: absolute;top:0.8rem;text-align: center;width: 100%;
font-size: 0.45rem;}
.headpic_div p{font-size: 0.32rem;color:white}login_btn
.input_div{
    font-size: 0.24rem;color:white;
}
.headpic_div  .head_info{
    margin-top: 0.1rem;
}

.headpic_div  .head_info p{
font-size: 14px;
}

.login_bg{width:100%;height: 5.61rem;position: absolute;top: 0.73rem;left: 0;z-index: 2;}
.logincontent{
    width: 100%;height:100%;margin: 0 0.8rem;position: absolute;}
.login_form{
    background: url(../images/bg_login_box.png) no-repeat center;
    background-size: cover;
    width:7.31rem;
    height:6.77rem;
    position: absolute;
    margin:auto;
    left: 0;
    right: 0;
    top:2rem;
	}
.input_group{width: 6rem;margin:2rem auto 0;position: relative;z-index: 3;}
.input_div{width: 4.5rem;height:0.63rem;line-height: 0.63rem;margin:0.3rem auto 0;position: relative;   box-sizing: border-box;
    background:#1171B4;
    overflow: hidden;
    border:1px solid #49B0FF;}
.input_div .icon{
    height: 0.24rem;
    width: 0.24rem;
    position: absolute;
    left: 0.17rem;
    top: 0;
    bottom: 0;
    margin: auto;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.input_div input{
    margin: 0 0.6rem;
    width: 60%;
    height:0.63rem;line-height:0.63rem;
    color: #fff;
    background: inherit;
    font-size: 0.2rem;
    }
    

    .input_div.valicode img{
         position: absolute;
         top:0;
         bottom: 0;
         right: 0.10rem;
         margin: auto;
    }
    /* .input_div.valicode input{
        text-indent: 1.2rem;
    } */


.input_group .handle_box{

    color: white;
    font-size: 0.2rem;
    width: 4.5rem;
    margin:0.26rem auto 0;
    display: flex;
    justify-content: space-between;

}
.input_group .handle_box .remember-pass{
    display: flex;
    align-items: center;
}
.input_group .handle_box .remember-pass>div{
    position: relative;
    top:0.01rem;
    height: 0.16rem;
    width: 0.16rem;
    background: #1171B4;
    box-sizing: border-box;
    border: 1px solid #6EEFFC;
    margin-right: 0.05rem;
}
.input_group .handle_box .remember-pass>div span{
    position: absolute;
    top: 0.03rem;
    left: 0;
    display: inline-block;
  width: 0.12rem;
    height: 0.1rem;
    background-position: center;
    background-size: contain;
}

.login_btn{
    cursor: pointer;
	display: block;width: 4.5rem;height:0.55rem;text-align:center;line-height:0.55rem;
	background: #1F8BEB;
    color: #fff;font-size: 0.26rem;
    margin: 0.5rem auto 0;
	}
.login_btn:hover{
	color:rgb(4, 210, 224);
	}
.login_success{position: absolute;bottom:0.17rem;left:50%;margin-left: -1.6rem;opacity: 0;z-index: 2;}
.welcome{color: #fff;text-align: center;padding: 0.05rem 0;}
/*注销按钮*/
.cancel_btn{
	background:#fd5a5a;display: block;width: 3.2rem;height: 0.5rem;line-height:0.5rem;margin: 0.25rem auto;color: #fff;font-size: 0.18rem;
	text-align: center;border-radius: 0.3rem;
	}
.cancel_btn:hover{background:#ee4949;}
/*分类*/
.classify{width:100%;height: 2.85rem;position: absolute;bottom: 0.34rem;left: 0;}
.classifycontent{width: 12.8rem;margin: 0.3rem auto 0;}
.classify .classifycontent>div{float: left;margin:0 0.4rem;width: 2.4rem;height:1.58rem;line-height:1.58rem;text-align: center;}
.classify .classifycontent>div img{vertical-align: middle;}

/*底部信息*/
.footer{
    display: flex;flex-flow: column;width: 100%;}
.footer_info{background: #112d48;color: #fff;font-size: 0.14rem;padding: 0.06rem 0;}
.footer_info>p{color: #fff;text-align: center;}
/*下载*/
.div_xiazai{
 padding: 0.16rem 0;
width:100%;text-align:center;background:#0c1e2f;color: #fff;font-size: 0.12rem;}
.div_xiazai p span{margin: 0 0.1rem;}
.div_xiazai a{color: #F87F0F;}
.div_xiazai a:hover{color: #f6c121;text-decoration: underline;}
@media only all and (max-width: 16.2rem) {
	.classify .classifycontent>div{margin:0 0.2rem;}
}
@media only all and (max-width: 14.2rem) {
	.classify .classifycontent>div{margin:0 0.05rem;}
}

.driver .driver-popover-description{
    pointer-events: none;
    -moz-user-select:none; /*火狐*/
    -webkit-user-select:none; /*webkit浏览器*/
    -ms-user-select:none; /*IE10*/
    -khtml-user-select:none; /*早期浏览器*/
    user-select:none;

}