.kaijiang-home-toptab {
  padding: .32rem 0;
  text-align: center;
}

.kaijiang-home-toptab .tab {
  font-size: .453333rem;
  font-weight: bold;
  color: rgba(17, 17, 17, 0.5);
}

.kaijiang-home-toptab .tab:first-child {
  margin-right: .533333rem;
}

.kaijiang-home-toptab .tab-active {
  position: relative;
  color: #FF1E13;
}

.kaijiang-home-toptab .tab-active::after {
  display: inline-block;
  position: absolute;
  content: ' ';
  width: .48rem;
  height: .053333rem;
  left: 50%;
  bottom: -0.133333rem;
  transform: translateX(-50%);
  background: #FF1E13;
}

.kaijaing-home-ad-area {
  margin-top: .16rem;
  text-align: center;
}

.kaijaing-home-ad-area img {
  width: 9.2rem;
  height: 2.133333rem;
  border-radius: .133333rem;
}

.kaijaing-list-toptab {
  position: relative;
  margin-top: .32rem;
  padding: .106667rem;
  border-radius: .133333rem;
  font-size: .373333rem;
  color: #838383;
  background: #F1F1F1;
}

.kaijaing-list-toptab .tab-active {
  position: relative;
  font-weight: bold;
  border-radius: .133333rem;
  color: #111111;
  background: white!important;
}

.kaijaing-list-toptab .cp-tab {
  display: inline-block;
  padding: .16rem .48rem;
  background: #F1F1F1;
}

.kaijaing-list-toptab .change-loc {
  position: absolute;
  top: 50%;
  right: .266667rem;
  font-size: .373333rem;
  transform: translateY(-50%);
  color: #111111;
}

.kaijaing-list-toptab .change-loc::before {
  content: ' ';
  display: inline-block;
  width: .32rem;
  height: .373333rem;
  margin-right: .106667rem;
  margin-bottom: .026667rem;
  vertical-align: middle;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAA4CAMAAACMj4vYAAAAAXNSR0IArs4c6QAAAFdQTFRFAAAAv7+/z8/Px8fHxcXFysrKx8fHxsbGycnJycnJx8fHxsbGyMjIycnJx8fHysrKyMjIyMjIx8fHyMjIycnJxsbGyMjIyMjIycnJyMjIyMjIycnJyMjIEsoCHQAAABx0Uk5TABAQIDAwQFBQX2BwcH+Aj5CfoK+vsL/Pz9/v720ZUd0AAAFuSURBVBgZlcGNehohEAXQuztbTFFZqQ1x8L7/czYxxm+A/aHnoCE+3jST1DT7CTvGs7Kgs2CdS1wQBcskckUULPiduUo9GjM3nVEar9xxHWHduCvBmNkh4uXMLic8CTtN+KbslPDg2c3ji7Kb4pNnK11CuCS2HIDESg4jHiSwloCBlZvgRZSVEQeWbiOM4YOlAy4sqKAwKAsXJBY8Ko6FdygtRSPRUrBwQuNI6w4WJjR+sQAWRjQGFpBpYQGtO5TWiMZA6wN/aU1oOFrvONIKaBxpBThaiobSckCm5VHxtBTAhdZdUBClFQE4FlRgiLLg8CmxoIIXpywovjhW4oQHF1nxeEis6XWeo7Km+ObYyeMpsUvED8nskAUvJ3Y4wbhyV4Q1KHeooDBlbsqCiuemNzQCNwQsCFwVsChwRcCKwEUBqwIXBGwIbARsCqycsOOQaeQ37BLliwo6SOJTGtEn8CGgm1NSHf6D/LmOWPQPo/WuyfqK72wAAAAASUVORK5CYII=);
}

