body {
  background-color: #FAFAFA;
  height: 100vh;

}

.menu-select-box {
  position: relative;
  background-color: #FAFAFA;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-wrap: nowrap;
  height: 100%;
  margin: .28rem .32rem;
  box-sizing: border-box;
}

.select-first-item {
	margin-bottom: .30rem;
	font-size: .24rem;
	font-weight: 400;
	color: #666666;
	box-sizing: border-box;
}

.select-con-option {
	width: 100%;
	/* padding: .28rem 0 .20rem .28rem; */
	box-sizing: border-box;
}

.select-list,.second-list,.third-list {
	height: .88rem;
	padding: .25rem 0;
	border-bottom: 0.01rem solid #E7E7E7;
	line-height: .37rem;
	justify-content: space-between;
	font-size: .28rem;
	color: #333333;
	font-weight: 400;
	box-sizing: border-box;
	cursor: pointer;
}

.select-list:last-child,.second-list:last-child,.third-list:last-child {
	border: none;
}

.list-info-box {
	font-size: .24rem;
	font-weight: 400;
	color: #666666;
}

.list-icon {
	width: .095rem;
	height: .185rem;
	margin-left: .33rem;
	/* background: #000; */
}
.display {
  display: none;
}

.cursor {
  cursor: pointer;
}

.box {
  position: relative;
  background-color: #FAFAFA;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-wrap: nowrap;
  width: 100%;
  height: 100%;
}

.header {
  flex: 1;
  padding: .28rem 0 .20rem .28rem;
  background-color: #EDEDED;
  font-size: .33rem;
  font-weight: 700;
}

.header img {
  width: .32rem;
  margin-right: 2.4rem;
  vertical-align: middle;
}

.content {
  flex: 24;
  font-size: .28rem;
  overflow: auto;
}
.grays{
  width: 100%;
  height: 1.3rem;
}
.feed {
  height: 90%;
  padding: .2rem .54rem 0rem;
  background-color: #FAFAFA;
  /* margin-bottom: 1.05rem; */
}

.border {
  padding: .31rem 0 .29rem 0;
  color: #333333;
  /* border-bottom: .01rem solid #E4E4E4; */
}

.input-title-box {
	display: flex;
	justify-content: space-between;
	color: #999999;
	margin-bottom: .23rem;
}

.input-title-box .input-title {
	font-size: 0.26rem;
	font-weight: 700;
	line-height: .36rem;
}

.input-title-box .input-title .star-icon {
	display: inline-block;
	margin-left: .1rem;
	color: #FF4444;
}

.input-title-box .words-count {
	font-size: .24rem;
	line-height: .34rem;
	font-weight: 500;
}

.desc,.feed_suggest {
  width: 100%;
  height: 2.1rem;
  padding: .30rem;
  /* text-indent: 1.5rem; */
  border: none;
  box-sizing: border-box;
  resize: none;
  outline: none;
  font-size: 0.26rem;
  /* font-weight: 500; */
  font-family: !important;
  line-height: .38rem;
  color: #444444;
}

textarea  {
	/* font-family: 'Times New Roman', Times, serif; */
	font-family:"微软雅黑";
}

.desc-title{
  position: absolute;
  top: .3rem;
  font-size: 0.28rem;
}
.suggest-title{
  position: absolute;
  font-size: 0.28rem;
}
.feed-content {
  position: relative;
}

.feed-content .inp-length {
  position: absolute;
  right: 0;
  bottom: .23rem;
  color: #B4B4B4;
  font-size: 0.24rem;
  font-weight: 500;
}

.url, .tel {
  /* padding-left: .4rem; */
  font-size: 0.26rem;
  font-weight: 400;
}

.url {
  width: 100%;
}

.send {
  margin: .39rem auto .68rem;
  /* width: 1.47rem; */
  width: 2.90rem;
  height: .70rem;
  /* padding: .1rem 0; */
  background-color: #E6E6E6;
  font-size: 0.3rem;
  font-weight: 500;
  color: #CDCDCD;
  border-radius: 0.58rem;
  text-align: center;
  line-height: .70rem;
  cursor: pointer;
}

.sendActive {
  background: #FF6600;
  color: #FFFFFF;
}

.footer {
  flex: 1;
  padding: .2rem 1.11rem;
  background-color: #fff;
  font-size: 0.2rem;
}

.footer img {
  width: .44rem;
}

.footer div {
  text-align: center;
}

/* 反馈记录 */
.record {
  height: 100%;
}

.user {
	position: relative;
  padding: .42rem 0 .42rem .59rem;
  background: #FFFFFF;
}

.user img {
  width: 1.15rem;
  border-radius: 50%;
}

.userName {
	position: absolute;
	left: 2rem;
	top: 0.60rem;
	display: inline-block;
	/* margin-bottom: 0.50rem; */
	font-size: 0.40rem;
	font-weight: 700;
	line-height: 0.80rem;
}

