/*通用类*/
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
html {
  overflow-x: hidden;
}
body {
  width: 100%;
  min-width: 320px;
  margin: 0 auto;
  font-family: "Microsoft Yahei";
  background: #fff;
  overflow-x: hidden;
  text-align: justify;
  color: #333;
}
.wb {
  background: #fff;
}
/*不同设备字体em基准
@media screen and (min-width: 320px) and (max-width: 360px){
  body{
  	font-size:13.5px;
  }
}
@media screen and (min-width: 360px) and (max-width: 480px){
  body{
  	font-size:15px;
  }
}
@media screen and (min-width: 480px) and (max-width: 700px){
  body{
  	font-size:22.5px;
  }
}
@media screen and (min-width: 700px) and (max-width: 1000px){
  body{
  	font-size:28px;
  }
}
@media screen and (min-width: 1000px) and (max-width: 1200px){
  body{
  	font-size:32px;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1400px){
  body{
  	font-size:40px;
  }
}
@media screen and (min-width: 1400px){
  body{
  	font-size:50px;
  }
}
*/
img {
  border: none;
}
h1,
h2,
h3 {
  font-weight: normal;
}
a {
  color: #333;
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  outline: none;
}
input,
textarea,
select {
  font-family: "Microsoft Yahei";
  font-size: 1em;
  outline: none;
  margin: 0;
  padding: 0;
}
input::-webkit-input-placeholder {
  color: #979797 !important;
}
textarea::-webkit-input-placeholder {
  color: #979797 !important;
}
input[type='button'],
input[type='text'],
input[type='search'],
input[type='submit'],
input[type='reset'],
input[type='date'],
input[type='time'],
input[type='number'] {
  -webkit-appearance: none;
}
select {
  -webkit-appearance: none;
}
textarea {
  -webkit-appearance: none;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  margin: 0;
}
ul,
ol {
  padding: 0;
  list-style-type: none;
}
em {
  font-style: normal;
}
.lt {
  float: left;
}
.rt {
  float: right;
}
input.sub,
label {
  border: none;
  cursor: pointer;
}
input,
textarea {
  font-family: "Microsoft Yahei";
  outline: none;
  margin: 0;
  padding: 0;
}
table {
  border-collapse: collapse;
}
td,
th {
  padding: 0;
}
.clear::before {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.clear::after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.contain {
  width: 100%;
  padding: 0 1rem;
}
.index_bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #dcfadc;
  z-index: -1;
}
.index_tis_bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: -1;
}
.index_header_cont {
  padding: 2rem 0;
}
.index_header_cont .tis_logo {
  margin-bottom: 1rem;
}
.index_header_cont .tis_logo img {
  display: block;
  width: 19rem;
}
.index_header_cont .search_int {
  position: relative;
  width: 100%;
}
.index_header_cont .search_int .i {
  position: absolute;
  left: 1rem;
  top: 50%;
  transform: translateY(-50%);
  width: 1.5rem;
}
.index_header_cont .search_int input {
  width: 100%;
  height: 4rem;
  padding-left: 3rem;
  background: #fff;
  border: none;
  border-radius: 100px;
  font-size: 1.4rem;
  color: #333;
}
.index_header_cont .bits_line {
  padding: 1rem 0;
}
.index_header_cont .bits_line img {
  display: block;
  width: 100%;
}
.index_baner_cont {
  position: relative;
  overflow: hidden;
}
.index_baner_cont .swiper-slide img {
  display: block;
  width: 100%;
}
.index_nav_cont {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  padding: 2rem 0;
  gap: 1rem;
}
.index_nav_cont .list .tis_i {
  display: flex;
  align-items: center;
  justify-content: center;
}
.index_nav_cont .list .tis_i img {
  display: block;
  margin: 0 auto;
  width: 100%;
}
.index_nav_cont .list .txt {
  padding: 0.5rem 0;
  text-align: center;
  font-size: 1.2rem;
  color: #222823;
}
.index_case_1 {
  border-radius: 10px;
  margin-bottom: 2rem;
  background: linear-gradient(#1bd13d, #0bc272);
  padding: 2rem 1rem;
}
.index_case_1 .tis_title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
}
.index_case_1 .tis_title .l_tle {
  display: flex;
  align-items: flex-end;
  font-size: 2rem;
  color: #ffffff;
}
.index_case_1 .tis_title .l_tle img {
  width: 15rem;
  margin-left: 6px;
}
.index_case_1 .tis_title .more_btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 6rem;
  height: 3rem;
  border-radius: 100px;
  background: #fe6100;
  font-size: 1.4rem;
  color: #fff;
}
.index_case_1 .last_cont {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}
.index_case_1 .last_cont .list {
  border-radius: 10px;
  border: 2px solid #19eb2a;
  background: #dcfadc;
  overflow: hidden;
}
.index_case_1 .last_cont .list .tis_i {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.index_case_1 .last_cont .list .tis_i img {
  display: block;
  width: 100%;
}
.index_case_1 .last_cont .list .bit_cont {
  padding: 1rem 0.2rem;
}
.index_case_1 .last_cont .list .bit_cont .tle {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 1.3rem;
  color: #1a1919;
  margin-bottom: 1rem;
}
.index_case_1 .last_cont .list .bit_cont .bit_det {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.index_case_1 .last_cont .list .bit_cont .bit_det .pri {
  font-size: 12px;
  color: #0fb157;
}
.index_case_1 .last_cont .list .bit_cont .bit_det .more {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4rem;
  height: 2rem;
  border-radius: 100px;
  background: linear-gradient(to right, #21dd31, #0dac5c);
  font-size: 1rem;
  color: #fff;
  transform: scale(0.9);
}
.index_case_2 {
  padding: 2rem 0;
}
.index_case_2 .title_head {
  text-align: center;
  margin-bottom: 2rem;
}
.index_case_2 .title_head .tle {
  font-size: 1.6rem;
  color: #061f14;
  margin-bottom: 0.4rem;
}
.index_case_2 .title_head .txt {
  font-size: 1.2rem;
  color: #0dab5c;
}
.index_case_2 .case_main {
  background: #0fac67;
  padding: 0 1rem 1rem;
  border-radius: 10px;
}
.index_case_2 .tis_nav {
  border-bottom: 1px solid #59c891;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 2rem;
}
.index_case_2 .tis_nav .li {
  font-size: 1.4rem;
  color: #ffffff;
  position: relative;
  padding: 1.4rem 0;
}
.index_case_2 .tis_nav .li.active::after {
  content: "";
  display: block;
  width: 4rem;
  height: 4px;
  background: #efbe4a;
  position: absolute;
  left: 50%;
  bottom: -2px;
  transform: translateX(-50%);
}
.index_case_2 .bit_cont .cont {
  display: none;
}
.index_case2_baner {
  position: relative;
  overflow: hidden;
}
.index_case2_baner .pro_cont {
  width: 100%;
  border: 1px solid #fff;
  border-radius: 10px;
  padding: 1.6rem 1.2rem;
  background: linear-gradient(#45c086, #dcfadc);
}
.index_case2_baner .pro_cont .tis_i {
  margin-bottom: 2rem;
}
.index_case2_baner .pro_cont .tis_i img {
  display: block;
  width: 100%;
}
.index_case2_baner .pro_cont .bit_det {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.index_case2_baner .pro_cont .bit_det .l_cont .tle {
  font-size: 1.6rem;
  color: #010c06;
}
.index_case2_baner .pro_cont .bit_det .l_cont .txt {
  font-size: 1.4rem;
  font-weight: bold;
  color: #010c06;
}
.index_case2_baner .pro_cont .bit_det .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 8rem;
  height: 3rem;
  border-radius: 100px;
  background: linear-gradient(to right, #fab409, #fe7403);
  border: 1px solid #ffe92f;
  font-size: 1.2rem;
  color: #fff;
}
.index_case2_page {
  margin: 1rem 0;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  bottom: 0 !important;
}
.index_case2_page .swiper-pagination-bullet {
  background: #fff;
  opacity: 0.6;
}
.index_case2_page .swiper-pagination-bullet.swiper-pagination-bullet-active {
  opacity: 1;
}
.index_case_3 {
  padding: 2rem 0;
}
.index_case_3 .title_head {
  text-align: center;
  margin-bottom: 2rem;
}
.index_case_3 .title_head .tle {
  font-size: 1.6rem;
  color: #061f14;
  margin-bottom: 0.4rem;
}
.index_case_3 .title_head .txt {
  font-size: 1.2rem;
  color: #0dab5c;
}
.index_case_3 .main_cont {
  border-radius: 10px;
  overflow: hidden;
  background: #0fac67;
  padding-bottom: 1rem;
}
.index_case_3 .main_cont .tis_bg {
  display: block;
  width: 100%;
}
.index_case_3 .main_cont .tis_bg img {
  display: block;
  width: 100%;
}
.index_case_3 .main_cont .bit_main {
  padding: 0 1rem;
}
.index_case3_baner {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.index_case3_baner .swiper-slide {
  border-radius: 10px;
  overflow: hidden;
  background: #fff;
}
.index_case3_baner .swiper-slide .tis_i {
  height: 10rem;
  overflow: hidden;
}
.index_case3_baner .swiper-slide .tis_i img {
  display: block;
  width: 100%;
}
.index_case3_baner .swiper-slide .bit_cont {
  padding: 1rem 0.5rem;
}
.index_case3_baner .swiper-slide .bit_cont .tle {
  font-size: 1.2rem;
  color: #1a1a1a;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-bottom: 0.2rem;
}
.index_case3_baner .swiper-slide .bit_cont .bit_set {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.index_case3_baner .swiper-slide .bit_cont .bit_set .price {
  font-size: 1.2rem;
  font-weight: bold;
  color: #fc6b11;
}
.index_case3_baner .swiper-slide .bit_cont .bit_set .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 5rem;
  height: 2rem;
  border-radius: 100px;
  background: linear-gradient(to right, #0dac5c, #20dc32);
  font-size: 1.2rem;
  color: #fff;
}
.index_case_4 {
  padding: 2rem 0;
  background: linear-gradient(#b0eac0, #dcfadc 90%);
}
.index_case_4 .title_head {
  text-align: center;
  margin-bottom: 2rem;
}
.index_case_4 .title_head .tle {
  font-size: 1.6rem;
  color: #061f14;
  margin-bottom: 0.4rem;
}
.index_case_4 .title_head .txt {
  font-size: 1.2rem;
  color: #0dab5c;
}
.index_case_4 .about_case_cont {
  background: #0eaf59;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 1rem;
}
.index_case_4 .about_case_cont .title_head {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem 0;
}
.index_case_4 .about_case_cont .title_head img {
  height: 4rem;
}
.index_case_4 .about_case_cont .det_cont {
  display: flex;
  justify-content: space-between;
  background: linear-gradient(#dcfadc, #0fac67);
  border-radius: 10px;
}
.index_case_4 .about_case_cont .det_cont .list {
  padding: 2rem 0;
  text-align: center;
  width: 100%;
  border-right: 1px solid #fff;
}
.index_case_4 .about_case_cont .det_cont .list .tis_i {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 6rem;
}
.index_case_4 .about_case_cont .det_cont .list .tis_i img {
  display: block;
  height: 4rem;
}
.index_case_4 .about_case_cont .det_cont .list .tle {
  font-size: 1.6rem;
  color: #02341e;
  margin-bottom: 1rem;
}
.index_case_4 .about_case_cont .det_cont .list .txt {
  font-size: 1.2rem;
  color: #fff;
}
.index_case_4 .about_case_cont .det_cont .list .time {
  font-size: 1.8rem;
  font-weight: bold;
  color: #fff;
}
.index_case_4 .about_case_cont .det_cont .list .time em {
  display: inline-block;
  vertical-align: top;
  font-size: 1.2rem;
  font-weight: normal;
}
.index_case_4 .about_case_cont .det_cont .list:last-child {
  border-right: none;
}
.index_case_4 .about_deta_cont {
  border-radius: 10px;
  overflow: hidden;
  background: #a3ddab;
  margin-bottom: 2rem;
}
.index_case_4 .about_deta_cont .det_txt {
  padding: 1rem;
}
.index_case_4 .about_deta_cont .det_txt .txt {
  margin-bottom: 1rem;
  font-size: 1.4rem;
  color: #14422e;
  line-height: 2.6rem;
}
.index_case_4 .about_deta_cont .det_txt .txt:last-child {
  margin-bottom: 0;
}
.index_case_4 .adres_inf_cont {
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 2rem;
  position: relative;
}
.index_case_4 .adres_inf_cont .bg {
  display: block;
  width: 100%;
}
.index_case_4 .adres_inf_cont .adres_list {
  position: absolute;
  left: 2rem;
  top: 40px;
  width: 50%;
  overflow-y: scroll;
}
.index_case_4 .adres_inf_cont .adres_list .dd {
  margin-bottom: 1rem;
  font-size: 1.4rem;
  color: #151514;
}
.about_det_baner {
  position: relative;
  overflow: hidden;
  border-radius: 10px;
}
.about_det_baner .swiper-pagination-bullet {
  background: #fff;
}
.about_det_baner img {
  display: block;
  width: 100%;
}
.index_case_5 {
  padding: 2rem 0;
  background: linear-gradient(#dcfadc, #5fa868, #dcfadc);
}
.index_case_5 .title_head {
  text-align: center;
  margin-bottom: 2rem;
}
.index_case_5 .title_head .tle {
  font-size: 1.6rem;
  color: #061f14;
  margin-bottom: 0.4rem;
}
.index_case_5 .title_head .txt {
  font-size: 1.2rem;
  color: #0dab5c;
}
.index_case_5 .link_cont {
  display: flex;
  flex-wrap: wrap;
  padding: 3rem 0;
  gap: 4px;
  position: relative;
}
.index_case_5 .link_cont .list {
  width: 7rem;
  height: 8rem;
  background: url(../i/index_case6_bg.png) no-repeat center;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: -1.8rem;
}
.index_case_5 .link_cont .list .i {
  width: 100%;
  height: 5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 0.5rem;
}
.index_case_5 .link_cont .list img {
  display: block;
  width: 100%;
}
.index_case_5 .link_cont .list:nth-child(1) {
  margin-left: 3.6rem;
}
.index_case_5 .link_cont::before {
  content: "";
  display: block;
  width: 7rem;
  height: 8rem;
  background: url(../i/index_case6_bg.png) no-repeat center;
  background-size: cover;
  position: absolute;
  left: -3.8rem;
  top: 1.2rem;
  opacity: 0.3;
}
.index_case_5 .link_cont::after {
  content: "";
  display: block;
  width: 7rem;
  height: 8rem;
  background: url(../i/index_case6_bg.png) no-repeat center;
  background-size: cover;
  position: absolute;
  right: -3rem;
  bottom: 3rem;
  opacity: 0.3;
}
.index_case_5 .bit_copy {
  text-align: center;
  padding: 2rem 0;
  font-size: 1.2rem;
  color: #5b9375;
}
.addres_add_detail {
  margin-top: 2rem;
  margin-bottom: 2rem;
  width: 100%;
  padding: 1rem;
  background: #fff;
  border-radius: 10px;
}
.addres_add_detail .dl {
  display: flex;
  align-items: center;
  padding: 1rem 0;
}
.addres_add_detail .dl .dt {
  width: 9rem;
  font-size: 1.5rem;
  color: #272626;
}
.addres_add_detail .dl .dd {
  width: calc(100% - 9rem);
}
.addres_add_detail .dl .dd input {
  width: 100%;
  height: 3rem;
  font-size: 1.5rem;
  border: none;
}
.addres_add_detail .rad_dl {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 0;
}
.addres_add_detail .rad_dl .tle {
  font-size: 1.5rem;
  color: #272626;
}
.foot_add_btn_bg {
  width: 100%;
  height: 8rem;
}
.foot_add_btn {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  bottom: 1rem;
  left: 1rem;
  width: calc(100% - 2rem);
  padding: 1.5rem 0;
  border-radius: 100px;
  background: #07bd61;
  box-shadow: 0px 0px 13px #81e292;
  border: 1px solid #32c994;
  font-size: 1.6rem;
  color: #f6f6f6;
}
.pulic_bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: #f6f6f6;
  z-index: -1;
}
.pulic_bg.bg_1 {
  background: #f7f7f7;
}
.pulic_bg.bg_2 {
  background: #07bd61;
}
.filter_head_search {
  padding: 2rem 1rem;
}
.filter_head_search .search_int {
  position: relative;
  width: 100%;
}
.filter_head_search .search_int .i {
  position: absolute;
  left: 1rem;
  top: 50%;
  transform: translateY(-50%);
  width: 1.5rem;
}
.filter_head_search .search_int input {
  width: 100%;
  height: 4rem;
  padding-left: 3rem;
  background: #f8f8f8;
  border: none;
  border-radius: 100px;
  font-size: 1.4rem;
  color: #333;
}
.filter_main_cont {
  width: 100%;
  height: calc(100vh - 8rem);
  overflow-y: scroll;
  padding-left: 8rem;
  padding-bottom: 6rem;
  position: relative;
}
.filter_main_cont .l_nav_cont {
  position: absolute;
  left: 0;
  width: 8rem;
  height: 100%;
  background: #fafafa;
}
.filter_main_cont .l_nav_cont .li {
  display: block;
  padding: 2rem 1rem;
  position: relative;
  font-size: 1.3rem;
  color: #838489;
}
.filter_main_cont .l_nav_cont .li.active {
  background: #fff;
  color: #1b1b1b;
  font-size: 1.5rem;
}
.filter_main_cont .l_nav_cont .li.active::after {
  content: "";
  display: block;
  width: 4px;
  height: 50%;
  background: #07bd61;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.filter_main_cont .r_main_cont {
  width: 100%;
  padding: 0 1rem;
}
.filter_main_cont .r_main_cont .title_head {
  margin-bottom: 2rem;
  font-size: 1.6rem;
  font-weight: bold;
  color: #161616;
}
.filter_main_cont .r_main_cont .tips_nav {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 2rem;
}
.filter_main_cont .r_main_cont .tips_nav .li {
  padding: 0.5rem 1rem;
  border-radius: 100px;
  background: #fafafa;
  font-size: 1.2rem;
  color: #4f5255;
}
.filter_main_cont .r_main_cont .tips_nav .li.active {
  background: #07bd61;
  color: #fff;
}
.filter_main_cont .r_main_cont .pro_list {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
}
.filter_main_cont .r_main_cont .pro_list .pro_i {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 8em;
  height: 8rem;
  border-radius: 10px;
  overflow: hidden;
}
.filter_main_cont .r_main_cont .pro_list .pro_i img {
  display: block;
  width: 100%;
  height: 100%;
}
.filter_main_cont .r_main_cont .pro_list .inf_cont {
  width: calc(100% - 8rem);
  padding-left: 1rem;
  position: relative;
}
.filter_main_cont .r_main_cont .pro_list .inf_cont .name {
  font-size: 1.6rem;
  color: #000000;
  margin-bottom: 0.5rem;
}
.filter_main_cont .r_main_cont .pro_list .inf_cont .txt {
  font-size: 1.2rem;
  color: #999999;
}
.filter_main_cont .r_main_cont .pro_list .inf_cont .pri {
  font-size: 1.4rem;
  color: #fc6b11;
  font-weight: bold;
  margin-top: 2rem;
}
.filter_main_cont .r_main_cont .pro_list .inf_cont .buy_btn {
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 0.4rem 1.3rem;
  border-radius: 100px;
  background: #07bd61;
  font-size: 1.2rem;
  color: #fff;
}
.maps_head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 0;
}
.maps_head .map_sele {
  display: flex;
  align-items: center;
  font-size: 1.4rem;
  color: #121111;
}
.maps_head .map_sele img {
  width: 1.5rem;
  margin-right: 0.5rem;
}
.maps_head .map_sele select {
  margin-right: 1rem;
  background: none;
  border: none;
  min-width: 5rem;
}
.maps_head .all_del {
  font-size: 1.4rem;
  color: #273f6e;
  padding: 2px 0;
  border-bottom: 1px solid #273f6e;
}
.shop_list {
  border-radius: 10px;
  background: #fff;
  overflow: hidden;
  margin-bottom: 1rem;
  position: relative;
  display: flex;
}
.shop_list .sel_rad {
  width: 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  position: relative;
  z-index: 4;
}
.shop_list .sel_rad input {
  border-radius: 100%;
}
.shop_list .pro_inf_cont {
  display: flex;
  align-items: center;
  width: calc(100% - 4rem);
  padding: 2rem 1rem 2rem 0;
  position: relative;
  z-index: 2;
  background: #fff;
}
.shop_list .pro_inf_cont .pro_i {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  overflow: hidden;
  width: 8rem;
  height: 8rem;
}
.shop_list .pro_inf_cont .pro_i img {
  display: block;
  width: 100%;
  height: 100%;
}
.shop_list .pro_inf_cont .inf_cont {
  width: calc(100% - 8rem);
  padding-left: 1rem;
}
.shop_list .pro_inf_cont .inf_cont .title {
  font-size: 1.5rem;
  color: #16161a;
  margin-bottom: 2rem;
}
.shop_list .pro_inf_cont .inf_cont .det {
  font-size: 1.2rem;
  color: #999999;
}
.shop_list .pro_inf_cont .inf_cont .price {
  font-size: 1.4rem;
  color: #ea5404;
}
.shop_list .pro_inf_cont .inf_cont .bit_seet {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.shop_list .pro_inf_cont.active {
  transform: translateX(-66px);
}
.shop_list .opera_cont {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  display: flex;
}
.shop_list .opera_cont .oper_dd {
  padding: 0 2rem;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.shop_list .opera_cont .oper_dd.del_bg {
  background: #42ca4d;
}
.shop_list .opera_cont .oper_dd img {
  width: 1.3rem;
  display: block;
  margin: 0 auto;
}
.shop_list .opera_cont .oper_dd p {
  font-size: 1.2rem;
  color: #fff;
  padding: 0.3rem 0;
}
.count_dl {
  display: flex;
  align-items: center;
}
.count_dl .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
}
.count_dl .btn img {
  display: block;
  width: 100%;
  height: 100%;
}
.count_dl input {
  width: 4rem;
  height: 2rem;
  text-align: center;
  border: none;
  background: none;
  font-size: 1.2rem;
  color: #333;
}
.shop_total_cont {
  align-items: center;
  position: fixed;
  bottom: 80px;
  left: 0;
  width: 100%;
  display: flex;
  background: #fff;
}
.shop_total_cont .l_cont {
  width: 70%;
  padding: 0.4rem 0.6rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.shop_total_cont .l_cont .all_sel {
  display: flex;
  align-items: center;
  font-size: 1.2rem;
  color: #666666;
}
.shop_total_cont .l_cont .inf_det_cont {
  text-align: right;
}
.shop_total_cont .l_cont .inf_det_cont .total {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-size: 1.6rem;
  color: #333333;
}
.shop_total_cont .l_cont .inf_det_cont .total span {
  font-size: 1.3rem;
  color: #f05a20;
}
.shop_total_cont .r_btn {
  width: 30%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 5rem;
  background: #07bd61;
  font-size: 1.4rem;
  color: #fff;
}
.buydet_head_tips {
  display: flex;
  align-items: center;
  padding: 1.4rem 1rem;
  background: #f9efed;
  margin-bottom: 2rem;
  font-size: 1.2rem;
  color: #dc625b;
}
.buydet_head_tips img {
  border-radius: 100%;
  margin-right: 1rem;
  width: 1.5rem;
}
.buydey_adres {
  position: relative;
  padding: 2rem 2rem 2rem 4rem;
  background: #fff url(../i/buy_det_line.png) no-repeat center bottom;
  background-size: 100%;
  margin-bottom: 2rem;
}
.buydey_adres .i {
  position: absolute;
  left: 1rem;
  top: 50%;
  transform: translateY(-50%);
  width: 2rem;
}
.buydey_adres .arr {
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  width: 1rem;
}
.buydey_adres .tis_name {
  display: flex;
  align-items: center;
  font-size: 1.4rem;
  color: #333333;
  margin-bottom: 0.5rem;
}
.buydey_adres .tis_name .tel {
  margin-left: 1rem;
  font-size: 1.3rem;
  color: #999999;
}
.buydey_adres .det {
  font-size: 1.6rem;
  font-weight: bold;
  color: #333333;
}
.buydey_card_inf {
  padding: 1rem;
  background: #fff;
  border-radius: 10px;
  margin-bottom: 1rem;
}
.buydey_card_inf .title_head {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.buydey_card_inf .title_head .tle {
  font-size: 1.6rem;
  color: #161515;
  font-weight: bold;
}
.buydey_card_inf .title_head .tle img {
  width: 1.2rem;
  margin-right: 0.2rem;
}
.buydey_card_inf .title_head .more_btn {
  display: flex;
  align-items: center;
  font-size: 1.3rem;
  color: #999999;
}
.buydey_card_inf .title_head .more_btn .arr {
  width: 1rem;
  margin-left: 0.2rem;
}
.buydey_card_inf .img_last img {
  display: block;
  width: 100%;
  padding: 0.5rem 0;
}
.buydey_card_inf .tips {
  font-size: 1.2rem;
  color: #f55f11;
  padding: 0.85rem 0;
}
.buydey_pro_cont {
  padding: 1rem;
  background: #fff;
  border-radius: 10px;
  margin-bottom: 1rem;
  display: flex;
  align-items: flex-start;
}
.buydey_pro_cont .pro_i {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 8rem;
  height: 8rem;
  border-radius: 10px;
  overflow: hidden;
}
.buydey_pro_cont .pro_i img {
  display: block;
  width: 100%;
  height: 100%;
}
.buydey_pro_cont .inf_det_cont {
  width: calc(100% - 8rem);
  padding-left: 0.6rem;
}
.buydey_pro_cont .inf_det_cont .title {
  font-size: 1.6rem;
  color: #16161a;
  margin-bottom: 1.2rem;
}
.buydey_pro_cont .inf_det_cont .tips_dl {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 0.2rem;
}
.buydey_pro_cont .inf_det_cont .tips_dl .dd {
  padding: 0.4rem 1rem;
  background: #f6f6f6;
  border-radius: 6px;
  font-size: 1.2rem;
  color: #999999;
}
.buydey_pro_cont .inf_det_cont .bit_seet {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.buydey_pro_cont .inf_det_cont .bit_seet .pri {
  font-size: 1.5rem;
  color: #2a2929;
}
.buydey_order_det {
  padding: 1rem;
  background: #fff;
  border-radius: 10px;
  margin-bottom: 1rem;
}
.buydey_order_det .dl_tle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.6rem;
}
.buydey_order_det .dl_tle .dt {
  font-size: 1.3rem;
  color: #999999;
}
.buydey_order_det .dl_tle .dt span {
  font-size: 1.6rem;
  color: #333333;
}
.buydey_order_det .dl_tle .dd {
  font-size: 1.6rem;
  color: #000000;
}
.buydey_order_det .det_dl {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 0;
}
.buydey_order_det .det_dl .dt {
  font-size: 1.3rem;
  color: #333333;
}
.buydey_order_det .det_dl .dd {
  font-size: 1.3rem;
  color: #333333;
}
.buydey_order_det .det_txt {
  margin-top: 0.8rem;
}
.buydey_order_det .det_txt .tle {
  font-size: 1.3rem;
  color: #333333;
  margin-bottom: 0.5rem;
}
.buydey_order_det .det_txt textarea {
  width: 100%;
  height: 6rem;
  padding: 0.8rem;
  box-sizing: border-box;
  background: #f5f5f5;
  border-radius: 6px;
  font-size: 1.3rem;
  border: none;
}
.buydey_order_inf {
  padding: 1rem;
  background: #fff;
  border-radius: 10px;
  margin-bottom: 1rem;
}
.buydey_order_inf .title {
  font-size: 1.6rem;
  color: #333333;
  margin-bottom: 1rem;
}
.buydey_order_inf .dl {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 0;
}
.buydey_order_inf .dl .dt {
  font-size: 1.3rem;
  color: #333333;
}
.buydey_order_inf .dl .dd {
  font-size: 1.3rem;
  color: #999999;
}
.buydey_foot_cont {
  width: 100%;
  height: 8rem;
}
.buydey_foot_cont .cont {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 1rem;
  background: #fff;
}
.buydey_foot_cont .cont .l_cont {
  text-align: left;
}
.buydey_foot_cont .cont .l_cont .title {
  font-size: 1.6rem;
  color: #333333;
}
.buydey_foot_cont .cont .l_cont .title span {
  color: #ec430f;
}
.buydey_foot_cont .cont .l_cont .txt {
  font-size: 1.2rem;
  color: #999999;
}
.buydey_foot_cont .cont .buy_btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 10rem;
  height: 4rem;
  border-radius: 100px;
  background: #07bd61;
  font-size: 1.3rem;
  color: #fff;
}
.card_upload_main {
  padding: 1rem;
  margin-bottom: 1rem;
  background: #fff;
  border-radius: 10px;
  margin-top: 1rem;
  padding: 2rem 1rem;
}
.card_upload_main .title_head {
  font-size: 1.6rem;
  margin-bottom: 2rem;
}
.card_upload_main .upload_title {
  margin-bottom: 1rem;
}
.card_upload_main .upload_title .tle {
  font-size: 1.4rem;
  color: #717481;
}
.card_upload_main .upload_title .txt {
  font-size: 1.2rem;
  color: #b7bbcf;
}
.card_upload_main .upload_img {
  padding: 1rem 0;
}
.card_upload_main .upload_img img {
  display: block;
  width: 100%;
}
.card_upload_bits {
  padding: 2rem 0;
}
.card_upload_bits .tle {
  font-size: 1.5rem;
  color: #333;
  margin-bottom: 2rem;
}
.card_upload_bits .txt {
  font-size: 1.2rem;
  color: #333;
  padding: 0.6rem 0;
}
.card_upload_bits .txt.cor_1 {
  color: #ff4f0e;
}
.card_upload_submit_xy {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
  color: #333;
}
.card_upload_submit_xy a {
  color: #ff4f0e;
}
.card_upload_submit {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 90%;
  padding: 1rem 0;
  border-radius: 100px;
  background: #07bd61;
  font-size: 1.4rem;
  color: #fff;
  margin: 1rem auto 0;
}
.det_pro_baner {
  position: relative;
  overflow: hidden;
}
.det_pro_baner img {
  display: block;
  width: 100%;
}
.pro_det_1 {
  padding: 2rem 1rem;
  background: #fff;
  margin-bottom: 1rem;
  position: relative;
}
.pro_det_1 .pro_price {
  font-size: 2.5rem;
  color: #fc6b11;
  margin-bottom: 1.5rem;
}
.pro_det_1 .pro_price span {
  font-size: 1.2rem;
  color: #999999;
}
.pro_det_1 .pro_price s {
  font-size: 1.2rem;
  color: #999999;
}
.pro_det_1 .pro_name {
  font-size: 1.8rem;
  color: #1e1e1e;
  margin-bottom: 0.5rem;
}
.pro_det_1 .det {
  font-size: 1.2rem;
  color: #aeb0b4;
}
.pro_det_1 .bit_dl {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-top: 0.8rem;
}
.pro_det_1 .bit_dl .dd {
  padding: 0 0.6rem;
  font-size: 1.2rem;
  color: #999999;
  border-right: 1px solid #999999;
}
.pro_det_1 .bit_dl .dd:last-child {
  border-right: 0;
}
.pro_det_1 .share_btn {
  position: absolute;
  right: 1rem;
  top: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
}
.pro_det_1 .share_btn img {
  width: 1.6rem;
}
.pro_det_2 {
  padding: 1rem;
  background: #fff;
  margin-bottom: 1rem;
  display: flex;
  align-items: flex-start;
}
.pro_det_2 .dt {
  width: 4rem;
  font-size: 1.4rem;
  height: 3rem;
  line-height: 3rem;
  color: #999999;
}
.pro_det_2 .dd_cont {
  width: calc(100% - 4rem);
}
.pro_det_2 .set_dl {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.pro_det_2 .set_dl .int {
  width: 80%;
  height: 3rem;
  line-height: 3rem;
  font-size: 1.3rem;
  color: #333;
}
.pro_det_2 .set_dl select {
  width: 100%;
  border: none;
  height: 3rem;
  line-height: 3rem;
  font-size: 1.3rem;
}
.pro_det_2 .more_btn {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 20%;
  font-size: 1.2rem;
  color: #abadb3;
}
.pro_det_2 .more_btn .arr {
  width: 0.8rem;
  margin-left: 0.5rem;
}
.pro_det_2 .bits_txt {
  padding: 0.4rem 0;
  font-size: 1.3rem;
  color: #cccccc;
}
.det_pro_infor {
  padding: 1rem;
  background: #fff;
  margin-bottom: 1rem;
}
.det_pro_infor .title_head {
  margin-bottom: 1rem;
  font-size: 1.5rem;
  color: #111111;
}
.det_pro_infor .txt {
  font-size: 1.2rem;
  line-height: 2.4rem;
  color: #6c6d70;
}
.det_pro_infor img {
  display: block;
  width: 100%;
}
.yptj_title_head {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2rem 0;
  font-size: 1.3rem;
  color: #333;
}
.yptj_title_head .line {
  display: block;
  width: 2rem;
  height: 1px;
  background: #8f8f8f;
  margin: 0 5px;
}
.yptj_last_cont {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 1rem;
}
.yptj_last_cont .list_cont {
  border-radius: 10px;
  overflow: hidden;
  background: #fff;
}
.yptj_last_cont .list_cont .tis_i img {
  display: block;
  width: 100%;
}
.yptj_last_cont .list_cont .bit_cont {
  padding: 1rem;
}
.yptj_last_cont .list_cont .bit_cont .tle {
  font-size: 1.5rem;
  color: #1a1a1a;
  margin-bottom: 2rem;
}
.yptj_last_cont .list_cont .bit_cont .pri {
  font-size: 1.5rem;
  font-weight: bold;
  color: #fc6b11;
}
.pro_det_foot {
  width: 100%;
  height: 8rem;
}
.pro_det_foot .cont {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 1rem;
  background: #fff;
  display: flex;
  align-items: center;
}
.pro_det_foot .l_nav {
  width: 40%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.pro_det_foot .l_nav .li {
  width: 100%;
}
.pro_det_foot .l_nav .li .tis_i {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  margin: 0 auto;
}
.pro_det_foot .l_nav .li .tis_i img {
  display: block;
  width: 2rem;
}
.pro_det_foot .l_nav .li .txt {
  text-align: center;
  font-size: 1.2rem;
  color: #999999;
}
.pro_det_foot .btn_dl {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 58%;
}
.pro_det_foot .btn_dl .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 49%;
  height: 4rem;
  border-radius: 6px;
  background: #fe960f;
  font-size: 1.4rem;
  color: #fff;
}
.pro_det_foot .btn_dl .btn.ys_1 {
  background: linear-gradient(to right, #0ca95e, #21de30);
}
.pulic_dc_bg {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 10;
  background: rgba(0, 0, 0, 0.5);
}
.det_pro_dc {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 2rem 1rem 1rem;
  z-index: 11;
  background: #fff;
}
.det_pro_dc .case_1 {
  padding-bottom: 2rem;
  border-bottom: 1px solid #f2f2f2;
  display: flex;
  align-items: center;
}
.det_pro_dc .case_1 .i {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 7rem;
  height: 7rem;
  border-radius: 10px;
  overflow: hidden;
}
.det_pro_dc .case_1 .det_cont {
  width: calc(100% - 7rem);
  padding-left: 0.8rem;
}
.det_pro_dc .case_1 .det_cont .pri {
  font-size: 1.8rem;
  font-weight: bold;
  color: #fc6b11;
  margin-bottom: 0.6rem;
}
.det_pro_dc .case_1 .det_cont .txt {
  padding: 0.4rem 0;
  font-size: 1.2rem;
  color: #8c9094;
}
.det_pro_dc .case_2 {
  padding: 1rem 0;
  border-bottom: 1px solid #f2f2f2;
}
.det_pro_dc .case_2 .dt {
  font-size: 1.4rem;
  color: #333;
  margin-bottom: 0.4rem;
}
.det_pro_dc .case_2 .tips_dl {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.det_pro_dc .case_2 .tips_dl .dd {
  padding: 0.5rem 0;
  width: 8rem;
  border: 2px solid #c4c4c4;
  border-radius: 5px;
  font-size: 1.2rem;
  color: #333;
  background: #efefef;
  text-align: center;
}
.det_pro_dc .case_2 .tips_dl .dd.active {
  background: #e3f6e3;
  border: 2px solid #07bd61;
  color: #07bd61;
}
.det_pro_dc .case_3 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 2rem 0;
}
.det_pro_dc .case_3 .tle {
  font-size: 1.4rem;
  color: #333;
}
.det_pro_dc .btn_dl {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.det_pro_dc .btn_dl .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 49%;
  height: 4rem;
  border-radius: 6px;
  background: #fe960f;
  font-size: 1.4rem;
  color: #fff;
}
.det_pro_dc .btn_dl .btn.ys_1 {
  background: linear-gradient(to right, #0ca95e, #21de30);
}
.user_tis_bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: -1;
}
.user_ava_inf {
  display: flex;
  align-items: center;
  padding: 2rem 0;
}
.user_ava_inf .ava {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 7rem;
  height: 7rem;
  border-radius: 100%;
  border: 5px solid #1dd739;
  overflow: hidden;
}
.user_ava_inf .ava img {
  display: block;
  width: 100%;
  height: 100%;
}
.user_ava_inf .inf_cont {
  width: calc(100% - 7rem);
  padding-left: 1rem;
  padding-right: 3rem;
  position: relative;
}
.user_ava_inf .inf_cont .code {
  position: absolute;
  right: 10px;
  top: 0;
  width: 2rem;
}
.user_ava_inf .inf_cont .code img {
  width: 100%;
}
.user_ava_inf .inf_cont .name {
  font-size: 2.2rem;
  color: #000000;
  margin-bottom: 0.5rem;
}
.user_ava_inf .inf_cont .name_null {
  font-size: 2.8rem;
  font-weight: bold;
  color: #000;
  margin-bottom: 1rem;
}
.user_ava_inf .inf_cont .tel {
  font-size: 1.8rem;
  color: #52422f;
}
.user_wallet_cont {
  padding: 1rem 1.3rem;
  border-radius: 10px;
  margin-bottom: 10px;
  position: relative;
  background: linear-gradient(90deg, #0cbf64, #1ed738);
}
.user_wallet_cont .tle {
  font-size: 1.4rem;
  margin-bottom: 1rem;
  color: #fff;
}
.user_wallet_cont .txt {
  font-size: 1.2rem;
  color: #fff;
}
.user_wallet_cont .txt span {
  font-size: 1.8rem;
  font-weight: bold;
}
.user_wallet_cont .btn {
  position: absolute;
  right: 1rem;
  top: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 9rem;
  height: 3rem;
  border-radius: 100px;
  background: #fff;
  font-size: 1.3rem;
  color: #f17e01;
}
.user_order {
  padding: 1rem;
  background: #fff;
  border-radius: 10px;
  margin-bottom: 1rem;
}
.user_order .title {
  font-size: 1.6rem;
  color: #000000;
  margin-bottom: 1rem;
}
.user_order .last_dl {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.user_order .last_dl .list {
  width: 100%;
  text-align: center;
}
.user_order .last_dl .list .tis_i {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 5rem;
}
.user_order .last_dl .list .tis_i img {
  display: block;
  width: 3rem;
}
.user_order .last_dl .list .txt {
  padding: 0.4rem 0;
  text-align: center;
  font-size: 1.3rem;
  color: #747373;
}
.user_distri {
  padding: 1rem;
  background: #fff;
  border-radius: 10px;
  margin-bottom: 1rem;
}
.user_distri .title_head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
}
.user_distri .title_head .tle {
  font-size: 1.6rem;
  color: #000000;
}
.user_distri .title_head .more {
  display: flex;
  align-items: center;
  font-size: 1.2rem;
  color: #838488;
}
.user_distri .title_head .more .arr {
  width: 0.3rem;
}
.user_distri .last_cont {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.user_distri .last_cont .dl_list {
  width: 100%;
  text-align: center;
}
.user_distri .last_cont .dt {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 6rem;
  height: 5rem;
  margin: 0 auto;
  font-size: 1.6rem;
  color: #121212;
}
.user_distri .last_cont .dt img {
  width: 4rem;
}
.user_distri .last_cont .dd {
  padding: 0.4rem 0;
  text-align: center;
  font-size: 1.4rem;
  color: #515050;
}
.user_nav_last {
  padding: 1rem;
  background: #fff;
  border-radius: 10px;
  margin-bottom: 1rem;
}
.user_nav_last .title {
  font-size: 1.6rem;
  color: #000000;
  margin-bottom: 1rem;
}
.user_nav_last .last_cont {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}
.user_nav_last .last_cont .list_dl {
  font-size: 1.4rem;
  text-align: center;
  color: #151414;
}
.user_nav_last .last_cont .list_dl .i {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 5rem;
}
.user_nav_last .last_cont .list_dl .i img {
  width: 4rem;
}
.adres_last_main {
  padding: 2rem 0 10rem;
}
.adres_list {
  position: relative;
  background: #fff;
  border-radius: 5px;
}
.adres_list .tis_cont {
  position: relative;
  padding: 1rem;
  border-bottom: 1px solid #e3e3e3;
}
.adres_list .tis_cont .name {
  font-size: 1.6rem;
  color: #292828;
  margin-bottom: 0.5rem;
}
.adres_list .tis_cont .adres {
  font-size: 1.4rem;
  color: #949393;
}
.adres_list .tis_cont .tel {
  position: absolute;
  right: 2rem;
  top: 2rem;
  font-size: 1.4rem;
  color: #292828;
}
.adres_list .bit_cont {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem;
}
.adres_list .bit_cont .falut_btn {
  display: flex;
  align-items: center;
}
.adres_list .bit_cont .falut_btn input {
  width: 28rpx;
  height: 28rpx;
}
.adres_list .bit_cont .seet_dl {
  display: flex;
  align-items: center;
}
.adres_list .bit_cont .seet_dl .dl {
  margin-left: 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24;
  color: #888a89;
}
.adres_list .bit_cont .seet_dl .i {
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0.4rem;
}
.adres_list .bit_cont .seet_dl .i img {
  display: block;
  width: 100%;
}
.foot_adres_add {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  bottom: 1rem;
  left: 1rem;
  width: calc(100% - 2rem);
  padding: 1rem 0;
  border-radius: 100px;
  background: linear-gradient(#44d2a1, #16b780);
  box-shadow: 0px 0px 13px #81e292;
  border: 1px solid #32c994;
  font-size: 1.5rem;
  color: #f6f6f6;
}
.foot_adres_add img {
  width: 2.4rem;
  margin-right: 0.4rem;
}
.distri_head_cont {
  padding: 2rem 1rem;
  background: linear-gradient(20deg, #07bd61, #11e82e);
  margin-bottom: 2rem;
}
.distri_head_cont .user_inf_cont {
  text-align: center;
}
.distri_head_cont .user_inf_cont .ava {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 5rem;
  height: 5rem;
  border: 3px solid #fff;
  border-radius: 100%;
  margin: 0 auto 1rem;
}
.distri_head_cont .user_inf_cont .ava img {
  display: block;
  width: 100%;
  height: 100%;
}
.distri_head_cont .user_inf_cont .name {
  font-size: 1.6rem;
  color: #fff;
  margin-bottom: 0.4rem;
}
.distri_head_cont .user_inf_cont .code_det_btn {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  border-radius: 100px;
  background: rgba(0, 0, 0, 0.4);
  font-size: 1.3rem;
  color: #88fba5;
  padding: 0.8rem 0;
  width: 16rem;
}
.distri_head_cont .user_inf_cont .code_det_btn img {
  width: 1.8rem;
  margin-right: 0.3rem;
}
.distri_head_cont .bit_dl {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.distri_head_cont .bit_dl .dl {
  width: 100%;
  text-align: center;
}
.distri_head_cont .bit_dl .dt {
  font-size: 1.6rem;
  font-weight: bold;
  color: #ffffff;
  padding: 0.6rem 0;
}
.distri_head_cont .bit_dl .dd {
  font-size: 1.3rem;
  color: #fff;
}
.distri_tab_title {
  font-size: 1.8rem;
  color: #070808;
  margin-bottom: 2rem;
}
.subor_list {
  display: block;
  padding: 1.3rem;
  background: #fff;
  border-radius: 10px;
  margin-bottom: 1rem;
}
.subor_list .tis_cont {
  position: relative;
  padding-bottom: 1rem;
  border-bottom: 1px solid #e3e3e3;
  display: flex;
  align-items: center;
}
.subor_list .tis_cont .ava {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 5rem;
  height: 5rem;
  border-radius: 100%;
  overflow: hidden;
}
.subor_list .tis_cont .ava img {
  display: block;
  width: 100%;
  height: 100%;
}
.subor_list .tis_cont .inf_cont {
  position: relative;
  width: calc(100% - 5rem);
  padding-left: 10px;
}
.subor_list .tis_cont .inf_cont .name {
  font-size: 1.6rem;
  color: #000000;
  margin-bottom: 5px;
}
.subor_list .tis_cont .inf_cont .tel {
  font-size: 1.3rem;
  color: #666666;
}
.subor_list .tis_cont .inf_cont .arr {
  position: absolute;
  right: 0;
  top: 0;
  width: 1rem;
}
.subor_list .bit_dl {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 0;
}
.subor_list .bit_dl .dl {
  border-right: 1px solid #dedede;
  width: 100%;
  text-align: center;
}
.subor_list .bit_dl .dl:last-child {
  border-right: 0;
}
.subor_list .bit_dl .dt {
  font-size: 1.4rem;
  color: #000000;
}
.subor_list .bit_dl .dt.cor_1 {
  color: #3f61e2;
}
.subor_list .bit_dl .dt.cor_2 {
  color: #f83a1b;
}
.subor_list .bit_dl .dd {
  font-size: 1.2rem;
  color: #666666;
}
.member_inf_cont {
  display: flex;
  align-items: center;
  padding: 1rem 0;
}
.member_inf_cont .ava {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 6rem;
  height: 6rem;
  border-radius: 100%;
  border: 3px solid #fff;
  overflow: hidden;
}
.member_inf_cont .ava img {
  display: block;
  width: 100%;
  height: 100%;
}
.member_inf_cont .inf_cont {
  width: calc(100% - 6rem);
  padding-left: 1rem;
}
.member_inf_cont .inf_cont .tle {
  font-size: 1.6rem;
  color: #000000;
  margin-bottom: 4px;
}
.member_inf_cont .inf_cont .txt {
  font-size: 1.2rem;
  color: #5f5540;
  margin-bottom: 2px;
}
.revenue_content {
  border-radius: 10px;
  margin: 1rem auto;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15);
  padding: 1.5rem 1rem;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.revenue_content .dl {
  width: 100%;
  text-align: center;
  border-right: 1px solid #dededd;
}
.revenue_content .dl .dt {
  font-size: 1.5rem;
  color: #000000;
  margin-bottom: 0.5rem;
}
.revenue_content .dl .dt.cor_1 {
  color: #3f61e2;
}
.revenue_content .dl .dt.cor_2 {
  color: #f83a1b;
}
.revenue_content .dl .dd {
  font-size: 1.2rem;
  color: #333232;
}
.revenue_content .dl:last-child {
  border-right: 0;
}
.task_deta_cont {
  padding: 1rem 0;
}
.task_deta_cont .title_head {
  display: flex;
  align-self: center;
  margin-bottom: 1rem;
  font-size: 1.6rem;
  color: #2f3036;
}
.task_deta_cont .title_head img {
  width: 2.4rem;
  margin-right: 5px;
}
.task_deta_cont .task_subor_list {
  padding: 1rem;
  background: #fff;
  border-radius: 10px;
  margin-bottom: 1rem;
}
.task_deta_cont .task_subor_list .tis_cont {
  position: relative;
  padding-bottom: 1rem;
  border-bottom: 1px solid #e3e3e3;
}
.task_deta_cont .task_subor_list .tis_cont .name {
  font-size: 1.6rem;
  color: #000000;
  margin-bottom: 0.5rem;
}
.task_deta_cont .task_subor_list .tis_cont .tel {
  font-size: 1.4rem;
  color: #666666;
}
.task_deta_cont .task_subor_list .bit_dl {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 0;
}
.task_deta_cont .task_subor_list .bit_dl .dl {
  border-right: 1px solid #dedede;
  width: 100%;
  text-align: center;
}
.task_deta_cont .task_subor_list .bit_dl .dl:last-child {
  border-right: none;
}
.task_deta_cont .task_subor_list .bit_dl .dt {
  font-size: 1.2rem;
  color: #666666;
  margin-bottom: 5px;
}
.task_deta_cont .task_subor_list .bit_dl .dd {
  font-size: 1.2rem;
  color: #000;
}
.task_deta_cont .task_subor_list .bit_dl .dd.cor_1 {
  color: #3f61e2;
}
.task_deta_cont .task_subor_list .bit_dl .dd.cor_2 {
  color: #f83a1b;
}
.user_inf_content {
  margin: 2rem auto;
  background: #fff;
  padding: 0 1rem;
}
.user_inf_content .dl {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.6rem 0;
  border-bottom: 1px solid #f0f0f0;
}
.user_inf_content .dl .dt {
  width: 30%;
  font-size: 1.6rem;
  color: #272626;
}
.user_inf_content .dl .dd {
  width: 50%;
  text-align: right;
}
.user_inf_content .dl input {
  width: 100%;
  height: 3rem;
  border: none;
  background: none;
  text-align: right;
  font-size: 1.5rem;
  color: #212020;
}
.user_inf_content .dl .ava {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 5rem;
  height: 5rem;
  border-radius: 100%;
  overflow: hidden;
}
.user_inf_content .dl .ava img {
  display: block;
  width: 100%;
}
.user_inf_content .dl:last-child {
  border-bottom: 0px;
}
.foot_inf_add {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  bottom: 1rem;
  left: 1rem;
  width: calc(100% - 2rem);
  padding: 1rem 0;
  border-radius: 100px;
  background: #07bd61;
  box-shadow: 0px 0px 13px #81e292;
  border: 1px solid #32c994;
  font-size: 1.5rem;
  color: #f6f6f6;
}
.withdraw_inf_cont {
  padding: 1rem;
  border-radius: 10px;
  margin: 1rem auto;
  background: linear-gradient(to right, #09be39, #09be59);
}
.withdraw_inf_cont .tle {
  font-size: 1.4rem;
  color: #ffffff;
  margin-bottom: 0.4rem;
}
.withdraw_inf_cont .txt {
  font-size: 2rem;
  color: #ffffff;
}
.withdraw_inf_cont .bit_seet {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 1rem;
}
.withdraw_inf_cont .bit_seet .total {
  font-size: 1.2rem;
  color: #ffffff;
}
.withdraw_inf_cont .bit_seet .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 8rem;
  height: 3rem;
  border-radius: 100px;
  background: #fff;
  font-size: 1.2rem;
  color: #09be58;
}
.withdraw_deta_cont {
  padding: 2rem 1rem;
  background: #fff;
  border-radius: 10px;
}
.withdraw_deta_cont .title {
  font-size: 1.6rem;
  font-weight: bold;
  color: #2d2c2c;
  margin-bottom: 1rem;
}
.withdraw_deta_cont .int_cont {
  width: 100%;
  position: relative;
  margin-bottom: 1.5rem;
}
.withdraw_deta_cont .int_cont input {
  width: 100%;
  height: 4rem;
  padding-left: 1rem;
  padding-right: 3rem;
  box-sizing: border-box;
  border: 1px solid #dbdfdb;
  border-radius: 5px;
}
.withdraw_deta_cont .int_cont .dw {
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1.2rem;
  color: #161415;
}
.withdraw_deta_cont .bits_cont {
  padding: 1rem 0;
}
.withdraw_deta_cont .bits_cont .dt {
  font-size: 1.2rem;
  color: #ff6a00;
  margin-bottom: 0.6rem;
}
.withdraw_deta_cont .bits_cont .dd {
  font-size: 1rem;
  line-height: 2.4rem;
  color: #999999;
}
.withdraw_deta_cont .btn_dl .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 90%;
  padding: 1.2rem 0;
  margin: 0.8rem auto;
  border-radius: 100px;
  font-size: 1.5rem;
  color: #101010;
  background: #eeeeee;
}
.withdraw_deta_cont .btn_dl .btn.btn_ys_1 {
  background: #12c45d;
  color: #fff;
}
.draw_inf_cont {
  padding: 1rem;
  background: #fff;
}
.draw_inf_cont .list_dl {
  padding: 1.4rem 0;
  border-bottom: 1px solid #ebebeb;
  position: relative;
}
.draw_inf_cont .list_dl:last-child {
  border-bottom: 0;
}
.draw_inf_cont .list_dl .title {
  display: flex;
  align-items: center;
  font-size: 1.6rem;
  color: #161616;
  margin-bottom: 6px;
}
.draw_inf_cont .list_dl .title .tips {
  padding: 0.2rem 0.5rem;
  border-radius: 100px;
  background: #dcfce7;
  font-size: 1rem;
  color: #1dba57;
  margin-left: 0.5rem;
}
.draw_inf_cont .list_dl .time {
  font-size: 1.2rem;
  color: #9a9b9b;
}
.draw_inf_cont .list_dl .pri {
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1.4rem;
  color: #161616;
  font-weight: bold;
}
.code_deta_cont {
  margin: 5rem auto;
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
}
.user_inf_cont {
  padding: 2rem 2rem 1rem;
  display: flex;
  align-items: center;
}
.user_inf_cont .ava {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 5rem;
  height: 5rem;
  border-radius: 100%;
  overflow: hidden;
}
.user_inf_cont .ava img {
  width: 100%;
  height: 100%;
}
.user_inf_cont .inf_cont {
  width: calc(100% - 5rem);
  padding-left: 1rem;
}
.user_inf_cont .inf_cont .name {
  font-size: 1.6rem;
  color: #232222;
}
.user_inf_cont .inf_cont .tle {
  font-size: 1.2rem;
  color: #858484;
}
.ring_line {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 1rem auto 3rem;
  width: 100%;
  height: 1rem;
  position: relative;
}
.ring_line .l_ring {
  position: absolute;
  left: -0.7rem;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  width: 1.4rem;
  height: 1.4rem;
  border-radius: 100%;
  background: #07bd61;
}
.ring_line .r_ring {
  position: absolute;
  right: -0.7rem;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  width: 1.4rem;
  height: 1.4rem;
  border-radius: 100%;
  background: #07bd61;
}
.code_content {
  padding: 1rem 20%;
}
.code_content .code {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: 4rem auto;
}
.code_content .code img {
  display: block;
  width: 100%;
}
.code_content .bit_txt {
  padding: 1rem 0;
  text-align: center;
  font-size: 1.3rem;
  color: #aaa7a7;
}
.user_order_header {
  padding: 2rem 1rem 0;
  background: #fff;
  margin-bottom: 2rem;
}
.user_order_header .search_int {
  position: relative;
  width: 100%;
}
.user_order_header .search_int .i {
  position: absolute;
  left: 1rem;
  top: 50%;
  transform: translateY(-50%);
  width: 1.5rem;
}
.user_order_header .search_int input {
  width: 100%;
  height: 4rem;
  padding-left: 3rem;
  background: #fff;
  border: none;
  border-radius: 100px;
  font-size: 1.4rem;
  color: #333;
}
.user_order_header .nav_dl {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.user_order_header .nav_dl .dd {
  position: relative;
  padding: 1.4rem 0;
  font-size: 1.3rem;
  color: #5f6062;
}
.user_order_header .nav_dl .dd.active {
  color: #0a0a0a;
}
.user_order_header .nav_dl .dd.active::after {
  content: "";
  display: block;
  width: 100%;
  height: 6px;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  background: #0bc271;
  border-radius: 100px;
}
.user_order_list {
  padding: 2rem 1rem;
  background: #fff;
  border-radius: 10px;
  margin-bottom: 1rem;
}
.user_order_list .title_head {
  display: flex;
  align-items: center;
  position: relative;
  margin-bottom: 1rem;
  font-size: 1.4rem;
  color: #333333;
}
.user_order_list .title_head .zt {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1.2rem;
  color: #b7bab8;
}
.user_order_list .title_head .zt.zt_1 {
  color: #41df75;
}
.user_order_list .title_head .zt.zt_2 {
  color: #f14747;
}
.user_order_list .pro_det_cont {
  display: flex;
  align-items: center;
  padding: 1rem;
  background: #f8f9fb;
  border-radius: 5px;
}
.user_order_list .pro_det_cont .pro_i {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 7rem;
  height: 7rem;
  border-radius: 5px;
  overflow: hidden;
}
.user_order_list .pro_det_cont .pro_i img {
  display: block;
  width: 100%;
  height: 100%;
}
.user_order_list .pro_det_cont .det_cont {
  width: calc(100% - 7rem);
  padding-left: 1rem;
}
.user_order_list .pro_det_cont .det_cont .name {
  font-size: 1.6rem;
  font-weight: bold;
  color: #222121;
  margin-bottom: 0.4rem;
}
.user_order_list .pro_det_cont .det_cont .txt {
  font-size: 1.3rem;
  color: #858585;
}
.user_order_list .pro_det_cont .det_cont .bit_set {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 1.4rem;
}
.user_order_list .pro_det_cont .det_cont .bit_set .price {
  font-size: 1.4rem;
  font-weight: bold;
  color: #2f2f2f;
}
.user_order_list .pro_det_cont .det_cont .bit_set .sl {
  font-size: 1.2rem;
  color: #858585;
}
.user_order_list .total_cont {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 1.8rem 0;
  font-size: 1.4rem;
  color: #858585;
}
.user_order_list .total_cont span {
  color: #323131;
}
.user_order_list .btn_seet {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.user_order_list .btn_seet .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 8rem;
  height: 3rem;
  border-radius: 100px;
  font-size: 1.4rem;
  color: #b3b0b0;
  border: 1px solid #cccccc;
  margin-left: 0.6rem;
}
.user_order_list .btn_seet .btn.btn_zt_1 {
  background: #ff3f3f;
  border: 1px solid #ff3f3f;
  color: #fff;
}
.user_order_list .btn_seet .btn.btn_zt_2 {
  background: #eaecf0;
  border: 1px solid #eaecf0;
  color: #1e1d1d;
}
.user_order_list .btn_seet .btn.btn_zt_3 {
  background: #0bc271;
  border: 1px solid #0bc271;
  color: #fff;
}
.user_order_list .btn_seet .btn.btn_zt_4 {
  background: #e2fbe2;
  border: 1px solid #e2fbe2;
  color: #08be65;
}
.order_head_bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 14rem;
  background: #07bd61;
  z-index: -1;
}
.order_pay_zt {
  padding: 2rem 0;
}
.order_pay_zt .title {
  font-size: 1.8rem;
  color: #ffffff;
  margin-bottom: 1rem;
}
.order_pay_zt .time {
  display: flex;
  align-items: center;
  font-size: 1.3rem;
  color: #fff;
}
.order_pay_zt .time img {
  width: 1.5rem;
  margin-right: 8px;
}
.order_adres_detail {
  padding: 1rem;
  background: #fff;
  border-radius: 10px;
  margin-bottom: 1rem;
}
.order_adres_detail .list_dl {
  display: flex;
  align-items: center;
  padding: 1.5rem 0;
  border-bottom: 1px solid #f2f2f2;
}
.order_adres_detail .list_dl:last-child {
  border-bottom: none;
}
.order_adres_detail .list_dl .dt {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4rem;
}
.order_adres_detail .list_dl .dt img {
  width: 2rem;
}
.order_adres_detail .list_dl .cont {
  width: calc(100% - 4rem);
  padding-left: 0.8rem;
}
.order_adres_detail .list_dl .cont .tle {
  font-size: 1.2rem;
  color: #999999;
  margin-bottom: 0.4rem;
}
.order_adres_detail .list_dl .cont .txt {
  font-size: 1.6rem;
  color: #333333;
}
.product_det_cont {
  padding: 1rem;
  background: #fff;
  border-radius: 10px;
  margin-bottom: 1rem;
}
.product_det_cont .title_head {
  font-size: 1.8rem;
  color: #292929;
  margin-bottom: 2rem;
}
.product_det_cont .pro_inf {
  display: flex;
  align-items: flex-start;
  margin-bottom: 1rem;
}
.product_det_cont .pro_inf .pro_i {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 7rem;
  height: 7rem;
  border-radius: 10px;
  overflow: hidden;
}
.product_det_cont .pro_inf .pro_i image {
  display: block;
  width: 100%;
  height: 100%;
}
.product_det_cont .pro_inf .inf_cont {
  width: calc(100% - 7rem);
  padding-left: 1rem;
  position: relative;
}
.product_det_cont .pro_inf .inf_cont .tle {
  font-size: 1.6rem;
  color: #2c2c2c;
  width: 80%;
  margin-bottom: 0.6rem;
}
.product_det_cont .pro_inf .inf_cont .txt {
  font-size: 1.2rem;
  color: #858585;
  width: 80%;
}
.product_det_cont .pro_inf .inf_cont .pri_det {
  position: absolute;
  right: 0;
  top: 0;
  text-align: right;
}
.product_det_cont .pro_inf .inf_cont .pri_det .pri {
  font-size: 1.4rem;
  color: #2f2f2f;
  margin-bottom: 10px;
}
.product_det_cont .pro_inf .inf_cont .pri_det .num {
  font-size: 1.2rem;
  color: #858585;
}
.product_det_cont .det_dl {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 0;
}
.product_det_cont .det_dl .dt {
  font-size: 1.4rem;
  color: #333333;
}
.product_det_cont .det_dl .dd {
  font-size: 1.4rem;
  color: #191919;
}
.product_det_cont .bit_total {
  text-align: right;
  font-size: 1.6rem;
  color: #333333;
}
.product_det_cont .bit_total span {
  color: #fe6c14;
}
.remark_det {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.5rem 1rem;
  background: #fff;
  border-radius: 10px;
  margin-bottom: 1rem;
}
.remark_det .tle {
  font-size: 1.5rem;
  color: #1f1f1f;
}
.remark_det .txt {
  width: 70%;
  font-size: 1.5rem;
  text-align: right;
}
.order_inf_cont {
  padding: 1rem;
  background: #fff;
  border-radius: 10px;
  margin-bottom: 1rem;
}
.order_inf_cont .title {
  font-size: 1.6rem;
  color: #292929;
  margin-bottom: 1rem;
}
.order_inf_cont .dl {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.6rem 0;
}
.order_inf_cont .dl .dt {
  font-size: 1.4rem;
  color: #333333;
}
.order_inf_cont .dl .dd {
  font-size: 1.4rem;
  color: #999999;
}
.problem_cont {
  padding: 1rem;
  background: #fff;
  border-radius: 10px;
}
.problem_cont .title_head {
  font-size: 1.8rem;
  color: #292929;
  margin-bottom: 1.4rem;
}
.problem_cont .last_cont {
  display: flex;
  justify-content: space-between;
}
.problem_cont .last_cont .dl {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50%;
  font-size: 1.4rem;
  color: #232222;
}
.problem_cont .last_cont .dl .i {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  margin-right: 0.6rem;
}
.problem_cont .last_cont .dl .i img {
  display: block;
  width: 3rem;
}
.order_foot_cont {
  width: 100%;
  height: 9rem;
}
.order_foot_cont .cont {
  position: fixed;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  background: #fff;
  padding: 1rem;
  width: 100%;
}
.order_foot_cont .cont .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 3rem;
  height: 3rem;
  border-radius: 100px;
  background: #b3b2b2;
  font-size: 1.4rem;
  color: #ffffff;
  margin-left: 1rem;
}
.order_foot_cont .cont .btn.ys_1 {
  background: #12d251;
}
.tzsq_head_bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 14rem;
  z-index: -1;
  background: linear-gradient(#07bd61, #f6f6f6);
}
.tzsq_case_cont {
  padding: 1rem;
  margin: 1rem auto;
  background: #fff;
  border-radius: 10px;
}
.tzsq_case_cont .case_title {
  display: flex;
  align-items: center;
  font-size: 1.6rem;
  color: #111111;
  margin-bottom: 1rem;
}
.tzsq_case_cont .case_title .line {
  display: block;
  width: 5px;
  height: 1.4rem;
  border-radius: 100px;
  background: #07bd61;
  margin-right: 0.5rem;
}
.tzsq_case_cont .case_title .rad_lab {
  display: flex;
  align-items: center;
  margin-left: 1rem;
}
.tzsq_case_cont .case_title .rad_lab label {
  display: flex;
  margin-right: 2rem;
}
.tzsq_case_cont .int_dl {
  margin-bottom: 1rem;
}
.tzsq_case_cont .int_dl:last-child {
  margin-bottom: 0;
}
.tzsq_case_cont .int_dl .dt {
  margin-bottom: 1rem;
  font-size: 1.4rem;
  color: #000000;
}
.tzsq_case_cont .int_dl .dd input {
  width: 100%;
  height: 4rem;
  padding-left: 1rem;
  box-sizing: border-box;
  border: 1px solid #d5d3d3;
  border-radius: 5px;
  font-size: 1.4rem;
  color: #333;
}
.tzsq_case_cont .int_dl .upload_img_dl {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
.tzsq_case_cont .int_dl .upload_img_dl .li {
  width: 100%;
}
.tzsq_case_cont .int_dl .upload_img_dl .li img {
  display: block;
  width: 100%;
}
.tzsq_case_cont .int_dl .img_last {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}
.tzsq_case_cont .int_dl .img_last .li {
  width: 100%;
}
.tzsq_case_cont .int_dl .img_last .li img {
  display: block;
  width: 100%;
}
.tzsq_agree {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2rem 0 1rem;
  font-size: 1.4rem;
  color: #333333;
}
.tzsq_agree a {
  color: #2dd84d;
}
.tzsq_sub_btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 2rem 0;
  border-radius: 5px;
  background: #07bd61;
  font-size: 1.4rem;
  color: #fff;
}
.pulic_foot_cont {
  width: 100%;
  height: 7rem;
}
.pulic_foot_cont .cont {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 1rem 0;
  background: #fff;
  z-index: 13;
}
.pulic_foot_cont .list {
  width: 100%;
  text-align: center;
}
.pulic_foot_cont .list .dt_i {
  display: block;
  width: 3rem;
  height: 3rem;
  margin: 0 auto;
}
.pulic_foot_cont .list .txt {
  height: 2rem;
  line-height: 2rem;
  font-size: 1.3rem;
  color: #333;
}
.pulic_foot_cont .list:nth-child(1) .dt_i {
  background: url(../i/foot_nav_1.png) no-repeat center;
  background-size: 2.5rem;
}
.pulic_foot_cont .list:nth-child(2) .dt_i {
  background: url(../i/foot_nav_2.png) no-repeat center;
  background-size: 2.5rem;
}
.pulic_foot_cont .list:nth-child(3) .dt_i {
  background: url(../i/foot_nav_3.png) no-repeat center;
  background-size: 2.5rem;
}
.pulic_foot_cont .list:nth-child(4) .dt_i {
  background: url(../i/foot_nav_4.png) no-repeat center;
  background-size: 2.5rem;
}
.pulic_foot_cont .list.active .txt,
.pulic_foot_cont .list:hover .txt {
  color: #0CBF64;
}
.pulic_foot_cont .list.active:nth-child(1) .dt_i,
.pulic_foot_cont .list:hover:nth-child(1) .dt_i {
  background: url(../i/foot_nav_1h.png) no-repeat center;
  background-size: 2.5rem;
}
.pulic_foot_cont .list.active:nth-child(2) .dt_i,
.pulic_foot_cont .list:hover:nth-child(2) .dt_i {
  background: url(../i/foot_nav_2h.png) no-repeat center;
  background-size: 2.5rem;
}
.pulic_foot_cont .list.active:nth-child(3) .dt_i,
.pulic_foot_cont .list:hover:nth-child(3) .dt_i {
  background: url(../i/foot_nav_3h.png) no-repeat center;
  background-size: 2.5rem;
}
.pulic_foot_cont .list.active:nth-child(4) .dt_i,
.pulic_foot_cont .list:hover:nth-child(4) .dt_i {
  background: url(../i/foot_nav_4h.png) no-repeat center;
  background-size: 2.5rem;
}
.logo_bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: -1;
}
.login_contain {
  padding: 40px 0;
}
.login_contain .tis_head {
  margin-bottom: 50px;
  text-align: center;
}
.login_contain .tis_head .logo {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 20px;
  border-radius: 15px;
  overflow: hidden;
  width: 240px;
}
.login_contain .tis_head .tle {
  font-size: 24px;
  font-weight: bold;
  color: #333;
  margin-bottom: 10px;
}
.login_contain .tis_head .txt {
  font-size: 16px;
  color: #62748e;
}
.login_contain .login_main_content {
  margin: 0 auto 30px;
  width: 90%;
  padding: 20px;
  background: #fff;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
}
.login_contain .login_main_content .int_dl {
  margin-bottom: 20px;
}
.login_contain .login_main_content .int_dl .dt {
  margin-bottom: 14px;
  font-size: 13px;
  color: #314158;
}
.login_contain .login_main_content .int_dl .dd input {
  width: 100%;
  height: 50px;
  padding-left: 30px;
  background: #f8fafc;
  font-size: 13px;
  border-radius: 10px;
  border: none;
}
.login_contain .login_main_content .sub_btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  border-radius: 10px;
  padding: 15px 0;
  background: #155dfc;
  font-size: 13px;
  color: #fff;
  font-weight: bold;
}
.login_contain .login_main_content .bit_seet {
  padding: 25px 0;
  text-align: center;
}
.login_contain .login_main_content .bit_seet a {
  font-size: 13px;
  color: #155dfc;
}
.login_contain .login_copy {
  padding: 24px 0;
  text-align: center;
  font-size: 12px;
  color: #90a1b9;
}
/*# sourceMappingURL=app.css.map */