/* ------------------------------------------
 * IT书包
 * 网址：www.itshubao.com
 * 整理：yinq<3331653644@qq.com> 
 -------------------------------------------- */
body {
  background:#2b2a28;
  padding:30px 0;
  font-family: "Microsoft YaHei", sans-serif;
}
input {
  height:38px;
  font-size:14px;
  width:100%;
  box-sizing: border-box; 
  border-radius:3px;
  border-width:1px;
  border-style:solid;
  border-color:transparent;
}
input[type="text"] {
  padding:2px 12px;
  margin-bottom:8px;
  border-color:#c9c9c9;
  box-shadow:inset 0 1px 3px rgba(0,0,0,0.25);
}
input[type="submit"] {
  color:#fff;
  font-weight:bold;
  font-family:'Open Sans', sans-serif;
  border-color:#1c385c;
  box-shadow:inset 0 1px 0 #7fade7;
  text-shadow:0 -1px #34629f;
  background: linear-gradient(to top, #3e74bb 0, #4887dd 100%);
}
#newsletter {
  width:300px;
  height:250px;
  margin:0 auto;
  background:#fff;
  position:relative;
  border-radius:4px;
  z-index:20;
}
#newsletter:before {
  display:block;
  content:"";
  height:5px;
  width:100%;
  top:-20px;
  right:-20px;
  left:-20px;
  border-top-right-radius:4px;
  border-top-left-radius:4px;
  background: repeating-linear-gradient(-225deg, #4782ce, #4782ce 12px, #fff 12px, #fff 24px, #ea222e 24px, #ea222e 36px, #fff 36px, #fff 48px);
}
#newsletter .seal {
  position:absolute;
  top:-1px;
  right:0;
}
#newsletter .seal:before,
#newsletter .seal:after {
  display:block;
  content:"";
  border:1px solid #dcdcdc;
  border-radius:50%;
  position:absolute;
}
#newsletter .seal:before {
  width:50px;
  height:50px;
  top:8px;
  right:8px;
}
#newsletter .seal:after {
  width:60px;
  height:60px;
  top:3px;
  right:3px;
}
#newsletter .seal i {
  position:absolute;
  font-size:24px;
  color:#afafaf;
  top:20px;
  right:22px;
  transform: rotate(12deg);
}
#newsletter form {
  padding:24px 20px 20px;
}
#newsletter form .title {
  font-size:24px;
  font-weight:100;
  color:#4783ce;
  margin-bottom:5px;
}
#newsletter form label {
  display:block;
  font-size:16px;
  line-height:24px;
  color:#818181;
  margin-bottom:20px;
}
.shadow {
  width:240px;
  height:30px;
  margin:0 auto;
  box-shadow:10px 10px 15px rgba(0,0,0,0.4);
  border-radius:50%;
  position:relative;
  top:-30px;
  z-index:10;
}