.body{margin: 0; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-family: STHeiti, Helvetica, Arial, sans-serif; font-size: 15px;  background-color: #fff;}
.top{height: 46px; padding: 0 10px;background: #FFFFFF;}
.top_logo { margin-top: 11px; ; }
.top .fr { float: right; margin-top: 10px;}
.top .fr .mui-icon{color: #D50000;}
.footer{padding:10px;background: #333333; color: #FFFFFF; text-align: center; font-size: 12px; margin-top: 10px;}
img {width: 100%; display: block;}
/*首页*/
.top_logo{width: 20%; margin-left: 40%; }
body{ background: url(../img/bg.jpg) no-repeat #d7e1e2; background-size: 100%;;}
.headBox { width: 100%; color: #999; justify-content: space-between; padding: 15px; box-sizing: border-box; }
.headSearch { background-color:#ffffff; padding: 0 8px; border-radius: 50px; width: 100%; height: 33px; justify-content: center; box-sizing: border-box; display: flex; align-items: center }
.headSearch input { width: calc(100% - 25px); height: 33px; line-height: 30px; margin-left: 5px;border: 0;background: none; font-size: 14px; padding: 0; margin: 0;} 
.mui-slider{width: 92%; margin-left:4%; overflow: hidden;}
.wapper { padding: 0 15px 20px 15px; margin-bottom: 60px;}
.menuNet { display: flex; flex-direction: row; flex-wrap: wrap;  position: relative; z-index: 2; padding: 20px 0px; } 
.iconImg { display: flex; flex-direction: column; font-size: 14px; width: 20%; align-items: center; justify-content: center; margin: 5px 0; color: #3C3C3C; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.iconImg img {height: 55px; width: auto; margin-bottom: 10px;}
.index-tit{width: 30%; margin-left: 35%; margin: 15px auto 0;}
.t-more {position: absolute; margin-top: -20px;  margin-left: 43%; font-size: 12px; color: #173b35;}
.index_lmb{background: url(../img/box-bg.png) no-repeat;background-size: 100%; margin: 30px 0; padding-top: 10px; }

.news-fy { margin-top: 20px;}
.news-why { background-color: #d3e9e9; padding: 10px; display: flex; justify-content: space-between; border-radius: 15px; margin-top: 10px; }  
.news-right { width: 62%; display: flex; flex-direction: column; justify-content: space-between; }
.news-img { width: 33%; border-radius: 5px; overflow: hidden; height: 90px; }
 
.news-right h4 { line-height: 25px; margin: 0; font-size: 16px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; height: 50px; margin-bottom: 16px; font-weight: normal; }
.news-right p{text-align: right; color: #0e3432; margin: 0;}
.news-right p span{margin-left: 15px;}
.news-btn ul { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 0; margin: 0;}
.news-btn ul li { width: 48%; height: 40px; margin-top: 14px; background-color: #ffeadf; border-radius: 3px; border: 1px solid #ff9b66; display: flex; align-items: center; justify-content: center; color: #e66826; }
.news-tit { font-size: 18px; position: relative; display: flex; justify-content: space-between; margin-top: 20px; }
.news-tit h4 { margin: 0; position: relative; }
.news-tit em { font-style: normal; color: #999; font-size: 14px; }
.news-tit h4 span { position: absolute; width: 70px; height: 7px; border-radius: 10px; z-index: -1; bottom: 0; left: 50%; transform: translate(-50%, 0); background-image: linear-gradient(to right, #ff8341, #ffeade); }

.lma{margin-top: 20px;overflow-x: scroll; margin-bottom: 20px; height: 95px; background-color: #fff; display: flex; align-items: center; width: 100%; box-sizing: border-box; white-space: nowrap;}
.lma img{width: 160px; float: left; margin-right: 10px;object-fit: cover; height: 95px; border-radius: 5px;}
.bottom-news { font-size: 12px;  color: #999999; text-align: center; margin-top: 10px;}
.nav_bottom_img { width: 26px; position: relative; margin: 0 auto; margin-bottom: 4px; margin-top: 8px;}
.indexCont { max-width: 600px; margin: 0 auto; }
.fy-banner { position: relative; }
.inta-box { border-radius: 15px 15px 0 0; z-index: 2; overflow: hidden; min-height: 100vh; }
.ny-banner{padding: 15px;}

.list-box { padding: 10px 15px; }
.search { float: left; height: 38px; width: 94%; border-radius: 50px; overflow: hidden; border: 1px solid #999;  margin: 14px 12px; box-sizing: border-box; background: #f9f9f9; }
.icon-sear { float: right; width: 26px; height: 26px; overflow: hidden; margin: 4px 12px 4px 3px; }
.search input {float: left;overflow: hidden; width: 83%; background: #f9f9f9; line-height: 38px; margin-left: 10px; font-size: 15px; border: none; margin: 0; height: 38px;}                      .icon-sear img {width: 100%;height: auto;} 
.list-pic { float: left; width: 100%; margin-bottom: 60px;}
.list-pic .mui-table-view{background: none;}
.list-pic select { color: #fff; appearance: none; -moz-appearance: none; -webkit-appearance: none; background: url(../img/select.png) no-repeat scroll right center transparent; background-size: 8%; width: 80%; margin: 0 10px; } 
.list-pic ul img { border-radius: 0.5rem; }
.list-pic ul{margin: 20px 3%;}
.list-pic li{background-color: #d3e9e9; padding: 10px; display: flex; justify-content: space-between; border-radius: 15px; margin-top: 10px}
.lmc img{margin:10px 0 20px;}
.i-p-hot {  display: block; width: 60px; height: 60px; background: url(../img/hot.png) no-repeat; background-size: 57%; position: absolute; right: -26px; top: 0px;
 }
 .aui-flex {display: flex; -webkit-box-align: center; -webkit-align-items: center;  align-items: center;  padding: 15px; position: relative; }
.aui-flex-box h2 {  font-size: 15px;  position: relative;  padding-left: 10px;  font-weight: normal; display: inline-block;}
.aui-flex-box h2:after {  content: '';  position: absolute; z-index: 0;   top: 3px; left: 1px;  width: 4px;  height: 75%;  background: #42837e;}

.more {width: 94%; margin: auto; background: #fff; border-radius: 5px; box-shadow: 0 2px 4px #e8e8e8;position: relative; overflow: hidden;}

.more li{height: 115px;}
.more .t{ text-align: center; font-size: 30px; font-weight: 900; color: #a05508; margin-left: 45%;}
.more .txt { display: block; text-align: center; color: #333; font-size: 0.85rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding-top: 0.5rem; margin-left: 45%; }
.more .mui-grid-view.mui-grid-9 .mui-table-view-cell>a:not(.mui-btn){padding: 20px 0;}
.more li:after{ content: ''; position: absolute; z-index: 0; bottom: 0; left: 0; width: 100%; height: 1px; border-bottom: 1px solid #D9D9D9; border-right: 1px solid #D9D9D9;  -webkit-transform: scaleY(0.5); transform: scaleY(0.5); -webkit-transform-origin: 0 100%; transform-origin: 0 100%; } 
.more .bor{  border-left: 0.5px solid #D9D9D9;  }
  /*商品详情*/
 .detail_commodity{ box-shadow: #eee 0 2px 3px -1px; } 
.detail_ph img{ margin: 0 auto; }
 .detail_info{ margin-left: 0.5rem; position: relative; } 
.detail_info h1{ color: #1b1b1b; font-size: 18px; margin-bottom: 0.8rem; font-weight: normal; }
 .detail_info p{ color: #999!important; line-height: 2rem; margin-bottom: auto!important; }
 .detail_info p img{ display: inline-block; width: 4%; vertical-align: middle; margin-right: 10px; }
 .detail_info:before { content: " "; position: absolute; left: 0; bottom: -10px; right: 0; height: 1px; border-bottom: 1px solid #f3f2f7; color: #D9D9D9; -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scaleY(0.5); transform: scaleY(0.5); }
 .detail_fr{ float: right;font-size: 1.3rem;color: #999;} /* position: absolute; */
 .detail_txt{z-index: 99; display: inline-block;background-color: #fff;padding: 4%;margin-top: -1.5rem;border-radius: 1.5rem;}
 .detail_txt .detail_ti{margin-bottom: 1rem;margin-top: 2rem;}
 .detail_txt p{ color: #626262; margin-bottom: 0.8rem; }  
  .aui-comment { color: #999; display: inline-block; vertical-align: middle; font-size: 12px; float: right!important; margin-right: 23px; }
  .detail_info p { color: #999!important; line-height: 20px; margin-bottom: auto!important; }
  .aui-comment { color: #999; display: inline-block; vertical-align: middle; font-size: 12px; float: right!important; margin-right: 23px; }
   #ckgw { color: #fff; border-radius: 29px; padding: 5px 15px; background: #42837e; font-size: 12px; display: block;}
   .aui-comment img { display: inline-block; vertical-align: middle; width:auto; }
   
   
 .container { width: 100%; margin: 0 0 60px 0; ;}
 
 .swiper-container { margin: 0 auto; position: relative; overflow: hidden; z-index: 1; }
 .swiper-wrapper {  position: relative; width: 100%; height: auto; z-index: 1;}
.swiper1 .swiper-slide { text-align: center; height: 43px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; cursor: pointer; }
	 .swiper1 .selected { color: #fff; font-size: 18px; text-decoration: underline;line-height: 24px; }
  .aui-header { display: block; z-index: 999; overflow: hidden; top: 4rem; left: 0; right: 0; width: 100%; }
..search {  float: left; height: 38px; width: 94%;  border-radius: 50px; overflow: hidden;   /* border: 1px solid #999; */  margin: 14px 12px;  box-sizing: border-box; background: #f9f9f9;   }
 .icon-sear { float: right; width: 26px; height: 26px; overflow: hidden; margin: 4px 12px 4px 3px; }
 .icon-sear img { width: 100%; height: auto; }
 .search input { float: left; overflow: hidden; width: 83%; background: #f9f9f9; line-height: 38px; margin-left: 10px; }
 .swiper1 { width: 100%; color: #fff; }
  .swiper-container { margin: 0 auto; position: relative; overflow: hidden; z-index: 1; } 
 .swiper2 { width: 100%; } .swiper-container { margin: 0 auto; position: relative; overflow: hidden; z-index: 1; }
 .swiper-container { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; }
 .aui-middle-dome-title h3 { overflow: hidden; text-overflow: ellipsis; /* display: -webkit-box; */ -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-height: 22px; margin-right: 15px; font-size: 15px; font-weight: normal; color: #333; max-height: 100%; text-align: left; margin-bottom: 0; padding-bottom: 0; margin-top: 0; }
 .aui-middle-dome-title { display: inline-block; width: 67%; vertical-align: middle; }
 .aui-middle-dome-a { display: block; position: relative; font-size: 0px; text-decoration: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0.1); -webkit-touch-callout: none;  }
.aui-middle-dome-text { color: #999; font-size: 0; margin-top: 12px; }
.aui-middle-dome-img { position: relative; overflow: hidden; width: 33%; overflow: hidden; display: inline-block; vertical-align: middle; } 
.aui-middle-dome1 { position: relative; margin: 10px 3%; background-color: #d3e9e9; padding: 10px;border-radius: 15px}
 .aui-middle-dome-img img { border: none; display: block; width: 100%; -webkit-transition: opacity 300ms ease; -moz-transition: opacity ease .3s; pointer-events: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-user-select: none; text-decoration: none; height:72px; object-fit: cover;    border-radius: 0.5rem; }
 
.headerbox {width: 100%; margin: 0 auto; }
.headerbox img {width: 100%; margin: 0 auto; }
.Contentbox { width: 92%; margin: 15px auto 20px auto; line-height: 1.8;}
.Contentbox  p{ color: #333; padding-left: 5px;}
.divHeight { width: 100%; height: 10px; background: #f5f5f5; position: relative; overflow: hidden;}
.search .input-box { position: relative; display: block; padding: 0 3em 1px 1.07em; border: 1px solid #ccc; border-radius: 1.07em; width: 85%; height: 30px; }
.Contentbox ul{padding: 0;}
.Contentbox ul li { float: left; width: 48%; margin: 1%; position: relative; background-color: #fafafa; padding: 1%;list-style: none; }
.Contentbox ul li img { width: 100%; display: block; border-radius: 5px; margin: 5px auto; height: 100px; }
.aui-car-release { right: -2px; position: absolute; top: 0; background: #0072b5; color: #fff; padding: 4px 13px; font-size: 16px; line-height: normal; transform: scale(0.8); border-radius: 0 0 0 12px; }
.message{background-color: #d3e9e9; margin: 15px;border-radius: 15px; padding: 35px 15px; min-height: 95vh;}
.message-why { background-color: #d3e9e9; padding: 10px; display: flex; justify-content: space-between; border-radius: 15px; margin-top: 15px; }  
.message-right { width: 75%; display: flex; flex-direction: column; justify-content: space-between; }
.message-img { width: 20%; border-radius: 5px; overflow: hidden; height: 75px; }
 
.message-right h4 { line-height: 25px; margin: 0; font-size: 16px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; height: 25px; margin-bottom: 4px; }
.message-right p{color: #0e3432; margin: 0;}
.message-right h4 span{ float: right; font-size: 12px; color: #666; font-weight: normal;}
.mes-tj{background-color: #42837e; color: #fff;border-radius: 30px; width: 40%;  border: none; margin: 30px 30%; font-size: 16px; }
.mes-back{position: fixed; top: 90vh; font-size: 16px; }
.mes-back span{font-size: 18px; }

.mui-slider .mui-slider-group .mui-slider-item img{border-radius: 15px;}
.index_lmb img{border-radius: 10px;width: 95px; height: 70px; }
.index_lmb .news-why img{border-radius: 5px 5px 0px 0px; width: 95px; height: 70px; }
.index_lmb .news-why{padding: 0; margin-bottom: 10px}
.index-tit img{border-radius: 0px;width: 100%; height:auto; }
.index_lmd {font-size: 12px;  color: #999999; text-align: center; margin-top: 10px;}
.lme{margin-top: 20px;overflow-x: scroll; margin-bottom: 20px; height: 95px;  display: flex; align-items: center; width: 94%; margin-left: 3%; box-sizing: border-box; white-space: nowrap;}
.lme img{width: 160px; float: left; margin-right: 10px;object-fit: cover; height: 95px; border-radius: 5px;}
.mui-segmented-control { list-style: none; display: flex; overflow-x: scroll; white-space: nowrap; padding: 20px 0; width: 100%; -webkit-overflow-scrolling: touch; }
.mui-segmented-control .mui-control-item { color: #111111; cursor: pointer; display: block; text-align: center; text-decoration: none; font-size: 18px; position: relative; margin-right: 30px; z-index: 2; }
.mui-segmented-control .mui-control-item.mui-active { font-weight: bold; }