:root{
  --van-tabbar-item-text-color:#6F7074;
  --van-popup-close-icon-margin:8px;
}

/*reset-vant*/
/* .van-popup .van-nav-bar .van-icon.icon-close{
  color: #9C9DA0;
}

.van-popover.fjaggreement[data-popper-placement=top-start]{transform: translateX(-0.2rem)} */
.van-popup .van-nav-bar .van-nav-bar__left, .van-popup  .van-nav-bar .van-nav-bar__right{padding: 0;}



input::placeholder {
  color: var(--fan-placeholder);
}

input,
textarea {
  caret-color: var(--fan-primary);
  /* 将光标颜色设置为#203AE6 */
}

.fan-popup {
  min-height: 4.8rem;
  max-height: 65%;
}

.inlineflexrc {
  display: inline-flex;
  justify-content: end;
  align-items: center;
}


/*项目css*/
@media only screen and (max-width:480px) {
  html {
    font-size: 64px
  }

  /*480/64=7.5*/
}

@media only screen and (max-width:414px) {
  html {
    font-size: 55.2px
  }
}

@media only screen and (max-width:412px) {
  html {
    font-size: 54.9px
  }
}

@media only screen and (max-width:400px) {
  html {
    font-size: 53.333px
  }
}

@media only screen and (max-width:393px) {
  html {
    font-size: 52.4px
  }
}

@media only screen and (max-width:360px) {
  html {
    font-size: 48px
  }
}

@media only screen and (max-width:320px) {
  html {
    font-size: 42.6666px
  }
}

@media only screen and (min-width:640px) {
  html {
    font-size: 85.3333px
  }
}

@media only screen and (min-width:720px) {
  html {
    font-size: 96px
  }
}

@media only screen and (min-width:750px) {
  html {
    font-size: 100px
  }
}

.inlie-loadmore {
  padding: 0.3rem 0;
  text-align: center;
  font-size: 0.26rem;
  color: #666;
}

.inlie-loadmore img {
  width: 0.3rem;
  vertical-align: middle;
  margin-right: 0.1rem;
}

[v-cloak] {
  display: none;
}

.fix-top {
  position: sticky;
  top: 0;
  background-color: #fff;
  z-index: 9;
}

.fix-top-nav {
  position: sticky;
  background-color: #fff;
  top: 0;
}

.van-popup .fix-top {
  padding: 0 .32rem;
}


.icon-default {
  font-size: .4rem;
  color: var(--fan-text-default);
}

.icon-close {
  font-size: .36rem;
  color: #9C9DA0;
}

.icon-arrow {
  font-size: .4rem;
  color: #9C9DA0;
}

.icon-checked {
  font-size: .4rem;
  color: var(--fan-primary);
  vertical-align: middle;
}

.icon-circle {
  font-size: .4rem;
  color: #707175;
  vertical-align: middle;
}

.icon-disabled {
  font-size: .4rem;
  color: #DEDEE3;
}








html,
body {
  max-width: 750px;
  margin: 0 auto;
  font-size: .28rem;
}
.text-right{text-align: right;}
.ver-mid {
  vertical-align: middle;
}

.inlin-block {
  display: inline-block;
}

input::placeholder,textarea::placeholder {
  color: #DEDEE3
}

input {
  outline: none;
}

.primary {
  color: var(--fan-primary)
}
.colplholder {
  color: #DEDEE3
}

.col203AE6 {
  color: #203AE6;
}

.flexbox {
  display: flex;
}

.flex1 {
  flex: 1;
}

input:focus,
textarea:focus {
  outline: none;
}

.loading-page {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  line-height: 30px;
}

.flexbox {
  display: flex;
}

.flexbox .flex1 {
  flex: 1
}



.button {
  margin: 0.16rem 0.32rem 0.16rem;
  height: 0.88rem;
  line-height: .88rem;
  background: linear-gradient(270deg, #203AE6 0%, #4A62FF 100%);
  border-radius: 0.08rem;
  color: #fff;
  font-size: .32rem;
  /* font-weight: bold; */
  text-align: center;
}
.button.fff {
  background: #fff;
  color: #000000;
}


/*内容箭头 start*/
.group-arrow {
  display: flex;
  align-items: center;
  color: var(--fan-text-default);
}

.group-arrow .l-w {
  width: .48rem;
  height: .48rem;line-height: .48rem;
  margin-right: .08rem;
}
.group-arrow .l-w180 {
  width: 1.8rem;
  height: .48rem;
  line-height: .48rem;
  margin-right: .08rem;
}

.group-arrow img {
  width: 100%;
  height: 100;
}

.group-arrow .u-name {
  flex: 1;
  position: relative;
  padding: .32rem 0;
}

.group-arrow .u-name::after {
  content: " ";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 200%;
  height: 1px;
  border-bottom: 1px solid #E2E2E2;
  color: #E2E2E2;
  transform-origin: left top;
  transform: scale(0.5);
  pointer-events: none;
}

.group-arrow:last-child .u-name::after {
  display: none;
}

.group-arrow .r-w {
  color: #191A1C;width: .8rem;text-align: right;
}

.group-arrow .r-w a {
  color: #191A1C;
}
/*end*/

/*协议勾选*/
.aggrebox {
  padding: .2rem 0;
}

.aggrebox .aggrem {
  padding: .25rem 0;
}

.aggrebox .button {
  margin: 0;
  font-weight: 400;
}

.aggrebox .button.disabled {
  background: #DEDEE3;
  color: #6F7074;
}
/*协议勾选end*/


/*消息提醒*/

.messagebox{
  /* height: 1.4rem; */
  background: #FFF0EC;
  border-radius: .12rem;padding:.32rem .84rem;position: relative;box-sizing: border-box;
}
.messagebox .close{
  width: .32rem;
  height: .32rem;
  background: #FEDCD3;
  border-radius: .12rem 0px;position: absolute;top: 0;
  left:0;display: flex;
  align-items: center;
  justify-content: center;
}
.messagebox .icon-l{
  width: .4rem;
  height: .4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #F96938;
  border-radius: 50%;position: absolute;top:50%;left:.32rem;
  transform: translateY(-50%);
}
.messagebox .icon-r{
  width: .32rem;
  height: .32rem;
  display: flex;
    align-items: center;
    justify-content: center;
  border-radius: 50%;position: absolute;top:50%;right:.32rem;
  transform: translateY(-50%);
}
.messagebox .m-con{
  font-size: .26rem;
  color: #F96938;
  line-height: .36rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.messagebox .m-con b{
  font-weight: 600;
}
/*消息提醒-end*/