.record-tab {
	/* display: inline-block; */
  /* padding-left: .6rem; */
  color: #67686A;
  font-size: .26rem;
  font-weight: 500;
  background: #FFFFFF;
  padding-bottom: .33rem;
}

.tab-box {
	/* width: 2.81rem; */
	height: .68rem;
	margin-left: 0.32rem;
	background-color: #EFF0F2;
	border-radius: .50rem;
	justify-content: space-between;
	line-height: .54rem;
}

.tab-box div {
	margin: .07rem;
  padding: 0rem .30rem;
  /* margin-right: .6rem; */
  font-size: 0.28rem;
  font-weight: 500;
}

.rec-select {
  color: #FF6600;
  font-size: .26rem;
  font-weight: 900;
  background: #FFFFFF;
  border-radius: .50rem;
}

.feed-count, .record-count {
  display: inline-block;
  margin-left: .13rem;
}

.record-list {
  margin-top: .26rem;
  padding: .18rem .31rem 0.3rem;
  background-color: #fff;
  color: #44444 !important;
  font-size: .26rem;
}

.record-list .desc-content {
  margin-bottom: .27rem;
  /* color: #44444; */
  color: #44444;
}

.desc-time {
  padding: 0 0;
  color: #999999;
  font-size: 0.2rem;
  font-weight: 500;
}
.desc-reply{
  margin-top: .34rem;
  padding: .2rem;
  border-radius: .10rem;
  background-color: rgba(122, 120, 120, 0.1);
  
}
.desc-reply span {
  display: inline-block;
  margin-right: .2rem;
}
.tab {
  color: #666;
  font-size: 0.2rem;
  font-weight: 500;
}

.tab-select {
  color: #FE6600;
}

.saf-dialog ,.cel-box{
	width:100% ;
	font-size: 0.32rem;
	color: #222222;
	font-weight: 700;
	text-align: center;
}

.success-btn {
	width: 60%;
	margin: 0.4rem auto;
	line-height: 0.4rem;
	color: #FFFFFF;
	background: #FE6600;
}

.success-saf, .cel-box{
	position: absolute;
	left: 10%;
	top: 50%;
	margin-top: -1rem;
	width: 5.6rem;
	border-radius: 0.16rem;
	background: #FFFFFF;
	box-sizing: border-box;
}

.success-icon {
	margin-top: 0.63rem;
}

.success-txt {
	font-weight: 900;
	margin-top: 0.2rem;
	margin-bottom: 0.75rem;
}
.success-icon img {
	width: 0.83rem;
	height: 0.83rem;
}

.cel-content {
	padding: 0.53rem 1.04rem;
	border-bottom: 0.01rem solid #F0F0F0;
}

.cel-box-btn {
	/* width: 60%; */
	/* height: 0.4rem; */
	/* padding: 0.2rem 0; */
	/* margin: 0.4rem auto; */
	justify-content: space-between;
}

.confirm-btn {
	/* width: 1rem; */
	flex: 1;
	padding: 0.2rem 0;
	font-size: 0.3rem;
	font-weight: 500;
	line-height: 0.42rem;
	color: #FE6700;
	cursor: pointer;
}

.cel-btn {
	flex: 1;
	padding: 0.2rem 0;
	font-size: 0.3rem;
	font-weight: 500;
	line-height: 0.42rem;
	font-weight: 400;
	color: #444444;
	border-right: 0.01rem solid #F0F0F0;
	cursor: pointer;
}

/* 提醒弹窗 */
.mask, .send-mask ,.saf-mask,.cel-saf-mask{
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 10;
}

.tips-dia {
  padding: .3rem;
  margin: 0 auto;
  border-radius: 0.1rem;
  background-color: #fff;
}

.tips-title {
  font-size: 0.3rem;
  font-weight: 700;
  color: #333333;
  text-align: center;
}

.tips-content {
  margin: .16rem 0 .25rem;
  font-size: .28rem;
  text-align: center;
  color: #111111;
}

.tips-btn {
  padding: .15rem 1.35rem;
  margin: 0 .13rem .25rem;
  border-radius: 0.06rem;
  font-size: 0.26rem;
  font-weight: 500;
  color: #FBFBFB;
  background-color: #FE6600;
  text-align: center;
}

/* 发送提交弹窗 */
.send-success {
  padding: .45rem 0 0;
  margin: 0 auto;
  border-radius: 0.1rem;
  background-color: #fff;
  font-size: .28rem;
  text-align: center;
  font-weight: 500;
}

.send-success img {
  margin: .6rem auto .7rem;
  width: 1rem;
  border: none;
}

.send-title, .qr-title {
  margin: 0 2.45rem;
  font-size: .32rem;
  color: #111111;
}

.send-desc, .qr-desc {
  color: #888888;
  margin: 0 .6rem .42rem;
}

.send-footer div {
  flex: 1;
  padding: .38rem 0;
  font-size: 0.32rem;
  font-weight: 500;
  border-top: .01rem solid #D5D5D5;
}

