/*
 * @author: your name
 * @date: 2022-01-07 10:56:41
 * @lastedittime: 2022-01-27 21:07:08
 * @lasteditors: please set lasteditors
 * @description: 打开korofileheader查看配置 进行设置: https://github.com/obkoro1/koro1fileheader/wiki/配置
 * @filepath: \lz-information-web-app\css\index.css
 */
#channel .swiper,
#listpage .swiper,
#details .swiper,
#averageprice .swiper {
  margin-top: 0.21rem;
}

#index .tablist ul,
#channel .tablist ul,
#listpage .tablist ul,
#details .tablist ul,
#averageprice .tablist ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  padding: 0.27rem 0 0.53rem;
  background: #fff;
}

#index .tablist ul {
  justify-content: start
}

#index .tablist ul li,
#channel .tablist ul li,
#listpage .tablist ul li,
#details .tablist ul li,
#averageprice .tablist ul li {
  width: 20%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: 0.27rem;
}

#index .tablist .expand,
#channel .tablist .expand,
#listpage .tablist .expand,
#details .tablist .expand,
#averageprice .tablist .expand {
  position: relative;
}

#index .tablist .expand .box,
#channel .tablist .expand .box,
#listpage .tablist .expand .box,
#details .tablist .expand .box,
#averageprice .tablist .expand .box {
  width: 4.96rem;
  height: 0;
  border-top: 0.64rem solid #fff;
  border-left: 0.96rem solid transparent;
  border-right: 0.96rem solid transparent;
  margin: 0 auto;
}

#index .tablist .expand .hide,
#channel .tablist .expand .hide,
#listpage .tablist .expand .hide,
#details .tablist .expand .hide,
#averageprice .tablist .expand .hide {
  display: flex;
  position: absolute;
  align-items: center;
  top: 0.1rem;
  left: 4.37rem;
}

#index .tablist .expand .hide span,
#channel .tablist .expand .hide span,
#listpage .tablist .expand .hide span,
#details .tablist .expand .hide span,
#averageprice .tablist .expand .hide span {
  font-weight: 400;
  color: #8c8c8c;
}

#index .tablist .expand .hide img,
#channel .tablist .expand .hide img,
#listpage .tablist .expand .hide img,
#details .tablist .expand .hide img,
#averageprice .tablist .expand .hide img {
  width: 0.37rem;
  height: 0.37rem;
  margin-left: 0.27rem;
}

#index .infonow,
#channel .infonow,
#listpage .infonow,
#details .infonow,
#averageprice .infonow {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.32rem 0.27rem 0;
  background: #fff;
}

#index .infonow {
  padding: 0.27rem;
}

#index .infonow .lefttitle,
#channel .infonow .lefttitle,
#listpage .infonow .lefttitle,
#details .infonow .lefttitle,
#averageprice .infonow .lefttitle {
  width: 0.53rem;
  height: 2.53rem;
  box-sizing: border-box;
  padding: 0.11rem 0.08rem;
  background: linear-gradient(180deg, #4e9cf2 0%, #3977f6 100%);
  border-radius: 0.11rem;
  color: #fff;
  line-height: 0.59rem;
  text-align: center;
  margin-right: 0.26rem;
}

#index .infovisiable .right,
#channel .infovisiable .right,
#listpage .infovisiable .right,
#details .infovisiable .right,
#averageprice .infovisiable .right {
  margin-top: 0.27rem;
  height: 12rem;
  overflow: scroll;
}

#index .infonow .right,
#channel .infonow .right,
#listpage .infonow .right,
#details .infonow .right,
#averageprice .infonow .right {
  height: 2.86rem;
  overflow: auto;
}

#index .infovisiable .info-window .li {
  padding-left: 0;
  padding-right: 0;
}

#index .infonow .right li,
#index .infonow .right .li,
#channel .infonow .right li,
#channel .infonow .right .li,
#listpage .infonow .right li,
#listpage .infonow .right .li,
#details .infonow .right li,
#details .infonow .right .li,
#averageprice .infonow .right li,
#averageprice .infonow .right .li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 0.05rem dashed #bfbfbf;
  padding: 0.27rem 0;
}

#index .infonow .right li {
  justify-content: start;
  min-height: 50%;
  box-sizing: border-box;
}