.kaijaing-list-toptab .change-loc::after {
  content: ' ';
  display: inline-block;
  width: .32rem;
  height: .373333rem;
  margin-left: .106667rem;
  vertical-align: middle;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAALCAMAAACnFTZPAAAAAXNSR0IArs4c6QAAAF1QTFRFAAAAv7+/v7+/v7+/v7+/zs7Ox8fHy8vLxsbGysrKxcXFysrKycnJyMjIyMjIx8fHx8fHycnJx8fHycnJyMjIyMjIx8fHx8fHyMjIx8fHyMjIyMjIx8fHx8fHyMjIhjIvLQAAAB50Uk5TAAQIDBAfICcoKyxDR09TW19fd3uHr7O7u9fb3/P3GeB92wAAAGxJREFUCB0FwQdiggAAALEUR4cD66IK3P+f2YTxAgD4GC9+6zkAwPAoY/W3AWA7Vdyr9w5g96ruuFXzJ/A9V1dwWms5wmGp9Qw4LrWeOK+1HAB8zdXtWs0/ANi/q+q1BwCbqWraAgCGZz0GwD9yMAmNP3KmVwAAAABJRU5ErkJggg==);
}

.change-arrow-down::after {
  transform: rotate(180deg);
  transition: transform .1s;
}

.kaijaing-list-toptab .tab-active::after {
  display: inline-block;
  position: absolute;
  content: ' ';
  width: .32rem;
  height: .053333rem;
  left: 50%;
  bottom: .08rem;
  transform: translateX(-50%);
  background: #FF1E13;
}

/* .kaijaing-list-toptab span:first-child {
  margin-right: .8rem;
} */

.kj-root-wrapper {
  /* padding: 0 .4rem; */
  background: #F6F6F6;
}

.kj-root-wrapper .swiper-page-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}

.kj-content-wrapper {
  padding: 0 .4rem 1.333333rem; 
}

.kj-list-wrapper {
  display: none;
  margin-top: .4rem;
}

.kj-list-item {
  display: block;
  margin-bottom: .213333rem;
  padding: .266667rem;
  padding-right: .08rem;
  border-radius: .133333rem;
  background: #fff;
}

.kj-list-item .kaij-djs {
  display: inline-block;
  min-height: auto;
  line-height: normal;
  margin-top: .32rem;
  padding: .16rem .266667rem!important;
  font-size: .32rem;
  border-radius: .133333rem;
  background: #F6F6F6;
}

.kj-list-item__dfc {
  padding-bottom: .08rem;
}

.kj-list-item__title {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: .533333rem;
  color: #111111;
  position: relative;
}

.kj-list-item__title__left {
  display: flex;
  align-items: center;
  flex-grow: 1;
}

.kj-list-item__title__right {
  position: absolute;
  right: .16rem;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  font-size: .533333rem;
  transform-origin: 100% 50%;
}

.kj-info-scale {
  font-size: .586667rem;
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  transform-origin: 0 50%;
  margin-right: -50%;
}

.kj-list-item__title .name {
  margin-right: .08rem;
  font-size: .373333rem;
  font-weight: bold;
}

.kj-list-item__title .kj-date {
  color: #B1B1B1;
}

.kj-list-item__title .kj-today {
  display: inline-block;
  height: 1.066667rem;
  line-height: 1.066667rem;
  margin-right: .266667rem;
  padding: 0 .213333rem;
  border-radius: 1.333333rem;
  vertical-align: middle;
  color: #FF1E13;
  background: #FFEDEC;
}

.kj-list-item__title .kj-playback {
  display: flex;
  align-items: center;
  height: 1.066667rem;
  line-height: 1.066667rem;
  transform-origin: 100% 50%;
  padding: 0 .213333rem;
  border-radius: 1.333333rem;
  color: #838383;
  background: #F6F6F6;
}

.icon-playback {
  width: .64rem;
  height: .64rem;
  margin-right: .08rem;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAAXNSR0IArs4c6QAAAFRQTFRFAAAAgICAhISEgICAgICAhYWFgICAg4ODgICAg4ODgoKCg4ODgoKChISEg4ODg4ODgoKCgYGBg4ODhISEg4ODg4ODgoKCg4ODg4ODhISEg4ODg4ODTRJZewAAABt0Uk5TABAfIDAwQEBQUGBvcHB/gI+QkJ+gr7C/z9/vxEDXzgAAAaZJREFUSMe9ltFyozAMRXEdGkw3AUpYY53//88+kBgby7TT2Vm9Ye5FknUl0TT/30w3LkFAVj925lv4uxdSW7pTuAsUFvoq3HpUW62O/3gGE6bemqYxrZueDuWPhr9vL+dretg+ttN7De8L7/ahM+4ActNc30RhfACEtnIZASDLwwoQbPX6AiDp6/V4cLBWAL8/9wC3s4reAFx8DMB8LhkPhCgIgCSgd0U/FuBVoiV3MKr5P/YsDMBlfwXAeBT2FRATIwrNgVCKNABbrBMwFQSY87h2mI/UnHAQaQ/8jVW7aIQ8eRsjF8DohFRzBpAIaGoE3rLzHxBsSTgNaVBCCpnjjOCTfm2BNSqjV681E7CL2qgVztcKV5HGtSoNI4lyX4TPo/ha9rvxubwfebJPm6MyNuWmDeRcpYG6NDx/3qJzlqgr5k4xd8nv3gPS1vFWYtV+Oci2uVNjtEGZW0N9D2x7YzgeD1of72tpKD80PFv/ku3ImRr+tQcgjN3FNI2x/Rg02SbeV30p+vpc77W168439ZKhRZFh8evgJr8KSFgm9/2vw7+3L5Y6Rct6MngAAAAAAElFTkSuQmCC);
}

