#root,body,html {
  height:100%;
  width: 100%;
margin: 0 auto;}
body{
  /* background-image:url('../images/web.png');
background-size:100% 100%;
background-attachment:fixed;
overflow-x: hidden;
overflow-y:hidden; */
  width: 100%;
  overflow-x: hidden;
  zoom: 1;
  max-width: 1920px;
}

.pages{
  width: 100%;
  text-align:center;

}

.title{
  width: 100%;
  height: 100px;
  line-height: 100px;
  white-space: nowrap
}
.fun{
  display:inline-block
}

.detail{
  background: linear-gradient(#F6F6F6, #FFFFFF,#F6F6F6,#F6F6F6);
}

.card{
  height: 220px;
  width: 310px;
  background-color: #fff;
  margin-right: 5px;
  margin-left: 5px;

  border-radius: 16px;
}
.cardtext{
  margin:40px 20px ;
  font-size: 20px;
  text-align: start;
  line-height: 29px;
  font-weight:600;
  color: #333333;
  width: 270px;
  font-family: "HYQiHei-65S", "Microsoft Yahei", "Hiragino Sans GB", "Helvetica Neue", Helvetica, tahoma, arial, Verdana, sans-serif, "WenQuanYi Micro Hei";
}

.intro{
  height:207px ;
  width: 550px;
  background: #F6F6F6;
  border-radius:16px ;
  text-align: start;

}

.textbox{
  height: 87px;
  width: 490px;
  color: #777777;
  font-size:20px ;
  margin-top: 20px;
  line-height: 29px;
  font-weight:bold;
  font-family: "HYQiHei-65S", "Microsoft Yahei", "Hiragino Sans GB", "Helvetica Neue", Helvetica, tahoma, arial, Verdana, sans-serif, "WenQuanYi Micro Hei";

}
.login{
  position: absolute;
  left: 50%;
  top:25%
}
.footer{
  /* position: absolute;
  left: 30%;
  bottom:2%; */
  height: 260px;
  width: 100%;
  margin-top: 80px;
  background: #F6F6F6;
}
.userInfo{
  height: 214px;
  width: 460px;
  border:1px solid #999999 ;
  border-radius: 8px;
}
.infos{
  width: 290px;
  height: 32px;
  border-radius:16px ;
  background: white;
  border:1px solid #333333;
  margin-left: 85px;
}