#index>.infonow .right li:last-child,
#index>.infonow .right .li:last-child,
#channel .infonow .right li:last-child,
#channel .infonow .right .li:last-child,
#listpage .infonow .right li:last-child,
#listpage .infonow .right .li:last-child,
#details .infonow .right li:last-child,
#details .infonow .right .li:last-child,
#averageprice .infonow .right li:last-child,
#averageprice .infonow .right .li:last-child {
  border: 0;
}

#index .infonow .right li span:first-child,
#index .infonow .right .li span:first-child,
#channel .infonow .right li span:first-child,
#channel .infonow .right .li span:first-child,
#listpage .infonow .right li span:first-child,
#listpage .infonow .right .li span:first-child,
#details .infonow .right li span:first-child,
#details .infonow .right .li span:first-child,
#averageprice .infonow .right li span:first-child,
#averageprice .infonow .right .li span:first-child {
  width: 62px;
  font-size: 12px;
  color: #ba0c2f;
  position: relative;
  display: inline-block;
  margin-left: 0.26rem;
}

#index .infonow .right li span:first-child::before,
#index .infonow .right .li span:first-child::before,
#channel .infonow .right li span:first-child::before,
#channel .infonow .right .li span:first-child::before,
#listpage .infonow .right li span:first-child::before,
#listpage .infonow .right .li span:first-child::before,
#details .infonow .right li span:first-child::before,
#details .infonow .right .li span:first-child::before,
#averageprice .infonow .right li span:first-child::before,
#averageprice .infonow .right .li span:first-child::before {
  content: '';
  position: absolute;
  width: 0.16rem;
  height: 0.16rem;
  left: -0.22rem;
  top: 0.1rem;
  background: #ba0c2f;
  border-radius: 50%;
}

#index .infonow .right li span:last-child,
#index .infonow .right .li span:last-child,
#channel .infonow .right li span:last-child,
#channel .infonow .right .li span:last-child,
#listpage .infonow .right li span:last-child,
#listpage .infonow .right .li span:last-child,
#details .infonow .right li span:last-child,
#details .infonow .right .li span:last-child,
#averageprice .infonow .right li span:last-child,
#averageprice .infonow .right .li span:last-child {
  padding-left: 0.27rem;
}

#index .infonow .right li span:last-child {
  padding-left: 0.6rem;
  flex: 1;
}

#index .info-window .info-time,
#index .info-window .info-date {
  display: flex;
  width: 45px;
}

#index .info-window .info-time .red,
#index .info-window .info-date .black {
  width: 0.16rem;
  height: 0.16rem;
  background: #ba0c2f;
  border-radius: 50%;
  margin-right: 5px;
  position: relative;
  top: 0.23rem;
}

#index .info-window .info-date .black {
  background: #333;
}

#index .info-window .info-time-content,
#index .info-window .info-date-content {
  width: 84%;
  padding-left: 10px;
}

#index .info-window-out .info-time-content,
#index .info-window-out .info-date-content {
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 50px;
}

#index .info-window .info-time-content p,
#index .info-window .info-time-content span,
#index .info-window .info-time-content div,
#index .info-window .info-time-content a,
#index .info-window .info-time-content b,
#index .info-window .info-time-content i,
#index .info-window .info-time-content strong,
#index .info-window .info-date-content p,
#index .info-window .info-date-content span,
#index .info-window .info-date-content div,
#index .info-window .info-date-content a,
#index .info-window .info-date-content b,
#index .info-window .info-date-content i,
#index .info-window .info-date-content strong {
  font-size: 12px !important;
  font-weight: normal !important;
  color: #333 !important;
  text-indent: 0 !important;
  font-family: -apple-system, blinkmacsystemfont, 'helvetica neue', helvetica, segoe ui, arial, roboto, 'pingfang sc', miui, 'hiragino sans gb', 'microsoft yahei', sans-serif !important;

}

#index .nowprice,
#channel .nowprice,
#listpage .nowprice,
#details .nowprice,
#averageprice .nowprice {
  background: #fff;
  padding: 0.1rem 0.27rem 0;
}

#index .nowprice ul,
#channel .nowprice ul,
#listpage .nowprice ul,
#details .nowprice ul,
#averageprice .nowprice ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-top: 0.05rem dashed #bfbfbf;
  padding: 0.27rem 0;
}

