page{
  height: 100%;
  background-color: white;
}
.content{
  padding: 30rpx 40rpx 60rpx 40rpx;
}
.content .top .top-content{
  min-height: 310rpx;
  background: rgba(245,245,245,1);
  box-sizing: border-box;
  padding: 23rpx 20rpx 130rpx 20rpx;
  position: relative;
}
.no-list{
  font-size: 28rpx;
  color: #666666;
}
.no-list textarea{
  width: 100%;
  height: 75px;
}
.top-content .btn button.next{
  width: 103px;
  height: 54px;
  line-height: 54px;
  background: rgba(238,68,84,1);
  box-shadow: 0px 1px 2px 0px rgba(167,11,26,0.63);
  border-radius: 10px;
  color: white;
  position: absolute;
  right: 20rpx;
  bottom: 20rpx;
  z-index: 2;
}
.upload{
  padding: 0rpx 40rpx 40rpx 40rpx;
  min-height: 120rpx;
  margin: 40rpx 0;
  display: flex;
  flex-wrap:wrap;
}
.upload .item-box{
  position: relative;
}
.upload .item-box image{
  width: 200rpx;
  height: 200rpx;
  border-radius: 20rpx;
  margin-right: 20rpx;
}
.upload .item-box text{
  position: absolute;
  right:15rpx;
  top:-15rpx;
  display: inline-block;
  width:30rpx;
  height:30rpx;
  line-height: 22rpx;
  font-size: 28rpx;
  text-align: center;
  color: white;
  border-radius: 50%;
  background-color: rgba(238,68,84,1);
}
.upload_btn{
  width: 200rpx;
  height: 200rpx;
  border: 1px solid #8D8D8D;
  border-radius: 20rpx;
  font-size: 64px;
  font-weight: 500;
  line-height: 185rpx;
  text-align: center;
}
.tag{
  /* margin-top: 70rpx; */
  box-shadow: 0px -2px 8px 0px rgba(187, 187, 187, 0.63);
}
.tag-tit{
  padding: 15rpx 40rpx;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #E0E2E6;
}
.tag-tit image{
  width: 50rpx;
  height: 50rpx;
  display: inline-block;
  margin-right: 30rpx;
}
.tag-tit text{
  width: 132rpx;
  height: 45rpx;
  background:rgba(238,68,84,1);
  border-radius:20px;
  font-size: 24rpx;
  color: rgba(255,255,255,1);
  line-height: 45rpx;
  display: inline-block;
  text-align: center;
}
.tag-list{
  padding: 56rpx 38rpx 0 38rpx;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.tag-list text{
  width: 180rpx;
  height: 53rpx;
  background: rgba(247,247,247,1);
  border-radius: 27px;
  display: inline-block;
  font-size: 24rpx;
  text-align: center;
  line-height: 53rpx;
  margin-bottom: 57rpx;
}
.tag-list text.active{
  background:rgba(238,68,84,.3);
  color: #EE4454;
}
.tag-item{
  display: flex;
  margin-top: 30rpx;
  border-bottom: 1px solid #E0E2E6;
}
.tag-item .lable{
  width: 190rpx;
  height: 48rpx;
  background: rgba(149,186,255,1);
  border-radius: 10px;
  font-size: 28rpx;
  color: #2C5CB7;
  display: inline-block;
  text-align: center;
  margin-right: 20rpx;
}
.tag-item textarea{
  font-size: 26rpx;
  height: 75px;
  padding: 0 20rpx;
}
.dialog{
  height: 100%;
  width: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 2;
  background:rgba(44,44,44,.5);
  display: flex;
  align-items: center;
  justify-content: center;
}
.dialog .box{
  padding: 54rpx;
  border-radius:20rpx;
  box-sizing: border-box;
  background-color: white;
  width: 634rpx;
  text-align: center;
}
.dialog .box .tit{
  font-size: 36rpx;
  /* margin-bottom: 75rpx; */
}
.dialog .box image{
  width: 278rpx;
  height: 218rpx;
}
.dialog .box .btn button.next{
  background:rgba(238,68,84,1) !important;
  border-color: rgba(238,68,84,1) !important;
  color: white;
  height: 84rpx;
  width: 350rpx;
  line-height: 84rpx;
  display:flex;
  justify-content:center;
  margin-top: 35rpx;
}
.dialog .box .tips{
  font-size: 24rpx;
  color: #999999;
}
navigator{
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%;  
}
.ActivateCode{
  padding: 35rpx 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ActivateCode .code{
  padding: 0 30rpx;
}
.copy_btn{
  font-size: 26rpx;
  color:#999999;
}