.top{
  height: 3rem;
  margin-top: 2.3rem;
  width: 100%;
  position: relative;
  z-index: 0;
}
.return{
  width: 1.4rem;
  height: 1.4rem;
  margin-left: 1rem;
  float: left;
}
.top-title{
 line-height: 1.75rem;
 box-sizing: border-box;
 margin-left: 7.2rem;
 float: left;
 font-weight: 400;
 color: #333333;
 font-size: large;
}
.top-button{
  background: transparent;
  width: 5.6rem;
  height: 1.75rem;
  font-size: 0.8125rem;
  font-family: PingFangSC, "PingFang SC 標準體", "PingFang SC", sans-serif;
  color: orange;
  font-weight: 400;
  float: left;
  border-radius: 1.5rem;
  text-align: center;
  line-height: 1.75rem;
  margin-left: 3rem;
  border:0.05rem solid orange;
}
.search{
  margin: 1rem 1rem;
  margin-bottom: 1rem;
}
.search-text{
  border: darkgray solid 0.05rem;
  border-radius: 1rem;
  line-height: 1.5rem;
  padding-left: 1.5rem;
  height: 2rem;
  box-shadow: 0.01rem 0.1rem rgb(88, 39, 39);
}
.btn{
  background-color:orange;
  font-size: x-small;
  position: absolute;
  width: 4.5rem;
  height: 1.7rem;
  text-align: center;
  line-height: 1.5rem;
  color: white;
  font-size: 0.8rem;
  top: 6.5rem;
  left: 17.6rem;
  border-radius: 1rem;
}
.button_container{
  display: flex;
  flex-direction: row;
  justify-content: space-around
}
.main{
  background-color: rgb(243, 242, 242);
  height: 33rem;
  position: relative;
  top: -0.5rem;
}
.center{
  margin: 2rem 1rem;
}
radio .wx-radio-input {
  width: 30rpx;
  height: 30rpx;
  border: 4rpx solid #8C8C8C;/* 外圈边框，默认灰色，即未选中状态*/
  border-radius: 50%;
  background: none;
}
checkbox .wx-checkbox-input {
  width: 30rpx;
  height: 30rpx;
  border: 4rpx solid #999;
  border-radius: 100%;
}
/*复选框外框选中样式*/
checkbox .wx-checkbox-input.wx-checkbox-input-checked {
  border-color: orange;
}
/*复选框选中后内部样式*/
checkbox .wx-checkbox-input.wx-checkbox-input-checked::before {
  width: 60%;
  height: 60%;
  background: orange;
  border-radius: 100%;
  content: '';
  transform: translate(-50%, -50%) scale(1);
  -webkit-transform: translate(-50%, -50%) scale(1);
}
radio .wx-radio-input {
  width: 40rpx;
  height: 40rpx;
  border: 4rpx solid #999;
  border-radius: 100%;
  background: none;
}
 
/*单选按钮选中后内部样式*/
 
radio .wx-radio-input.wx-radio-input-checked {
  border: 4rpx solid orange!important;
}
 
