html,body {width:100%;height:100%;overflow-x:hidden;word-break:break-all;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.Width1440{max-width: 1440px;margin: 0 auto;}
body { margin: 0; padding: 0; font-size: 16px;  font-family: "微软雅黑"; color: #333; line-height: 180%; border: none; }
*:focus{outline:0px}
i { font-style:normal; }
ul,li{list-style:none;padding: 0;margin: 0;}
a {color: #333;text-decoration: none;}
a,a:hover,a:active,a:visited,a:link,a:focus{-webkit-tap-highlight-color:rgba(0,0,0,0);text-decoration: none;}
.fb{font-weight: bold;}
.fn{font-weight:normal;}
.multi-line-ellipsis {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}
.multi-line-ellipsis-3 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ellipsis {text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
* {
  user-select: none;
  -webkit-user-select: none; /* Safari/Chrome */
  -moz-user-select: none;    /* Firefox */
  -ms-user-select: none;     /* IE/Edge */
}
/************************************index*******************************************************************/
/*********************login******************************/
.mask{position: absolute;width: 100%;height: 100%;background-color: rgba(0,0,0,.3);}
.container {
    background: rgba(255,255,255,.7);
    padding: 30px;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    width: 400px;
    text-align: center; /* 使内容居中 */
    display: flex;
    flex-wrap: wrap;
}
.container h2{  margin-bottom: 40px;width: 100%;font-size: 30px;}
.container label {
    margin-bottom: 5px;
    font-weight: bold;
    color: #fff;
    font-weight: normal;
    text-align: right;
    font-size: 18px;
}
.input-group {
    margin-bottom: 20px;
    display: flex;
    /*! flex-direction: column; */ /* 使标签和输入框垂直排列 */
    align-items: center; /* 使内容居中 */
    width: 100%;
    justify-content: space-evenly;
}
.container input[type="text"],
.container input[type="email"],
.container input[type="password"] {
    width: 70%; /* 调整输入框宽度 */
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.container button {
    width: 95%; /* 调整按钮宽度 */
    padding: 15px;
    background: linear-gradient(45deg, #ff6b6b, #ff8787);
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    margin-top: 10px; /* 增加按钮与输入框的间距 */
    font-size: 16px;
}

.container button:hover {
    background: linear-gradient(45deg, #ff6b6b, #ff8787);
}
.container p {
    margin-top: 20px;
    font-size: 14px;
}
.m_left{width: 30%;display: flex;justify-content: center;flex-wrap: wrap;}
.m_left h1{width: 100%;color: #fff;text-align: center;font-size: 42px;}
.m_left p{margin: 0;text-align: center;width: 100%;margin-bottom: 160px;font-size: 20px;color: #eee;margin-top: 20px;}
.main{display: flex;flex-wrap: wrap;width: 100%;z-index: 1;justify-content: space-around;}
.formCon{width: 100%;}
.pw{margin-right: 11px;}    
@media (max-width: 768px) {
    body {
      background-size: contain;  /* 小屏幕显示完整图片 */
      background-attachment: scroll;  /* 取消固定防止显示异常 */
    }
  }