.bg{width:100%;height:100%;position:absolute;left:0;top:0; background-color: #ebf4ff;}

.bgtop { width: 100%; height: 455px; text-align: center; background-color: #3a5899; position: relative;}

.bgtop .xingk{ height: 100%; position: absolute; left: 5%; bottom: 0;}

.bgtop .diann{ width: 386px; position: absolute; left: 27%; bottom: -46px;}

.bgbottom {position: absolute; bottom: 30px; left: 0; width: 100%; height: auto;}

.bgbottom p {font-size: 12px; color: #999; text-align: center; line-height: 24px;}

.login-box{width:340px;height:360px;position:absolute;left:60%;bottom:-34px; border-radius:2px;margin:auto;background:#fff; -webkit-box-shadow:0 0 30px #666; -moz-box-shadow:0 0 30px #666; box-shadow:0 0 30px #666;}

.title{border-bottom:1px solid #3a5899;text-align:center;line-height:63px;color:#53AB37;font-size:20px; color: #4891e3;}

.input-box{padding:20px 0px; position:relative}

.name-box,.password-box,.yanzheng{width:240px;margin-left:50px;margin-bottom:15px;}

.input-box .img{width:40px;height:40px;float:left;}

.input-box .img img { width: 100%;}

.input-box .input{width:200px;height:40px;float:right;}

.input-box .input_y{width:120px;height:40px;float:left;}

.inptext,.inpass,.inyz{width:200px;line-height:40px; height: 40px; padding:0 30px 0 10px;background:#fff; border:1px solid #e5e5e5; border-left: 0;}

.mima_wz{line-height:40px;width:200px;line-height:40px; height: 40px; padding:0 30px 0 10px; border:1px solid #4891e3; border-left: 0;}

.inyz{width:120px;padding-left:21px;padding-right:0;border:1px solid #e5e5e5;}

.img_y{width:90px;height:40px;float:right;}

.img_d{width: 100%; float:right;}

.img_d button{width:100%;background:#4891e3;color:#fff;height:41px;line-height:41px;border-radius:2px; cursor:pointer}

.denglu{width:240px;margin-left:50px;}

.checkboxFour{width:180px;float:left;}

.checkboxFour input{ white:0; height:0;}

.input-box .input.pitch {  float:left;}

.pitch input.inptext, .pitch input.inpass,.pitch input.mima_wz {border: 1px solid #4891e3; border-left: 0;}

.pitch input.inyz {border: 1px solid #4891e3;}

/*单选框样式*/

.box{width:89%;margin:21px auto;}

/*单选框的样式*/

.checkboxFour {width:100px;height: 18px;position: relative;margin-bottom:26px;}

.checkboxFour label {border:1px solid #ccc;display: block;width: 14px;height: 14px;-webkit-transition: all .5s ease;/*点击时颜色的变化时间*/-moz-transition: all .5s ease;-o-transition: all .5s ease;-ms-transition: all .5s ease;transition: all .5s ease;cursor: pointer;position: absolute;top: 2px;left: 0px;z-index: 1;background: #fff;}

.checkboxFour input[type=checkbox] + label:before { width:16px; height:16px; float:left; text-align:center; line-height:16px; font-size:12px; color:#fff; display:none}

.choice label { background: #4891e3; border: 0;}

.choice label:before { display:inline-block !important;}

.checkboxFour span{margin-left:20px;line-height:18px;color:#A7A7A7;font-size:14px; float: left;}

.input,.password-box .input{position:relative;}

.clear_input{display:none;position:absolute;right:4px;top:11px;z-index: 100;  width:18px; height:18px; text-align:center; line-height:18px;font-size:18px;color:#aaa;}

.eyes_box{position:absolute;right:6px;top:9px; color:#aaa; z-index: 100;}

/*提示信息*/

.tishiyu { width: 240px; line-height:20px; color:#f00; margin-left: 50px; position: absolute; top:0px; left:0px; font-size: 12px; text-align: left;}

/*清空input内容*/

.ClearInput::-ms-clear { display: none; }

.ClearInput:valid +  .clear_input { display:block; }

@media screen and (max-width: 1024px) {

    /*当屏幕尺寸小于321px时，应用下面的CSS样式*/

    body {

        width: 1024px;

        height:700px;

    }

}



@media screen and (min-width: 1024px) {

    /*当屏幕尺寸大于641px时，应用下面的CSS样式*/

    body {

        width: 100%;

        margin: auto;

    }

}