@import "../backpeople/backpeople.wxss";

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

page {
  background: #fbf8fb;
}

.box {
  width: 750rpx;
  height: 100%;
  /* background: linear-gradient(180deg, rgba(28, 143, 255, 1) 0%, rgba(249, 249, 249, 1) 100%); */
  opacity: 1;
  overflow-y: scroll;
}

.topbox {
  width: 690rpx;
  margin: 48rpx auto 0;
  padding: 0 24rpx;
  box-sizing: border-box;
  background: #fff;
  border-radius: 8rpx;
}

.boxitemleft {
  color: #06121e;
  font-size: 28rpx;
  font-weight: bold;
}

.itemright {
  width: 510rpx;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: right;
}
.itemright input{
 width: 510rpx;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: right;
}
.topboxitem {
  padding: 34rpx 0;
  box-sizing: border-box;
  border-bottom: 1rpx solid #f5f5f5;
}

.title {
  position: relative;
  text-align: center;
  overflow: hidden;
  color: #fff;
  font-size: 56rpx;
  font-weight: bold;
}

.title::before, .title::after {
  content: '';
  display: inline-block;
  width: 144rpx;
  height: 1px;
  position: absolute;
  background: rgba(128, 192, 255, 1);
  opacity: 0.4;
  top: 50%;
}

.title::before {
  margin-left: -64rpx;
  transform: translateX(-100%);
}

.title::after {
  margin-left: 64rpx;
}

.formbox {
  margin-top: 20rpx;
  margin-bottom: 150rpx;
}

.seltype input {
  font-size: 24rpx;
}

.commontwo {
  font-size: 24rpx;
}

.itemname {
  width: 200rpx;
}

.selname {
  color: #06121e;
  font-size: 28rpx;
  font-weight: bold;
}

.yiiqng {
  width: 300rpx;
}

.yingye {
  width: 260rpx !important;
}

.protect {
  flex-wrap: wrap;
}

.protect {
  margin-top: 6rpx;
}

.protectitem {
  width: 302rpx;
  height: 64rpx;
  background: rgba(255, 255, 255, 1);
  border: 1rpx solid rgba(219, 219, 219, 1);
  opacity: 1;
  border-radius: 48rpx;
  color: #3d444d;
  font-size: 24rpx;
  text-align: center;
  line-height: 64rpx;
  margin-top: 20rpx;
}

.protectitem:nth-child(2n) {
  margin-left: 28rpx;
}

.itemone {
  margin-right: 28rpx;
}

.have {
  width: 400rpx;
}

.protectactive {
  background: rgba(232, 244, 255, 1);
  color: #1b8ffd;
  border: 1rpx solid rgba(27, 143, 253, 1);
}

.finish {
  width: 750rpx;
  padding: 14rpx 0;
  box-sizing: border-box;
  position: fixed;
  left: 0;
  bottom: 0;
  background: #e7f0f9;
}

.finishbtn {
  width: 686rpx;
  height: 88rpx;
  background: rgba(28, 143, 255, 1);
  opacity: 1;
  color: #fefefe;
  font-size: 32rpx;
  text-align: center;
  line-height: 88rpx;
  border-radius: 10rpx;
}
.difficult{
  width:647rpx;
  border:1rpx solid #f5f5f5;
  border-radius: 20rpx;
  color:#8c9198;
  font-size:24rpx;
  padding: 20rpx 20rpx;
  box-sizing: border-box;
  margin-top:20rpx;
  /* height:302rpx; */
}
.fotleft{
  width:200rpx;
  height:80rpx;
  color:#fff;
  font-size: 28rpx;
  text-align: center;
  line-height: 80rpx;
  border-radius: 40rpx;
  background: #1C8FFF;
}
.fotright{
  width:200rpx;
  height:80rpx;
  color:#fff;
  font-size: 28rpx;
  text-align: center;
  line-height: 80rpx;
  border-radius: 40rpx;
  background: #BDC4CE;
}
.footerbox{
 
  width:750rpx;
  
  padding: 32rpx 56rpx;
  box-sizing: border-box;
  background: #fff;
  position: fixed;
  bottom:0;
  left:0;
}