#index .nowprice ul li,
#channel .nowprice ul li,
#listpage .nowprice ul li,
#details .nowprice ul li,
#averageprice .nowprice ul li {
  width: 33%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-left: 0.05rem dashed #bfbfbf;
}

#index .nowprice ul li:first-child,
#channel .nowprice ul li:first-child,
#listpage .nowprice ul li:first-child,
#details .nowprice ul li:first-child,
#averageprice .nowprice ul li:first-child {
  border: 0;
}

#index .nowprice ul li .title,
#channel .nowprice ul li .title,
#listpage .nowprice ul li .title,
#details .nowprice ul li .title,
#averageprice .nowprice ul li .title {
  font-size: 14px;
  font-weight: 400;
  color: #000000;
}

#index .nowprice ul li div:nth-of-type(2),
#channel .nowprice ul li div:nth-of-type(2),
#listpage .nowprice ul li div:nth-of-type(2),
#details .nowprice ul li div:nth-of-type(2),
#averageprice .nowprice ul li div:nth-of-type(2) {
  font-size: 16px;
  padding: 0.16rem 0;
}

#index .nowprice ul li .pricespan,
#channel .nowprice ul li .pricespan,
#listpage .nowprice ul li .pricespan,
#details .nowprice ul li .pricespan,
#averageprice .nowprice ul li .pricespan {
  display: flex;
  justify-content: space-between;
  align-items: center;
  justify-content: flex-start;
}

#index .nowprice ul li .pricespan img,
#channel .nowprice ul li .pricespan img,
#listpage .nowprice ul li .pricespan img,
#details .nowprice ul li .pricespan img,
#averageprice .nowprice ul li .pricespan img {
  width: 0.43rem;
  height: 0.43rem;
}

#index .nowprice ul li .pricespan .rate,
#channel .nowprice ul li .pricespan .rate,
#listpage .nowprice ul li .pricespan .rate,
#details .nowprice ul li .pricespan .rate,
#averageprice .nowprice ul li .pricespan .rate {
  margin-left: 0.16rem;
}

#index .nowprice ul .upprice,
#channel .nowprice ul .upprice,
#listpage .nowprice ul .upprice,
#details .nowprice ul .upprice,
#averageprice .nowprice ul .upprice {
  color: #e02020;
}

#index .nowprice ul .downprice,
#channel .nowprice ul .downprice,
#listpage .nowprice ul .downprice,
#details .nowprice ul .downprice,
#averageprice .nowprice ul .downprice {
  color: #6dd400;
}

#index .pricerank,
#channel .pricerank,
#listpage .pricerank,
#details .pricerank,
#averageprice .pricerank {
  background: #fff;
  width: 100%;
}

#index .pricerank article .others,
#channel .pricerank article .others,
#listpage .pricerank article .others,
#details .pricerank article .others,
#averageprice .pricerank article .others {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#index .pricerank article .others .picker,
#channel .pricerank article .others .picker,
#listpage .pricerank article .others .picker,
#details .pricerank article .others .picker,
#averageprice .pricerank article .others .picker {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 1.6rem;
  height: 0.53rem;
  box-sizing: border-box;
  border: 1px solid #bfbfbf;
  border-radius: 0.11rem;
  padding: 0 0.16rem;
}

#index .pricerank article .others .picker img,
#channel .pricerank article .others .picker img,
#listpage .pricerank article .others .picker img,
#details .pricerank article .others .picker img,
#averageprice .pricerank article .others .picker img {
  width: 0.27rem;
  height: 0.27rem;
  transition: all 0.5s;
}

#index .pricerank article .others .pickerreturn img,
#channel .pricerank article .others .pickerreturn img,
#listpage .pricerank article .others .pickerreturn img,
#details .pricerank article .others .pickerreturn img,
#averageprice .pricerank article .others .pickerreturn img {
  transform: rotate(180deg);
  transition: all 0.5s;
}

#index .pricerank article .others p,
#channel .pricerank article .others p,
#listpage .pricerank article .others p,
#details .pricerank article .others p,
#averageprice .pricerank article .others p {
  margin-left: 0.27rem;
  color: #fff;
  width: 0.48rem;
  height: 0.48rem;
  text-align: center;
  line-height: 0.48rem;
  border-radius: 0.05rem;
}

