<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>合丰橡胶2</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0,user-scalable=no" />
    <link href="css/stylewei.css" rel='stylesheet' type='text/css' />
    <link rel="icon" href="../favicon.ico" />
    <style type="text/css">

* {
    margin: 0;
    padding: 0;
}
user agent stylesheet
div {
    display: block;
}
body, html {
    height: 100%;
    -webkit-tap-highlight-color: transparent;
}
body {
    line-height: 1.6;
    font-size: 16px;
    font-family: -apple-system-font, "Helvetica Neue", sans-serif;
}
.weui-cells__title {
    font-size: 16px;
}
.weui-cells__title {
    margin-top: .77em;
    margin-bottom: .3em;
    padding-left: 15px;
    padding-right: 15px;
    color: #999999;
    font-size: 14px;
}

.weui-start:after {
    content: '*';
    font-weight: 700;
    color: #f00;
    margin-left: 5px;
}
.weui-form-li {
    vertical-align: middle;
    position: relative;
    margin: 10px 20px;
}
.iblock {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}
.weui-form-checkbox {
    -webkit-appearance: none;
    width: 0;
    height: 0;
    opacity: 0;
    border: none;
    float: left;
    visibility: hidden;
}
.weui-form label {
    cursor: pointer;
    display: inline-block;
    position: relative;
    min-height: 1em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.weui-form-checkbox[type="radio"]:checked + label .weui-icon-radio {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjA3QUE4OTlFQjJCODExRTVBRkM2RDBFMDhDRDA3MTJFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjA3QUE4OTlGQjJCODExRTVBRkM2RDBFMDhDRDA3MTJFIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDdBQTg5OUNCMkI4MTFFNUFGQzZEMEUwOENEMDcxMkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDdBQTg5OURCMkI4MTFFNUFGQzZEMEUwOENEMDcxMkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5LqQGPAAAA7ElEQVR42uyXTQrCMBCFG+tKRY/gz0naXlFc2HqUKvQk4hEUVDCVcQIBu5HMTFK6MA8+KCWZeW2SV6oAIBlSo2RgRQPRQDQw9pg7Rdb2+ozcRVVMEDHJkBrR8JW29zJuPc7gFNmCW6UdG9zAHugqQxvIga88pIGjwEBNqa0IX0Oz269Iytzfb2ThOh2UHFgKmid2zipEELUeWaFdAyhLMEFuwiWYIw/fN2AKNIKnb1zNOUlYCE5BETqIKkbzQ19RvCM0r/qK4m4qmmBqO03N9Ymaftwg+qUZskFeyAV5Soqo+F8QDUQDf2/gI8AAIiHXffupwGIAAAAASUVORK5CYII=);
    background-size: 100%;
    border-radius: 100%;
    background-color: #07c160;
    border: 1px solid #07c160;
    cursor: pointer;
}
.weui-icon-radio {
    -webkit-border-radius: 100%;
    border-radius: 100%;
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-top: 6px;
    margin-right: 5px;
    border: 1px solid #b8b8b8;
    background-color: #fafafa;
    vertical-align: top;
}
[class^="weui-icon-"], [class*=" weui-icon-"] {
    display: inline-block;
    vertical-align: middle;
    font: normal normal normal 14px/1 "weui";
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}
.weui-form-text {
    display: inline-block;
    position: relative;
    margin-top: 2px;
    margin-right: 10px;
    cursor: pointer;
}

.weui-form-input, .weui-form-area {
    font-size: 16px;
    border-radius: 5px;
    text-indent: 12px;
}
.weui-form-input, .weui-form-area {
    background-color: #fff;
    border: 1px solid #cdcdcd;
    border-radius: 1px;
    padding: 5px 2px;
    line-height: 24px;
    font-size: 16px;
    width: 100%;
    outline: 0;
    -webkit-appearance: none;
    cursor: pointer;
}
.page-bd-15 {
    padding: 0 15px;
}

button.weui-btn, input.weui-btn {
    width: 100%;
    border-width: 0;
    outline: 0;
    -webkit-appearance: none;
}
.weui-btn_primary {
    background-color: #07c160;
}
 
.weui-footer_fixed-bottom {
    position: relative;
}
.weui-footer_fixed-bottom {
    position: fixed;
    bottom: .52em;
    left: 0;
    right: 0;
}
.weui-footer {
    color: #999999;
    font-size: 14px;
    text-align: center;
}
.weui-footer__text {
    padding: 0 .34em;
    font-size: 12px;
}
.weui-footer__links {
    font-size: 0;
}
 


        #upimg{
            display: none;
        }
       .form-control{Height:38px;}
 
    .page-hd-title{
        text-align:center;
        font-size:28px;
    }
    .weui-form-input,.weui-form-area {
        font-size:16px;
        border-radius:5px;
        text-indent:12px;
    }
    .weui-footer_fixed-bottom{position:relative;}
    .weui-cells__title{ font-size:16px;}
    .bg-orange {
    background-color: #FF6600;
}
 
  
 @media (max-width: 480px)
.head {
    top: -15%;
    left: 36%;
}

  .container {
      width: 350px;
      margin: 0 auto;
      margin-top: 150px;
      background-color: #fff;
      padding: 20px;
      border-radius: 5px;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    }

    h1 {
      text-align: center;
      margin-bottom: 20px;
    }

    input[type="text"],
    input[type="password"] {
      width: 88%;
      padding: 16px;
      margin-bottom: 25px;
      border: 1px solid #ccc;
      border-radius: 5px;
    }

    button {
      width: 99%;
      padding: 12px;
      background-color: #4CAF50;
      color: #fff;
      border: none;
      border-radius: 5px;
      cursor: pointer;
       margin-bottom: 15px;  font-size:22px;
    }

    button:hover {
      background-color: #45a049;
    }
    </style>
</head>
<body style="background-image: url(../images/login_bg.jpg);">
    <!-----start-main---->
 <div class="container">
    <h1 style="color:Green; font-size:24px;">合丰橡胶2</h1>
    <form>
      <input type="text" placeholder="用户名" required>
      <input type="password" placeholder="密码" required>
      <button type="submit">登录</button>
    </form>
  </div>
    <!-----//end-main---->
    
       <!-----start-copyright 粤ICP备2022124875号-2---->
        <div class="weui-footer weui-footer_fixed-bottom">
        <br />
            <p class="weui-footer__text">
              Copyright ©2023合丰橡胶 <a style="color: #989898;" href="http://beian.miit.gov.cn">粤ICP备2022124875号-2</a></p>
            <p class="weui-footer__links">
              <div style="width:300px;margin:0 auto; padding:4px 0;">
		 	<a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=44060502003479" style="display:inline-block;text-decoration:none;height:20px;line-height:20px;"><img src="images/logo01.dd7ff50e.png" style="float:left;height:20px;" alt="" /><p style="float:left;height:20px;line-height:20px;margin: 0px 0px 0px 5px; color:#939393;">粤公网安备 44060502003479号</p></a>
		 	</div>
		   
            </p>
        </div>
        <!-----//end-copyright---->
</body>
</html>