.recommends {
  position: relative;
}

.recommends .new-logo {
  display: inline-block;
  position: absolute;
  right: 0;
  padding: .08rem .213333rem;
  font-size: .48rem;
  -webkit-transform: scale(0.4);
  transform: scale(0.4);
  transform-origin: 100% -10%;
  border-radius: .4rem .48rem .48rem 0;
  color: white;
  text-align: center;
  border: .053333rem solid white;
  background: linear-gradient(315deg, #FF1E13 0%, #FF5547 100%);
}

.kj-list-item__bottom {
  margin-top: -0.373333rem;
}

.kj-list-item__bottom ul {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  flex-direction: row;
}


.kj-list-item__bottom ul li {
  margin-right: .186667rem;
}

.kj-list-item__bottom .operate-item {
  display: inline-block;
  width: 2.026667rem;
  margin: .186667rem 0 0;
  padding: .16rem 0;
  font-size: .32rem;
  text-align: center;
  color: #BA5D49;
  background: #FFEBDD;
  border-radius: .133333rem;
}

.kj-list-item__bottom ul li:nth-child(4n + 4) {
  margin-right: 0;
}

/*平板*/
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .kj-list-item__bottom ul li:nth-child(4n + 4) {
    margin-right: .186667rem;
  }
}

.kj-list-item__number {
  display: flex;
  align-items: center;
  margin: .453333rem .186667rem .453333rem 0;
}

.kj-list-item__number__dfc {
  margin-bottom: 0;
}

.kj-list-item__number .number-list {
  display: flex;
  flex-grow: 1;
  flex-wrap: wrap;
}

.kj-list-item__number .number-list .empty-ball {
  position: relative;
  font-size: .373333rem;
  margin-right: .4rem;
  /* font-weight: bold; */
  color: #111;
  font-family: "Bebas", sans-serif;
}

.kj-list-item__number .number-list .empty-ball:last-child {
  margin-right: 0;
}

.kj-list-item__number .number-list .empty-ball:before {
  content: "";
  width: 0.013333rem;
  height: .32rem;
  background: #DFDFDF;
  display: inline-block;
  position: absolute;
  right: -0.186667rem;
  top: 50%;
  transform: translateY(-50%);
}

.kj-list-item__number .number-list .empty-ball:last-child:before {
  width: 0;
}

.kj-list-item__number .number-list .kaij-sjh {
  color: #838383;
  font-size: .32rem;
  margin-left: .4rem;
  min-width: 2.2rem;
}

.kj-list-item__number .number-list .ball {
  width: .773333rem;
  height: .773333rem;
  line-height: .773333rem;
  margin: 0 .186667rem .186667rem 0;
  border-radius: 50%;
  text-align: center;
  font-size: .4rem;
  font-family: "Bebas", sans-serif;
}

.zh-character {
  font-family: sans-serif!important;
}

.kj-list-item__number .kj-list-item__arrow {
  flex-shrink: 0;
  /* margin-bottom: .093333rem; */
}

