div, p, ul, li, ol, dl, dt, dd, span, img, input, table, h1, h2, h3, h4, h5, h6 {margin: 0;padding: 0;border: 0;list-style: none;list-style-type: none;}
* {margin: 0;padding: 0;}
img {vertical-align: middle;max-width: 100%;border: none;display: block;}
input {outline: 0;}
textarea {outline: 0;}
body {background-color: #fff; color: #333;}
html {height: 100%;}
.fl {float: left;}
.fr {float: right;}
a {text-decoration: none;color: #2f2f2f;}
a:hover { text-decoration:none!important; }
a:visited{ text-decoration:none;}
.f36 {font-size: 0.48rem;}
.f30 {font-size: 0.4rem}
.f32 {font-size: 0.43rem;}
.f28 {font-size: 0.37rem;}
.f26 {font-size: 0.35rem;}
.f22 {font-size: 0.29rem}
.clearfix:after{
      content:"";
      display:block;
      clear:both;
      height:0;
      visibility:hidden;}
.clearfix{*zoom:1;}
/* 公共样式结束 */

/* 首页 */
.header{ background: #fff; border-radius: 0 0 7px 7px;}
.search{ padding: 15px 15px;}
.search-con{ background: #f8f8f8; height: 35px; border-radius: 20px; display: flex; align-items: center;}
.search-con-img{ width: 14px; height: 14px; margin-left: 15px;}
.search-con-img img{ width: 100%; height: 100%; display: block;}
.search-con-input{ flex: 1; padding: 0 10px; height: 35px;}
.search-con-input input{ width: 100%; height: 100%; background: none; border: none; outline: 0;font-size: 14px;}
.search-con-btn{ width: 60px; height: 30px; border-radius: 15px; background: linear-gradient( to right, #18be8c ,#19ca8b); display: flex; align-items: center; justify-content: center;}
.search-con-btn a{font-size: 14px; color: #fff; }

.banner{ padding: 0 15px 0rem; border-radius: 5px;}
.banner .swiper { width: 100%; height: 150px;}
.banner .swiper-slide {text-align: center; font-size: 18px; background: #fff; display: flex; justify-content: center; align-items: center;}
.banner .swiper-slide img { display: block;  width: 100%; height: 100%; object-fit: cover; border-radius: 10px;}
.banner .swiper-pagination-bullet{ border-radius:5px; background:#ffffff; opacity:.6; width: 5px; height: 5px;}
.banner .swiper-pagination-bullet-active{ width:5px; background:#ffffff; opacity:1;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets{ bottom: 5px;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0 3px;}

.news{ padding: 0 15px; display: flex; align-items: center; height: 50px; overflow: hidden;}
.news-img{ width: 15px; height: 17px; margin-top: 3px; }
.news-img img{ width: 100%; height: 100%; display: block;}
.news-text{ padding:0 8px; flex: 1;  }
.news-text-lb{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1;/*想显示多少行就给多大值*/ -webkit-box-orient: vertical; height: 20px; line-height: 20px;}
.news-text-lb a{ font-size: 14px; color: #333;}
.news-text .swiper{  height: 20px; }
.news-text .swiper-container{  height: 20px; }
.news-jt{ width: 5px; height: 10px; margin-top: 5px;}
.news-jt img{ width: 100%; height: 100%; display: block; }

.menu{ background: #fff; border-radius: 7px; margin-top: 15px; padding-bottom: 20px;}
.menu ul{ display: flex; flex-wrap: wrap;}
.menu ul li{ width: 25%; padding-top: 20px;}
.menu-img{ width: 55px; height: 55px; margin: 0 auto;}
.menu-text{ font-size: 13px; font-weight: bold; color: #333; text-align: center; padding-top: 7px;}

.jiangshi{ background: #fff; border-radius: 7px; margin-top: 15px; padding: 0 15px;}
.jiangshi-title{ display: flex; align-items: center; justify-content: space-between; padding-top: 20px;}
.jiangshi-title-left{ display: flex; align-items: center;}
.jiangshi-title-left-line{ width: 6px; height: 18px; border-radius: 5px;background: #12e0ba; margin-top: 2px;}
.jiangshi-title-left-text{ font-size: 17px; color: #333; font-weight: bold; padding-left: 7px;}
.jiangshi-title-right{ padding-top: 2px;}
.jiangshi-title-right a{ display: flex; align-items: center;}
.jiangshi-title-right-text{ font-size: 12px; color: #bdbdbd;}
.jiangshi-title-right-jt{ width: 5px; height: 9px; margin-left: 5px;}
.jiangshi-title-right-jt img{ width: 100%; height: 100%; display: block;}
.jiangshi-con ul li{ border-bottom: #ededed 1px solid; padding: 15px 0;}
.jiangshi-con ul li:last-child{ border-bottom: none;}
.jiangshi-con ul li a{ display: flex;}
.jiangshi-con-lb-img{ width: 90px; height: 75px; border-radius: 7px; flex-shrink: 0;}
.jiangshi-con-lb-img img{ width: 100%; height: 100%; display: block; object-fit: cover; border-radius: 7px;}
.jiangshi-con-lb-text{ flex: 1; padding-left: 10px; padding-top: 5px;}
.jiangshi-con-lb-text-title{ font-size: 14px; color: #333; font-weight: bold;}
.jiangshi-con-lb-text-jj{ font-size: 12px; color: #333; line-height: 1.5; padding-top: 5px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;/*想显示多少行就给多大值*/ -webkit-box-orient: vertical;}

.tjke{ background: #fff; border-radius: 7px; margin-top: 15px; padding: 0 15px;}
.tjke-con{ padding: 20px 0;}
.tjke-con ul{overflow-x: auto; white-space: nowrap;}
.tjke-con ul li{ width: 135px; padding-right: 7px; display: inline-block; white-space: nowrap;}
.tjke-con-lb-img{ width: 100%; height: 110px; border-radius: 7px 7px 0 0; background: #f7f7f7;}
.tjke-con-lb-img img{ width: 100%; height: 100%; display: block; object-fit: cover; border-radius: 7px 7px 0 0;}
.tjke-con-lb-text{ background: #f7f8fc; border-radius:  0 0 7px 7px; padding: 10px;}
.tjke-con-lb-text-title{ font-size: 15px; color: #333; font-weight: bold; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1;/*想显示多少行就给多大值*/ -webkit-box-orient: vertical;}
.tjke-con-lb-text-num{ font-size: 12px; color: #999; padding-top: 5px;}
.tjke-con-lb-text-price{ font-size: 14px; color: #ff0000; font-weight: bold; padding-top: 5px;}

.tjsp{ background: #fff; border-radius: 7px; margin-top: 15px; padding: 0 15px;}
.tjsp-con{ padding-bottom: 20px;}
.tjsp-con ul{ display: flex; flex-wrap: wrap;}
.tjsp-con ul li{ width: 48%; margin-right: 12px; padding-top: 15px;}
.tjsp-con ul li:nth-child(even){ margin-right: 0;}
.tjsp-con-lb-img{ width: 100%; height: 135px; border-radius: 7px; background: #f7f7f7;}
.tjsp-con-lb-img img{ width: 100%; height: 100%; display: block; object-fit: cover; border-radius: 7px;}
.tjsp-con-lb-text{ padding-top: 10px;}
.tjsp-con-lb-text-title{ font-size: 15px; font-weight: bold; color: #333; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1;/*想显示多少行就给多大值*/ -webkit-box-orient: vertical;}
.tjsp-con-lb-text-num{ font-size: 12px; color: #999; padding-top: 5px;}
.tjsp-con-lb-text-price{ padding-top: 5px; color: #ff0000; font-size: 16px; font-weight: bold;}
.tjsp-con-lb-text-price span{ font-size: 12px; font-weight: normal;}

.newszx{background: #fff; border-radius: 7px; margin-top: 15px; padding: 0 15px;}
.newszx-con{ padding: 5px 0;}
.newszx-con ul li{ border-bottom: #ededed 1px solid; padding: 15px 0;}
.newszx-con ul li:last-child{ border-bottom: none;}
.newszx-con ul li a{ display: flex;}
.newszx-con-lb-text{ flex: 1; padding-right: 10px; display: flex; flex-direction: column; justify-content: space-between;}
.newszx-con-lb-text-title{ font-size: 15px; color: #333; font-weight: bold; line-height: 1.5; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;/*想显示多少行就给多大值*/ -webkit-box-orient: vertical;}
.newszx-con-lb-text-time{ font-size:12px; color: #999;}
.newszx-con-lb-img{ width: 90px; height: 75px; border-radius: 7px; flex-shrink: 0; background: #f7f7f7;}
.newszx-con-lb-img img{ width: 100%; height: 100%; display: block; object-fit: cover; border-radius: 7px;}




.index-footer{ background: #fff; border-top: #ededed 1px solid; padding: 5px 0; display: flex; position: fixed; left: 0; right: 0; bottom: 0; z-index: 3;}
.index-footer-lb{ flex: 1;}
.index-footer-lb-img{ width: 25px; height: 25px; margin: 0 auto;}
.index-footer-lb-img img{ width: 100%; height: 100%; display: block;}
.index-footer-lb-text{ font-size: 12px; color: #646464; padding-top: 2px; text-align: center;}
.footeractive{ color: #12e0ba;}
.indexspacing{ height: 72px;}


.search-v{ padding: 15px 15px; background: #fff; position: fixed; left: 0; right: 0; top: 0;}
.search-v-con{ background: #f8f8f8; height: 35px; border-radius: 18px; display: flex; align-items: center;}
.search-v-con-img{ width: 14px; height:14px; margin-left: 12px;}
.search-v-con-img img{ width: 100%; height: 100%; display: block;}
.search-v-con-input{ flex: 1; padding: 0 10px; height: 30px;}
.search-v-con-input input{ width: 100%; height: 100%; background: none; border: none; outline: 0;}
.search-v-con-btn{ width: 60px; height: 30px; border-radius: 15px; background: linear-gradient( to right, #18be8c ,#19ca8b); display: flex; align-items: center; justify-content: center;}
.search-v-con-btn a{font-size: 14px; color: #fff; }
.search-spacing{ height: 65px;}
.video{ display: flex;}
.video-left{ position: fixed; left: 0; bottom: 55px; top: 65px; width: 30%; background: #f8f8f8; overflow-y: scroll; flex-shrink: 0;}
.video-left ul li{ height: 50px; padding: 0 5px; display: flex; align-items: center; justify-content: center;}
.video-left ul li a{ display: block; font-size: 14px; color: #000; text-align: center; width: 90%;}
.videoactive{background: linear-gradient( to right, #18be8c ,#19ca8b); padding: 12px 0; border-radius: 10px; color: #fff!important;}
.video-right{ position: fixed; right: 0; bottom: 55px; top: 65px;width: 70%; overflow-y: scroll; }
.video-right ul{ padding: 0 15px; overflow-y: scroll;}
.video-right ul li{ padding-bottom: 20px;}
.video-right ul li a{ display: flex;}
.video-right-img{ width: 85px; height: 65px; border-radius: 10px;}
.video-right-img img{ width: 100%; height: 100%; display: block; border-radius: 10px;}
.video-right-text{ display: flex; flex-direction: column; justify-content: space-between; flex: 1; padding-left: 12px;}
.video-right-text-title{ font-size: 13px; color: #000; line-height: 1.5; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;/*想显示多少行就给多大值*/ -webkit-box-orient: vertical;}
.video-right-text-price{ font-size: 14px; color: #ff0000; font-weight: bold;}

/* 我的 */
.avatar{ padding: 20px 15px; display: flex; align-items: center;}
.avatar-img{ width: 60px; height: 60px; border-radius: 50%; flex-shrink: 0;}
.avatar-img img{ width: 100%; height: 100%; display: block; border-radius: 50%; object-fit: cover;}
.avatar-text{ flex: 1; padding: 0 10px;}
.avatar-text-title{ font-size: 18px; color: #000; font-weight: bold; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1;/*想显示多少行就给多大值*/ -webkit-box-orient: vertical;}
.avatar-text-ph{ font-size: 12px; color: #999; padding-top: 5px;}
.avatar-jt{ width: 5px; height: 9px; flex-shrink: 0;}
.avatar-jt img{ width: 100%; height: 100%; display: block;}
.order{ padding: 0 15px;}
.order-con{ background: #fff; border-radius: 7px; padding: 20px 0px;}
.order-title{ display: flex; align-items: center; justify-content: space-between; padding: 0 15px;}
.order-title-left{ font-size: 16px; color: #000; font-weight: bold;}
.order-title-more{ display: flex; align-items: center;}
.order-title-more-text{ font-size: 12px; color: #999; padding-right: 5px;}
.order-nr{ display: flex; padding: 15px 5px 0;}
.order-nr-lb{ flex: 1;}
.order-nr-lb-img{ width: 38px; height: 38px; margin: 0 auto;}
.order-nr-lb-img img{ width: 100%; height: 100%; display: block;}
.order-nr-lb-text{ font-size: 13px; color: #000; text-align: center; padding-top: 5px;}

.lbmenu{ padding: 20px 15px 0;}
.lbmenu-nr{ background: #fff; border-radius: 7px; padding: 0 15px;}
.lbmenu-lb{ border-bottom: #ededed 1px solid; display: flex; align-items: center; padding: 20px 0;}
.lbmenu-lb:last-child{ border-bottom: none;}
.lbmenu-lb-img{ width: 20px; height: 20px; flex-shrink: 0;}
.lbmenu-lb-img img{ width: 100%; height: 100%; display: block;}
.lbmenu-lb-text{ font-size: 14px; color: #000; flex: 1; padding: 0 7px;}