#index .pricerank article .others p:nth-of-type(1),
#channel .pricerank article .others p:nth-of-type(1),
#listpage .pricerank article .others p:nth-of-type(1),
#details .pricerank article .others p:nth-of-type(1),
#averageprice .pricerank article .others p:nth-of-type(1) {
  background: #ba0c2f;
}

#index .pricerank article .others p:last-child,
#channel .pricerank article .others p:last-child,
#listpage .pricerank article .others p:last-child,
#details .pricerank article .others p:last-child,
#averageprice .pricerank article .others p:last-child {
  background: #1a9016;
}

#index .pricerank .ranktable .tablehead,
#channel .pricerank .ranktable .tablehead,
#listpage .pricerank .ranktable .tablehead,
#details .pricerank .ranktable .tablehead,
#averageprice .pricerank .ranktable .tablehead {
  background: #f2f2f2;
  border-radius: 0.05rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 0.27rem;
  padding: 0.19rem 0.27rem;
  font-weight: 600;
  color: #666666;
}

#index .pricerank .ranktable .tablehead li,
#channel .pricerank .ranktable .tablehead li,
#listpage .pricerank .ranktable .tablehead li,
#details .pricerank .ranktable .tablehead li,
#averageprice .pricerank .ranktable .tablehead li {
  width: 20%;
  text-align: center;
}

#index .pricerank .ranktable .tablehead li:first-child,
#index .pricerank .ranktable .tablehead li:last-child,
#channel .pricerank .ranktable .tablehead li:first-child,
#channel .pricerank .ranktable .tablehead li:last-child,
#listpage .pricerank .ranktable .tablehead li:first-child,
#listpage .pricerank .ranktable .tablehead li:last-child,
#details .pricerank .ranktable .tablehead li:first-child,
#details .pricerank .ranktable .tablehead li:last-child,
#averageprice .pricerank .ranktable .tablehead li:first-child,
#averageprice .pricerank .ranktable .tablehead li:last-child {
  width: 1rem;
}

#index .pricerank .ranktable .conetent,
#channel .pricerank .ranktable .conetent,
#listpage .pricerank .ranktable .conetent,
#details .pricerank .ranktable .conetent,
#averageprice .pricerank .ranktable .conetent {
  margin: 0 0.27rem;
  padding: 0 0.27rem;
  color: #333333;
}

#index .pricerank .ranktable .conetent li,
#channel .pricerank .ranktable .conetent li,
#listpage .pricerank .ranktable .conetent li,
#details .pricerank .ranktable .conetent li,
#averageprice .pricerank .ranktable .conetent li {
  border-bottom: 0.05rem dashed #bfbfbf;
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: center;
}

#index .pricerank .ranktable .conetent li span,
#channel .pricerank .ranktable .conetent li span,
#listpage .pricerank .ranktable .conetent li span,
#details .pricerank .ranktable .conetent li span,
#averageprice .pricerank .ranktable .conetent li span {
  width: 20%;
  padding: 12px 0;
}

#index .pricerank .ranktable .conetent li span:first-child,
#index .pricerank .ranktable .conetent li span:last-child,
#channel .pricerank .ranktable .conetent li span:first-child,
#channel .pricerank .ranktable .conetent li span:last-child,
#listpage .pricerank .ranktable .conetent li span:first-child,
#listpage .pricerank .ranktable .conetent li span:last-child,
#details .pricerank .ranktable .conetent li span:first-child,
#details .pricerank .ranktable .conetent li span:last-child,
#averageprice .pricerank .ranktable .conetent li span:first-child,
#averageprice .pricerank .ranktable .conetent li span:last-child {
  width: 1rem;
}

#index .pricerank .ranktable .tabmore,
#channel .pricerank .ranktable .tabmore,
#listpage .pricerank .ranktable .tabmore,
#details .pricerank .ranktable .tabmore,
#averageprice .pricerank .ranktable .tabmore {
  font-weight: 400;
  color: #999999;
  text-align: center;
  padding: 0.27rem 0;
}

#index .hotinfo,
#channel .hotinfo,
#listpage .hotinfo,
#details .hotinfo,
#averageprice .hotinfo {
  position: relative;
  background: #fff;
  padding-bottom: 0.27rem;
}

