html,
body,
#LAY_app {
  height: 100%;
}

body {
  background: #fff;
}

.ws-user-login {
  position: relative;
  left: 0;
  top: 0;
  padding: 110px 0;
  min-height: 100%;
  box-sizing: border-box;
}

.ws-user-login-main {
  width: 350px;
  margin: 0 auto;
  box-sizing: border-box;
}

.ws-user-login-box {
  padding: 20px;
}

.ws-user-login-header {
  text-align: center;
}

.ws-user-login-header h2 {
  font-weight: 300;
  font-size: 26px;
  color: #000;
}

.ws-user-login-header p {
  font-weight: 300;
  color: #999;
}

.ws-user-login-body .layui-form-item {
  position: relative;
}

.ws-user-login-icon {
  position: absolute;
  left: 1px;
  top: 1px;
  width: 38px;
  line-height: 35px;
  text-align: center;
  color: #d2d2d2;
}

.ws-user-login-body .layui-form-item .layui-input {
  padding-left: 38px;
}

.ws-user-login-codeimg {
  max-height: 45px;
  width: 100%;
  cursor: pointer;
  box-sizing: border-box;
}

.ws-user-login-other {
  position: relative;
  font-size: 0;
  line-height: 38px;
  padding-top: 20px;
}

.ws-user-login-other>* {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  font-size: 14px;
}

.ws-user-login-other .layui-icon {
  position: relative;
  top: 2px;
  font-size: 26px;
}

.ws-user-login-other a:hover {
  opacity: 0.8;
}

.ws-user-jump-change {
  float: right;
}

.ws-user-login-footer {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  line-height: 30px;
  padding: 20px;
  text-align: center;
  box-sizing: border-box;
  color: rgba(0, 0, 0, .5)
}

.ws-user-login-footer span {
  padding: 0 5px;
}

.ws-user-login-footer a {
  padding: 0 5px;
  color: rgba(0, 0, 0, .5);
}

.ws-user-login-footer a:hover {
  color: rgba(0, 0, 0, 1);
}

/* 有背景图时 */
.ws-user-login-main[bgimg] {
  background-color: #fff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
}

/* 主题背景 */
.ws-user-login-theme {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
}

.ws-user-login-theme ul {
  display: inline-block;
  padding: 5px;
  background-color: #fff;
}

.ws-user-login-theme ul li {
  display: inline-block;
  vertical-align: top;
  width: 64px;
  height: 43px;
  cursor: pointer;
  transition: all .3s;
  -webkit-transition: all .3s;
  background-color: #f2f2f2;
}

.ws-user-login-theme ul li:hover {
  opacity: 0.9
}

@media screen and (max-width: 768px) {
  .ws-user-login {
    padding-top: 60px;
  }

  .ws-user-login-main {
    width: 300px;
  }

  .ws-user-login-box {
    padding: 10px;
  }
}

/* 追加样式 */
.ws-user-login-main .ws-input {
  width: 100%;
  padding: 9px 10px 9px 36px;
  box-sizing: border-box;
  background: none;
}

.ws-user-login-main .ws-btn {
  width: 100%;
  padding: 11px 20px;
  box-sizing: border-box;
  display: block;
}

/* 协议 */
.ws-agree-wrapper {
  background: #1d94d5;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-y: auto;
}

.ws-agree-main {
  width: 550px;
  border: 3px solid #247cb8;
  border-radius: 8px;
  background: #fff;
  padding: 20px 20px 10px 20px;
  margin: 6% auto;
  box-sizing: border-box;
}

.ws-agree-content {
  
}

.ws-agree-content p {
  line-height: 200%;
}

.ws-agree-btn {
  width: 100%;
  height: 50px;
  text-align: center;
  line-height: 50px;
}

.ws-agree-btn .ws-btn {
  margin: 0 15px;
}

