@charset "utf-8";
*{
    margin:0; padding:0;
    }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td { margin: 0; padding: 0;  font-family: "微软雅黑"; }
fieldset, img { border: 0; }
ul, ol, li { list-style: none; font-family:'Microsoft YaHei'; }

/* remember to define focus styles! */
:focus { outline: 0; }
address, caption, cite, code, dfn, em, strong, th, var, optgroup { font-style: normal; font-weight: normal; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
abbr, acronym { border: 0; font-variant: normal; }
input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; background-color: #fff; border: none;}
code, kbd, samp, tt { font-size: 100%; }
a{text-decoration:none;}
a:hover{
    text-decoration: none;
}
/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input, button, textarea{ *font-size: 100%;}
ol, ul { list-style: none; }

/* tables still need 'cellspacing="0"' in the markup */
table,tr,td { border-collapse: collapse; border-spacing: 0; margin:0;padding:0;}
caption, th { text-align: left; }
sup, sub { font-size: 100%; vertical-align: baseline; }

/* remember to highlight anchors and inserts somehow! */
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

/**Common Css**/
.fr { float: right; *display: inline;}
.fl { float: left; *display: inline;}
/*文本超出显示省略号*/
.ehn, .otw, .tow { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
/*清除浮动*/
.clearfix { clear: both; *zoom:1;}
.clearfix:after { display: block; clear: both; content: "\0020"; visibility: hidden; height: 0; }
[v-cloak]{ display: none; }

.GuestbookForm {
    position: fixed;
    box-sizing: border-box;
    bottom: 0;
    left: 0;
    z-index: 999;
    width: 365px;
    height: 400px;
    border-radius: 15px;
    background: rgba(255, 255, 255, 0.8);
    background-image: linear-gradient(
      rgba(255, 254, 240, 0.5),
      rgba(255, 231, 190, 0.5)
    );
    padding: 25px 30px;
  }
  @media screen and (max-width: 1600px) {
    .GuestbookForm {
      width: 280px;
      padding: 25px 11px;
    }
  }
  @media screen and (max-width: 1600px) {
    .el-form-item__content .el-input {
      font-size: 12px;
    }
  }
  
  .GuestbookForm h1.form-title {
    text-align: center;
    font-size: 22px;
    color: #e1251b;
    margin-bottom: 15px;
  }
  
  .GuestbookForm .el-form-item__label {
    font-size: 12px;
    color: #000000;
    line-height: 27px;
  }
  
  .GuestbookForm .el-form-item {
    margin-bottom: -1px;
  }
  
  .GuestbookForm .el-form-item__error {
    display: none;
  }
  
  .GuestbookForm .el-button {
    width: 100%;
    margin-top: 12px;
    padding: 10px 20px;
    background-color: #e1251b;
    border-color: #e1251b;
  }
  .GuestbookForm .el-button:hover {
    background-color: #e03c33;
    border-color: #e03c33;
  }
  .GuestbookForm .el-button span {
    font-size: 15px;
  }
  
  .GuestbookForm .close-guest {
    content: '';
    display: block;
    background: url(../images/close-guest.png) center center no-repeat;
    width: 32px;
    height: 32px;
    position: absolute;
    right: 11px;
    top: 8px;
    cursor: pointer;
    background-color: #eae8db;
    border-radius: 100%;
  }
  
  .GuestbookForm .el-form-item.Guest-doamin .el-form-item__label:before {
    visibility: hidden;
  }
  @media screen and (max-width: 1600px) {
    .GuestbookForm .close-guest {
      width: 27px;
      height: 27px;
    }
  }