.page {
  overflow: auto;
}

.page > .page-bd {
  -webkit-box-flex: 0;
  -webkit-flex: none;
          flex: none;
}

.page-hd {
  background-color: #ba121a;
  z-index: 9;
}

.page-hd > .weui-cell {
  padding-top: 0.146667rem;
  padding-bottom: 0.146667rem;
}

img {
  max-width: 100%;
}

.icon_9 {
  width: 0.206667rem;
}

.page-bd {
  background-repeat: no-repeat;
  background: url() no-repeat top center;
  background-size: 100% auto;
}

input {
  -webkit-appearance: none;
}

.home_hd {
  padding-top: 0.5rem;
  padding-bottom: 2rem;
}

.home_hd .logo_3 {
  width: 90%;
  margin: 0 5%;
  margin-bottom: 0.2rem;
}

.home_hd .input-1 {
  width: 100%;
  height: 0.6rem;
  background: #ffffff;
  border: 0.026667rem solid #c7c7c7;
  border-radius: 0.033333rem;
  font-size: 0.2rem;
  box-sizing: border-box;
  padding: 0.2rem 0;
  margin-bottom: 0.1rem;
}

.home_hd .input-1::-webkit-input-placeholder {
  color: #959595;
  font-size: 0.2rem;
  -webkit-transform: translateY(-0.02rem);
          transform: translateY(-0.02rem);
}

.home_hd .input-1::placeholder {
  color: #959595;
  font-size: 0.2rem;
  -webkit-transform: translateY(-0.02rem);
          transform: translateY(-0.02rem);
}

.home_bd > .weui-cell {
  box-shadow: 0 0.02rem 0.033333rem 0 rgba(0, 0, 0, 0.05);
}

.jg-box {
  margin: 0.2rem;
  background: #ffffff;
  box-shadow: 0 0 0.126667rem 0 rgba(0, 0, 0, 0.1);
  border-radius: 0.033333rem;
  box-sizing: border-box;
  padding: 0 0.1rem;
  height: 6.366667rem;
  margin-top: -0.333333rem;
}

.jg-box .tlt {
  height: 0.633333rem;
  line-height: 0.633333rem;
  padding-left: 0.233333rem;
  font-size: 0.186667rem;
  position: relative;
  font-weight: 600;
}