.send-footer div:nth-of-type(2) {
  color: #FE6600;
  border-left: .01rem solid #D5D5D5;
}

.record-ul {
	margin: 0 .32rem;
}

/* 二维码弹窗 */
.qr-code {
  flex-direction: column;
  padding: .14rem .16rem 0.1rem;
  margin: 0 auto;
  border-radius: 0.1rem;
  background-color: #fff;
  font-size: .28rem;
  text-align: center;
  font-weight: 500;
}

.qr-code .qr-img {
  width: 1.9rem;
}

.code-box {
  margin: 0 auto;
  width: 1.9rem;
  height: 1.9rem;
}

.qr-top {
  text-align: right;
}

.qr-close {
  font-size: .36rem;
  font-weight: 600;
  color: #999999;

}

.qr-title {
  margin: .41rem 0 .2rem;
}

.qr-desc {
  margin: .2rem .4rem .91rem;
}

.wx-gzh {
  flex-direction: column;
  padding: .14rem .16rem 0.1rem;
  margin: 0 .5rem 0;
  border-radius: 0.1rem;
  background-color: #fff;
  font-size: .28rem;
  font-weight: 500;
}

.gzh-title {
  margin: .51rem 1.5rem .48rem;
  font-size: 0.3rem;
  font-weight: 500;
  text-align: center;
}

.bdb-follow {
  padding: .11rem .18rem 0;
  margin: 0 .3rem .5rem;
  border-radius: 0.04rem;
  border: 0.01rem solid #D0D0D0;
}

.bdb-follow>div:first-of-type {
  font-size: 0.2rem;
  font-weight: 500;
  color: #A3A3A3;
}

.bdb-box {
  margin: .2rem 0 .31rem;
}

.bdb-box>div div:first-of-type {
  margin-bottom: .05rem;
  font-size: 0.28rem;
  font-weight: 500;
  color: #000000;
}

.bdb-box>div div:nth-of-type(2) {
  font-size: 0.2rem;
  font-weight: 500;
  color: #888888;
}

.bdb-box img {
  width: .65rem;
  margin-right: .12rem;
}

.follow-btn {
  padding: .1rem .33rem;
  border: 0.02rem solid #FE6600;
  border-radius: 0.05rem;
  color: #FE6600;
  font-size: 0.22rem;
  font-weight: 500;
}

/* 登录弹窗 */
/* 登录弹窗 */
.login-mask {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 99999;
  animation-name: fadeIn;
  animation-duration: .5s
}

.login {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  padding: .35rem .1rem 0;
  border-radius: .1rem .1rem 0 0;
  background-color: #fff;
  animation-name: slideIn;
  animation-duration: .5s
}

.login-title {
  margin: 0 0 0 2.55rem;
  color: #333333;
  font-size: 0.3rem;
  font-weight: 700;
}

.login-close {
  display: inline-block;
  margin-left: 1.8rem;
  font-size: 0.42rem;
  font-weight: 700;
  color: #666666;
}

.login img {
  display: block;
  margin: 0.72rem auto .8rem;
  width: 1.6rem;
}

.xieyi {
  position: relative;
  width: 3.3rem;
  margin: 0 auto .43rem;
  font-size: 0.24rem;
  font-weight: 500;
  color: #888888;
}

.xieyi a {
  color: #FE6600;
}

input[type="checkbox"i] {
  margin: 0.02rem .2rem 0 0;
  width: .3rem;
  border-radius: 50% !important;
}

input[type="text" i] {
	width: 100%;
	font-size: .26rem;
	padding: .30rem;
	border-radius: 0.10rem;
	box-sizing: border-box;
	color: #444444;
	font-family: '微软雅黑';
}

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {
    color: #D0D0D0;
  }
 
  input::-moz-placeholder,textarea::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #D0D0D0;
  }
 
  input:-moz-placeholder,textarea:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #D0D0D0;
  }
 
  input:-ms-input-placeholder,textarea::-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #D0D0D0;
  }


.login-btn {
  padding: .21rem 0;
  margin: 0 .78rem .47rem;
  background-color: #FE6600;
  border-radius: 0.1rem;
  font-size: 0.3rem;
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
}

.login-tips {
  margin: 0 0 .45rem 0;
  font-size: 0.24rem;
  font-weight: 400;
  color: #888888;
  text-align: center;
}

@keyframes fadeIn {
  from {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@keyframes slideIn {
  from {
    bottom: -6.75rem;
    opacity: 0
  }

  to {
    bottom: 0;
    opacity: 1
  }
}

.xieyi-tips {
  position: absolute;
  left: 0.2rem;
  border-radius: .1rem;
  top: -1rem;
  padding: .14rem;
  background-color: rgba(26, 26, 27, 0.6);
  color: #FBFBFB;
}

.saf-icon {
	width: .31rem;
	height: .28rem;
	margin-top: 0.07rem;
}