:root{
  --main-color-red: #E85656;
  --main-color-blue: #2A82E4;
  --main-span: calc((100vw - 750rem) / 2);
}
.flex{
  display: flex;
}
.flex1{
  flex: 1;
}
.flex-wrap{
  flex-wrap: wrap;
}
.flex-column{
  flex-direction: column;
}
.justify-between{
  justify-content: space-between;
}
.justify-around{
  justify-content: space-around;
}
.justify-center{
  justify-content: center;
}
.justify-end{
  justify-content: flex-end;
}
.items-center{
  align-items: center;
}
.items-start{
  align-items: flex-start;
}
.items-end{
  align-items: flex-end;
}
.row-reverse{
  flex-direction: row-reverse;
}
.column-reverse{
  flex-direction: column-reverse;
}
.text-right{
  text-align: right;
}
.text-overflow{
  overflow:hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow:ellipsis;
}
.loading-success {
  display: none;
  margin-top: 30rem;
  font-size: 24rem;
  color: #999999;
  line-height: 24rem;
  text-align: center;
}
.loading-wrap{
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999999;
  width: 100%;
  height: 100%;
}
.loading-wrap .mask{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
}
.loading-wrap .wrap{
  position: absolute;
  left: 50%;
  top: 50%;
  width: 200rem;
  height: 200rem;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 16rem;
  transform: translate(-50%, -50%);
}
.loading-wrap.flex{
  display: flex;
}
.loading-wrap .icon-wrap{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40rem;
  height: 40rem;
}
@keyframes loading {
  0%{
    transform: rotate(0deg);
  }
  100%{
    transform: rotate(360deg);
  }
}
.loading-wrap i{
  font-size: 50rem;
  color: white;
  animation: loading 0.6s 0s linear infinite;
}
.loading-wrap span{
  margin-top: 20rem;
  font-size: 24rem;
  color: white;
}
.toast-wrap{
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999999;
  width: 100%;
  height: 100%;
}
.toast-wrap .mask{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
}
.toast-wrap .wrap{
  position: absolute;
  left: 50%;
  top: 50%;
  min-height: 60rem;
  border-radius: 10rem;
  background-color: rgba(0, 0, 0, 0.6);
  transform: translate(-50%, -50%);
}
.toast-wrap .wrap .text{
  padding-left: 20rem;
  padding-right: 20rem;
  padding-top: 10rem;
  padding-bottom: 10rem;
  max-width: 600rem;
  font-size: 26rem;
  color: white;
  line-height: 40rem;
}
.modal-wrap{
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 99999;
  width: 100%;
  height: 100%;
}
.modal-wrap .mask{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}
.modal-wrap .wrap{
  position: absolute;
  left: 50%;
  top: 50%;
  width: 600rem;
  background-color: white;
  border-radius: 10rem;
  overflow: hidden;
  transform: translate(-50%, -50%);
}
.modal-wrap .wrap .title{
  padding-top: 30rem;
  padding-bottom: 10rem;
  font-size: 36rem;
  line-height: 50rem;
  text-align: center;
}
.modal-wrap .wrap .content{
  padding-top: 40rem;
  padding-bottom: 40rem;
  padding-left: 50rem;
  padding-right: 50rem;
  min-height: 80rem;
  max-height: 400rem;
  font-size: 30rem;
  color: #999;
  line-height: 42rem;
  text-align: center;
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-wrap .wrap .foot-wrap{
  height: 96rem;
  border-top: 2rem solid #d5d5d6;
}
.modal-wrap .wrap .foot-wrap .cancel-btn,
.modal-wrap .wrap .foot-wrap .confirm-btn{
  height: 96rem;
  font-size: 36rem;
}
.modal-wrap .wrap .foot-wrap .cancel-btn{
  color: #000000;
}
.modal-wrap .wrap .foot-wrap .confirm-btn{
  color: var(--main-color-blue);
  box-shadow: inset 2rem 0 0 #d5d5d6;
}
.previewImage-wrap{
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999999;
  width: 100%;
  height: 100%;
}
.previewImage-wrap .mask{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: black;
}
.previewImage-wrap img{
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 2;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  transform: translate(-50%, -50%);
}
.previewImage-wrap .content{
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 3;
  padding-left: 48rem;
  padding-right: 48rem;
  padding-top: 20rem;
  padding-bottom: 20rem;
  width: 100%;
  min-height: 88rem;
  font-size: 28rem;
  color: white;
  line-height: 48rem;
  text-align: center;
  /* background-color: rgba(0, 0, 0, 0.2); */
  text-shadow: 2rem 2rem 0 rgba(0, 0, 0, 0.2);
}
.previewImage-wrap .close{
  display: none;
  position: absolute;
  right: 20rem;
  top: 20rem;
  z-index: 4;
  width: 60rem;
  height: 60rem;
}
.previewImage-wrap .close:before,
.previewImage-wrap .close:after{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -2rem;
  margin-left: -20rem;
  width: 40rem;
  height: 4rem;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 2rem;
  box-shadow: 0 0 2rem rgba(0, 0, 0, 0.2);
}
.previewImage-wrap .close:before{
  transform: rotate(45deg);
}
.previewImage-wrap .close:after{
  transform: rotate(-45deg);
}
.popup-wrap{
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999999;
  width: 100%;
  height: 100%;
}
.popup-wrap .mask{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(51,51,51,0.5);
}
.popup-wrap .wrap{
  position: absolute;
  left: 48rem;
  top: 50%;
  right: 48rem;
  z-index: 2;
  background-color: white;
  border-radius: 8rem;
  transform: translateY(-50%);
}
.popup-wrap .wrap .top-wrap{
  padding-left: 28rem;
  padding-right: 28rem;
  height: 94rem;
  border-bottom: solid 2rem #E5E5E5;
}
.popup-wrap .wrap .top-wrap .title{
  font-size: 30rem;
  color: #383838;
}
.popup-wrap .wrap .top-wrap .close{
  position: relative;
  width: 32rem;
  height: 32rem;
  cursor: pointer;
}
.popup-wrap .wrap .top-wrap .close:before,
.popup-wrap .wrap .top-wrap .close:after{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -16rem;
  margin-top: -2rem;
  width: 32rem;
  height: 4rem;
  background-color: #383838;
  border-radius: 2rem;
}
.popup-wrap .wrap .top-wrap .close:before{
  transform: rotate(45deg);
}
.popup-wrap .wrap .top-wrap .close:after{
  transform: rotate(-45deg);
}
.popup-wrap .wrap .top-wrap-2 .subbar-wrap{ 
  height: 80rem;
  background: none;
  box-shadow: inset 0 -2rem 0 0 #E5E5E5;
}
.popup-wrap .wrap .top-wrap-2 .subbar-wrap a{
  line-height: 80rem;
}
.popup-wrap .wrap .content-wrap {
  padding-top: 32rem;
  padding-bottom: 32rem;
  padding-left: 28rem;
  padding-right: 28rem;
  height: 556rem;
  max-height: calc(100vh - 60rem - 94rem - 140rem);
  overflow-x: hidden;
  overflow-y: auto;
}
.popup-wrap .wrap .content-wrap .list-wrap .list{
  display: none;
}
.popup-wrap .wrap .content-wrap .list-wrap .list.active{
  display: flex;
}
.popup-wrap .wrap .content-wrap .list .item{
  padding-left: 10rem;
  padding-right: 10rem;
  margin-right: 24rem;
  margin-bottom: 24rem;
  width: calc((100% - 24rem * 2) / 3);
  height: 68rem;
  font-size: 28rem;
  color: #333333;
  line-height: 68rem;
  text-align: center;
  background: #F5F5F5;
  border-radius: 2px;
  cursor: pointer;
  overflow:hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow:ellipsis;
}
.popup-wrap .wrap .content-wrap .list .item.active{
  color: var(--main-color-red);
  box-shadow: inset 0 0 0 2rem var(--main-color-red);
}
.popup-wrap .wrap .content-wrap .list .item:nth-child(3n+3){
  margin-right: 0;
}
.popup-wrap .wrap .content-wrap .list .item.single{
  margin-right: 0;
  width: 100%;
}
.popup-wrap .wrap .content-wrap .list .item.two{
  margin-right: 0;
  margin-top: 0;
  width: calc(50% - 15rem);
}
.popup-wrap .wrap .content-wrap .list .item.two:nth-child(odd){
  margin-right: 30rem;
}
.popup-wrap .wrap .content-wrap .list .item.two:nth-child(n+3){
  margin-top: 24rem;
}
.popup-wrap .wrap .content-wrap .list .item.single:last-child{
  margin-bottom: 0;
}
.popup-wrap .wrap .foot-wrap{
  padding-top: 32rem;
  padding-bottom: 32rem;
  padding-left: 28rem;
  padding-right: 28rem;
}
.popup-wrap .wrap .foot-wrap .cancel,
.popup-wrap .wrap .foot-wrap .confirm{
  width: calc(50% - 11rem);
  height: 76rem;
  font-size: 28rem;
  border-radius: 10rem;
  cursor: pointer;
}
.popup-wrap .wrap .foot-wrap .cancel{
  color: #383838;
  border: 2rem solid #E5E5E5;
}
.popup-wrap .wrap .foot-wrap .confirm{
  color: white;
  background-color: var(--main-color-red);
}
.quyuPopup-wrap{
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999999;
  width: 100%;
  height: 100%;
}
.quyuPopup-wrap .mask{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(51,51,51,0.5);
}
.quyuPopup-wrap .wrap{
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 2;
  background-color: white;
  border-radius: 8rem 8rem 0 0;
}
.quyuPopup-wrap .wrap .top-wrap{
  padding-left: 76rem;
  padding-right: 28rem;
  height: 94rem;
  border-bottom: solid 2rem #E5E5E5;
}
.quyuPopup-wrap .wrap .top-wrap .title{
  font-size: 30rem;
  color: #383838;
}
.quyuPopup-wrap .wrap .top-wrap .close{
  position: relative;
  width: 32rem;
  height: 32rem;
  cursor: pointer;
}
.quyuPopup-wrap .wrap .top-wrap .close:before,
.quyuPopup-wrap .wrap .top-wrap .close:after{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -16rem;
  margin-top: -2rem;
  width: 32rem;
  height: 4rem;
  background-color: #383838;
  border-radius: 2rem;
}
.quyuPopup-wrap .wrap .top-wrap .close:before{
  transform: rotate(45deg);
}
.quyuPopup-wrap .wrap .top-wrap .close:after{
  transform: rotate(-45deg);
}
.quyuPopup-wrap .wrap .content-wrap .one-list{
  width: 216rem;
  min-height: 40vh;
  max-height: 60vh;
  background-color: #F5F6F8;
  overflow-y: auto;
}
.quyuPopup-wrap .wrap .content-wrap .two-list{
  width: calc(100% - 216rem);
  min-height: 40vh;
  max-height: 60vh;
  overflow-y: auto;
}
.quyuPopup-wrap .wrap .content-wrap .item{
  padding-left: 10rem;
  padding-right: 10rem;
  padding-top: 36rem;
  padding-bottom: 36rem;
  height: 120rem;
  font-size: 28rem;
  color: #333333;
  line-height: 48rem;
  cursor: pointer;
}
.quyuPopup-wrap .wrap .content-wrap .one-list .item{
  text-align: center;
}
.quyuPopup-wrap .wrap .content-wrap .one-list .item.active{
  color: var(--main-color-red);
  background-color: white;
}
.quyuPopup-wrap .wrap .content-wrap .two-list .item{
  padding-left: 84rem;
}

body{
  padding-left: var(--main-span);
  padding-right: var(--main-span);
  font-size: 16rem;
}
.container{
  margin-left: auto;
  margin-right: auto;
  padding-left: 48rem;
  padding-right: 48rem;
}
.screenHeight{
  min-height: 100vh;
}
.span-t-20{
  padding-top: 20rem;
}
.span-t-30{
  padding-top: 30rem;
}
.span-t-40{
  padding-top: 40rem;
}
.span-t-50{
  padding-top: 50rem;
}
.span-l-30{
  padding-left: 30rem;
}
.span-r-30{
  padding-right: 30rem;
}
.span-safe-bottom{
  height: constant(safe-area-inset-bottom);
  height: env(safe-area-inset-bottom);
}
.bgcolor{
  background-color: #F5F5F5;
}
.bgcolor-2{
  background-color: white;
}
.slideValidate-wrap{
  position: relative;
  margin-top: 30rem;
  height: 88rem;
  text-align: center;
  line-height: 88rem;
  background: #F9FAFE;
  border-radius: 4rem;
  box-shadow: inset 0 0 0 2rem #E4E4EB;
  user-select: none;
  -webkit-user-select: none;
  overflow: hidden;
}
.slideValidate-wrap .slidebg{
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 0;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.1);
}
.slideValidate-wrap.active .slidebg{
  transition: all 0.3s;
  background-color: #4A88F7;
}
.slideValidate-wrap:before{
  content: "请按住滑块，拖动到最右边";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  width: 100%;
  font-size: 28rem;
  color: #808080;
}
.slideValidate-wrap.active:before{
  content: "验证通过";
  color: white;
}
.slideValidate-wrap .slideBlock{
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
  width: 88rem;
  height: 88rem;
  background-color: white;
  box-shadow: 0px 0px 8rem 0px rgba(229, 229, 229, 0.5);
  cursor: move;
}
.slideValidate-wrap .slideBlock i.icon-right{
  font-size: 40rem;
  color: #17191C;
  font-weight: bold;
  line-height: 40rem;
}
.slideValidate-wrap.active .slideBlock i.icon-right{
  display: none;
}
.slideValidate-wrap .slideBlock i.icon-duihao{
  display: none;
  width: 40rem;
  height: 40rem;
  font-size: 30rem;
  color: white;
  line-height: 40rem;
  text-align: center;
  background-color: #4A88F7;
  border-radius: 50%;
}
.slideValidate-wrap.active .slideBlock i.icon-duihao{
  display: block;
}
.main-search{
  position: relative;
  padding-left: 24rem;
  height: 68rem;
  background: #FFFFFF;
  border-radius: 8rem;
}
.main-search.line{
  box-shadow: inset 0 0 0 2rem #A6A6A6;
}
.main-search:before{
  content: "";
  position: absolute;
  top: 50%;
  right: 88rem;
  width: 2rem;
  height: 28rem;
  background-color: #E5E5E5;
  transform: translateY(-50%);
}
.main-search .icon-wrap i{
  font-size: 24rem;
  color: #C0C0C0;
  line-height: 24rem;
  font-weight: bold;
}
.main-search input{
  padding-left: 18rem;
  padding-right: 18rem;
  width: calc(100% - 24rem - 88rem);
  height: 68rem;
  font-size: 24rem;
  color: #000000;
  line-height: 68rem;
  background: none;
  border: none;
}
.main-search button,
.main-search .button{
  width: 88rem;
  height: 68rem;
  font-size: 24rem;
  color: #000000;
  line-height: 68rem;
  text-align: center;
  background: none;
  border: none;
}
.login-wrap{
  padding-top: 300rem;
  padding-bottom: 200rem;
  padding-left: 75rem;
  padding-right: 75rem;
  min-height: 100vh;
  background-image: url(../images/bg-login.jpeg);
  background-repeat: no-repeat;
  background-position: top;
  background-size: cover;
}
.login-wrap .text{
  font-weight: 600;
  font-size: 40rem;
  color: #000000;
  line-height: 56rem;
}
.login-wrap .btns{
  margin-top: 250rem;
}
.login-wrap .btns a{
  display: block;
  font-size: 32rem;
  text-align: center;
  line-height: 108rem;
  border-radius: 10rem;
}
.login-wrap .btns a:nth-child(1){
  color: white;
  background-color: var(--main-color-red);
}
.login-wrap .btns a:nth-child(2){
  margin-top: 48rem;
  color: var(--main-color-red);
  background-color: white;
  box-shadow: inset 0 0 0 4rem var(--main-color-red);
}
.login-wrap .form{
  margin-top: 88rem;
}
.login-wrap .form .item:nth-child(n+2){
  margin-top: 60rem;
}
.login-wrap .form .item .label{
  margin-bottom: 12rem;
  font-weight: 600;
  font-size: 24rem;
  color: #808080;
  line-height: 32rem;
}
.login-wrap .form .item .input{
  position: relative;
}
.login-wrap .form .item .input input{
  display: block;
  padding-left: 36rem;
  padding-right: 36rem;
  width: 100%;
  height: 108rem;
  font-size: 34rem;
  color: #000000;
  line-height: 104rem;
  background-color: white;
  border: 2rem solid #AAB3BB;
  border-radius: 10rem;
}
.login-wrap .form .item .input input:focus{
  border-color: var(--main-color-red);
}
.login-wrap .form .item .input .getCode{
  position: absolute;
  right: 0;
  top: 0;
  width: 220rem;
  font-size: 32rem;
  color: var(--main-color-red);
  line-height: 108rem;
  text-align: center;
  cursor: pointer;
}
.login-wrap .form .item .input .getCode.check{
  font-size: 30rem;
  color: #999999;
  cursor: not-allowed;
}
.form-btn{
  display: block;
  margin-top: 68rem;
  padding: 0;
  width: 100%;
  height: 108rem;
  font-size: 32rem;
  color: var(--main-color-red);
  line-height: 108rem;
  text-align: center;
  background: transparent;
  border: none;
  border-radius: 10rem !important;
  box-shadow: inset 0 0 0 4rem var(--main-color-red);
}
.form-btn.primary{
  color: white;
  background: var(--main-color-red);
}
.login-wrap .otherLogin{
  margin-top: 140rem;
}
.login-wrap .otherLogin .title{
  margin-bottom: 40rem;
  font-size: 24rem;
  color: #A6A6A6;
  line-height: 34rem;
  text-align: center;
}
.login-wrap .otherLogin .list a{
  display: block;
}
.login-wrap .otherLogin .list a img{
  display: block;
  width: 60rem;
}
.sticky-top{
  position: sticky;
  left: 0;
  top: 0;
  z-index: 99999;
  background-color: white;
}
.sticky-top.shadow{
  box-shadow: 0px 4px 12px 0px rgba(0,0,0,0.06);
}
.navbar-wrap{
  position: relative;
  height: 88rem;
  background-color: white;
}
.navbar-wrap .back{
  position: absolute;
  left: 20rem;
  top: 50%;
  z-index: 2;
  width: 48rem;
  height: 48rem;
  color: #383838;
  transform: translateY(-50%);
}
.navbar-wrap .back i{
  font-size: 32rem;
}
.navbar-wrap .text{
  font-weight: bold;
  font-size: 32rem;
  color: #383838;
  line-height: 88rem;
  text-align: center;
}
.subbar-wrap{
  height: 76rem;
  background-color: white;
}
.subbar-wrap a{
  line-height: 76rem;
}
.subbar-wrap a span{
  display: block;
  position: relative;
  font-size: 30rem;
  color: #000000;
}
.subbar-wrap a.active span{
  color: var(--main-color-red);
}
.subbar-wrap a span:before{
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  height: 8rem;
  background: var(--main-color-red);
  opacity: 0;
}
.subbar-wrap a.active span:before{
  opacity: 1;
}
.tabbar-wrap .wrap,
.tabbar-wrap .wrap a,
.tabbar-wrap .placeholder{
  height: 120rem;
  height: calc(120rem + constant(safe-area-inset-bottom));
  height: calc(120rem + env(safe-area-inset-bottom));
}
.tabbar-wrap .wrap{
  position: fixed;
  left: var(--main-span);
  bottom: 0;
  right: var(--main-span);
  z-index: 99999;
  background-color: white;
}
.tabbar-wrap .wrap .icon img{
  display: block;
  width: 32rem;
  height: 32rem;
}
.tabbar-wrap .wrap .icon img:nth-child(2){
  display: none;
}
.tabbar-wrap .wrap a.active .icon img:nth-child(1){
  display: none;
}
.tabbar-wrap .wrap a.active .icon img:nth-child(2){
  display: block;
}
.tabbar-wrap .wrap span{
  margin-top: 8rem;
  font-size: 20rem;
  color: #383838;
  line-height: 34rem;
}
.tabbar-wrap .wrap a.active span{
  color: var(--main-color-red);
}
.number-wrap{
  margin-bottom: -16rem;
  padding-top: 12rem;
  padding-bottom: 12rem;
  padding-left: 40rem;
  padding-right: 40rem;
  font-size: 28rem;
  color: #808080;
  line-height: 34rem;
}
a.card{
  display: block;
  padding-left: 20rem;
  padding-right: 20rem;
  padding-top: 30rem;
  padding-bottom: 30rem;
  background-color: white;
  border-radius: 16rem;
}
a.card:nth-child(n+2){
  margin-top: 32rem;
}
.dcjl-list .top-wrap .no{
  font-size: 24rem;
  color: #808080;
  line-height: 36rem;
}
.dcjl-list .top-wrap .number span{
  font-size: 24rem;
  color: #A6A6A6;
  line-height: 36rem;
}
.dcjl-list .top-wrap .number i{
  margin-left: 5rem;
  font-size: 24rem;
  color: #A6A6A6;
  line-height: 36rem;
  transform: rotateY(180deg);
}
.dcjl-list .bot-wrap{
  margin-top: 22rem;
} 
.dcjl-list .bot-wrap .pic{
  width: 160rem;
  height: 180rem;
  border-radius: 16rem;
  overflow: hidden;
}
.dcjl-list .bot-wrap .pic img{
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.dcjl-list .bot-wrap .wrap{
  width: calc(100% - 160rem - 20rem);
}
.dcjl-list .bot-wrap .wrap .title{
  font-weight: 600;
  font-size: 30rem;
  color: #000000;
  line-height: 32rem;
}
.dcjl-list .bot-wrap .wrap .address{
  margin-top: 14rem;
  font-size: 26rem;
  color: #383838;
  line-height: 36rem;
}
.dcjl-list .bot-wrap .wrap .person-grade{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 6rem;
}
.dcjl-list .bot-wrap .wrap .person{
  font-size: 24rem;
  color: #808080;
  line-height: 34rem;
}
.dcjl-list .bot-wrap .wrap .grade{
  padding: 0 10rem;
  font-size: 24rem;
  color: #FFFFFF;
  line-height: 34rem;
  background-color: var(--main-color-red);
  border-radius: 6rem;
}
.dcjl-list .bot-wrap .wrap .time{
  margin-top: 20rem;
}
.dcjl-list .bot-wrap .wrap .time i,
.dcjl-list .bot-wrap .wrap .time span{
  font-size: 24rem;
  color: #808080;
  line-height: 24rem;
}
.dcjl-list .bot-wrap .wrap .time span{
  margin-left: 10rem;
  line-height: 40rem;
}
.form-text-wrap,
.form-city-wrap{
  display: flex;
  justify-content: space-between;
  align-items: start;
  min-height: 92rem;
  border-bottom: solid 2rem #E5E5E5;
}
.form-text-wrap .label,
.form-city-wrap .label{
  width: 170rem;
  font-size: 28rem;
  color: #383838;
  line-height: 90rem;
}
.form-text-wrap .cont,
.form-city-wrap .cont{
  position: relative;
  width: calc(100% - 170rem);
}
.form-text-wrap .cont .text,
.form-city-wrap .cont .text{ 
  display: block;
  padding-top: 21rem;
  padding-bottom: 21rem;
  min-height: 88rem;
  font-size: 28rem;
  color: #000000;
  line-height: 48rem;
} 
.form-text-wrap .cont .text{
  position: relative;
  z-index: 2;
  padding-right: 50rem;
}
.form-text-wrap .cont .icon-wrap{
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.form-text-wrap .cont .icon-wrap i{
  font-size: 30rem;
  color: #808080;
  line-height: 30rem;
  transform: rotateY(180deg);
}
.form-address-wrap{
  padding-top: 32rem;
}
.form-address-wrap .label{
  margin-bottom: 14rem;
  font-size: 24rem;
  color: #383838;
  line-height: 32rem;
}
.form-address-wrap .cont{
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}
.form-address-wrap .cont .text{
  width: 490rem;
  min-height: 46rem;
  font-size: 28rem;
  color: #000000;
  line-height: 48rem;
}
.form-address-wrap .cont .icon-wrap{
  width: 64rem;
  height: 76rem;
  border-left: solid 2rem #E5E5E5;
}
.form-address-wrap .cont .icon-wrap i{
  width: 32rem;
  height: 32rem;
  color: #383838;
  object-fit: contain;
}
.form-uploadpic-wrap .title{
  font-size: 32rem;
  color: #17191C;
  line-height: 40rem;
}
.form-uploadpic-wrap .subtitle{
  margin-top: 16rem;
  margin-bottom: 32rem;
  font-size: 28rem;
  color: #A6A6A6;
  line-height: 36rem;
}
.uploadpicbox-wrap{
  height: 290rem;
  background-color: #F1F1F1;
  border-radius: 10rem;
  overflow: hidden;
}
.uploadpicbox-wrap img{
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.uploadpic-wrap{
  position: relative;
  height: 290rem;
  background-color: #F1F1F1;
  border-radius: 10rem;
  overflow: hidden;
  cursor: pointer;
}
.uploadpic-wrap .icon-wrap{
  position: relative;
  z-index: 1;
  height: 100%;
}
.uploadpic-wrap .icon-wrap i{
  position: absolute;
  left: 50%;
  top: 50%;
  font-size: 64rem;
  color: #A6A6A6;
  transform: translate(-50%, -50%);
}
.uploadpic-wrap .camera{
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.uploadpic-wrap .close{
  display: none;
  position: absolute;
  right: 16rem;
  top: 16rem;
  z-index: 4;
  width: 40rem;
  height: 40rem;
  color: white;
  text-align: center;
  line-height: 40rem;
  background-color: var(--main-color-red);
  border-radius: 50%;
  box-shadow: 0 0 4rem rgba(0,0,0,0.06);
}
.uploadpic-wrap .close i{
  font-size: 24rem;
}
.uploadpic-wrap .mask{
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 5;
  transition: all 0.3s;
  background-color: transparent;
}
.uploadpic-wrap .cover{
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  border-radius: 10rem;
  overflow: hidden;
}
.uploadpic-wrap .cover img{
  display: none;
  position: relative;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
}
.uploadpic-wrap.active .close,
.uploadpic-wrap.active .cover img{
  display: block;
}
.uploadpic-wrap.preview .cover{
  position: initial;
}
.uploadpic-wrap.active .camera,
.uploadpic-wrap.active .icon-wrap,
.uploadpic-wrap.preview .close{
  display: none;
}
.main-btn{
  height: 96rem;
  font-size: 32rem;
  color: white;
  line-height: 96rem;
  background-color: var(--main-color-red);
  border-radius: 10rem;
}
a.main-btn{
  background-color: var(--main-color-red);
  border-radius: 10rem;
}
button.main-btn{
  display: block;
  padding: 0;
  margin: 0;
  width: 100%;
  border: none;
}
button.main-btn.colorblue{
  background-color: #4596FF;
}
button.main-btn.txxx-btn{
  margin-top: 88rem;
}
a.main-btn.xzyx-btn{
  margin-top: 130rem;
}
a.main-btn.grzx-btn{
  margin-top: 130rem;
}
.main-btn-2{
  height: 96rem;
  color: var(--main-color-red);
  background: white;
  border-radius: 10rem;
}
a.main-btn-2{
  background: white;
  border-radius: 10rem;
}
.main-btn-2 i{
  font-size: 32rem;
  line-height: 32rem;
}
.main-btn-2 span{
  margin-left: 20rem;
  font-size: 28rem;
}
.main-btn-3{
  margin-top: 146rem;
  height: 96rem;
  font-size: 32rem;
  color: #808080;
  background: white;
  box-shadow: inset 0 0 0 2rem #AAB3BB;
  border-radius: 10rem;
  cursor: pointer;
}
a.main-btn-3{
  background: white;
  border-radius: 10rem;
}
.main-btn-4{
  height: 96rem;
  font-size: 32rem;
  color: #808080;
  line-height: 96rem;
  box-shadow: inset 0 0 0 2rem #AAB3BB;
  border-radius: 10rem;
  cursor: pointer;
}
a.main-btn-4{
  box-shadow: inset 0 0 0 2rem #AAB3BB;
  border-radius: 10rem;
}
a.main-btn-4.txxxinfo-btn:nth-child(1){
  margin-top: 108rem;
}
a.main-btn-4.txxxinfo-btn:nth-child(2){
  margin-top: 60rem;
}
.main-btn-5{
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 196rem;
  height: 196rem;
  color: #FFFFFF;
  line-height: 44rem;
  background-color: var(--main-color-red);
  border-radius: 50%;
  box-shadow: 0 48rem 60rem rgba(232, 86, 86, 0.1);
  overflow: hidden;
}
a.main-btn-5{
  background-color: var(--main-color-red);
  border-radius: 50%;
}
.main-btn-5 .text{
  height: 44rem;
  font-size: 32rem;
}
.main-btn-5 .time{
  height: 44rem;
  font-size: 20rem;
}
.main-btn-5 button{
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.main-btn-5.dklr-btn{
  margin-top: 100rem;
}
.dpgl-list .top-wrap .no{
  font-size: 24rem;
  color: #999999;
  line-height: 36rem;
}
.dpgl-list .top-wrap .tag{
  padding-left: 10rem;
  padding-right: 10rem;
  font-size: 24rem;
  color: white;
  line-height: 40rem;
  background-color: #FF8D1A;
  border-radius: 5rem;
}
.dpgl-list .bot-wrap{
  margin-top: 22rem;
} 
.dpgl-list .bot-wrap .pic{
  width: 160rem;
  height: 180rem;
  border-radius: 16rem;
  overflow: hidden;
}
.dpgl-list .bot-wrap .pic img{
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.dpgl-list .bot-wrap .wrap{
  width: calc(100% - 160rem - 20rem);
}
.dpgl-list .bot-wrap .wrap .title{
  font-weight: 600;
  font-size: 30rem;
  color: #000000;
  line-height: 32rem;
}
.dpgl-list .bot-wrap .wrap .address{
  margin-top: 12rem;
  font-size: 26rem;
  color: #383838;
  line-height: 36rem;
}
.dpgl-list .bot-wrap .wrap .person{
  margin-top: 14rem;
  font-size: 24rem;
  color: #808080;
  line-height: 34rem;
}
.dpgl-list .bot-wrap .wrap .foot{
  margin-top: 18rem;
  font-size: 24rem;
  line-height: 34rem;
}
.dpgl-list .bot-wrap .wrap .city{
  color: var(--main-color-blue);
}
.dpgl-list .bot-wrap .wrap .clockInNum{
  color: #808080;
}
.dpinfo-card-wrap .top-wrap .no{
  font-size: 24rem;
  color: #999999;
  line-height: 36rem;
}
.dpinfo-card-wrap .bot-wrap{
  margin-top: 24rem;
}
.dpinfo-card-wrap .bot-wrap .pic{
  width: 160rem;
  height: 180rem;
  border-radius: 16rem;
  overflow: hidden;
}
.dpinfo-card-wrap .bot-wrap .pic img{
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.dpinfo-card-wrap .bot-wrap .wrap{
  width: calc(100% - 160rem - 20rem);
}
.dpinfo-card-wrap .bot-wrap .wrap .title{
  font-weight: 600;
  font-size: 30rem;
  color: #000000;
  line-height: 32rem;
}
.dpinfo-card-wrap .bot-wrap .wrap .address{
  margin-top: 12rem;
  font-size: 26rem;
  color: #383838;
  line-height: 36rem;
}
.dpinfo-card-wrap .bot-wrap .wrap .person{
  margin-top: 30rem;
  font-size: 24rem;
  color: #808080;
  line-height: 34rem;
}
.dpinfo-card-wrap .fot-wrap{
  margin-top: 20rem;
  color: #808080;
}
.dpinfo-card-wrap .fot-wrap i{
  font-size: 24rem;
  line-height: 24rem;
}
.dpinfo-card-wrap .fot-wrap span{
  margin-left: 20rem;
  font-size: 24rem;
  line-height: 40rem;
}
.dpinfo-uploadpic-wrap{
  position: relative;
  padding-top: 100%;
  border-radius: 10rem;
  overflow: hidden;
}
.dpinfo-uploadpic-wrap .pic{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.dpinfo-uploadpic-wrap .pic img{
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.dpinfo-uploadpic-wrap .top-wrap{
  position: absolute;
  left: 0;
  top: 0;
  padding-left: 30rem;
  padding-right: 24rem;
  width: 100%;
  height: 60rem;
  color: white;
  background: rgba(0,0,0,0.5);
}
.dpinfo-uploadpic-wrap .top-wrap .name{
  font-size: 24rem;
}
.dpinfo-uploadpic-wrap .top-wrap .time{
  font-size: 20rem;
}
.dpinfo-uploadpic-wrap .bot-wrap{
  position: absolute;
  left: 0;
  bottom: 0;
  padding-top: 8rem;
  padding-bottom: 12rem;
  padding-left: 30rem;
  padding-right: 30rem;
  width: 100%;
  color: white;
  background: rgba(0,0,0,0.5);
}
.dpinfo-uploadpic-wrap .bot-wrap .text{
  font-size: 24rem;
  color: #FFFFFF;
  line-height: 36rem;
}
.dpinfo-uploadpic-wrap .bot-wrap .address{
  width: 100%;
}
.dpinfo-uploadpic-wrap .bot-wrap .address i{
  font-size: 20rem;
  line-height: 36rem;
}
.dpinfo-uploadpic-wrap .bot-wrap .address span{
  margin-left: 4rem;
  max-width: calc(100% - 30rem);
  font-size: 20rem;
  line-height: 36rem;
}
.dpinfo-zj-wrap .label{
  font-size: 28rem;
  color: #000000;
  line-height: 36rem;
}
.dpinfo-zj-wrap .text{
  margin-top: 28rem;
  font-size: 28rem;
  color: #383838;
  line-height: 40rem;
}
.dpinfo-item{
  background-color: white;
  border-radius: 10rem;
}
.dpinfo-item:nth-child(n+2){
  margin-top: 30rem;
}
.dpinfo-item .top-wrap{
  padding-left: 34rem;
  padding-right: 20rem;
  padding-top: 16rem;
  padding-bottom: 16rem;
  min-height: 84rem;
  border-bottom: solid 2rem #F5F5F5;
}
.dpinfo-item .top-wrap .name{
  max-width: calc(40% - 30rem);
  font-size: 32rem;
  color: #000000;
  line-height: 48rem;
}
.dpinfo-item .top-wrap .text{
  max-width: 60%;
  font-size: 28rem;
  color: #383838;
  line-height: 48rem;
}
.dpinfo-item .center-wrap{
  padding-left: 30rem;
  padding-right: 30rem;
  max-height: 0;
  overflow: hidden;
  transition: all 0.3s;
}
.dpinfo-item.active .center-wrap{
  max-height: 10000px;
}
.dpinfo-item .center-wrap .item-wrap{
  padding-top: 10rem;
  padding-bottom: 10rem;
}
.dpinfo-item .center-wrap .item-wrap:last-child{
  padding-bottom: 34rem;
}
.dpinfo-item .center-wrap .item-wrap:nth-child(n+2){
  padding-top: 32rem;
  box-shadow: inset 0 2rem 0 0 #F5F5F5;
}
.dpinfo-item .center-wrap .item-wrap .item{
  min-height: 90rem;
}
.dpinfo-item .center-wrap .item-wrap .item .label{
  font-size: 28rem;
  color: #333333;
  line-height: 42rem;
}
.dpinfo-item .center-wrap .item-wrap .item .cont{
  font-size: 28rem;
  color: #808080;
  line-height: 42rem;
}
.dpinfo-item .center-wrap .item-wrap .item2:nth-child(n+2){
  margin-top: 56rem;
}
.dpinfo-item .center-wrap .item-wrap .item2 .label{
  font-size: 28rem;
  color: #333333;
  line-height: 42rem;
}
.dpinfo-item .center-wrap .item-wrap .item2 .cont{
  margin-top: 12rem;
  font-size: 28rem;
  color: #333333;
  line-height: 42rem;
}
.dpinfo-item .bot-wrap{
  height: 80rem;
  color: var(--main-color-blue);
  cursor: pointer;
}
.dpinfo-item .bot-wrap span{
  font-size: 24rem;
  line-height: 34rem;
}
.dpinfo-item .bot-wrap span:before{
  content: "详情";
  display: block;
}
.dpinfo-item.active .bot-wrap span:before{
  content: "收起";
}
.dpinfo-item .bot-wrap i{
  margin-left: 12rem;
  font-size: 20rem;
  transition: all 0.3s;
}
.dpinfo-item.active .bot-wrap i{
  transform: rotate(180deg);
}
.form-wrap .item{
  min-height: 106rem;
}
.form-wrap .item:nth-child(n+2){
  box-shadow: inset 0 2rem 0 0 #E5E5E5;
}
.form-wrap .item.column-item:nth-child(n+2){
  margin-top: 40rem;
  box-shadow: none;
}
.form-wrap .item .label{
  margin-bottom: 32rem;
  font-size: 28rem;
  color: #383838;
  line-height: 32rem;
}
.form-wrap .item .label.required{
  position: relative;
  padding-left: 16rem;
}
.form-wrap .item.flex .label{
  margin-bottom: 0;
  width: 200rem;
  line-height: 106rem;
}
.form-wrap .item .label span{
  position: absolute;
  left: 0;
  top: 0;
  font-size: 24rem;
  color: var(--main-color-red);
}
.form-wrap .item.flex .cont{
  width: calc(100% - 200rem);
}
.form-wrap .item .cont .input input{
  display: block;
  padding: 0;
  width: 100%;
  height: 106rem;
  font-size: 28rem;
  color: #383838;
  line-height: 106rem;
  background-color: transparent;
  border: none;
}
.form-wrap .item .cont .input input::-webkit-input-placeholder,
.form-wrap .item .cont .textarea textarea::-webkit-input-placeholder {
  color: #A6A6A6;
}
.form-wrap .item .cont .input input:-moz-placeholder,
.form-wrap .item .cont .textarea textarea:-moz-placeholder {
  color: #A6A6A6;
}
.form-wrap .item .cont .input input::-moz-placeholder,
.form-wrap .item .cont .textarea textarea::-moz-placeholder {
  color: #A6A6A6;
}
.form-wrap .item .cont .input input:-ms-input-placeholder,
.form-wrap .item .cont .textarea textarea:-ms-input-placeholder {
  color: #A6A6A6;
}
.form-wrap .item .cont .text{
  padding-top: 29rem;
  padding-bottom: 29rem;
  font-size: 28rem;
  color: #000000;
  line-height: 48rem;
}
.form-wrap .item .cont .text2{
  font-size: 28rem;
  color: #808080;
  line-height: 42rem;
}
.form-wrap .item .cont.flex .text2{
  padding-top: 32rem;
  padding-bottom: 32rem;
  width: 384rem;
}
.form-wrap .item .cont .text3{
  padding-top: 32rem;
  padding-bottom: 32rem;
  width: 384rem;
  font-size: 28rem;
  color: #A6A6A6;
  line-height: 42rem;
}
.form-wrap .item .cont .text3.active{
  color: #000000;
}
.form-wrap .item .cont .text3 + .icon-wrap{
  transform: rotateY(180deg);
}
.form-wrap .item .cont .text3 + .icon-wrap i{
  font-size: 28rem;
  color: #808080;
  line-height: 28rem;
}
.form-wrap .item .cont .textarea textarea{
  display: block;
  padding: 20rem 28rem;
  width: 100%;
  max-width: 100%;
  min-width: 100%;
  height: 290rem;
  min-height: 290rem;
  font-size: 28rem;
  color: #383838;
  line-height: 48rem;
  background-color: transparent;
  border: solid 2rem #AAB3BB;
  border-radius: 10rem;
}
.form-wrap .item .cont .textarea2{
  width: calc(100% - 60rem);
}
.form-wrap .item .cont .textarea2 textarea{
  display: block;
  padding: 0;
  margin-top: 29rem;
  margin-bottom: 30rem;
  width: 100%;
  max-width: 100%;
  min-width: 100%;
  height: 106rem;
  min-height: 106rem;
  max-height: 106rem;
  font-size: 28rem;
  color: #000000;
  line-height: 48rem;
  background-color: transparent;
  border: none;
  border-radius: 0;
}
.form-wrap .item .cont .textarea2 textarea:focus{
  box-shadow:0 2rem 0 0 #E5E5E5;
}
.form-wrap .item .cont .textarea2 + .icon-wrap{
  width: 60rem;
  height: 106rem;
}
.form-wrap .item .cont .textarea2 + .icon-wrap i{
  font-size: 28rem;
  color: #383838;
  line-height: 28rem;
}
.form-wrap .item.column-item .label{
  margin-bottom: 12rem;
  line-height: 42rem;
}
.form-wrap .item .cont .select{
  position: relative;
}
.form-wrap .item .cont .select .icon-wrap{
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  width: 60rem;
  height: 106rem;
}
.form-wrap .item .cont .select .icon-wrap i{
  font-size: 28rem;
  color: #383838;
  line-height: 28rem;
  transform: rotateY(180deg);
}
.form-wrap .item .cont .select select{
  position: relative;
  z-index: 2;
  display: block;
  padding: 0;
  width: 100%;
  height: 106rem;
  font-size: 28rem;
  color: #383838;
  line-height: 106rem;
  background:none;
  border: none;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}
.xzyx-radio-wrap label{
  position: relative;
  display: block;
  width: calc(50% - 15rem);
  height: 60rem;
  overflow: hidden;
}
.xzyx-radio-wrap label:nth-child(n+3){
  margin-top: 30rem;
}
.xzyx-radio-wrap label input{
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  background: none;
  border: none;
  opacity: 0;
}
.xzyx-radio-wrap label span{
  display: block;
  padding-left: 10rem;
  padding-right: 10rem;
  height: 60rem;
  font-size: 28rem;
  color: var(--main-color-red);
  line-height: 60rem;
  text-align: center;
  border-radius: 2rem;
  box-shadow: inset 0 0 0 2rem var(--main-color-red);
}
.xzyx-radio-wrap label input:checked + span{
  color: white;
  background-color: var(--main-color-red);
  border-radius: 4rem;
}
.grzx-card-wrap{
  padding-top: 36rem;
  padding-left: 32rem;
  padding-right: 36rem;
  padding-bottom: 32rem;
  margin-bottom: 60rem;
  height: 160rem;
  background-color: var(--main-color-red);
  border-radius: 10rem;
}
.grzx-card-wrap .name{
  font-weight: 600;
  font-size: 32rem;
  color: #FFFFFF;
  line-height: 32rem;
}
.grzx-card-wrap .bot-wrap{
  margin-top: 28rem;
  font-size: 24rem;
  color: #FFFFFF;
  line-height: 32rem;
}
.grzx-list-label{
  font-size: 32rem;
  color: #444C55;
  line-height: 48rem;
}
.grzx-list-wrap .list{
  margin-top: 48rem;
  min-height: 444rem;
}
.grzx-list-wrap .list .item{
  height: 88rem;
}
.grzx-list-wrap .list .item:nth-child(n+2){
  margin-top: 32rem;
}
.grzx-list-wrap .list .item .icon{
  width: 88rem;
  height: 88rem;
}
.grzx-list-wrap .list .item .icon img{
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.grzx-list-wrap .list .item .wrap{
  width: calc(100% - 88rem - 32rem);
}
.grzx-list-wrap .list .item .wrap .label{
  font-size: 32rem;
  color: #000000;
  line-height: 48rem;
}
.grzx-list-wrap .list .item .wrap .text{
  width: calc(100% - 150rem);
  font-size: 32rem;
  color: #808080;
  line-height: 48rem;
}
.grzx-list-wrap .list .item .wrap .icon-wrap{
  color: #808080;
  transform: rotateY(180deg);
}
.grzx-list-wrap .list .item .wrap .icon-wrap i{
  font-size: 28rem;
}
.txxx-title{
  margin-bottom: 20rem;
  font-weight: 600;
  font-size: 32rem;
  color: #000000;
  line-height: 32rem;
}
.filter-wrap .item{
  position: relative;
  width: calc(50% - 10rem);
  height: 80rem;
  background-color: white;
  border-radius: 4rem;
  cursor: pointer;
}
.filter-wrap .item .text{
  padding-left: 58rem;
  padding-right: 58rem;
  font-size: 30rem;
  color: #383838;
  line-height: 80rem;
  text-align: center;
  overflow:hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow:ellipsis;
}
.filter-wrap .item .icon-wrap{
  position: absolute;
  right: 24rem;
  top: 50%;
  transform: translateY(-50%);
}
.filter-wrap .item .icon-wrap i{
  font-size: 24rem;
  color: #383838;
  line-height: 24rem;
}
.filter-2-wrap{
  padding-top: 20rem;
  padding-bottom: 8rem;
  padding-left: 28rem;
  padding-right: 8rem;
  background-color: white;
  border-radius: 16rem;
}
.filter-2-wrap .item:nth-child(n+2){
  margin-top: 18rem;
}
.filter-2-wrap .item .label{
  font-size: 28rem;
  color: #333333;
  line-height: 48rem;
}
.filter-2-wrap .item.city-item .cont{
  width: calc(100% - 90rem);
}
.filter-2-wrap .item.ywy-item .cont{
  width: calc(100% - 120rem);
}
.filter-2-wrap .item label{
  position: relative;
  display: block;
  margin-bottom: 12rem;
  margin-right: 16rem;
}
.filter-2-wrap .item label input{
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 48rem;
  background: none;
  border: none;
  opacity: 0;
}
.filter-2-wrap .item label span{
  display: block;
  padding-left: 8rem;
  padding-right: 8rem;
  min-width: 108rem;
  font-size: 24rem;
  color: #333333;
  line-height: 48rem;
  text-align: center;
  border-radius: 8rem;
  box-shadow: inset 0 0 0 2rem #E5E5E5;
}
.filter-2-wrap .item label input:checked + span{
  color: var(--main-color-red);
  box-shadow: inset 0 0 0 2rem var(--main-color-red);
}
.filter-3-wrap{
  padding-left: 28rem;
  padding-right: 28rem;
  background-color: white;
  border-radius: 16rem;
}
.filter-3-wrap .city{
  margin-bottom: 24rem;
  font-size: 30rem;
  color: #383838;
  line-height: 42rem;
}
.filter-3-wrap .yx-wrap{
  padding-left: 20rem;
  padding-right: 20rem;
  padding-top: 16rem;
  padding-bottom: 16rem;
  height: 84rem;
  background-color: #F8F8F8;
  border-radius: 10rem;
}
.filter-3-wrap .yx-wrap .name{
  font-size: 28rem;
  color: #808080;
}
.filter-3-wrap .yx-wrap .cont{
  width: calc(100% - 124rem);
}
.filter-3-wrap .yx-wrap .cont .text{
  width: calc(100% - 30rem);
  max-width: calc(100% - 30rem);
  font-size: 28rem;
  color: #383838;
  line-height: 48rem;
}
.filter-3-wrap .yx-wrap .cont .icon-wrap{
  margin-top: 12rem;
}
.filter-3-wrap .yx-wrap .cont .icon-wrap i{
  font-size: 24rem;
  color: #383838;
  line-height: 24rem;
}
.filter-3-wrap .day-wrap{
  margin-bottom: 70rem;
  box-shadow: inset 0 0 0 2rem #E5E5E5;
  border-radius: 8rem;
}
.filter-3-wrap .day-wrap label{
  position: relative;
}
.filter-3-wrap .day-wrap label input{
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: none;
  border: none;
  opacity: 0;
}
.filter-3-wrap .day-wrap label span{
  position: relative;
  display: block;
  height: 56rem;
  font-size: 24rem;
  color: #383838;
  line-height: 56rem;
  text-align: center;
}
.filter-3-wrap .day-wrap label:first-child span{
  border-radius: 8rem 0 0 8rem;
}
.filter-3-wrap .day-wrap label:last-child span{
  border-radius: 0 8rem 8rem 0;
}
.filter-3-wrap .day-wrap label input:checked + span{
  color: white;
  background-color: var(--main-color-red);
}
.filter-3-wrap .day-wrap label span:before{
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 2rem;
  background-color: #E5E5E5;
}
.filter-3-wrap .day-wrap label:last-child span:before{
  display: none;
}
.filter-3-wrap .number-list .item{
  margin-right: 14rem;
  width: calc((100% - 14rem * 2) / 3);
  height: 128rem;
  border-radius: 8rem;
}
.filter-3-wrap .number-list .item:nth-child(3n+3){
  margin-right: 0;
}
.filter-3-wrap .number-list .item:nth-child(n+4){
  margin-top: 14rem;
}
.filter-3-wrap .number-list .item:nth-child(1){
  color: #DE6C94;
  background-color: rgba(217, 98, 136, 0.16);
}
.filter-3-wrap .number-list .item:nth-child(2){
  color: #6777F6;
  background-color: rgba(103, 120, 247, 0.16);
}
.filter-3-wrap .number-list .item:nth-child(3){
  color: #F6A43D;
  background-color: rgba(255, 149, 13, 0.16);
}
.filter-3-wrap .number-list .item .text{
  font-size: 24rem;
  line-height: 34rem;
}
.filter-3-wrap .number-list .item .num{
  margin-top: 8rem;
  font-size: 30rem;
  line-height: 42rem;
  font-weight: 600;
}
.filter-4-wrap .item{
  position: relative;
  width: calc(50% - 19rem);
  height: 68rem;
}
.filter-4-wrap .item .text{
  padding-right: 42rem;
  font-size: 30rem;
  color: #383838;
  line-height: 68rem;
  text-align: center;
}
.filter-4-wrap .item .icon-wrap{
  position: absolute;
  right: 66rem;
  top: 50%;
  transform: translateY(-50%);
}
.filter-4-wrap .item .icon-wrap i{
  font-size: 26rem;
  color: #000000;
  line-height: 26rem;
}
.filter-4-wrap .item .select{
  position: relative;
  height: 100%;
}
.filter-4-wrap .item .select select{
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  padding-right: 42rem;
  width: 100%;
  height: 68rem;
  font-size: 30rem;
  color: #383838;
  line-height: 68rem;
  text-align: center;
  background: none;
  border: none;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}
.charts-wrap{
  position: relative;
}
.charts-wrap #charts{
  position: relative;
  z-index: 1;
  height: 510rem;
}
.charts-wrap .top-wrap{
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  width: 100%;
}
.charts-wrap .top-wrap .ltText{
  font-size: 20rem;
  color: #808080;
  line-height: 28rem;
}
.charts-wrap .top-wrap .rtNav{
  height: 52rem;
  background: #FFFFFF;
  border-radius: 8rem;
  box-shadow: inset 0 0 0 2rem #E5E5E5;
  overflow: hidden;
}
.charts-wrap .rtNav label:first-child{
  border-radius: 8rem 0 0 8rem;
}
.charts-wrap .rtNav label:last-child{
  border-radius: 0 8rem 8rem 0;
}
.charts-wrap .rtNav label{
  position: relative;
  overflow: hidden;
}
.charts-wrap .rtNav label input{
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.charts-wrap .rtNav label span{
  display: block;
  position: relative;
  width: 150rem;
  height: 52rem;
  font-size: 20rem;
  color: #383838;
  text-align: center;
  line-height: 50rem;
  transition: all 0.3s;
}
.charts-wrap .rtNav label:nth-child(n+2) span{
  box-shadow: inset 2rem 0 0 #E5E5E5;
}
.charts-wrap .rtNav label input:checked + span{
  color: white;
  background-color: #FF8D1A;
  box-shadow: none !important;
}
.charts-wrap .rbText{
  position: absolute;
  right: 0;
  bottom: 66rem;
  z-index: 2;
  font-size: 20rem;
  color: #808080;
  line-height: 28rem;
}
.charts-wrap .tText{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
}
.charts-wrap .tText b{
  width: 16rem;
  height: 16rem;
  border-radius: 1rem;
}
.charts-wrap .tText b:nth-child(3){
  margin-left: 58rem;
}
.charts-wrap .tText span{
  margin-left: 10rem;
  font-size: 18rem;
  color: #808080;
  line-height: 26rem;
}
.toTop{
  display: none;
  position: fixed;
  right: 48rem;
  bottom: 220rem;
  bottom: calc(220rem + constant(safe-area-inset-bottom));
  bottom: calc(220rem + env(safe-area-inset-bottom));
  z-index: 99999;
  width: 64rem;
  height: 64rem;
  background-color: var(--main-color-red);
  border-radius: 50%;
  cursor: pointer;
  box-shadow: 0 0 12rem rgba(0, 0, 0, 0.1);
}
.toTop.active{
  display: flex;
}
.toTop i{
  font-size: 28rem;
  color: white;
  line-height: 28rem;
}
@media screen and (max-width: 750px) and (orientation: landscape){
  :root{
    --main-span: 0;
  }
}