.jg-box .tlt:before {
  content: "";
  position: absolute;
  left: 0.12rem;
  top: 50%;
  width: 0.026667rem;
  height: 0.173333rem;
  background: -webkit-linear-gradient(bottom, #ba121a, #f7010d);
  background: linear-gradient(0deg, #ba121a, #f7010d);
  margin-top: -0.086667rem;
}

.jg-box .bd {
  padding: 0.4rem 0.1rem;
  border-top: 0.013333rem dashed #e5e5e5;
  border-bottom: 0.013333rem dashed #e5e5e5;
}

.jg-box.jg-box-1 .t-box {
  padding: 0 0.4rem;
  text-align: center;
}

.jg-box.jg-box-1 .ft img {
  width: 2rem;
}

.jg-box.jg-box-1 .ft {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
}

.jg-box.jg-box-1 .ft a + a {
  margin-left: 0.1rem;
}

.jg-box.jg-box-2 {
  height: auto;
}

.jg-box.jg-box-2 .bd {
  padding-top: 0.266667rem;
}

.jg-box.jg-box-2 .icon_2 {
  display: block;
  width: 0.733333rem;
  height: 0.733333rem;
  margin: 0 auto;
}

.jg-box.jg-box-2 .t-box {
  margin-bottom: 0.266667rem;
  padding-top: 0.233333rem;
}

.jg-box.jg-box-2 .f-tlt {
  padding: 0.233333rem 0;
  border-bottom: 0.013333rem dashed #e5e5e5;
  text-align: center;
}

.jg-box.jg-box-2 .num {
  display: inline-block;
  width: 0.2rem;
  height: 0.2rem;
  background: #595A61;
  border-radius: 50%;
  line-height: 0.193333rem;
  text-align: center;
  color: #ffffff;
  font-size: 0.146667rem;
  margin-right: 0.066667rem;
}

.jg-box.jg-box-2 .btns {
  padding: 0.233333rem 0;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
}

.jg-box.jg-box-2 .btns .btn {
  width: 2rem;
  height: 0.54rem;
  border: 0.006667rem solid rgba(231, 28, 37, 0.8);
  border-radius: 0.02rem;
  line-height: 0.54rem;
  text-align: center;
  color: #E71C25;
  font-size: 0.186667rem;
}

.jg-box.jg-box-2 .btns .btn + .btn {
  margin-left: 0.1rem;
}

.rz-list {
  padding-bottom: 0.333333rem;
}

.rz-list .tlt-1 {
  padding-top: 0.4rem;
  padding-bottom: 0.2rem;
}

.rz-list .rz-item-1 {
  padding: 0 0.2rem;
}

.rz-list .rz-item-1 .li-box {
  background-color: #ffffff;
  box-shadow: 0 0.006667rem 0.073333rem 0 rgba(0, 0, 0, 0.1);
  border-radius: 0.066667rem;
  padding: 0 0.2rem;
  margin-bottom: 0.2rem;
}

.rz-list .rz-item-1 .li-box .num {
  width: 0.24rem;
  height: 0.24rem;
  background: #474747;
  border-radius: 50%;
}

.rz-list .rz-item-1 .li-box.active .tlt-2 .num {
  background-color: #E71C25;
}

.rz-list .rz-item-1 .li-box.active .tlt-2 .cell-1 {
  color: #E71C25;
}

.rz-list .rz-item-1 .li-box.active .tlt-2:after {
  border-color: #E71C25;
  border-width: 0.02rem 0 0 0.02rem;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  margin-top: 0.053333rem;
}

.rz-list .rz-item-1 .li-box.active .li-bd {
  display: block;
}

.rz-list .rz-item-1 .li-box .li-bd {
  display: none;
}

.rz-list .rz-item-1 .li-box .tlt-2 {
  height: 0.933333rem;
  line-height: 0.933333rem;
  position: relative;
  width: 100%;
}

.rz-list .rz-item-1 .li-box .tlt-2 .cell-1 {
  color: #3A3A3A;
  margin-top: -0.026667rem;
}

.rz-list .rz-item-1 .li-box .tlt-2:after {
  content: '';
  width: 0.066667rem;
  height: 0.066667rem;
  border: 0 solid #cccccc;
  border-width: 0 0.02rem 0.02rem 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.rz-list .rz-item-1 .li-box .text-1 {
  font-size: 0.186667rem;
  color: #555555;
  line-height: 0.32rem;
  border-top: 0.013333rem dashed #e5e5e5;
  padding: 0.2rem 0;
  padding-bottom: 0.066667rem;
}

.rz-list .rz-item-1 .li-box .btns {
  padding: 0.233333rem 0;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}

.rz-list .rz-item-1 .li-box .btns .btn {
  display: inline-block;
  width: 2rem;
  height: 0.54rem;
  border: 0.006667rem solid rgba(231, 28, 37, 0.8);
  border-radius: 0.02rem;
  line-height: 0.54rem;
  text-align: center;
  color: #E71C25;
  font-size: 0.186667rem;
}

.rz-list .rz-item-1 .li-box .btns .btn + .btn {
  margin-left: 0.1rem;
}

.rz-list .rz-item-2 .tab-btns {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  overflow: auto;
  padding: 0 0.2rem;
  padding-bottom: 0.266667rem;
}

.rz-list .rz-item-2 .tab-btns .tab-btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  min-width: 1.02rem;
  height: 1.093333rem;
  background: #ffffff;
  box-shadow: 0 0.02rem 0.033333rem 0 rgba(0, 0, 0, 0.05);
  border-radius: 0.066667rem;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-flow: column;
          flex-flow: column;
  position: relative;
}

.rz-list .rz-item-2 .tab-btns .tab-btn::before {
  display: none;
  content: "";
  position: absolute;
  bottom: -0.066667rem;
  left: 50%;
  width: 0.133333rem;
  height: 0.133333rem;
  margin-left: -0.066667rem;
  background-color: #E71C25;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.rz-list .rz-item-2 .tab-btns .tab-btn.active {
  background-color: #E71C25;
}

.rz-list .rz-item-2 .tab-btns .tab-btn.active .text-1 {
  color: #ffffff;
}

.rz-list .rz-item-2 .tab-btns .tab-btn.active::before {
  display: block;
}

.rz-list .rz-item-2 .tab-btns .tab-btn img {
  width: 0.4rem;
  height: 0.4rem;
}

.rz-list .rz-item-2 .tab-btns .tab-btn .text-1 {
  color: #616161;
  margin-top: 0.1rem;
}

.rz-list .rz-item-2 .tab-btns .tab-btn + .tab-btn {
  margin-left: 0.1rem;
}

.rz-list .rz-item-3 {
  padding: 0 0.2rem;
}

.rz-list .rz-item-3 .form-box {
  background: #ffffff;
  box-shadow: 0 0.006667rem 0.073333rem 0 rgba(0, 0, 0, 0.1);
  border-radius: 0.066667rem;
  text-align: left;
}

.rz-list .rz-item-3 .xin {
  box-sizing: border-box;
  padding-left: 0.133333rem;
  position: relative;
}

.rz-list .rz-item-3 .xin:before {
  content: "*";
  color: #E71C25;
  left: 0;
  position: absolute;
}

.banner-box .swiper-slide img {
  width: 100%;
  height: 2.666667rem;
}

.banner-box .swiper-button-next,
.banner-box .swiper-button-prev {
  background-image: none;
  background-size: 30%;
  -webkit-animation: none;
          animation: none;
  color: #ffffff;
  width: 0.4rem;
  height: 0.4rem;
}

.banner-box .swiper-button-next:before,
.banner-box .swiper-button-prev:before {
  content: "";
  position: absolute;
  width: 0.133333rem;
  height: 0.133333rem;
  border: 0.033333rem solid transparent;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.banner-box .swiper-button-next:before {
  top: 32%;
  left: 23%;
  border-top-color: #ffffff;
  border-right-color: #ffffff;
}

.banner-box .swiper-button-prev:before {
  top: 32%;
  left: 40%;
  border-left-color: #ffffff;
  border-bottom-color: #ffffff;
}
.bg-1 {
    background-color: #000000;
}

.bg-2 {
    background-color: #be0102;
}

.bg-3 {
    background-color: #0cbc08;
}

.bg-4 {
    background-color: #0e46ea;
}

.bg-11 {
  background: url(../images/img_15.png) no-repeat top center;
  background-size: 100% 2rem;
  height: 2rem;
  text-align: center;
  box-sizing: border-box;
  padding-top: 0.533333rem;
}

.logo_1 {
  width: 3.2rem;
}

#p_error_popup .b-box {
  margin: 0 0.5rem;
  background-color: #ffffff;
  border-radius: 0.066667rem;
  text-align: center;
  padding: 0 0.2rem;
  box-sizing: border-box;
}

#p_error_popup .b-box .b-box-1 {
  padding: 0.4rem 0;
}

#p_error_popup .b-box img {
  width: 0.6rem;
  height: 0.6rem;
}

