html { height: 100% } body.signin { height: auto; background: url(../img/bj.jpg) no-repeat center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; /*color: rgba(255, 255, 255, .95);*/ overflow: hidden; } .signinpanel { width: 80%; margin: 5% auto 0 } .signinpanel .logopanel { float: none; width: auto; padding: 0; background: 0 0 } .signinpanel .signin-info ul { list-style: none; padding: 0; margin: 20px 0 } .signinpanel .form-control { display: block; margin-top: 15px } .signinpanel .btn { margin-top: 40px } .signinpanel form { background: rgba(255, 255, 255, .2); border: 1px solid rgba(255, 255, 255, .3); -moz-box-shadow: 0 3px 0 rgba(12, 12, 12, .03); -webkit-box-shadow: 0 3px 0 rgba(12, 12, 12, .03); box-shadow: 0 3px 0 rgba(12, 12, 12, .03); -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 90px; padding-top: 0; padding-bottom: 0; } .signinpanel form i{ display: inline-block; height: 15px; width: 15px; vertical-align: middle; margin-right: 15px; } .us{ background: url("../img/login_.png") no-repeat; } .ps{ background: url("../img/login_.png") no-repeat 0px -31px; } .yz{ background: url("../img/login_.png") no-repeat 0 -16px; } .signup-footer { border-top: solid 1px rgba(255, 255, 255, .3); margin: 20px 0; padding-top: 15px } .Yz_error{ background: url("../img/yz.png") no-repeat 0 -8px; } .Yz_success{ background: url("../img/yz.png") no-repeat 0 4px; } .ts{ height: 13px!important; margin-top: 6px; float: right; } .hj_box{ text-align: center; margin-bottom: 50px; padding-top: 70px; } .dl_form input{ font-size: 16px; color: #999; border: 0; outline: none; background: transparent; } .d_left{ /*background: -webkit-linear-gradient(left, rgb(164,190,225), rgb(108,129,168));*/ background:rgba(162,178,204,.34) ; padding: 254px; height: 645px; float: left; } .d_right{ background: #FFFFFF; float: right; height: 645px; } .iut{ padding: 25px 13px 8px 8px; border-bottom: 1px solid #808080; } .btns{ width: 100%; background: rgb(40,60,88); color: #fff; height: 40px; line-height: 40px; text-align: center; border: 0; outline: none; border-radius: 20px; cursor: pointer; margin-top: 27px; font-size: 16px; letter-spacing: 16px; } .btns:hover{ color:#FFFFFF!important; } .lg_boxs{ margin: 0 auto; } .t_bootm{ color:rgb(40,60,88) ; font-size: 14px; text-align: center; margin-top: 100px; } .b_box{ text-align: center; } ._success{ border-bottom-color: #21b9bb!important; } ._fail{ border-bottom-color: red!important; } /*@media screen and (max-width:768px) { .signinpanel, .signuppanel { margin: 0 auto; width: 45%!important; padding: 20px } .signinpanel form { margin-top: 20px } .signup-footer, .signuppanel .form-control { margin-bottom: 10px } .signup-footer .pull-left, .signup-footer .pull-right { float: none!important; text-align: center } .signinpanel .signin-info ul { display: none } @media screen and (max-width:320px) { .signinpanel, .signuppanel { margin: 0 20px; width: auto } }*/ .Downlone_{ margin-top: 20px; text-align: center; margin-right: 20px; }