#index .hotinfo .infolist,
#channel .hotinfo .infolist,
#listpage .hotinfo .infolist,
#details .hotinfo .infolist,
#averageprice .hotinfo .infolist {
  padding: 0 0.27rem;
  font-size: 14px;
}

#index .hotinfo .infolist li,
#channel .hotinfo .infolist li,
#listpage .hotinfo .infolist li,
#details .hotinfo .infolist li,
#averageprice .hotinfo .infolist li {
  border-bottom: 0.05rem dashed #bfbfbf;
}

#index .hotinfo .details .title,
#channel .hotinfo .details div:first-child,
#listpage .hotinfo .details div:first-child,
#details .hotinfo .details div:first-child,
#averageprice .hotinfo .details div:first-child {
  width: 355px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 14px;
  font-weight: 600;
  color: #ba0c2f;
}

#index .hotinfo .details div:nth-child(2),
#channel .hotinfo .details div:nth-child(2),
#listpage .hotinfo .details div:nth-child(2),
#details .hotinfo .details div:nth-child(2),
#averageprice .hotinfo .details div:nth-child(2) {
  padding: 0.24rem 0;
}

#index .hotinfo .details div:nth-child(2) span,
#channel .hotinfo .details div:nth-child(2) span,
#listpage .hotinfo .details div:nth-child(2) span,
#details .hotinfo .details div:nth-child(2) span,
#averageprice .hotinfo .details div:nth-child(2) span {
  color: #ba0c2f;
}

#index .hotinfo .details div:nth-child(2) span:nth-child(1),
#channel .hotinfo .details div:nth-child(2) span:nth-child(1),
#listpage .hotinfo .details div:nth-child(2) span:nth-child(1),
#details .hotinfo .details div:nth-child(2) span:nth-child(1),
#averageprice .hotinfo .details div:nth-child(2) span:nth-child(1) {
  color: #999999;
}

#index .hotinfo .details div:nth-child(3),
#channel .hotinfo .details div:nth-child(3),
#listpage .hotinfo .details div:nth-child(3),
#details .hotinfo .details div:nth-child(3),
#averageprice .hotinfo .details div:nth-child(3) {
  color: #999999;
  padding-bottom: 0.27rem;
}

#index .hotinfo .list,
#channel .hotinfo .list,
#listpage .hotinfo .list,
#details .hotinfo .list,
#averageprice .hotinfo .list {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.24rem 0;
}

#index .hotinfo .list section,
#channel .hotinfo .list section,
#listpage .hotinfo .list section,
#details .hotinfo .list section,
#averageprice .hotinfo .list section {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}




#channel .hotinfo .list section div:first-child,
#listpage .hotinfo .list section div:first-child,
#details .hotinfo .list section div:first-child,
#averageprice .hotinfo .list section div:first-child {
  display: flex;
  justify-content: space-between;
  align-items: center;
  justify-content: flex-start;
  color: #333333;
  font-size: 14px;
}

#index .hotinfo .list .title {
  width: 80%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#index .hotinfo .list section div:first-child .type,
#channel .hotinfo .list section div:first-child .type,
#listpage .hotinfo .list section div:first-child .type,
#details .hotinfo .list section div:first-child .type,
#averageprice .hotinfo .list section div:first-child .type {
  font-weight: bold;
}

#index .hotinfo .list section div:first-child img,
#channel .hotinfo .list section div:first-child img,
#listpage .hotinfo .list section div:first-child img,
#details .hotinfo .list section div:first-child img,
#averageprice .hotinfo .list section div:first-child img {
  margin-right: 0.19rem;
}

#index .hotinfo .list section div:first-child .brief a,
#channel .hotinfo .list section div:first-child .brief a,
#listpage .hotinfo .list section div:first-child .brief a,
#details .hotinfo .list section div:first-child .brief a,
#averageprice .hotinfo .list section div:first-child .brief a {
  width: 7.5rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}

#index .hotinfo .list section div:last-child .red,
#channel .hotinfo .list section div:last-child .red,
#listpage .hotinfo .list section div:last-child .red,
#details .hotinfo .list section div:last-child .red,
#averageprice .hotinfo .list section div:last-child .red {
  color: #ba0c2f;
}

#index .datacalendar,
#channel .datacalendar,
#listpage .datacalendar,
#details .datacalendar,
#averageprice .datacalendar {
  background-color: #fff;
  padding-bottom: 0.27rem;
}

