html,body{
  margin: 0;
  padding: 0;
}
body{
  background-color: RGBA(9, 9, 9, 1);
}
.header{
  width: 750px;
  margin: 0 auto;
  text-align: center;
  font-weight: bold;
  font-size: 40px;
  color: #DEDEDE;
  line-height: 40px;
  padding-top: 60px;
  padding-bottom: 60px;
}
.body{
  width: 750px;
  margin: 0 auto;
}
.body_top{
  width: 668px;
  height: 267px;
  background: #151515;
  border-radius: 32px;
  margin: 0 auto;
  position: relative;
}
.body_top_class{
  font-weight: normal;
  font-size: 24px;
  color: #DEDEDE;
  line-height: 24px;
  position: absolute;
  top: 52px;
  left: 48px;
}
.body_top_name{
  font-weight: normal;
  font-size: 24px;
  color: #DEDEDE;
  line-height: 38px;
  width: 171px;
  position: absolute;
  top: 95px;
  left: 46px;
}
.body_top_time{
  font-weight: normal;
  font-size: 38px;
  color: #DEDEDE;
  line-height: 38px;
  position: absolute;
  top: 187px;
  left: 46px;
}
.body_top_right_title{
  font-weight: normal;
  font-size: 24px;
  color: #848383;
  line-height: 24px;
  position: absolute;
  top: 48px;
  right: 56px;
}
.body_top_right_price{
  font-weight: normal;
  font-size: 90px;
  color: #CFB503;
  line-height: 90px;
  position: absolute;
  top: 100px;
  right: 47px;
}
.body_top_right_price .currency{
  font-weight: 500;
  font-size: 37px;
  line-height: 37px;
}
.body_top_right_msg{
  font-weight: normal;
  font-size: 18px;
  color: #848383;
  line-height: 18px;
  position: absolute;
  top: 205px;
  right: 43px;
}
.body_content{
  width: 670px;
  margin: 0 auto;
  padding-top: 70px;
}
.foot{
  font-weight: 400;
  font-size: 22px;
  color: #6D6D6D;
  line-height: 22px;
  text-align: center;
  margin-top: 199px;
  margin-bottom: 71px;
}


.cvc_pop{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); 
  z-index: 9999; 
}
.cvc_pop_body{
  width: 750px;
  height: 456px;
  background: #232323;
  border-radius: 40px 40px 0px 0px;
  position: absolute;
  bottom: 0;
  left: 50%; 
  transform: translateX(-50%); 
}
.cvc_pop_body .title{
  font-weight: normal;
  font-size: 34px;
  color: #DEDEDE;
  line-height: 34px;
  text-align: center;
  padding-top: 56px;
}
.cvc_pop_body .msg{
  font-weight: normal;
  font-size: 26px;
  color: #DEDEDE;
  line-height: 37px;
  display: inline-block;
  vertical-align: middle;
}
.cvc_pop_body .msg span{
  color: red;
}
.cvc_pop_body .img{
  display: inline-block;
  vertical-align: middle;
  margin-left: 57px;
}
.cvc_pop_body .img img{
  width: 214px;
  height: 129px;
}
.cvc_pop_body .btn{
  width: 275px;
  height: 75px;
  border-radius: 36px;
  border: 2px solid #CFB503;
  font-weight: normal;
  font-size: 28px;
  color: #CFB503;
  line-height: 75px;
  text-align: center;
  margin: 0 auto;
  margin-top: 55px;
}
.jiazai_pop{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5); 
  z-index: 9999; 
}
.jiazai_pop_body{
  width: 160px;
  height: 156px;
  background: rgba(41, 41, 41, 0.8);
  border-radius: 26px;
  margin: 0 auto;
  margin-top: 638px;
  position: relative;
}
.jiazai_pop_body .img{
  width: 69px;
  height: 69px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); 
}
.jiazai_pop_body .img img{
  width: 69px;
  height: 69px;
  animation: spin 2s linear infinite;
}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.none{
  display: none;
}