.img-base64-arrow__right {
  display: block;
  width: .146667rem;
  height: .28rem;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAqCAYAAAC3DKvtAAAAAXNSR0IArs4c6QAAAdFJREFUSEu119FtwjAQBuA7IYF4YwRGIE+OxUuZpHSClgmACdoNCpPQFxSHFxiBDcoC5CpHThSa2D47gjck/OVk7vfFCE/6YOXmeb4mog/zfZem6arPM0v4dDp9FkVRoZWn8bdYvISVUr8AMPmPIOJGCLGNwZ2wBmPxEs6ybIOIa1tliLgUQuxDKi/hw+EwGY/HBwCY2RYT0UJK+cPF664w+BkApl2LEfFWFEUipbxy8Bo2WzJFRF15Jw4AV1O5F3+AG7iuvNUlptLraDRKkiS5uSpvwQZ/MZV3rkXEy3A4XLjwTtjgS0T8dlTlDJAVZrahNUBOuA/uhQ2+Q8TXkACx4JgAseBGOtkBYsOhAQqCQwIUDHMDFAVzAhQN+3q8F2wG8KbzmOWcrV2/UUq9A8CXNTQx8PF4nA0GA93T1tMveCuyLNPDwHle62EQBBuUNWHYMAO9EVE9E9lwnudnIrJO8fv9nszn80u16SxYKaUnydLxR6/SNH3oEC/s6lX9ICLaSilbveyEY1H9QCvsCwAR7aWU1u3phDkBEEIkQe8V3AD4XrWe/4oVGgDfGdO8gwQFgAVb7iDNta0AsGDbHcQVgF6wLVU+tA5I1x3EFwAf/gdHnCLcu3R0owAAAABJRU5ErkJggg==);
}

.content-hide {
  display: none;
}

.content-show {
  display: block;
}

/* 弹窗样式 */
.dfc-container {
  min-height: 60vh;
}

.df-dialog {
  display:none;
  position:fixed;
  z-index:100;
  bottom:0;
  left:0;
  width:100%;
  height:100%;
  background:rgba(17,17,17,0.5);
}

.modal-content {
  position: absolute;
  width: 100%; 
  min-height:30%;
  bottom: 0;
  left: 0;
  border-radius: .4rem .4rem 0 0;
  background: white;
  animation: dfc-modal-open .2s linear 0s both;
  -webkit-animation: dfc-modal-open .2s linear 0s both;
}

.modal-content .province-wrapper {
  display: flex;
  flex-wrap: wrap;
  padding: .4rem .213333rem .4rem .4rem;
}

.modal-content .province-item {
  width: 2.16rem;
  height: .906667rem;
  margin: 0 .186667rem .186667rem 0;
  line-height: .906667rem;
  font-size: .373333rem;
  color: #838383;
  text-align: center;
  background: #F6F6F6;
  border-radius: .133333rem;
  box-sizing: border-box;
}

.modal-content .province-item-active {
  border: 1px solid #FF1E13;
  color: #FF1E13;
  background: #FFEDEC;
}

.modal-content .btn-sure-select {
  width: 92%;
  height: 1.306667rem;
  line-height: 1.306667rem;
  margin: .666667rem 0 .906667rem 4%;
  font-size: .453333rem;
  text-align: center;
  background: linear-gradient(90deg, #FF5547 0%, #FF1E13 100%);
  box-shadow: 0 .133333rem .32rem 0 rgba(255,30,19,0.4);
  border-radius: 2.666667rem;
  color: white;
}

.df-dialog-show {
  animation: dfc-modal-open .2s linear;
  -webkit-animation: dfc-modal-open .2s linear;
}

@keyframes dfc-modal-open
{
  0% {
    opacity: 0;
    transform: translateY(100%);
    -webkit-transform: translateY(100%);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
    -webkit-transform: translateY(0);
  }
}

@-webkit-keyframes dfc-modal-open
{
  0% {
    opacity: 0;
    transform: translateY(100%);
    -webkit-transform: translateY(100%);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
    -webkit-transform: translateY(0);
  }
}

/* 弹窗样式 */

/* 公共 */
.mgb-3 {
  margin-bottom: .093333rem;
}

.mgt-7 {
  margin-top: .186667rem;
}
/* 公共 */

@font-face {
  font-family: "Bebas";
  src: url("https://500cache.btr958.com/mobile/touch/ttf/Bebas.ttf") format("woff"),
       url("https://500cache.btr958.com/mobile/touch/ttf/Bebas.ttf") format("truetype");
}

.font-family-rebas {
  font-family: "Bebas", sans-serif;
}