*{
	margin: 0;
	padding: 0;
}
html,body{
	width: 100%;
}
body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
legend,
button,
input,
textarea,
th,
td {
  margin: 0;
  padding: 0;
}
body,
button,
input,
select,
textarea {
  font: 12px/1.5tahoma, arial, \5b8b\4f53;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
}
address,
cite,
dfn,
em,
var {
  font-style: normal;
}
code,
kbd,
pre,
samp {
  font-family: couriernew, courier, monospace;
}
small {
  font-size: 12px;
}
ul,
ol {
  list-style: none;
}
a {
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
sup {
  vertical-align: text-top;
}
sub {
  vertical-align: text-bottom;
}
legend {
  color: #000;
}
fieldset,
img {
  border: 0;
}
button,
input,
select,
textarea {
  font-size: 100%;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
#app{
  height: auto;
}
.top_app{
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: fixed;
  top:0;
  left:0;
  width: 92%;
  padding: 0 4vw;
  height: 12vw;
  background: #fff;
  border-bottom:1px solid #f3f3f3;
  box-shadow: 5px 5px 10px #f3f3f3;
}
.top_app p{
  height: 10vw;
  line-height: 10vw;
  width: auto;
  font-family: PMingLiU;
  font-weight: 500;
  color: #fe92a1;
  font-style: italic;
  font-size: 4vw;
}
.top_app span{
  width: 22vw;
  height: 8vw;
  line-height: 8vw;
  text-align: center;
  border-radius: 4vw;
  color: #fff;
  background: #fe92a1;
  font-size: 3.8vw;
}
.body_app{
  margin: 16vw 4vw 4vw 4vw;
}
.banner{
  width: 100%;
  height:auto;
  margin-bottom: 3vw;
}
.banner img{
  width: 100%;
  height:auto;
  object-fit: cover;
  border-radius: 2vw;
  border:1px solid #f3f3f3;
}
.sample_inf{
  width: 100%;
  height: auto;
}
.sample_inf .price{
  height: 8vw;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 3.5vw;
}
.sample_inf .price .left{
  color: #d30d0e;
}
.sample_inf .price .right{
  color: #808080;
  margin-left: 10vw;
}
.sample_inf .title{
  height: 10vw;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 4vw;
}
.sample_inf .num{
  height: 8vw;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 3.2vw;
  color: #808080;
}
.detail_inf{
  width: 100%;
  height: auto;
  border-top:3vw solid #f3f3f3;
  margin-top: 5vw;
}
.detail_inf .title{
  width: 100%;
  height: 12vw;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 4vw;
  font-weight: bold;
}
.detail_inf .content{
  width: 100%;
  height: auto;
}
.detail_inf .content img{
  width: 100%;
  height: auto;
  margin: 2vw 0;
  object-fit: cover;
}
.register{
  margin: 25vw 0;
  width: 100%;
}
.register .phone{
  margin-bottom: 6vw;
  border:1px solid #f3f3f3;
}
.register .phone input{
  border:none;
  outline: none;
  font-size: 3.4vw;
  text-align: left;
  height: 10vw;
  width: 92%;
  padding:0 3vw;
  line-height: 10vw;
}
.register .code {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border:1px solid #f3f3f3;
}
.register .code input{
  border:none;
  outline: none;
  font-size: 3.4vw;
  text-align: left;
  height: 10vw;
  width: 60%;
  padding:0 3vw;
  line-height: 10vw;
}
.register .code p{
  border-left:1px solid #f3f3f3;
  font-size: 3.4vw;
  text-align: center;
  width: 30%;
  color:#fe92a1;
}
.bottom_app{
  margin: 4vw;
  height: 12vw;
  border-radius: 6vw;
  line-height: 12vw;
  color: #fff;
  text-align: center;
  font-size: 4.5vw;
  background: #fe92a1;
}
/*数据加载*/
.loading_area{
  position: fixed;
  z-index: 100;
  top:50%;
  left:50%;
  margin-top: -18vw;
  margin-left: -25vw;
  width: 50vw;
  height: 36vw;
  background: #fff;
  text-align: center;
  padding: auto;
  border-radius: 2vw;
  border: 1px solid #f3f3f3;
  box-shadow: 1vw 1vw 2vw #f3f3f3;
}
.loading_area img{
  display: block;
  width: 35vw;
  height: auto;
  margin: auto;
}
.loading_area span{
  display: block;
  color: #808080;
  font-size: 4.5vw;
  font-weight: bold;
  height: 7vw;
  line-height: 7vw;
}