html {scroll-behavior: smooth; -webkit-text-size-adjust: 100%;}
*{padding: 0; margin: 0; list-style: none;}
*, ::after, ::before { -webkit-box-sizing: border-box; box-sizing: border-box;}
section{padding-bottom: 70px;}
a:focus, a { outline: none; text-decoration: none; cursor: pointer;
color: var(--van-tabbar-item-text-color);
    font-size: var(--van-tabbar-item-font-size);
    line-height: 25px;
    cursor: pointer;} 
body {width: 100%; min-height: 100%; max-width: 820px; font-size: 0.8em; margin: 0 auto !important; background: #f3f9ef;}
input{ border: none;width: 100%;}
input:focus-visible{ outline: none;}
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0;}
input[type=number] { -moz-appearance: textfield;}
img{max-width: 100%;}
/*************自定义样式编辑 ***************/
:root {  
  --color-primary:#5d48f3 !important;
  --color-text:#6c757d;
  --color-d1: #1E293B;  
  --color-h6:#666;
  --color-h9:#999;
  --color-hh6:#ceced3;
  --color-hh9:#e2e2e5;
  --color-success: #28a745;  
  --color-error: #dc3545;  
  --color-body:#f9f9f9;
  --color-o:#FF6354;
  --bg-primary:#e2ddf5;/*e1dde7*/
  --color-hp:#948acb;
}  
.color-primary{ color: var(--color-primary);}
.color-text{color: var(--color-text)}
.color-d1{color: var(--color-d1);}
.color-h9{color: var(--color-h9);}
.color-o{color: var(--color-o);}
.color-success{color: var(--color-success);}
.color-error{color: var(--color-error);}
.sp2{ background: rgb(245, 223, 24); color: #000;}
.bg-o{ background: linear-gradient(135deg, #5b65f5 0, #de81de 100%); color: #fff; }

.bg-r{background:linear-gradient(135deg, #ffc107 0, #ff5978 100%); color: #fff;}
.bg-o a:active,.bg-o a:hover, .bg-r a:active, .bg-r a:hover{color: #fff;}
/**/

/* 头部 */
.content{width: 100%; max-width: 820px;}
header{background:linear-gradient(0deg, #f3f9ef 0, #E3F88F 100%); padding:10px 0;}
header div{margin: 0 auto; position: relative; width: 94%; }
header div input.search_tow{width: 100%; height: 38px; line-height: 38px; border-radius: 30px;border: 2px solid #000; text-indent: 20px; font-size: 14px;}
header div .search_button{background: #000; position: absolute; top: 0px; right: -1px; 
  width: 80px;  height: 38px; margin: 0; border-radius: 30px; color: #fff; border: 1px solid #000;}
/* 广告ad */
.adSwiper{width: 94%; margin: 0px auto 0; border-radius: 20px;}
.adSwiper img{
width:100%;
height:auto;
min-height:100%;
transition:1s linear 2s;
transform:scale(1.1,1.1);
}
.adSwiper img,.adSwiper img{
transition:3s linear;
transform:scale(1,1);
}
.mySwiper > .swiper-wrapper{margin-left: 3%;}	
.mySwiper > .swiper-wrapper > .swiper-slide{position: relative; width: 120px; height: 180px;}
.mySwiper > .swiper-wrapper > .swiper-slide a{display: block;}
.mySwiper > .swiper-wrapper > .swiper-slide img {border-radius: 8px;}
.mySwiper > .swiper-wrapper > .swiper-slide p{}
/*滚动*/
.t-scroll {height: 28px; line-height: 28px; overflow: hidden; padding-left: 30px; position: relative;
  width: 94%; margin: 10px auto 0; border-radius: 8px; background:#eaebdb;}
  .t-scroll i{position: absolute; top: 2px; left: 10px; color: #ff003d;}
  .t-scroll li {height: 28px;padding-left: 10px;}
  .t-scroll li a{color: #000;}
  .t-scroll > .swiper-wrapper{height:28px;}
  #s2, #s3 {
    height: 100px;
  }
/*标题 */
.t-title img{height: 34px; margin:10px 3% 0;}
.t-tap{margin-left: 3%;}
.t-tap a{margin: 4px;}
.tapSwiper {margin-left:3%;}
.tapSwiper .swiper-slide{width: auto;}
.tapSwiper .swiper-slide-active a{font-size: 18px; font-weight: bold; position: relative;}
.tapSwiper .swiper-slide-active a::after{content: ""; display: block; width: 30px; height: 4px; background: #bce80b; margin: 4px auto 0; border-radius: 20px;}
.t-roll{background: #eaebdb;  height: 30px; line-height: 30px; margin: 10px 3% 0; border-radius: 8px; text-align: left;position: relative; padding-left: 26px; overflow: hidden;}
.t-roll a{height: 30px; line-height: 30px; font-size: 12px; display: block;}
.t-roll i{position: absolute; top: 0px; left: 8px; color: #ff003d;}
.t-roll >div.swiper{height: 30px;}
/*grid */
.grid3 {width: 94%; margin: 0 auto;
  display: grid; grid-gap: 10px;
  display: -ms-grid; display: grid; grid-template-columns: repeat(3,1fr);/* 创建3列 */
}
.grid3 a{border-radius: 12px; position: relative; display: block; overflow: hidden; padding: 0; margin: 0;}
.grid3 a img{border-radius: 12px; margin: 0; padding: 0;}
.grid3 a p{position: absolute; bottom: 0px; left: 0; width: 100%; padding: 3px 10px; margin: 0;
background: rgba(0, 0, 0, 0.6); color: #fff;  font-size: 12px;
 display: -webkit-box;-webkit-line-clamp:2; -webkit-box-orient:vertical; overflow: hidden;}

 /* 产品列表 */
.tab-item{display: -ms-grid; display: grid; grid-template-columns: repeat(2,1fr);/*一行设置多少个*/
  grid-gap: 10px; width: 100%;} 
.tab-item > a{position: relative; display: block; border-radius: 10px; background: #fff;margin: 16px 0 40px;}
.tab-item > a > img{width: 100%; border-radius: 10px;}
.tab-item .sp1{background: rgba(0, 0, 0, 0.4); color: #fff; position: absolute; top: 0; left: 0; border-radius: 10px 0 10px 0; padding: 2px 8px; font-size: 12px;}
.tab-item .sp2{position: absolute; top:-4px; right: 4px;padding: 2px 8px; font-size: 12px;}
.tab-item > a > div{background:rgba(255, 255, 255, 0.95); position: absolute; bottom: -50px; left: 6px; width: calc(100% - 12px);
padding: 12px 8px; border-radius: 16px; color: #000; box-shadow:-1px 2px 8px 2px rgb(31 35 41 / 7%);}
.tab-item > a > div > h3{font-size: 16px; font-weight: bold;}
.tab-item > a > div > p{font-size: 12px; padding: 0; margin: 4px 0 0;}
.tab-item > a > div > p > span{display: inline-block; margin: 4px 4px 0 0; padding: 2px 4px; border-radius: 4px; border: 1px solid var(--bg-primary); color: var(--color-hp);}
.tab-item > a > div > h4{color: var(--color-o); font-size: 14px; position: relative; margin-top: 4px;}
.tab-item > a > div > h4 b{font-size: 20px;}
.tab-item > a > div > h4 button{border: none;padding: 4px 16px; position: absolute; top: 0; right: 0; border-radius: 20px;}
/* 底部 */
.footer{position: fixed; bottom: 0; left: 0; background: #fff; height: 60px;width: 100%; text-align: center; padding: 0 10px; font-size: 14px; box-shadow:-4px 0px 8px 2px rgb(17 42 79 / 7%); display: flex;  flex-wrap: nowrap;}
.footer div{flex: 1; margin: 0;}
.footer div img{display: block; margin: 10px auto 0; }
.footer div .f-s{display: none;}
.footer div.check-on .f-s, .footer div a:active .f-s, .footer div a:hover .f-s{display: block;}
.footer div.check-on .f-h, .footer div a:active .f-h, .footer div a:hover .f-h{display: none;}

/* 原list */
.list-item{padding-bottom: 42px;}
.list-item .fall-box{width: calc(100% - 24px);margin: 12px 12px 0px 12px;overflow: hidden;}
.list-item .fall-box .item{width: calc((100% - 12px)/2);margin-bottom: 10px;}
.list-item .fall-box .item:nth-child(2n + 1){float: left;}
.list-item .fall-box .item:nth-child(2n){float: right;}
.fall-box .item a{position: relative;display: block;background: #fff;border-radius: 5px;}
.fall-box .item a .lxs-tit{position: absolute;top: 0;left: 0;background: rgb(0,0,0,0.7);color: #fff;padding: 4px 10px;font-size: 12px;border-bottom-right-radius: 12px;max-width: 80%;}
.fall-box .item a .grid-item-img{overflow: hidden;}
.fall-box .item a .grid-item-img img{width: 100%;border-radius: 10px 10px 0 0;display: block;}
.fall-box .item h3{font-size: 14px; font-weight: bold;display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 2;word-break: break-all; padding: 8px 10px 0;}
.fall-box .item p{font-size: 12px; padding: 0; margin: 4px 10px 0;}
.fall-box .item p > span{display: inline-block; margin: 4px 4px 0 0; padding: 2px 4px; border-radius: 4px; border: 1px solid var(--bg-primary); color: var(--color-hp);}
.fall-box .item h4{color: var(--color-o); font-size: 12px; position: relative; padding: 0 10px 12px; margin-top: 4px;}
.fall-box .item h4 b{font-size: 14px;}
.fall-box .item h4 button{border: none;padding: 4px 9px; position: absolute; top: -5; right:8px; border-radius: 20px; font-size: 12px;}


/* 下拉检索 */
.quick-search{position: absolute;right: 12px;top: 17px;width: 24px;height: 24px;}
.quick-search img{width: 24px;height: 24px;}
.h20{height: 20px;overflow: hidden;clear: both;}
.nice-select{position: relative;}
.nice-select input{display: block;width: 100%;height: 38px;line-height: 38px \9;border: 0;outline: 0;background: none;}
.nice-select ul{width: max-content;min-width: 60px;max-width: 200px;display: none;position: absolute;right: -1px;top: 34px;overflow: hidden;padding: 5px;border-radius: 5px;background-color: #fff;max-height: 150px;overflow-y: auto;z-index: 9999;font-size: 15px;}
.nice-select ul li{height: 30px;line-height: 30px;overflow: hidden;padding: 0 10px;cursor: pointer;background: #fe2b54;margin-bottom: 3px;color: #fff;border-radius: 3px;}
.nice-select ul li:last-child{margin-bottom: 0;}
.nice-select ul li.on{background-color: #fe2b54;}

/* 滚动体样式 */
::-webkit-scrollbar{width: 0;}
@font-face {
    font-family: 'iconfont';  /* Project id 2877485 */
    src: url('http://at.alicdn.com/t/font_2877485_lvtdgbwb5h.woff2?t=1634636774665') format('woff2'),
        url('http://at.alicdn.com/t/font_2877485_lvtdgbwb5h.woff?t=1634636774665') format('woff'),
        url('http://at.alicdn.com/t/font_2877485_lvtdgbwb5h.ttf?t=1634636774665') format('truetype');
}
.iconfont {
    font-family: "iconfont" !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-fanhui:before {
    content: "\e600";
}


@media screen and (max-width: 240px) {
	body{background: #eeeeee;}
	.header{zoom: 0.7;}
    .header .searchbox{width: 68%;}
	.back-list{top: 12px;}
    .search_tow{width: 75%;height: 26px;line-height: 27px;text-indent: 5px;}
    .search_button{margin: 5px 0 0 6px;width: 16px;height: 16px;}
}