#p_error_popup .b-box .btn-ok {
  border-top: 0.013333rem solid #eeeeee;
  height: 0.666667rem;
  line-height: 0.666667rem;
}

.fiexd-navs {
  position: fixed;
  top: 0;
  left: -100%;
  height: 100%;
  width: 100%;
  background-image: -webkit-linear-gradient(#282a2c, #282a2c), -webkit-linear-gradient(#b80008, #b80008);
  background-image: linear-gradient(#282a2c, #282a2c), linear-gradient(#b80008, #b80008);
  z-index: 99;
  -webkit-transition: all .5s;
  transition: all .5s;
}

.fiexd-navs .logo_2 {
  width: 1.2rem;
}

.fiexd-navs .n-hd {
  background-image: -webkit-linear-gradient(#2f3032, #2f3032), -webkit-linear-gradient(#b80008, #b80008);
  background-image: linear-gradient(#2f3032, #2f3032), linear-gradient(#b80008, #b80008);
  background-blend-mode: normal, 
		normal;
}

.fiexd-navs .weui-cell:before {
  border-top: 0.013333rem solid rgba(255, 255, 255, 0.4);
}

.audio-wrapper {
  background-color: #fcfcfc;
  margin: 0.066667rem auto;
  max-width: 4.466667rem;
  height: 0.466667rem;
  border: 0.006667rem solid #e0e0e0;
  box-shadow: 0 0.066667rem 0.133333rem 0 rgba(59, 78, 138, 0.05);
  border-radius: 0.033333rem;
}

.audio-left {
  float: left;
  text-align: center;
  width: 14%;
  height: 100%;
  position: relative;
  border-right: 0.006667rem solid #e7e7e7;
}

.audioplayer-stopped .audio-left a {
  display: block;
  overflow: hidden;
}

.audioplayer-stopped .audio-left a {
  width: 0;
  height: 0;
  border: solid transparent;
  border-width: 0.093333rem 0.14rem;
  border-left-color: #595a61;
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -0.093333rem;
  margin-left: -0.046667rem;
}

.audioplayer-playing .audio-left a {
  width: 0.14rem;
  /* 12 */
  height: 0.186667rem;
  /* 12 */
  position: absolute;
  top: 50%;
  left: 47%;
  margin-top: -0.093333rem;
  margin-left: -0.046667rem;
}

.audioplayer-playing .audio-left a:before,
.audioplayer-playing .audio-left a:after {
  width: 40%;
  height: 100%;
  background-color: #595a61;
  content: '';
  position: absolute;
  top: 0;
}

.audioplayer-playing .audio-left a:before {
  left: 0;
}

.audioplayer-playing .audio-left a:after {
  right: 0;
}

.audio-right {
  margin-right: 2%;
  float: right;
  width: 80%;
  height: 100%;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
}

.audio-right p {
  font-size: 0.1rem;
  height: 35%;
  margin: 0.053333rem 0;
  /* 歌曲名称只显示在一行，超出部分显示为省略号 */
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 1.62rem;
  /* 要适配小屏幕手机，所以最大宽度先设小一点，后面js根据屏幕大小重新设置 */
}

.progress-bar-bg {
  position: relative;
  cursor: pointer;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
          flex: 1;
  height: 0.066667rem;
  background-image: -webkit-linear-gradient(#e9e9ea, #e9e9ea), -webkit-linear-gradient(#ece8e2, #ece8e2);
  background-image: linear-gradient(#e9e9ea, #e9e9ea), linear-gradient(#ece8e2, #ece8e2);
  background-blend-mode: normal, 
          normal;
  border-radius: 0.033333rem;
}

.progress-bar {
  width: 0;
  height: 0.066667rem;
  background-image: -webkit-linear-gradient(#595a61, #595a61), -webkit-linear-gradient(left, #e0be86 0%, #cca96b 100%), -webkit-linear-gradient(#ccb183, #ccb183);
  background-image: linear-gradient(#595a61, #595a61), linear-gradient(90deg, #e0be86 0%, #cca96b 100%), linear-gradient(#ccb183, #ccb183);
  background-blend-mode: normal, 
          normal, 
          normal;
  border-radius: 0.033333rem;
}

.progress-bar-bg span {
  content: " ";
  width: 0.066667rem;
  height: 0.066667rem;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  background-color: #3e87e8;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -0.033333rem;
  margin-left: -0.033333rem;
  cursor: pointer;
}

.audio-time {
  overflow: hidden;
  margin-left: 0.1rem;
}

.audio-length-total {
  float: right;
  font-size: 0.08rem;
}

.audio-length-current {
  float: left;
  font-size: 0.08rem;
}

.audio-wrapper .progressDot {
  width: 0.233333rem;
  height: 0.233333rem;
  margin-top: -0.08rem;
  margin-left: -0.033333rem;
  box-shadow: 0 0 0.133333rem 0 rgba(0, 0, 0, 0.2);
  border-radius: 50%;
  position: absolute;
}

.img_14 {
  margin-top: 0.266667rem;
}

.weui-btn_primary {
  border-radius: 0;
  height: 0.6rem;
  background: -webkit-linear-gradient(bottom, #ba121a, #f7010d);
  background: linear-gradient(0deg, #ba121a, #f7010d);
  border-radius: 0.033333rem;
  box-shadow: none;
  font-size: 0.22rem;
}

.radio-5 {
  border-radius: 0.033333rem;
}

.bg-white {
  background-color: #ffffff;
}

.bg-transparent {
  background-color: transparent!important;
}

.img60 {
  width: 0.4rem;
  height: 0.4rem;
}

.img25 {
  width: 0.166667rem;
  height: 0.166667rem;
}

.img30 {
  width: 0.2rem;
  height: 0.2rem;
}

.mt40 {
  margin-top: 0.266667rem;
}

.p-foot {
  border-top: 0.02rem solid #CC0001;
  padding-top: 0.2rem;
  padding-bottom: 0.333333rem;
  line-height: 0.266667rem;
}

.p-foot1 {
  background-color: #393B3D;
  padding: 0 0.2rem;
}

.p-foot1 .hd {
  padding-bottom: 0.4rem;
  border-bottom: 0.013333rem dashed rgba(255, 255, 255, 0.3);
}

.p-foot1 .navs {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  padding: 0.266667rem 0;
}

.p-foot1 .navs .nav {
  color: #ffffff;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
          flex: 1;
  position: relative;
  text-align: center;
  font-size: 0.186667rem;
}

.p-foot1 .navs .nav + .nav:before {
  content: "";
  position: absolute;
  width: 1px;
  height: 0.16rem;
  top: 50%;
  left: 0;
  margin-top: -0.08rem;
  background-color: rgba(255, 255, 255, 0.3);
}

.p-foot1 .input-1 {
  height: 0.54rem;
  background: #ffffff url(../images/icon_12.png) no-repeat left center;
  line-height: 0.54rem;
  padding-left: 0.466667rem;
  border: none;
  background-size: 0.166667rem 0.226667rem;
  background-position-x: 0.206667rem;
  border-radius: 0;
}

.p-foot1 .input-1::-webkit-input-placeholder {
  color: #A4A4A4;
}

.p-foot1 .input-1::placeholder {
  color: #A4A4A4;
}

.p-foot1 .btn-1 {
  display: inline-block;
  width: 1.133333rem;
  height: 0.54rem;
  line-height: 0.54rem;
  background-color: #E71C25;
  text-align: center;
  font-size: 0.166667rem;
  color: #ffffff;
  cursor: pointer;
}

.products-box {
  position: relative;
}

.products-box .more-list {
  display: none;
  position: absolute;
  width: 2.5rem;
  background-color: #ffffff;
  line-height: 0.666667rem;
  text-align: center;
  z-index: 9;
  right: 0;
  top: 0.58rem;
  box-shadow: 0 0 0.126667rem 0 rgba(0, 0, 0, 0.1);
}

.products-box .more-list .more-item {
  display: block;
  border-bottom: 0.013333rem solid #E6E6E6;
  font-size: 0.2rem;
  color: #353535;
}

.products-box .products-types {
  height: 0.566667rem;
  text-align: center;
  border-bottom: 0.013333rem solid #E6E6E6;
}

.products-box .products-type-2 {
  line-height: 0.566667rem;
  font-size: 0.186667rem;
  border-left: 0.013333rem solid #E6E6E6;
}

.products-box .products-type-2 .text-1 {
  position: relative;
}

.products-box .products-type-2 .text-1:before {
  content: "";
  position: absolute;
  right: -0.166667rem;
  top: 50%;
  width: 0.066667rem;
  height: 0.066667rem;
  margin-top: -0.066667rem;
  border: 0 solid rgba(84, 84, 84, 0.4);
  border-width: 0 0.02rem 0.02rem 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.products-box .products-type-2.active {
  background-image: -webkit-linear-gradient(#f8f8f8, #f8f8f8), -webkit-linear-gradient(#000000, #000000);
  background-image: linear-gradient(#f8f8f8, #f8f8f8), linear-gradient(#000000, #000000);
}

.products-box .products-type-2.active .text-1:before {
  margin-top: -0.033333rem;
  border-width: 0.02rem 0 0 0.02rem;
}

.products-box .products-type-1 .text-1 {
  color: #E71C25;
  font-size: 0.2rem;
  display: inline-block;
  height: 0.52rem;
  line-height: 0.52rem;
  border-bottom: 0.046667rem solid #E71C25;
}

.products-box .products-list img {
  width: 1.2rem;
  height: 0.933333rem;
}

.products-box .products-list .product-item::before {
  border-top-style: dashed;
}

.b-loading {
  border-top: 0.013333rem dashed #eeeeee;
  margin: 0 0.2rem;
  padding-top: 0.133333rem;
  padding-bottom: 0.3rem;
}

.b-loading > div {
  height: 0.406667rem;
  background: rgba(0, 0, 0, 0.05);
  text-align: center;
  line-height: 0.406667rem;
  color: #707070;
  box-sizing: border-box;
}

.path-box {
  border-bottom: 0.013333rem solid #eeeeee;
}

.path-box img {
  width: 0.133333rem;
  height: 0.16rem;
}

.p-defail {
  padding: 0.2rem;
}

.p-defail h3 {
  font-size: 0.293333rem;
  font-weight: 400;
}

.p-defail .p-defail_hd {
  padding-bottom: 0.166667rem;
  border-bottom: 0.013333rem dashed #eeeeee;
}

.p-defail .p-defail_ft {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  padding: 0.2rem 0;
  border-bottom: 0.013333rem dashed #eeeeee;
}

.p-defail .p-defail_ft img {
  width: 2rem;
}

.p-defail .p-defail_ft a + a {
  margin-left: 0.1rem;
}

.bg-21 {
  line-height: initial;
  font-size: 0;
  position: relative;
}

.bg-21 .img_17 {
  position: absolute;
  bottom: 1rem;
  left: 50%;
  width: 2rem;
  margin-left: -1rem;
}

.before-none::before {
  display: none;
}

.after-none::after {
  display: none;
}

.cell {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}

.justify-between {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
}

.cell-1 {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
          flex: 1;
}

.mt-1 {
  margin-top: -1px;
}

.fiexd-icons {
  position: fixed;
  right: 0.133333rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.fiexd-icons img {
  width: 0.613333rem;
  height: 0.613333rem;
}

.fiexd-icons a {
  display: block;
}

.fiexd-icons a + a {
  margin-top: 0.033333rem;
}

.bg-black {
  background-color: #222222;
}

.bg-orange {
  background-color: #ED533F;
}

.bg-green {
  background-color: #39C736;
}

.bg-blue {
  background-color: #2C43A6;
}

.bg-ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  width: 100%;
}

.bg-ul .bg-li {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
          flex: 1;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  padding: 0 0.2rem;
}

.bg-ul .bg-li span {
  display: inline-block;
  width: 0.133333rem;
  height: 0.133333rem;
  border-radius: 50%;
}

.b-nums {
  height: 0.466667rem;
  border-radius: 0.033333rem;
  border: 0.006667rem solid #F0F0F0;
  border-width: 1px;
  line-height: 0.466667rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  font-size: 0.186667rem;
  margin: 0.166667rem 0;
  width: 100%;
}

.b-nums .num {
  text-indent: 0;
  letter-spacing: 0;
}

.b-nums .num {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
          flex: 1;
  padding: 0 0.1rem;
  letter-spacing: 0.04rem;
  text-align: center;
  text-indent: 0.026667rem;
  font-size: 0.2rem;
}

.b-nums .num + .num {
  border-left: 0.006667rem solid #F0F0F0;
}

.b-nums .text-1 {
  color: #000000;
}

.b-nums .text-2 {
  color: #be0102;
}

.b-nums .text-3 {
  color: #0cbc08;
}

.b-nums .text-4 {
  color: #0e46ea;
}


.nums .textf-1 {
    color: #1F1A17;
}

.nums .textf-2 {
    color: #5A38D7;
}

.nums .textf-3 {
    color: #F0499F;
}

.nums .textf-4 {
    color: #0093DD;
}

.nums .textf-5 {
    color: #D6362E;
}

.nums .textf-6 {
    color: #00923F;
}

.nums .textf-7 {
    color: #98238E;
}

.nums .textf-8 {
    color: #E56E14;
}

.nums .textf-9 {
    color: #959250;
}



.num_10_23 {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-flow: column;
          flex-flow: column;
}

.num_10_23 .nums {
  height: 0.466667rem;
  border-radius: 0.033333rem;
  border: 0.006667rem solid #F0F0F0;
  line-height: 0.466667rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  font-size: 0.2rem;
  margin-top: 0.166667rem;
}

.num_10_23 img {
  width: 1.066667rem;
  height: 1.066667rem;
}

.num_10_23 .num {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
          flex: 1;
  padding: 0 0.1rem;
  letter-spacing: 0.04rem;
  text-align: center;
  text-indent: 0.026667rem;
}

.num_10_23 .num + .num {
  border-left: 0.006667rem solid #F0F0F0;
}

.num_10_23 .text-orange {
  color: #ED533F;
}

.num_10_23 .text-green {
  color: #39C736;
}

.num_10_23 .text-blue {
  color: #2C43A6;
}

.num .textf-1 {
    color: #1F1A17;
}

.num .textf-2 {
    color: #5A38D7;
}

.num .textf-3 {
    color: #F0499F;
}

.num .textf-4 {
    color: #0093DD;
}

.num .textf-5 {
    color: #D6362E;
}

.num .textf-6 {
    color: #00923F;
}

.num .textf-7 {
    color: #98238E;
}

.num .textf-8 {
    color: #E56E14;
}

.num .textf-9 {
    color: #959250;
}