/* pages/report/report.wxss */
.container{
  padding-bottom: 100rpx;
}
.page-title{
  font-size: 18px;
  color: #333;
  font-weight: 650;
  text-align: center;
  padding: 40rpx 0 12rpx;
}
.tips{
  text-align: center;
  font-size: 14px;
  color: #ccc;
}
.form{
  display: block;
  padding: 54rpx;
}
.item{
  
  font-size: 14px;
  color: #333;
  border-bottom: 1px solid #f2f2f2;
}
.item.active{
  color: #333;
  font-weight: 650;
}
.item:last-of-type{
  border:none;
}
.textarea{
  margin-top: 40rpx;
  padding: 20rpx 14rpx;
  display: block;
 width: 100%;
 height: 200rpx;
 border: 1px solid #e4e4e4;
 border-radius: 10rpx; 
 font-size: 14px;
 box-sizing: border-box;
 color: #333;
 font-weight: normal;
}
.placeholder{
  color: #999
}
.submit{
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 80rpx auto 0;
    width: 200px;
    height: 50px;
    background: inherit;
    background-color: #C63E3A;
    border: none;
    border-radius: 75px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-family: 'PingFangSC-Semibold', 'PingFang SC Semibold', 'PingFang SC';
    font-weight: 650;
    font-style: normal;
    font-size: 20px;
    color: #FFFFFF;
}
.content{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 40rpx 0;
}
.checkbox{
  display: inline-flex;
  width: 28rpx;
  height: 28rpx;
  border:1px solid #ccc;
  border-radius: 4rpx;
  box-sizing: border-box;
  position: relative;
}
.active .checkbox{
  border-color: #C63E3A
}
.active .checkbox::after{

  content: "";
  display: block;
  position: absolute;
  left: 2rpx;
  top: -4rpx;
  height: 30rpx;
  width: 30rpx;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAACPklEQVRYR+2Wv4sTURDHv7MrFjYWFhYWgliIWlgId7ub1VdYXGFxxb78LbY2Iv4B/hExiggigugme/sjoIcIKoKIICKICHIIIrdvZM93ubvsbvYll+SaSxXIzHw+mbczbwkH/KED5uNQYGEdyHz/PJO6zcRnAL7p9tJ7xfEvRKCAKyvvgHFh+MwRtwuJuQtUwrctiNtzFRgLB8DgV3MTaIJvNYE5nIuAERx4f8QmOXMBIzjhw6bK21eiwZuZChjBgY9sQXph8nrPGCZXHQmmOwzENtu3lqPo3SRr2hD+iVhJJ8rWh4NQfNHwzs6M4q2l7LaphCH8s22RXArjl7v/GJXgO2pGEiZwBr4opaS/lg1Gu0qJ77wAkahsN43vhAkcwFcmSK+XpFUMSny3A4KsPe8aCUP4N33mcV19ioV7kRSKi+GcqYQh/LtNFCz14mjcw7w1hrFwL2mJs00Sxe+li2UkiYEf+szDpkka7oGB8C7nOXdBOD1O4v8K3XWrlYN/MiC9fvK8CV66jjPhLSvFXQCnTJIrYn6RZQVOuPbMNL+0CTPhtbTESdMiOm4DzNKN0qeT5FWu4lS0BCtVdOKESTEC/S4myenFT0zi9yyiuoRUtK5BqS4DxxuK/mFG4EXJ40nhpWdgtEAinBXkdB+EYzXF/yqQbPXjR9PAGwWKgEQ417XE0RHIpj7zh9PCjQS0xKqWsDSMCRQ4/fjBfuDGAkVgLNwAim8QYwMW7m6/Vi9MYL+guvyZvhFNI3ko8A+L4Ro3ZjXJkgAAAABJRU5ErkJggg==) no-repeat;
  background-size: 100% 100%;
  z-index: 10;
}
.active .checkbox::before{
  content: "";
background: #fff;
width: 5px;
height: 16rpx;
position: absolute;
right: -2px;
top: 0rpx;
z-index: 9;
display: block;


}
.issubmit{
  opacity: 0.5
}