body {
  text-align: center;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
}
h1 {
  margin-top: 50px;
}
.box{
  background-color: #f3f3f3;
  margin: 50px auto;
  max-width: 900px;
  display: flex;
  justify-content: space-around;
  padding: 50px;
  border-radius:20px;
  box-shadow: 5px 5px 50px #bbb;
}
.set{
  width: 400px;
}
.set button{
  width: 100%;
  margin-top: 20px;
  outline: none;
}
.set textarea{
  width: 100%;
  border: 0;
  height: 150px;
  resize: none;
  border-radius:5px;
  outline: rgb(92,184,92) solid 1px;
  color: #999;
  padding: 10px;
}

.tit{
  color: #aaa;
  margin-top: 30px;
}
.setlogo{
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
.logo{
  width: 80px;
  height: 80px;
  text-align: center;
  box-shadow: 1px 1px 5px #bbb;
  cursor:pointer;
  border-radius:5px;
}
.logo p{
  margin-top: 32px;
  color: #ccc;
  font-size: 10px;
}
.qrcode{
  width: 300px;
  height: 300px;
  text-align: center;
  box-shadow: 1px 1px 5px #bbb;
  border-radius:5px;
}
.qrcode p{
  margin-top: 145px;
  color: #ccc;
  font-size: 18px;
}

.footer {
  position:fixed;
  margin:auto;
  left:0;
  right: 0;
  bottom: 0;
  width:100%;
  height:30px;
}
.copyright {
  text-align: center;
}
.copyright p {
  font-size: 0.875em;
  font-weight: 400;
  color: #909090;
}
.copyright p a{
  font-size: 0.875em;
  font-weight: 400;
  color:#909090;
  cursor: pointer;
}
.copyright p a:hover{
	color:#7592FF;
	 transition: 0.5s all;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  -o-transition: 0.5s all;
}
textarea::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #ddd;
}
textarea:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #ddd;
}
textarea::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #ddd;
}
textarea::-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #ddd;
}
@media (max-width: 850px) {
  h1{
    margin-top: 30px;
  }
 .box{
    display: block;
    width: 90%;
    margin: 50px auto;
  }
  .set{
    width: 100%;
  }
  .qrcode{
    display: none;
  }
}

/*提示框*/
.alert{
  display: none;
  position:fixed;
  top:30%;
  left: 50%;
  min-width:300px;
  max-width:600px;
  transform: translate(-50%,-50%);
  z-index: 99999;
  text-align: center;
  padding: 15px;
  border-radius: 3px;
}
.alert-success {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.alert-info {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.alert-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.alert-danger {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}