#index .datacalendar .bigtitle,
#channel .datacalendar .bigtitle,
#listpage .datacalendar .bigtitle,
#details .datacalendar .bigtitle,
#averageprice .datacalendar .bigtitle {
  padding-bottom: 0;
}

.calendar_box {
  padding: 10px;
  position: absolute;
  background-color: #fff;
  top: -5px;
  left: -78px;
  width: 260px;
  box-shadow: 0 2px 12px 0 rgb(0 0 0 / 15%);
  transition: all .5s;
  z-index: 9999;
  border-radius: 5px;
}

#index .datacalendar section,
#channel .datacalendar section,
#listpage .datacalendar section,
#details .datacalendar section,
#averageprice .datacalendar section {
  height: 11.31rem;
  overflow: scroll;
}

#index .datacalendar .calendars,
#channel .datacalendar .calendars,
#listpage .datacalendar .calendars,
#details .datacalendar .calendars,
#averageprice .datacalendar .calendars {
  margin: 0 0.27rem;
  border-bottom: 0.05rem dashed #bfbfbf;
}

#index .datacalendar .calendars .time,
#channel .datacalendar .calendars .time,
#listpage .datacalendar .calendars .time,
#details .datacalendar .calendars .time,
#averageprice .datacalendar .calendars .time {
  padding: 0.3rem 0;
}

#index .datacalendar .calendars .time span,
#channel .datacalendar .calendars .time span,
#listpage .datacalendar .calendars .time span,
#details .datacalendar .calendars .time span,
#averageprice .datacalendar .calendars .time span {
  font-weight: 600;
  color: #333333;
}

#index .datacalendar .calendars .time img,
#channel .datacalendar .calendars .time img,
#listpage .datacalendar .calendars .time img,
#details .datacalendar .calendars .time img,
#averageprice .datacalendar .calendars .time img {
  width: 0.27rem;
  height: 0.27rem;
  margin-left: 0.27rem;
}

#index .datacalendar .calendars .step li,
#channel .datacalendar .calendars .step li,
#listpage .datacalendar .calendars .step li,
#details .datacalendar .calendars .step li,
#averageprice .datacalendar .calendars .step li {
  padding-bottom: 0.27rem;
}

#index .datacalendar .calendars .step li span,
#channel .datacalendar .calendars .step li span,
#listpage .datacalendar .calendars .step li span,
#details .datacalendar .calendars .step li span,
#averageprice .datacalendar .calendars .step li span {
  color: #2f63ba;
}

#index .datacalendar .calendars .step li span:first-child,
#channel .datacalendar .calendars .step li span:first-child,
#listpage .datacalendar .calendars .step li span:first-child,
#details .datacalendar .calendars .step li span:first-child,
#averageprice .datacalendar .calendars .step li span:first-child {
  color: #333333;
  border-right: 0.05rem solid #bfbfbf;
  padding-right: 0.27rem;
  margin-right: 0.27rem;
}

#index .datacalendar .calendars .step .frequency:hover {
  color: #ba0c2f;
}

#index .meetingpic,
#channel .meetingpic,
#listpage .meetingpic,
#details .meetingpic,
#averageprice .meetingpic {
  position: relative;
}

#index .meetingpic span,
#channel .meetingpic span,
#listpage .meetingpic span,
#details .meetingpic span,
#averageprice .meetingpic span {
  position: absolute;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  color: #ffffff;
  left: 0.27rem;
  top: 0.29rem;
}

#index .meetingpic img,
#channel .meetingpic img,
#listpage .meetingpic img,
#details .meetingpic img,
#averageprice .meetingpic img {
  width: 100%;
  height: 1.17rem;
}

#channel .meetingshow,
#listpage .meetingshow,
#details .meetingshow,
#averageprice .meetingshow {
  width: 10rem;
}

#index .meetingshow {
  padding: 0.27rem;
  height: 4.5rem;
}

#index .meetingshow .swiper-button-prev,
#index .meetingshow .swiper-button-next,
#channel .meetingshow .swiper-button-prev,
#channel .meetingshow .swiper-button-next,
#listpage .meetingshow .swiper-button-prev,
#listpage .meetingshow .swiper-button-next,
#details .meetingshow .swiper-button-prev,
#details .meetingshow .swiper-button-next,
#averageprice .meetingshow .swiper-button-prev,
#averageprice .meetingshow .swiper-button-next {
  width: 1.12rem;
  height: 1.12rem;
  background-size: 1.12rem;
  top: 30%;
}