/* 修改密码 */
.ws-user-password {
  position: absolute;
    border: 3px solid #267cb9;
    background: #fff;
    padding: 1px 0 1px 1px;
    z-index: 9999;
    border-radius: 3px;
    box-shadow: 0 2px 5px #000;
}
	.infoList{
	width:450px;				
	height:24px;
	line-height:24px;
	background-color:#ffffff;
	border-collapse:collapse;
    font-family:Verdana,"宋体",Arial,Sans;
	table-layout: fixed;
	margin-bottom:10px;
	}
	.infoList td{border:1px solid #ccdaea;}
	.myLayerTitle {
    height: 30px;
    line-height: 30px;
    background: #e4ecfb;
    border-bottom: 1px solid #d0ddec;
    overflow: hidden;
    zoom: 1;
}
.myLayerFooter {
    background: #e4ecfb;
    border-top: 1px solid #d0ddec;
    text-align: right;
    padding: 5px;
}
.grayBtn {
    font-weight: bold;
    color: #343434;
    text-shadow: 0px 1px 0px #b9c8df;
    background: #afc8e6;
    background-image: -webkit-linear-gradient(to top, #9dbbde, #bfd3ed);
    background-image: linear-gradient(to top , #9dbbde, #bfd3ed);
    border-bottom: 1px solid #6e96c8;
}
.btn {
    font-size: 12px;
    display: inline-block;
    padding: 4px 20px;
    border: none;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
}
.hotBtn {
    font-weight: bold;
    color: #fff;
    text-shadow: 0px 1px 0px #d05000;
    background: #f07700;
    background-image: -webkit-linear-gradient(to top, #e36600, #ff8800);
    background-image: linear-gradient(to top , #e36600, #ff8800);
    border-bottom: 1px solid #b74c00;
}
.myLayerTitle h3 {
    float: left;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    padding-left: 25px;
    background: url(../style/res/BoxBg1.png) -63px -152px no-repeat;
    font-family: Verdana,"宋体",Arial,Sans;
}
.input {
    width: 58px;
    padding: 4px 2px;
    font-size: 12px;
    line-height: 12px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: url(../style/res/BoxBg1.png) 0 -91px no-repeat;
    border: 1px solid #9eaec8;
    font-family: Verdana,"宋体",Arial,Sans;
    vertical-align: middle;
}
.input:hover{
	border: 1px solid #d4724b;
}
/* 搜索 */
.ws-search-main {
  width: 900px;
  margin: 0 auto;
  padding-bottom: 75px;
  clear: both;
}

.ws-search-bd-logo {
  margin: 200px auto 50px;
  text-align: center;
}

.ws-search-logo-image {
  width: 300px;
}

.ws-search-bd-form {
  width: 620px;
  height: 46px;
  border: 1px solid #bbb;
  padding: 5px 10px;
  margin: 0 auto;
  box-sizing: border-box;
  position: relative;
}

.ws-search-input {
  width: 500px;
  height: 30px;
  font-size: 16px;
  color: #333;
  border: none;
  outline: 0;
  background: rgba(0, 0, 0, .001);
  line-height: 30px;
  margin-top: 3px;
  box-sizing: border-box;
}

.ws-search-btn {
  width: 100px;
  height: 46px;
  font-size: 18px;
  color: #fff;
  border: 0;
  outline: 0;
  background: #65615f;
  line-height: 46px;
  text-align: center;
  cursor: pointer;
  position: absolute;
  right: -1px;
  top: -1px;
}

body {
    width: 100%!important;
    min-width: 100%!important;
}

@media screen and (max-width: 750px) {
    .ws-search-main {
        width: 100%;
    }
    .ws-search-logo-image {
        width: 60%;
    }
    .ws-search-bd-form{
        width: 90%;
    }
    .ws-search-input{
        width: 100%;
    }
    .ws-user-password{
        width: 95%;
    }
    .infoList{
        width: 95%; 
    }
    body{
       height: calc(100% - 200px);
    }
    .ws-agree-main{
      width: 90% !important;
   }
    .ws-agree-main p{
      font-size: 7px;
   }
}