page{
    display: block;
    width: 100%;
    height: 100%;
    overflow: auto;
  }
  .coverimgbox{
    display: block;
    width: 100%;
    max-height: 400rpx;
    overflow: hidden;
  }
  .coverimgbox image{
    display: block;
    width: 100%;
  }
  .contentbox{
    display: block;
    padding: 24rpx 20rpx 0;
    padding-bottom:  100rpx; 
  }
  .contentbox image{
    max-width: 100%;
    height: auto;
    margin: 0;
    vertical-align: bottom;
    padding: 0;
    border: unset;
  }
  .titfootbox{
    display: block;
    padding: 24rpx 20rpx 0 32rpx;
  }
  .ptlr {
    padding: 15rpx 20rpx 0 32rpx;
  }
  .titfootbox image{
    display: block;
    width:30rpx;
    height: 24rpx;
    position: relative;
    top: 8rpx;
    margin-right: 8rpx;
  }
  .posterimg{
    display: block;
    width: 710rpx;
    margin: 0 auto;
  }
  
  
  
  .footer{
    display: block;
    width: 100%;
    height: 98rpx;
    box-shadow: 0 -4rpx 12rpx 0 rgba(0,145,255,0.15);
    background: #FFFFFF;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 89;
  }
  .footer button{
    display: block;
    background: #fff;
    height:98rpx;
    line-height: 98rpx;
    border-radius: unset;
  }
  
  .timebox image{
    display: block;
    width: 33rpx;
    height: 30rpx;
    position: relative;
    top: 5rpx;
    margin-right: 16rpx;
  }
  .placebox image{
    display: block;
    width: 24rpx;
    height: 32rpx;
    position: relative;
    top: 4rpx;
    margin-right: 20rpx;
  }
  .fontweight {
    font-weight:600;
  }
  .padding-lr-sm {
    padding: 10rpx 20rpx;
  }
  .flex-row {
    display: flex;
  }
  .flex-sub {
    flex: 1;
  }
  .w150 {
    width: 150rpx;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .line-box {
    display: flex;
    align-items: center;
    margin-top:20rpx;
    margin-bottom:24rpx;
  }
  .line-left {
    flex: 1;
    height: 5rpx;
    background-image: linear-gradient(to right, #fff , #D4E4ED);
  }
  .line-circle {
    width: 10rpx;
    height: 10rpx;
    border-radius: 50%;
    background-color: #D4E4ED;
  }
  .line-right {
    flex: 1;
    height: 5rpx;
    background-image: linear-gradient(to left, #fff , #D4E4ED);
  }
  .activitymsg{
    display: block;
    width: 100%;
    min-height: 100%;
    background-color: #FFFFFF;
  }
  .activitycrmbox{
    display: block;
    width: 100%;
    min-height: 100%;
    background-color: #f0f4f7;
  }
  .footer button.nowclick{
    background-color: #249efb;
    color: #fff;
  }
  .typetitbox{
    display: block;
    width: 100%;
    padding: 0 25rpx;
    background-color: #f9f9f9;
  }
  .topnumbox{
    display: block;
    width: 700rpx;
    height: 168rpx;
    background: #FFFFFF;
    box-shadow: 0px 2rpx 22rpx rgba(38, 146, 253, 0.15);
    border-radius: 10rpx;
    box-sizing: border-box;
    padding:  40rpx 0 36rpx;
    margin: 40rpx auto;
  }
  
  .leftborderbox{
    display: block;
    width: 0px;
    height: 68rpx;
    border: 1px solid #E4E4E4;
    opacity: 1;
    position: absolute;
    top: 50rpx;
    left: 25%;
  }
  .typetitbox .titextbox{
    display:inline-block;
    line-height: 32rpx;
    padding-left: 22rpx;
    padding-bottom: 16rpx;
    font-size: 24rpx;
    font-weight: 500;
    color: #141414;
  }
  .typetitbox .titextbox:first-child{
    padding-left:0;
  }
  .typetitbox .nowtit{
    font-size: 36rpx;
    line-height: 40rpx;
    position: relative;
    font-weight: bold;
    color: #2692FD;
  }
  .typetitbox .nowtit::before{
    content: " ";
    display: block;
    width: 148rpx;
    height: 4rpx;
    background: #2692FD;
    opacity: 1;
    border-radius: 5rpx;
    position: absolute;
    bottom: 0rpx;
    left: 50%;
    margin-left: -74rpx;
  }
  .sharebtn{
    display: block;
    width: 120rpx;
    height: 120rpx;
    border-radius: 50%;
    line-height: 36rpx;
    background-color: #249efb;
    color: #fff;
    position: fixed;
    right: 20rpx;
    bottom: 160rpx;
    z-index: 28;
    font-size: 28rpx;
    padding-top: 24rpx;
    box-shadow: 0 0rpx 16rpx 8rpx rgba(36,158,251,0.37);
  }