#index .videoshow .swiper-button-prev,
#index .videoshow .swiper-button-next {
  width: 1.12rem;
  height: 1.12rem;
  background-size: 1.12rem;
}

#index .meetingshow .swiper-button-prev::after,
#index .meetingshow .swiper-button-next::after,
#index .videoshow .swiper-button-prev::after,
#index .videoshow .swiper-button-next::after,
#channel .meetingshow .swiper-button-prev::after,
#channel .meetingshow .swiper-button-next::after,
#listpage .meetingshow .swiper-button-prev::after,
#listpage .meetingshow .swiper-button-next::after,
#details .meetingshow .swiper-button-prev::after,
#details .meetingshow .swiper-button-next::after,
#averageprice .meetingshow .swiper-button-prev::after,
#averageprice .meetingshow .swiper-button-next::after {
  content: '';
}

#index .meetingshow .swiper-button-next,
#index .videoshow .swiper-button-next,
#channel .meetingshow .swiper-button-next,
#listpage .meetingshow .swiper-button-next,
#details .meetingshow .swiper-button-next,
#averageprice .meetingshow .swiper-button-next {
  background: url(/uploads/image/awimages/button_next.png);
}

#index .meetingshow .swiper-button-prev,
#index .videoshow .swiper-button-prev,
#channel .meetingshow .swiper-button-prev,
#listpage .meetingshow .swiper-button-prev,
#details .meetingshow .swiper-button-prev,
#averageprice .meetingshow .swiper-button-prev {
  background: url(/uploads/image/awimages/button_prev.png);
  left: 0.27rem;
}

#index .meetingshow .swiper-slide ul,
#channel .meetingshow .swiper-slide ul,
#listpage .meetingshow .swiper-slide ul,
#details .meetingshow .swiper-slide ul,
#averageprice .meetingshow .swiper-slide ul {
  width: 100%;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 0.27rem;
}

#channel .meetingshow .meet_pic,
#listpage .meetingshow .meet_pic,
#details .meetingshow .meet_pic,
#averageprice .meetingshow .meet_pic {
  width: 4.67rem;
  height: 2.64rem;
}

#index .meetingshow .meet_pic {
  width: 100%;
  height: 2.64rem;
}


#channel .meetingshow .explain,
#listpage .meetingshow .explain,
#details .meetingshow .explain,
#averageprice .meetingshow .explain {
  margin-top: 0.24rem;
  padding-left: 0.35rem;
}

#index .meetingshow .explain p:not(:first-child) {
  padding-left: 0.4rem;
}

#index .meetingshow .explain p,
#channel .meetingshow .explain p,
#listpage .meetingshow .explain p,
#details .meetingshow .explain p,
#averageprice .meetingshow .explain p {
  color: #333333;
  line-height: 0.51rem;
}

#index .meetingshow .explain p:first-child,
#channel .meetingshow .explain p:first-child,
#listpage .meetingshow .explain p:first-child,
#details .meetingshow .explain p:first-child,
#averageprice .meetingshow .explain p:first-child {
  font-weight: 600;
}

#index .meetingshow .explain p:first-child {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}


#channel .meetingshow .explain p:nth-child(2),
#listpage .meetingshow .explain p:nth-child(2),
#details .meetingshow .explain p:nth-child(2),
#averageprice .meetingshow .explain p:nth-child(2) {
  color: #ba0c2f;
}

#index .meetingshow .explain .time {
  width: 4.45rem;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

#index .meetingshow .explain .time span {
  color: #ba0c2f;
}

#index .videoshow,
#channel .videoshow,
#listpage .videoshow,
#details .videoshow,
#averageprice .videoshow {
  padding: 0.27rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #fff;
}

#index .videoshow .videopic,
#channel .videoshow .videopic,
#listpage .videoshow .videopic,
#details .videoshow .videopic,
#averageprice .videoshow .videopic {
  width: 4.67rem;
  height: 2.64rem;
  background-color: #6dd400;
}

#index .infovisiable,
#channel .infovisiable,
#listpage .infovisiable,
#details .infovisiable,
#averageprice .infovisiable {
  width: 90%;
}

