body{ background: linear-gradient(#2d8cf0 -163%, #fff 60%,#fff) fixed !important; font-size: 3.7vw !important; margin: 0; padding: 0; height: 100%; } .top{ display: flex; justify-content: space-between; align-items: center; padding-right: 2vw; } .kan{ padding: 2vw 4vw; font-size: 3.7vw; margin: 4vw 3vw 0vw 3vw !important; border-radius: 1.5vw; box-shadow: 0 1px 3px 0 rgb(5 32 96 / 10%); background-color: #Fff; } /* .kan-sreach{ margin-top: 14vw; } */ .kan-select{ display: flex; /* margin-top: 1vw; */ } .kan1{ padding: 2vw 4vw; margin: 2vw 3vw 2vw 3vw; border-radius: 1.5vw; box-shadow: 0 1px 3px 0 rgb(5 32 96 / 10%); /* border-bottom: 0.5vw solid rgb(219, 219, 221); */ /* box-shadow: 0.3vw 0.6vw 1vw 0.5vw rgba(0, 0, 0, 0.1); */ background-color: #Fff; } .kan-top{ margin-bottom: 1vw; padding: 1vw 0; display: flex; justify-content: space-between; align-items: center; border-bottom: 0.5vw solid rgb(219, 219, 221); /* background-color: rgb(206,228,251); */ } .kan-item{ margin-bottom: 1VW; display: flex; } .kan-item span{ width: 50%; } .kankan{ /* margin-bottom: 20vw; */ /*display: flex;*/ /*flex-direction: column-reverse;*/ /*-webkit-flex-direction:column-reverse;*/ } .item-flex{ display: flex; justify-content: space-between; align-items: center; margin-top: 3vw; } .kan-sift{ color: #187FDD; display: flex; align-items: center; margin-left: 4vw; } .kan-sift img{ width: 4vw; } .kan-sift a{ color: #187FDD; } .kan-sreach{ display: flex; width: 100vw; background-color: #Fff; } .sift{ padding-top: 3vw; } .sift-top{ font-size: 4.5vw; margin-bottom: 4vw; margin-top: 8vw; } .sift-item{ display: flex; height: 10vw; } .sift-state{ width: 15vw; background-color: rgb(242,242,242); margin: 2vw 1vw; text-align: center; line-height: 6vw; border: 0.25vw solid rgb(238, 238, 238); /* border-radius: 3vw; */ } .layui-form-radio{ width: 15vw; background-color: rgb(242,242,242); margin: 2vw 1vw; text-align: center; line-height: 6vw; padding: 0 !important; border: 0.25vw solid rgb(238, 238, 238); } .layui-form-radio:hover>*, .layui-form-radioed, .layui-form-radioed>i{ color: #187FDD !important; } .layui-form-radioed{ background-color: rgb(218, 235, 252); color: #187FDD; border: 0.25vw solid #187FDD; line-height: 5.5vw; width: 15vw; } .sift-content{ margin-left: 2vw; } .sift-region{ margin: 2vw; background-color: rgb(242,242,242); padding: 1vw 2vw; text-align: center; width: 52vw; } .sift-region span{ width: 20vw; margin: 0 1vw; } /* .layui-form-radio{ border: 0.25vw solid #187FDD !important; } */ .layui-anim.layui-icon{ display: none !important; } .layui-form-mid{ float: none !important; margin-left: 1vw !important; /* margin-right: 1vw !important; */ } .layui-form-item .layui-input-inline{ margin: 2vw 0 !important; } .layui-form-item{ font-size: 3.7vw !important; } .layui-laydate{ font-size: 3.5vw !important; } .layui-laydate-range{ width: 65vw !important; } #layui-laydate1{ display: flex !important; flex-flow: column !important; } .layui-laydate-content{ width: 65vw !important; padding: 1vw 2vw !important; } .layui-laydate-header{ padding: 0 !important; width: 65vw !important; } .layui-laydate-header i.laydate-next-m{ right: 10vw !important; } .layui-laydate-header i.laydate-next-y{ right: 3vw !important; } .layui-laydate-header i{ top: 0 !important; } /* .laydate-set-ym:nth-of-type(1) { margin-left: 19vw !important; } */ .layui-input-inline{ width: 27vw !important; } .layui-inline{ margin-top: 2vw !important; } .laydate-set-ym span{ padding: 0 1vw !important; } .layui-input-block{ margin: 0 !important; } .layui-form{ font-size: 3.7vw !important; } .sift-bottom{ margin-top: 16vh; margin-left: 16vw; font-size: 4.5vw !important; } .sift-bottom button{ /* padding: 2vw; */ width: 25vw; border-radius: 1vw; background-color: #187FDD; color: #fff; border: none; } /* 筛选弹窗 */ .mask { position: fixed; z-index: 1000; top: 0; right: 0; left: 0; bottom: 0; background: rgba(0, 0, 0, .6); opacity: 0; visibility: hidden; transition: opacity .3s; } .mask.show { opacity: 1; visibility: visible; } .dialog { position: fixed; background-color: #fff; width: 57vw; right: 0; bottom: 0; min-height: 100vh; max-height: 75%; z-index: 5000; border-top-left-radius: 12px; overflow: hidden; padding: 0 24px; padding: 0 24px constant(safe-area-inset-bottom) 24px; padding: 0 24px env(safe-area-inset-bottom) 24px; transform: translateX(100%); transition: transform .3s; padding-left: 4vw; } .dialog.show { transform: translateX(0); } .dot{ display: flex; justify-content: center; margin-left: 14%; } .dot-img{ width: 1.2vh; } .layui-input-wrap button{ background-color: #fff !important; border: 0.25vw solid rgb(238, 238, 238); padding: 1vw 2vw; height: 38px; }