yuminge-app/yun-min-program-plugin-master/packageH/article/periodicalWatch/periodicalWatch.wxss

/* packageH/article/periodicalWatch/periodicalWatch.wxss */
.contenBox1 {
  height: 800rpx;
}

/* end */
.van-popup {
  background-color: transparent !important;
}

.periodicalWatch swiper {
  /* min-height:100vh; */
}

.periodicalWatch .shareBox {
  background-color: transparent;
}

.periodicalWatch .shareBox .shareTop {
  height: 244.16rpx;
  border-radius: 20.16rpx 20.16rpx 0rpx 0rpx;
  background-color: #fff;
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.periodicalWatch .shareBox .shareTop .share {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}

.sharePos {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
}

.sharePos button {
  width: 100%;
  height: 100%;
}

.periodicalWatch .shareBox .shareTop .share image {
  width: 88rpx;
  height: 88rpx;
  margin-bottom: 20rpx;
}

.periodicalWatch .shareBox .shareTop .share .icon-jk_haibao {
  font-size: 64rpx;
}

.periodicalWatch .shareBox .cancel {
  width: 100%;
  height: 90.88rpx;
  background-color: #fff;
  text-align: center;
  line-height: 90.88rpx;
  font-size: 30.08rpx;
}

.periodicalWatch .pos {
  position: fixed;
  bottom: 193.92rpx;
  right: 38.08rpx;
  display: flex;
  flex-direction: column;
  z-index: 99;
}

.periodicalWatch .pos .circle {
  border-radius: 100%;
  width: 89.6rpx;
  height: 89.6rpx;
  margin-bottom: 20.16rpx;

  /* background-color: #f14e4e;
  box-shadow: 1.6rpx 2.56rpx 5.12rpx 0rpx rgba(209, 209, 209, 0.36);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #fff;
  margin-bottom: 20.16rpx; */
}

.periodicalWatch .pos .circle image {
  width: 100%;
  height: 100%;
}

/* .periodicalWatch .pos .circle .span {
  font-size: 20.16rpx;
  margin-top: -10rpx;
}

.periodicalWatch .pos .circle icon {
  font-size: 41.6rpx;
  margin-top: -10rpx;
} */

.periodicalWatch .articleBox {
  width: 100%;
  background: #fff;
  padding-bottom: 80rpx;
}

.periodicalWatch .articleBox .tapLoad {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #999;
  margin-bottom: 40.96rpx;
}

.periodicalWatch .articleBox .tapLoad icon {
  font-size: 41.6rpx;
  margin-top: 0.1563rem;
}

.periodicalWatch .articleBox .previous {
  width: 689.92rpx;
  background-color: #eef7f6;
  border-radius: 15.04rpx;
  margin: 0 auto;
  overflow: hidden;
  margin-top: 33.92rpx;
  text-align: center;
}

.periodicalWatch .articleBox .previous .previousLis {
  margin-bottom: 40.96rpx;
}

.periodicalWatch .articleBox .previous .txt {
  font-size: 40rpx;
  color: #1d9a89;
  margin-top: 36.16rpx;
  margin-bottom: 48.96rpx;
}

.periodicalWatch .articleBox .service {
  margin: 0 auto;
  width: 140rpx;
  height: 50rpx;
  border-radius: 4rpx;
  border: solid 1px #f14e4e;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 96rpx;
  font-size: 25.92rpx;
  color: #f14e4e;
}

.periodicalWatch .articleBox .service icon {
  margin-right: 6.08rpx;
}

.periodicalWatch .articleBox .contenBox {
  padding-left: 20rpx;
  padding-right: 20rpx;
  width: 100%;
  box-sizing: border-box;
  padding-top: 30rpx;
}

.periodicalWatch .articleBox .contenBox view {
  max-width: 100%;
}

.periodicalWatch .articleBox .head {
  height: 173.12rpx;
  margin: 0 30.08rpx;
  border-bottom: 0.96rpx solid #efefef;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.periodicalWatch .articleBox .head .headLeft {
  flex: 1;
  height: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}

.periodicalWatch .articleBox .head .headLeft .title {
  width: 100%;
  margin-top: 41.6rpx;
  font-weight: 600;
  font-size: 32rpx;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.periodicalWatch .articleBox .head .headLeft .titleLis {
  text-align: left;
}

.periodicalWatch .articleBox .head .headRight {
  width: 180.16rpx;
  height: 64rpx;
  margin-right: 8rpx;
  margin-left: 152rpx;
}

.periodicalWatch .articleBox .head .headRight image {
  width: 100%;
  height: 100%;
}

.periodicalWatch .articleBox1 {
  width: 100%;
  height: 100vh;
  background: yellow;
}

/* 客服 */

/* kefu */
.icon-close11 {
  font-size: 18px;
}

.pop-content {
  background-color: #fff;
  border-radius: 38rpx;
  text-align: center;
  background: #fff;
  padding: 35rpx 0;
  position: relative;
  justify-content: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 650rpx;
}

.pop-content .pop-top {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.pop-content .pop-top .left {
  width: 50%;
  display: flex;
  justify-content: center;
  position: relative;
  margin-bottom: 24rpx;
}

.pop-content .pop-top .left .wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.pop-content .pop-top .left .wrap .image {
  width: 84rpx;
  height: 84rpx;
  margin: 0 auto;
  margin-bottom: 16rpx;
}

.pop-content .pop-top .left .wrap .image image {
  width: 100%;
  height: 100%;
}

.pop-content .pop-top .right {
  width: 50%;
  display: flex;
  justify-content: center;
  margin-bottom: 24rpx;
}

.pop-content .pop-top .right .wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.pop-content .pop-top .right .wrap .image {
  width: 84rpx;
  height: 84rpx;
  margin: 0 auto;
  margin-bottom: 16rpx;
}

.pop-content .pop-top .right .wrap icon {
  width: 84rpx;
  height: 84rpx;
  margin: 0 auto;
  margin-bottom: 16rpx;
  border-radius: 50%;
  overflow: hidden;
  font-size: 50rpx;
  background-color: #02c777;
  color: #fff;
}

.pop-content .pop-top .right .wrap .color2 {
  background: #ff9329;
}

.pop-content .pop-top .right .wrap .color3 {
  background: #2aa7fb;
}

.pop-content .pop-top .right .wrap .image image {
  width: 100%;
  height: 100%;
}

.pop-content .line {
  width: 1px;
  height: 51rpx;
  background-color: #999;
}

.pop-bottom {
  margin-top: 32rpx;
  width: 327rpx;
  display: flex;
  justify-content: center;
  height: 327rpx;
}

.pop-bottom .image {
  width: 100%;
  height: 100%;
}

.pop-bottom .image image {
  width: 100%;
  height: 100%;
}

.kefuxiaoxi {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  top: 0;
  left: 0;
}

.msgbox {
  line-height: 40rpx;
  box-sizing: border-box;
  padding: 20rpx;
}

.freightPricing {
  background: #fff;
  margin-top: 20rpx;
  text-align: left;
  padding: 0 24rpx;
}

.freightPricing .title,
.freightPricing .freightPricing_btn {
  height: 76rpx;
  line-height: 70rpx;
  color: #000;
  font-size: 28rpx;
}

.freightPricing .freightPricing_main {
  overflow: hidden;
  line-height: 40rpx;
  transition: height 0.6s;
  font-size: 24rpx;
}

.freightPricing_main.fold {
  height: 80rpx;
}

.freightPricing_main.unfold {
  height: auto;
}

.freightPricing .freightPricing_btn {
  text-align: center;
  color: #666;
  line-height: 96rpx;
}

.freightPricing .rotate_box {
  display: inline-block;
}

.freightPricing .freightPricing_btn.fold .rotate_box {
  transform: rotate(0deg);
}

.freightPricing .freightPricing_btn.unfold .rotate_box {
  transform: rotate(180deg);
}

.share_text {
  margin-left: 4px !important;
  font-size: 24rpx;
  color: #9b9b9b;
  padding: 0;
  border: none;
}

/* ------------------ */
.postBox {
  width: 500rpx;
  z-index: 999;
}

.postBox image {
  width: 100%;
  height: 100%;
}

/* 广告 */
.article {
  border: 4rpx solid #ebebeb;
  padding: 10rpx;
  margin-bottom: 40rpx;
  margin-top: 40rpx;
}

.thumb {
  width: 100%;
}

.info {
  color: #8a8a8a;
  padding: 0 10rpx;
  text-align: left;
  font-size: 14px;
}