body,html{width: 100%; height: 100%;font-family:"微软雅黑" ;font-size: 14px;}
*{
    margin: 0;
    padding: 0;
}
body,p,ul,li,div{padding: 0;margin: 0;list-style: none;}
img{width:100%;display:block}
input{width:100%;height: 100%;background: none;border: none;margin:0;padding:0;outline: none;padding-left: 10px}
textarea{width:100%;height: 100%;background: none;border: none;margin:0;padding:0;outline: none;resize:none;}
a{text-decoration: none;width: 100%;height: 100%;display: block}
select{width: 100%;height: 100%;background: none;border: none;margin: 0;padding: 0;outline: none;}
::-webkit-input-placeholder{color:#e8e8e8;}
.main{width: 100%;height: 100%;background-image: url("../images/bg-5.jpg");background-repeat: no-repeat;background-position: center center;background-size:cover;}
.photo{width: 700px;height: 640px;margin:0 auto;position: absolute;left:0px; right:0px;margin-top:100px;}
.photo-title-div{width:100%;height:80px;position:relative;}
.photo-title-div i{display:inline-block;width:50px;height:50px;background:url("../images/app-logo.png");background-size: 100%;float:left;margin:15px 50px 15px 50px;}
.photo-title-div span{display:inline-block;width:100%;font-weight:bold;font-size:56px;color:#fff;line-height:80px;position:absolute;text-align:center;left:0px;}
.photo-content-div{width:100%;overflow:hidden;background:#fff;border-radius:10px 10px 10px 10px;margin-top:110px;}
.photo-content-div .logo-div{width:200px;height:200px;border-radius:200px;margin:0 auto;position:absolute;right:0px;left:0px;margin-top:-80px; background:#fff;}
.photo-content-div .logo-div img{display:block;width:60px;margin:0 auto;margin-top:20px;}
.photo-content-div .photo-content-right{width:100%;}

.login{width: 560px;margin:0 auto;}
.login_div{width:100%;overflow: hidden;margin-top: 60px;}
.login_ul{overflow: hidden;}
.login_li{width: 100%;height:42px;position: relative;overflow: hidden}
.login_label{width:100%;font-size:18px;}
.label-2{margin-top:20px;margin-bottom:10px;}
.label-3{margin-top:20px;margin-bottom:10px;}
.login_input{width:100%;height: 42px;position: absolute;top:0;box-sizing:border-box; border:solid 1px #cccccc;border-radius:4px;}
.login_input input{font-size: 18px;color:black;height:42px;line-height: 42px}
/*.mima{margin-top: 20px;}
.yan{margin-top: 30px;}*/
.login_1{width:65%;height: 40px;border: 1px solid #cccccc;float: left;border-radius:4px;}
.login_1 input{font-size: 18px;color: #666666;text-align: center;line-height: 40px;}
.login_2{width: 28%;height: 40px;border: 1px solid #cccccc;float: right;cursor: pointer; }
.deng{width:70%;margin:0 auto; margin-top: 35px;margin-bottom:40px;color:#fff;}
.login_submit{width: 40%;height: 42px;float: left;background:#ff637d;font-size:20px;text-align:center;line-height:42px;border-radius:24px;cursor: pointer}
.login_reset{width: 40%;height: 42px;float: right;background:#999999;font-size:20px;text-align:center;line-height:42px;border-radius:24px;cursor: pointer}

@media screen and (max-width: 800px) {
  .photo{width:100%;height: 640px;position: absolute;left: 0%;top:0%;margin-left:0px;margin-top:0px;}
  .photo-content-div{width:90%;overflow:hidden;margin:0 auto;background:#fff;border-radius:10px 10px 10px 10px;margin-top:70px;}
  .login{width:80%;margin:0 auto;}
  .photo-content-div .logo-div{width:160px;height:160px;border-radius:160px;margin:0 auto;position:absolute;right:0px;left:0px;margin-top:-60px; background:#fff;}
  .photo-title-div span{font-size:36px;}

}
@media screen and (max-width: 540px) {
  .photo{width:100%;height:100%;position: absolute;left: 0%;top:0%;margin-left:0px;margin-top:0px;}
  .photo-content-div{width:90%;overflow:hidden;margin:0 auto;background:#fff;border-radius:10px 10px 10px 10px;margin-top:70px;}
  .login{width:80%;margin:0 auto;}
  .photo-content-div .logo-div{width:140px;height:140px;border-radius:140px;margin:0 auto;position:absolute;right:0px;left:0px;margin-top:-60px; background:#fff;}
  .photo-title-div span{font-size:36px;}
    .label-2{margin-top:10px;margin-bottom:5px;}
  .label-3{margin-top:10px;margin-bottom:5px;}
}
@media screen and (max-width: 320px) {
  .photo{width:100%;height:100%;position: absolute;left: 0%;top:0%;margin-left:0px;margin-top:0px;}
  .photo-content-div{width:90%;overflow:hidden;margin:0 auto;background:#fff;border-radius:10px 10px 10px 10px;margin-top:40px;}
  .login{width:80%;margin:0 auto;}
  .photo-content-div .logo-div{width:120px;height:120px;border-radius:120px;margin:0 auto;position:absolute;right:0px;left:0px;margin-top:-40px; background:#fff;}
  .photo-title-div span{font-size:36px;}
  .label-2{margin-top:10px;margin-bottom:5px;}
  .label-3{margin-top:10px;margin-bottom:5px;}
  .deng{width:70%;margin:0 auto; margin-top: 15px;margin-bottom:10px;color:#fff;}
}