.coverbox{
  display: block;
  width: 100%;
  max-height: 400rpx;
  overflow: hidden;
}
.coverbox image{
  display: block;
  width: 100%;
}
.contentbox{
  display: block;
  padding: 24rpx 20rpx 0;
  padding-bottom: calc(46px + constant(safe-area-inset-bottom)) !important; /* ios < 11.2*/
  padding-bottom: calc(46px + env(safe-area-inset-bottom)) !important; /* ios >= 11.2*/
}
.contentbox image{
  max-width: 100%;
  height: auto;
}
.titfootbox{
  display: block;
  padding: 24rpx 40rpx 0 32rpx;
}
.titfootbox image{
  display: block;
  width:30rpx;
  height: 24rpx;
  position: relative;
  top: 8rpx;
  margin-right: 8rpx;
}
.posterimgbox{
  display: block;
  width: 710rpx;
  margin: 0 auto;
}
.posterimgbox image{
  display: block;
  width: 100%;
}

.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);
}

.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: 100;
  box-sizing: content-box;

}
.collectbox{
  display: block;
  width: 160rpx;
}
.collectbox image{
  display: block;
  width:40rpx;
  height: 40rpx;
  margin: 10rpx auto 6rpx;
}

button.sharebtnbox{
  display: block;
  width: 320rpx;
  height: 98rpx;
  background-color: transparent;
}
.sharebtnbox image{
  display: block;
  width: 40rpx;
  height: 35rpx;
  position: relative;
  top: 31.5rpx;
}
.sharebtnbox view{
  line-height: 98rpx;
  margin-left: 8rpx;
}
.lookmore{
  display: block;
  width: 444rpx;
  height: 88rpx;
  border: 2rpx solid #9DB6CF;
  border-radius: 40rpx;
  line-height: 84rpx;
  margin: 40rpx auto;
}

.unloginbox {
  min-height: 400rpx;
  max-height: 900rpx;
  overflow: hidden;
  position: relative;
}


.unloginlayer{
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 400rpx;
  background-image: linear-gradient(180deg, rgba(255,255,255,0.00) 0%, #FFFFFF 69%);
  z-index: 8;
}
.articlebtn{
  display: block;
  width: 312rpx;
  height: 64rpx;
  background: #FFFFFF;
  border: 1px solid #384855;
  border-radius: 36rpx;
  position: absolute;
  bottom: 48rpx;
  left: 218rpx;
  text-align: center;
  line-height: 64rpx;
  font-size: 24rpx;
  color: #384855;
}
.articleview{
  width: auto;
  height: 64rpx;
  line-height: 64rpx;
}
.articleview image{
  width: 32rpx;
  height: 32rpx;
  position: relative;
  top: 16rpx;
  margin-left: 8rpx;
  margin-top: 0;
}
.footrightbtn{
  float: right;
  width: 400rpx;
  height: 80rpx;
  margin-right: 20rpx;
  background: #FA6400;
  border-radius: 2px;
  position: relative;
  top: 9rpx;
  color: #FFFFFF;
  font-size: 28rpx;
  line-height: 80rpx;
}
.footrightbtn1{
  float: right;
  width: 400rpx;
  height: 80rpx;
  margin-right: 20rpx;
  border-radius: 40px;
  position: relative;
  top: 9rpx;
  color: #FFFFFF;
  font-size: 28rpx;
  line-height: 80rpx;
}
.despoitbox{
  display: block;
  height: 80rpx;
  line-height: 80rpx;
  border-radius: 40rpx 0 0 40rpx;
  background-color: #347af6;
  color: #FFFFFF;
}
.pointbox{
  display: block;
  height: 80rpx;
  line-height: 80rpx;
  border-radius: 0 40rpx 40rpx 0 ;
  background-color: #249EFB;
  font-size: 28rpx;
  color: #FFFFFF;
}
.placebox image{
  display: block;
  width: 24rpx;
  height: 32rpx;
  position: relative;
  top: 4rpx;
  margin-right: 12rpx;
}

.flex-row {
  display: flex;
}
.flex-sub {
  flex: 1;
}
.ptlr {
  padding: 15rpx 40rpx 20rpx 32rpx;
}
.w150 {
  width: 150rpx;
  display: flex;
  justify-content: center;
  align-items: center;
}
.qrcodelayer{
    display: block;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left:0;
    z-index: 101;
    background-color: rgba(56, 72, 85, 0.5);
}
.qrcodebox{
    width: 670rpx;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    background-color: #FFFFFF;
    border-radius: 12rpx;
    overflow: hidden;
}
.qrcodetit{
    display: block;
    width: 100%;
    height: 80rpx;
    line-height: 80rpx;
    background-color: #249efb;
    color: #FFFFFF;
    line-height: 80rpx;
    text-align: center;
    font-size: 28rpx;
}
.codecloseimg{
    display: block;
    width: 32rpx;
    height: 32rpx;
    position: absolute;
    right: 14rpx;
    top: 24rpx;
    z-index: 102;
}
.qrcodeimgbox{
    padding-top: 40rpx;
}
.qrcodeimgbox image{
    display: block;
    width: 520rpx;
    height: 520rpx;
    margin: 0 auto;
}
.save{
    color: #384855;
    font-size: 24rpx;
    line-height: 28rpx;
    text-align: center;
    padding: 0 0 32rpx;
}