#index .infovisiable .infonow,
#channel .infovisiable .infonow,
#listpage .infovisiable .infonow,
#details .infovisiable .infonow,
#averageprice .infovisiable .infonow {
  display: block;
}

#channel .infovisiable .infonow .van-cell .van-cell__value,
#listpage .infovisiable .infonow .van-cell .van-cell__value,
#details .infovisiable .infonow .van-cell .van-cell__value,
#averageprice .infovisiable .infonow .van-cell .van-cell__value {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#index .infovisiable .info-window .van-cell .van-cell__value {
  display: flex;
}

#index .infovisiable .infonow .van-cell .van-cell__value span:first-child::before,
#channel .infovisiable .infonow .van-cell .van-cell__value span:first-child::before,
#listpage .infovisiable .infonow .van-cell .van-cell__value span:first-child::before,
#details .infovisiable .infonow .van-cell .van-cell__value span:first-child::before,
#averageprice .infovisiable .infonow .van-cell .van-cell__value span:first-child::before {
  top: 0.2rem;
}

#index .infovisiable>.infonow .van-cell .van-cell__value span:first-child::before {
  top: 0.25rem;
}

#index .infovisiable .infonow .van-cell::after,
#channel .infovisiable .infonow .van-cell::after,
#listpage .infovisiable .infonow .van-cell::after,
#details .infovisiable .infonow .van-cell::after,
#averageprice .infovisiable .infonow .van-cell::after {
  content: '';
  border-bottom: 0;
}

#index .infovisiable .nowtitle,
#channel .infovisiable .nowtitle,
#listpage .infovisiable .nowtitle,
#details .infovisiable .nowtitle,
#averageprice .infovisiable .nowtitle {
  width: fit-content;
  font-size: 14px;
  padding: 0.11rem 0 0.11rem 0.29rem;
  background: linear-gradient(180deg, #4e9cf2 0%, #3977f6 100%);
  border-radius: 0.11rem;
  color: #fff;
  text-align: center;
  letter-spacing: 0.27rem;
  margin: 0 auto;
}

#index .top,
#channel .top,
#listpage .top,
#details .top,
#averageprice .top {
  width: 10rem;
  height: 1.18rem;
  background: turquoise;
}

#index .index-hot {
  background: #fff;
}


#index .index-hot .tphot {
  padding: 0 0.27rem 0.1rem;

}

#index .index-hot .tphot .hottop {
  border-bottom: 1px #bfbfbf dashed;
  margin-bottom: 10px;
  cursor: pointer;
}

#index .index-hot .tphot .hottit {
  font-size: 14px;
  line-height: 18px;
  padding-bottom: 10px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-all;
  height: 18px;
  font-weight: bold;
}

#index .index-hot .tphot .hottit {
  color: #ba0c2f;
}

#index .index-hot .tphot .hottxt {
  font-size: 12px;
  line-height: 18px;
  margin-bottom: 10px;
  color: #999;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}


#index .index-hot .tphot .hottxt {
  color: #999;
}

#index .index-hot .hotlist li {
  background: url(/uploads/image/iimg/lz_common_ico.png) 0 -224px no-repeat;
  text-indent: 12px;
  overflow: hidden;
  line-height: 18px;
  height: 18px;
  margin-bottom: 10px;
  display: flex;
}

#index .index-hot .hotlist li .title {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}


#index .index-hot .hotlist li span:nth-child(2) {
  width: 50;
  font-size: 11px;
}

#index .index-hot .hotlist li .red {
  color: #cc3338;
}

#index .follow,
#index .heatmap {
  background: #fff;
}

#index .follow .follow-content,
#index .heatmap .heatmap-content {
  padding: 0 0.27rem 1px;
}

#index .follow .follow-content .item,
#index .heatmap .heatmap-content .item {
  display: flex;
  margin-bottom: 10px;
}

#index .follow .follow-content .item .item-left,
#index .heatmap .heatmap-content .item .item-left {
  width: 45%;
  height: 50px;
}

#index .follow .follow-content .item .item-right,
#index .heatmap .heatmap-content .item .item-right {
  padding: 5px 0 5px 10px;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
}

#index .follow .follow-content .item .item-right .item-right-title,
#index .heatmap .heatmap-content .item .item-right .item-right-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}