radio .wx-radio-input.wx-radio-input-checked::before {
  width: 60%;
  height: 60%;
  background: orange;
  border-radius: 100%;
  content: '';
  transform: translate(-50%, -50%) scale(1);
  -webkit-transform: translate(-50%, -50%) scale(1);
}
.all-top{
  margin-top: 1rem;
  height: 4rem;
}
.all{
  margin-left: 0.5rem;
  color: #2c2828;
  font-size:x-small;
}
.btn-on{
  color: green;
  border:0.1rem solid green;
  border-radius: 1.3rem;
  width: 4.2rem;
  height: 1.5rem;
  display: inline-block;
  line-height: 1.5rem;
  text-align: center;
  float: right;
  font-size: small;
  margin: 1rem 0.2rem;
}
.btn-down{
  color: red;
  border:0.1rem solid red;
  border-radius: 1.3rem;
  width: 4.2rem;
  height: 1.5rem;
  display: inline-block;
  line-height: 1.5rem;
  text-align: center;
  float: right;
  font-size: small;
  margin: 1rem 0.2rem;
}
.checkbox{
  height: 29rem;
  background-color: white;
  border-radius: 0.5rem;
}
.kong{
  height: 1rem;
  background-color: rgb(243, 242, 242);
  float: left;
  width: 30rem;
  margin-top: 0.4rem;
}
.xian{
  height: 0.15rem;
  background-color: rgb(243, 242, 242);
  float: left;
  width: 20rem;
  margin: 0.2rem 1rem;
}
.change{
  margin-left: 0.7rem;
  margin-top: 0.5rem;
}
.weui-cell__bd{
  margin-left: 0.5rem;
  font-weight: 600;
  color: #0a0a0a;
  font-size: small;
  display: inline-block;
}
.gray{
  background: rgb(184, 184, 184);
  width: 9rem;
  height: 5rem;
  border-radius: 0.5rem;
  margin: 0rem 0.5rem;
  display: inline-block;
  float: left;
}
.state{
  background-color: orange;
  display: inline-block;
  width: 5rem;
  height: 1.3rem;
  float: right;
  border-radius: 0.8rem;
  color: white;
  font-size:small;
  line-height: 1.3rem;
  text-align: center;
  margin-top: 0.5rem;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px
}
.state1{
  background-color: pink;
  display: inline-block;
  width: 5rem;
  height: 1.3rem;
  float: right;
  border-radius: 0.8rem;
  color: white;
  font-size:small;
  line-height: 1.3rem;
  text-align: center;
  margin-top: 0.5rem;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px
}
.state2{
  background-color: green;
  display: inline-block;
  width: 5rem;
  height: 1.3rem;
  float: right;
  border-radius: 0.8rem;
  color: white;
  font-size:small;
  line-height: 1.3rem;
  text-align: center;
  margin-top: 0.5rem;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px
}
.fa{
  float: left;
  width: 100%;
  margin-top: 1rem;
}
.price{
  color: rgb(97, 96, 96);
  float: left;
  display: inline-block;
  font-size: small;
}
.price{
  color: rgb(97, 96, 96);
  float: left;
  display: inline-block;
  font-size: small;
}
.price{
  color: rgb(97, 96, 96);
  float: left;
  display: inline-block;
  font-size: small;
}
.card{
  color: rgb(97, 96, 96);
  float: left;
  display: inline-block;
  font-size: small;
  margin-right: 2rem;
  margin-top: 0.2rem;
}
/******************switch效果********************/
.wx-switch-input {
  width: 27px !important;
  height: 15px !important;
  box-sizing: border-box;
  position: relative;
  background:  #b6b5b5 !important;
  border: 0.2rem solid rgb(1, 107, 1);
}
 
.wx-switch-input::before {
  width: 27px !important;
  height: 15px !important;
  background: #b6b5b5 !important;
  border: 0px solid #bbbaba ;
  box-shadow: none !important;
  left: 0px;
  top: 0px;
}
 
.wx-switch-input::after {
  width: 10px !important;
  height: 10px !important;
  top: 1px !important;
  left: 0px !important;
  opacity: 1 !important;
  box-sizing: border-box;
  box-shadow: none !important;
  border: 0px !important;
  background:  rgb(1, 107, 1);
}
.chance{
  float: right;
}
.clect{
  font-size: small;
  float: right;
  margin-top: 0.1rem;
}
.clt{
  color: green!important;
}
.clect-2{
  font-size: small;
  color: #858383;
  margin-right: 0.3rem;
  float: right;
  margin-top: 0.1rem;
}
.clt2{
  color: #858383!important;
}
.red{
  color: aqua;
}
.fa-change{
  background: #9c9b9b;
  display: inline-block;
  width: 4rem;
  height: 1.3rem;
  color: white;
  border-radius: 0.3rem;
  line-height: 2em;
  text-align: center;
  font-size: x-small;
  font:  sans-serif;
  float: right;
  margin-top: 0.4rem;
}
.pink{
  background-color:pink;
}
.green{
  background-color:green;
}