.optionList .topHead[data-v-b5736e1e] {
  width: 100%;
  background-color: #fff;
}
.optionList .topHead .search[data-v-b5736e1e] {
  margin: 0.12rem 0.12rem 0;
  padding: 0.1rem;
  height: 0.38rem;
  background: #ebf3fe;
  border-radius: 0.22rem;
}
.optionList .topHead .search .tt[data-v-b5736e1e] {
  margin-left: 0.1rem;
  font-weight: 400;
  font-size: 0.14rem;
  color: #999;
}
.optionList .topHead .title[data-v-b5736e1e] {
  padding: 0.12rem 0.12rem 0;
}
.optionList .topHead .title div[data-v-b5736e1e] {
  font-family: PingFang TC;
  font-weight: 600;
  font-size: 0.16rem;
  color: #000;
}
.optionList .topHead .title .cancle[data-v-b5736e1e] {
  font-family: PingFang TC;
  font-weight: 600;
  font-size: 0.16rem;
  color: #b0aaa5;
}
.optionList .stockTab[data-v-b5736e1e] {
  height: 0.4rem;
  padding: 0 0.15rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.optionList .stockTab .tab-item[data-v-b5736e1e] {
  height: 0.35rem;
  font-weight: 500;
  font-size: 0.14rem;
  color: #c1c1c1;
  margin-right: 0.1rem;
  padding: 0 0.02rem;
  position: relative;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
}
.optionList .stockTab .tab-item.active[data-v-b5736e1e] {
  color: #24272c;
}
.optionList .stockTab .tab-item.active[data-v-b5736e1e]:after {
  content: "";
  display: block;
  width: 100%;
  height: 0.03rem;
  background: #24272c;
  position: absolute;
  bottom: 0;
  left: 0;
}
.optionList .stockTab .tab-item .icon[data-v-b5736e1e] {
  width: 0.19rem;
  height: 0.19rem;
  margin-right: 0.05rem;
  border-radius: 50%;
  background-size: cover;
}
.optionList .btn[data-v-b5736e1e] {
  margin: 0.2rem 0.12rem;
  height: 0.48rem;
  background: #af3133;
  border-radius: 0.12rem 0.12rem 0.12rem 0.12rem;
  font-family: PingFang TC;
  font-weight: 500;
  font-size: 0.16rem;
  color: #fff;
}
.optionList .btn .icon[data-v-b5736e1e] {
  margin-right: 0.05rem;
}
.optionList .index .t[data-v-b5736e1e] {
  font-weight: 500;
  color: #1e1e1e;
  padding: 0 0.1rem 0.1rem;
}
.optionList .nums[data-v-b5736e1e] {
  text-align: center;
  padding: 0.1rem 0;
  border-bottom: 0.01rem solid #f4f5f8;
}
.optionList .nums .nums-item[data-v-b5736e1e] {
  width: 32%;
}
.optionList .nums .nums-item.center[data-v-b5736e1e] {
  border-left: 0.02rem solid #bbc5c1;
  border-right: 0.02rem solid #bbc5c1;
}
.optionList .nums .nums-item .name[data-v-b5736e1e] {
  font-weight: 600;
  font-size: 0.12rem;
  margin-bottom: 0.05rem;
}
.optionList .nums .nums-item .icon[data-v-b5736e1e] {
  margin-left: 0.05rem;
}
.optionList .nums .nums-item .t[data-v-b5736e1e] {
  font-weight: 500;
  font-size: 0.16rem;
  color: #c5585e;
  margin: 0.1rem 0;
}
.optionList .nums .nums-item .t.die[data-v-b5736e1e] {
  color: #4f8672;
}
.optionList .nums .nums-item .t1[data-v-b5736e1e] {
  font-size: 0.12rem;
  color: #c5585e;
}
.optionList .nums .nums-item .t1.die[data-v-b5736e1e] {
  color: #4f8672;
}
.optionList .hotType[data-v-b5736e1e] {
  margin: 0.12rem 0.12rem 0;
  border-radius: 0.15rem;
  border: 0.01rem solid #979797;
}
.optionList .hotType .tab-item[data-v-b5736e1e] {
  height: 0.3rem;
  border-radius: 0.15rem;
  font-weight: 400;
  font-size: 0.14rem;
  color: #333;
  padding: 0 0.1rem;
  position: relative;
}
.optionList .hotType .tab-item.active[data-v-b5736e1e] {
  font-weight: 600;
}
.optionList .hotType .tab-item.active span[data-v-b5736e1e] {
  display: block;
  width: calc(100% + 0.01rem);
  height: 0.32rem;
  position: absolute;
  top: -0.01rem;
  left: 0;
  border: 0.01rem solid #a42b2c;
  border-radius: 0.15rem;
}
.optionList .hotType .tab-item:first-child span[data-v-b5736e1e] {
  margin-left: -0.01rem;
}
.optionList .cot .list .titles[data-v-b5736e1e] {
  padding: 0.15rem 0 0;
}
.optionList .cot .list .titles div[data-v-b5736e1e] {
  font-size: 0.12rem;
  color: #666;
}
.optionList .cot .list .titles .icon[data-v-b5736e1e] {
  margin-left: 0.05rem;
}
.optionList .cot .list .list-item[data-v-b5736e1e] {
  border-bottom: 0.01rem solid #e2e2e2;
  padding: 0.12rem;
}
.optionList .cot .list .list-item .icon[data-v-b5736e1e] {
  margin-right: 0.1rem;
}
.optionList .cot .list .list-item .name[data-v-b5736e1e] {
  font-family: PingFang TC;
  font-weight: 600;
  font-size: 0.16rem;
  color: #000;
}
.optionList .cot .list .list-item .code[data-v-b5736e1e] {
  font-family: PingFang TC;
  font-weight: 500;
  font-size: 0.12rem;
  color: #62605f;
  margin-top: 0.05rem;
}
.optionList .cot .list .list-item .t[data-v-b5736e1e] {
  font-family: PingFang TC;
  font-weight: 600;
  font-size: 0.12rem;
}
.optionList .cot .list .list-item .price[data-v-b5736e1e] {
  margin-bottom: 0.05rem;
  font-family: PingFang TC;
  font-weight: 600;
  font-size: 0.16rem;
  color: #000;
}
.optionList .cot .list .list-item .per[data-v-b5736e1e] {
  margin-top: 0.05rem;
  margin-left: 0.05rem;
  border-radius: 0.3rem;
  font-size: 0.14rem;
}
.optionList .btns[data-v-b5736e1e] {
  padding: 0.15rem;
}
.optionList .btns .t[data-v-b5736e1e] {
  width: 48%;
  height: 0.4rem;
  background: #fff;
  -webkit-box-shadow: 0 0.02rem 0.02rem 0 rgba(0, 0, 0, 0.12),
    0 -0.02rem 0.02rem 0 rgba(0, 0, 0, 0.12),
    0.02rem 0 0.04rem 0 rgba(0, 0, 0, 0.12),
    -0.02rem 0 0.02rem 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 0.02rem 0.02rem 0 rgba(0, 0, 0, 0.12),
    0 -0.02rem 0.02rem 0 rgba(0, 0, 0, 0.12),
    0.02rem 0 0.04rem 0 rgba(0, 0, 0, 0.12),
    -0.02rem 0 0.02rem 0 rgba(0, 0, 0, 0.12);
  border-radius: 0.08rem 0.08rem 0.08rem 0.08rem;
  font-weight: 600;
  font-size: 0.14rem;
  color: #af3133;
}
.optionList .btns .t .icon[data-v-b5736e1e] {
  margin-right: 0.1rem;
}
.optionList .btns .t1[data-v-b5736e1e] {
  width: 48%;
  height: 0.4rem;
  border-radius: 0.08rem 0.08rem 0.08rem 0.08rem;
  background-color: #af3133;
  font-family: PingFang TC;
  font-weight: 600;
  font-size: 0.14rem;
  color: #fff;
  line-height: 0.4rem;
}