@charset "utf-8";
*{margin: 0;padding: 0;border: 0;list-style: none;text-decoration: none; box-sizing: border-box;font-style: normal;outline: none;}
html{}
body{width: 100%;background-color:#f3f7f0; height: 100%; overflow-x: hidden;}
img{vertical-align: middle;max-width: 100%;}
a {	text-decoration: none;	color: #000;}
a, label, button, input, select {-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
img {width: 100%;height: auto;display: block;	border: 0;}
html, body, div, dl, dt, dd, ol, ul, li, h1, h2, h3, h4, h5, h6, p, blockquote, pre, button, fieldset, form, input, legend, textarea, th, td {	margin: 0;	padding: 0;}
a {	text-decoration: none;	color: #08acee;}
button {outline: 0;}
img {border: 0;}
button, input, optgroup, select, textarea { margin: 0; font: inherit;  outline: none;}
li {list-style: none;}
a {	color: #000;}
ul,li{list-style:none;}
em{font-style:normal;display:inline-block;}
p{display:block;}
table,tr,th,td{border:#eeeeee solid 1px;border-collapse:collapse;}
.clearfix:after{display:block;clear:both;content:"";visibility:hidden;height:0;}
.mb{ margin-bottom: .3rem !important;}

/*顶部*/
.body-bg{ background: url(../images/bg.jpg) no-repeat center top; background-size: 100% 5rem;background-color:#f3f7f0;}
.top{font-size: .5rem; font-weight: bold; padding: .3rem; height: 1.3rem;}
.top a{color: #01490e;}
.banner {margin: 0 .3rem; width: 6.9rem; overflow: hidden; border-radius: .3rem;}
.banner .swiper {width:160%;margin:0 auto;position:relative;left:-30%;}
.banner .swiper .swiper-slide img{ border-radius: .3rem; opacity: .3 !important;}
.banner .swiper .swiper-slide.swiper-slide-active{z-index: 10;}
.banner .swiper .swiper-slide.swiper-slide-active img{ opacity: 1 !important;  width: 6rem; height: 3.375rem;}

/*标题*/
.title{ display: flex; align-items: center;justify-content: space-between; margin: .3rem .3rem 0 .3rem; height:.6rem;}
.title b{ font-weight: bold; font-size: .35rem; display: block;}
.title a{ display: flex; align-items: center; font-size: .25rem; color: #8e918d;}
.title a img{ width: .12rem; margin-left: .15rem;}
.i{ font-size: .25rem; color: #828181; margin: 0 .3rem .2rem .3rem;}
/*便民信息服务站*/
.xxhm .swiper-horizontal{ padding-right: .3rem; margin-top: .2rem;}
.fuwuz{ background: linear-gradient(180deg, #e5fae9 0%, #ffffff 50%, #ffffff 100%); display: block; width:4.5rem; margin-left: .3rem; margin-right: .3rem; box-shadow: 0 0 .1rem #dddddd; border-radius: .3rem;}
.fuwuz .fuwuz-top{ padding:.3rem .3rem .1rem .3rem; display: block;}
.fuwuz .fuwuz-top h3{ font-size: .3rem; margin-bottom: .2rem; font-weight: 500;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all;}
.fuwuz .fuwuz-top span{ display: block; font-size: .28rem; color: #726c6c; padding: .05rem 0;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all;}
.fuwuz .fuwuz-bottom{ display: flex; align-items: center; border-radius: 0 0 .3rem .3rem; padding: .2rem .3rem; background: linear-gradient(180deg, #f5faf0 0%, #ffffff 100%);}
.fuwuz .fuwuz-bottom a{ display: flex; align-items: center; font-size: .28rem; margin-right: .5rem;}
.fuwuz .fuwuz-bottom a img{ width: .22rem; margin-right: .1rem;}

/*广告*/
.gg{ margin: .3rem .3rem 0 .3rem; }
.gg img{ display: block; border-radius: .3rem;}

/* 容器样式 */
.tab-container {width: 100%; overflow: hidden; height: 100%; flex-direction: column; /* 垂直布局 */}
/* 导航栏样式 */
.tab-nav { margin-left: .3rem; display: flex;overflow-x: auto;-webkit-overflow-scrolling: touch; /* iOS滚动优化 */scrollbar-width: none; /* 隐藏滚动条 */background: #f5f5f5;padding:0 0 .2rem 0;}
.tab-nav::-webkit-scrollbar {display: none;}
/* Tab项样式 */
.tab-item {flex: 0 0 auto; height: .6rem; line-height: .6rem; padding: 0 .2rem; font-size: .3rem;color: #666;white-space: nowrap;position: relative;transition: color 0.3s;cursor: pointer;}.tab-item.active {color: #248136; border-radius: 5px; background-color: #dffbcf; }
/* .tab-item.active::after {content: '';position: absolute;bottom: -8px;left: 50%;transform: translateX(-50%);width: 20px;height: 2px;background: #007bff;} */
/* 内容区域样式 */
.tab-content {display: grid;
    grid-template-rows: auto 1fr; /* 标题行 | 内容区 */
    margin: 0 0.3rem;
    height: 100%; /* 关键属性 */
    /* 可选：添加弹性收缩 */
    flex-shrink: 1; /* 允许压缩 */margin: 0 .3rem; }
.content-item {display:none; position: absolute; background-color:#ffffff;border-radius: .3rem; width: 92%;height: auto;opacity: 0;transition: opacity 0.3s;pointer-events: none;}
.content-item.active {display:block; opacity: 1;pointer-events: auto;}

/*新闻列表*/
.dj-list{align-items: center; border-bottom: 1px solid #eeeeee;  width: 100%; padding:.3rem; display: flex;}
.dj-list .right-img{ margin-right: .15rem; left:1px; flex: 0 0 1.79rem; border-radius: .1rem;}
.dj-list .right-img img{border-radius: .1rem; height: 1.34rem;}
.dj-list .left-desc{ display: grid; width: 100%; font-size: .28rem; max-height: 1.3rem;}
.dj-list .left-desc .t{ line-height: 1.5; font-size: .3rem; margin-bottom: .1rem; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;}
.dj-list .left-desc .info{ font-size: .28rem; color: #a2a2a2; }
.dj-list .left-desc .info i{ margin-right: .3rem;}
.more{ font-size: .28rem;color: #676565; display: block; height: .8rem; line-height: .8rem; text-align: center;}
.more a{}

/*尾部导航*/
.blank{ height: 1rem;}
.foot-nav{position: fixed;left: 0;bottom: 0;width: 100%;height: 1.25rem; background: url(../images/nav-bg.png) no-repeat; background-size: 120%; background-color: #FFFFFF;padding: 0 .1rem;box-shadow: 0 0.02rem .1rem rgba(200,200,200,.8);z-index: 99999;}
.foot-nav ul{display: flex;justify-content: space-around;align-items: center;width: 100%;height: 100%;}
.foot-nav ul li{font-size: .28rem;color: #7d7e80;display: flex;flex-direction: column;}
.foot-nav ul li i{ font-size: .5rem; display: block; margin: 0 auto; color: #b9b9b9;width: .5rem; height: .5rem;}
.foot-nav ul li.cate i{background: url(../images/potted-plant.png) center center no-repeat;background-size: 100% 100%; }
.foot-nav ul li.cate.active i{background: url(../images/potted-plant-hover.png) center center no-repeat;background-size: 100% 100%;width: .5rem; height: .5rem; }
.foot-nav ul li.hn i{background: url(../images/figma-logo.png) center center no-repeat;background-size: 100% 100%; }
.foot-nav ul li.hn.active i{background: url(../images/figma-logo-hover.png) center center no-repeat;background-size: 100% 100%;width: .5rem; height: .5rem; }
.foot-nav ul li.xc i{background: url(../images/farm.png) center center no-repeat;background-size: 100% 100%; }
.foot-nav ul li.xc.active i{background: url(../images/farm-hover.png) center center no-repeat;background-size: 100% 100%;width: .5rem; height: .5rem; }
.foot-nav ul li.zl i{background: url(../images/tree.png) center center no-repeat;background-size: 100% 100%; }
.foot-nav ul li.zl.active i{background: url(../images/tree-hover.png) center center no-repeat;background-size: 100% 100%;width: .5rem; height: .5rem; }
.foot-nav ul li.active i{color: #248136; }
.foot-nav ul li.active p{color: #248136;}
.foot-nav ul li.active.cate p{ color: #cc0001;}

/*惠农服务*/
.hnfu{width: 6.9rem;height:3.88rem; border-radius: .2rem; margin: 0 auto .3rem auto; background-color: #b00005;}
.hnfu .swiper-con { position:relative;width: 100%;height: 100%; overflow: hidden;}
.hnfu .swiper-slide {display: flex;justify-content: center;align-items: center;}
.hnfu .swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover;border-radius: .2rem; }
.hnfu .swiper-slide a{ position: relative; display: block; width: 100%;border-radius: .2rem; }
.hnfu .swiper-slide a span{ position: absolute; font-size: .3rem;border-radius:0 0 .2rem .2rem;  bottom:0; width: 100%; padding:.3rem .2rem .2rem .2rem; left: 0; background:linear-gradient(to top, rgba(0, 0, 0, .8), rgba(0, 0, 0, 0)); color: #ffffff; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all;}
.hnfu .swiper-slide a img{max-width: 100%;height:3.88rem;object-fit: contain; display: block; border-radius: .2rem;}
/**/
.icon-box{ display: flex; align-items: center; margin-bottom: .4rem;}
.icon-box a{ width: 2.05rem; height: 2rem; margin-left: .3rem; display: block;}
/* 导航栏样式 */
.tab-nav-icon { margin-left: .3rem; display: flex;overflow-x: auto;-webkit-overflow-scrolling: touch; /* iOS滚动优化 */scrollbar-width: none; /* 隐藏滚动条 */background: #f5f5f5;padding:0 0 .2rem 0;}
.tab-nav-icon::-webkit-scrollbar {display: none;}
/* Tab项样式 */
.tab-nav-icon .tab-item {flex: 0 0 auto;padding: .1rem .3rem;font-size: .3rem;color: #666;white-space: nowrap;position: relative;transition: color 0.3s;cursor: pointer;}
.tab-nav-icon .tab-item.active {color: #333333;  background-color: #f5f5f5; font-size: .35rem; font-weight: bold;}
/*专家人才*/
.woman a{ display: block; background-color: #3e8b4c; border-radius: .2rem; margin-left: .3rem;}
.woman a .woman-pic{ width: 100%; height: 3rem;}
.woman a img{display: block;max-width: 100%;height: 100%;object-fit: cover;border-radius: .2rem;}
.woman a span{ color: #ffffff; display: flex; align-items: center; font-size: .3rem; padding:.2rem .3rem;}
.woman a span i{ font-size: .25rem; margin-left: .2rem; }

.scenic{ margin-bottom: .15rem;}
.scenic-list{ display: grid; float: left; width: 3.3rem; margin-left: .3rem; margin-top: .15rem; margin-bottom: .15rem; background-color: #ffffff; border-radius: .2rem;}
.scenic-pic{ width: 100%; height: 2.5rem; display: block;}
.scenic-pic img{display: block;max-width: 100%;height: 100%;object-fit: cover;border-radius: .2rem;}
.scenic-span{ font-size: .3rem; height: .9rem; margin: .2rem; line-height: 1.5; text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;}
.scenic-bot{ font-size: .25rem; display: flex;align-items: center;justify-content: space-between;}
.scenic-bot a{ display: flex;align-items: center; padding:0 .2rem .2rem .2rem; color: #888888;}
.scenic-bot a img{ width: .2rem; margin-right: .1rem;}

/*意见建议*/
.jy-con{ display: flex; align-items: center; margin-bottom: .3rem;}
.jy-left{ width: 3.3rem; height: 4rem;margin-left: .3rem; background: linear-gradient(180deg, #e5fae9 0%, #ffffff 50%, #ffffff 100%); border-radius: .3rem;}
.jy-left .title b img{ width: 1.5rem;}
.jy-li:last-of-type{ border-bottom: none;}
.jy-li{ display: block; font-size: .3rem; padding:.1rem .3rem; border-bottom: 1px solid #eeeeee;}
.jy-li h2{ font-size: .3rem; display: flex; align-items: center; font-weight: normal;}
.jy-li h2 img{ width: .25rem; margin-right: .1rem;}
.jy-li h2 i{ width: 3rem; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all;}
.jy-li span{ font-size: .25rem; color: #929292; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all;}
.jy-right{ width: 3.3rem; height: 4rem;margin-left: .3rem; background: url(../images/hs-bg.png) no-repeat; background-size: 100% 100%; border-radius: .3rem;}
.jy-right img{ width: 2.5rem; margin: .3rem;}
.jy-right i{ font-size: .25rem; display: block; width: 2.7rem; margin: 0 auto; text-align: center;}

/*随手拍*/
.ssp-box{ background-color: #ffffff; border-radius: .3rem; margin: 0 .3rem; padding: 1px; height:3.45rem;}
.ssp-box .title{padding:0 .3rem 0rem .3rem; margin: .3rem 0 .3rem 0;}
/* 竖向滚动样式 */
.ssp-box .swiper-container {height: 2rem; /* 总高度需能容纳2个slide+间隔 */overflow: hidden; padding:0 .3rem;}
.ssp-box .swiper-slide {height: calc(50% - 10px); /* 计算单个slide高度（留出间隔） */ width: 100% !important; padding: 0 .2rem; background: linear-gradient(90deg, #e5fae9 0%, #fff6ec 100%);border-radius: .1rem;margin-bottom: .2rem; /* 垂直间隔 */ line-height: 3; font-size: .3rem;box-sizing: border-box;white-space: nowrap;  text-overflow: ellipsis; overflow: hidden;  word-break: break-all;}
.ssp-box .swiper-slide span{ width:100% !important; display: block; box-sizing: border-box;white-space: nowrap;  text-overflow: ellipsis; overflow: hidden;  word-break: break-all;}








/*景点列表*/
.travel-list{ position: relative; align-items: center; display: flex; padding: .2rem; background-color: #ffffff; margin:0 .3rem .2rem .3rem; border-radius: .2rem;}
.travel-list .right-img{ margin-right:.2rem; left:0; flex: 0 0 2rem; border-radius: .2rem;}
.travel-list .right-img img{border-radius: .2rem; height:1.5rem;}
.travel-list .left-desc{ display: grid; width: 100%;}
.travel-list .left-desc .t{ line-height: 1.5;  font-size: .3rem; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;}
.travel-list .left-desc .t em{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all; max-width: 3.3rem; float: left;}
.travel-list .left-desc .t i{ background-color: #d8ebff; color: #006bd8; font-size: .28rem; padding: 0 .1rem; margin-left: .1rem; border-radius: .1rem;}
.travel-list .left-desc .b{ font-size: .28rem;color: #a2a2a2; padding: 0 0 .2rem 0; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;}
.travel-list .left-desc .info{ font-size: .28rem; color: #a2a2a2; display: flex; align-items: center; height: .55rem;}
.travel-list .left-desc .info img{width: .2rem; margin-right: .1rem;}
.travel-list .left-desc .info em{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all; max-width: 2.3rem; }


/*活动列表*/
.hd-list{ position: relative; display: block; padding: .2rem; background-color: #ffffff; margin:0 .3rem .2rem .3rem; border-radius: .2rem;}
.hd-list-top{align-items: center; display: flex; margin-bottom: .2rem;}
.hd-list .right-img{ margin-right:.2rem; left:0; flex: 0 0 2rem; border-radius: .2rem;}
.hd-list .right-img img{border-radius: .2rem; height:1.5rem;}
.hd-list .left-desc{ display: grid; width: 100%;}
.hd-list .left-desc .t{ line-height: 1.5;  font-size: .3rem; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;}
.hd-list .left-desc .t em{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all; max-width: 3.3rem; float: left;}
.hd-list .left-desc .t i{ background-color: #d8ebff; color: #006bd8; font-size: .28rem; padding: 0 .1rem; margin-left: .1rem; border-radius: .1rem;}
.hd-list .info{ font-size: .28rem; border-top: 1px solid #eeeeee; color: #a2a2a2; height: .5rem; height: .5rem; line-height: .5rem; margin-top: .2rem; padding-top: .1rem;}
.hd-list .left-desc .adds{ font-size: .28rem; color: #a2a2a2; display: flex; align-items: center; height: .55rem;}
.hd-list .left-desc .adds img{width: .2rem; margin-right: .1rem;}
.hd-list .left-desc .adds em{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all; max-width: 2.3rem; }
.hd-list .zhuat{position: absolute; padding: 0 .1rem; top: .2rem; left: .2rem; height: .5rem; font-size: .25rem; line-height: .5rem; text-align: center; border-radius: .1rem .1rem .1rem 0;}
.hd-list .zhuat.yjs{ background-color: #eeeeee; color: #333333;}
.hd-list .zhuat.zzjx{ background-color: #006bd8; color: #ffffff;}










/*登录*/
.login{ background-color: #ffe9ac; color: #7e5b00; border-radius: 0 0 .2rem .2rem; display: flex; align-items: center; padding: .2rem;}
.login span{ font-size: .3rem;}
.login button{ background: linear-gradient(132deg, #8d7af4, #b0a2f8); color: #ffffff; border-radius: .5rem;width: 1.3rem; padding: .1rem; font-size: .3rem;}


.box{background-color: #ffffff; border-radius: .2rem; margin: 0 .3rem;}
/*通知列表*/
.reservation{position: absolute; bottom: .2rem; right: .2rem; width: 1.4rem; height: .55rem; font-size: .28rem; line-height: .55rem; text-align: center; border-radius: .1rem; background-color: #f9d246; color: #333333;}
/*活动列表*/
.activity-list{ background-color: #ffffff; border-radius: .2rem; width: 3.3rem; margin-left: .3rem; display: block; float: left;}
.activity-list .right-img{ width: 3.3rem;border-radius: .2rem;}
.activity-list .right-img img{border-radius: .2rem;}
.activity-list .left-desc{ display: grid; width: 100%; padding: .2rem;}
.activity-list .left-desc .t{ line-height: 1.5;  font-size: .33rem; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;}
.activity-list .left-desc .t em{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all; max-width: 3.3rem; float: left;}
.activity-list .left-desc .t i{ background-color: #d8ebff; color: #006bd8; font-size: .28rem; padding: 0 .1rem; margin-left: .1rem; border-radius: .1rem;}
.activity-list .left-desc .b{ font-size: .28rem;color: #a2a2a2; padding: 0 0 .2rem 0; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;}
.activity-list .left-desc .info{ font-size: .28rem; color: #a2a2a2; display: flex; align-items: center; height: .55rem;}

.ny-top{padding: .2rem 0 .2rem 0; position: fixed; display: flex; align-items: center; width: 100%; z-index: 999999;}
.ny-top a{ width:.5rem; position: absolute; left:.1rem; display: block; margin-right: .5rem;}
.ny-top a img{ width: .2rem; margin: 0 auto;}
.ny-top span{ width: 100%; font-size: .4rem; text-align: center; display: block; }
.ny-top span.hy{color: #ffffff;}
.ny-top a.top-right{ width:.5rem; position: absolute; left:6.7rem; display: block;}
.ny-top a.top-right img{ width: .4rem;}
.blank{ height: 1.2rem;}
.top-bg{background-color: #ffffff;}
.p1{ padding: 1px;}
/*产品轮播*/
/*幻灯*/
.travel-by{ width:7.5rem; height: 5.2rem;}
.travel-by img{ width: 100%;min-height:5.2rem;object-fit: contain; display: block; }
.product-pic{ position: relative; width: 100%;}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{ top:63% !important; bottom: 2%;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:.2rem !important}
.travel-by .swiper-pagination .swiper-pagination-bullet{ background: #ffffff;opacity:.5}
.travel-by .swiper-pagination .swiper-pagination-bullet-active{ background: #ffffff;opacity:1}

.product-box{ background-color: #ffffff; border-radius: .2rem .2rem 0 0; position: relative; z-index: 99; padding: .3rem; margin:-1rem 0 .3rem 0;}
.product-text{ font-size: .3rem; line-height: 1.8; padding:0 .3rem .3rem .3rem; margin:0 0 .3rem 0; color: #595959;}
.cp-desc .t{ line-height: 1.5;  font-size: .33rem; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical;}
.cp-desc .t em{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all; max-width: 3.3rem; float: left;}
.cp-desc .t i{ background-color: #d8ebff; color: #006bd8; font-size: .28rem; padding: 0 .1rem; margin-left: .1rem; border-radius: .1rem;}
.cp-desc .eyes{font-size: .3rem; line-height: .5rem; color: #595959; display: flex; align-items: center;}
.cp-desc .eyes img{ width: .25rem; margin-right: .1rem;}
.cp-desc .b{font-size: .28rem; line-height: .5rem; color: #937c2b; background-color: #fffcf1; padding: .1rem; margin-bottom: .1rem;}
.cp-desc .bot{ border-top: 1px solid #eeeeee; padding-top:.2rem; margin-top: .2rem;}
.cp-desc .book{ background-color: #3e8b4c; width: .7rem; height: .7rem; border-radius: 5rem; position: absolute; right:.3rem; bottom:.2rem;}
.cp-desc .book img{ width: .4rem; margin:0 auto; display: block; padding-top: .15rem;}

/**/
.reservation-but{ position: fixed; bottom: 0; width: 100%; background-color: #3e8b4c; height: 1rem; line-height: 1rem; text-align: center; font-size: .33rem;}
.reservation-but a{ color: #ffffff;}

.center-banner{ position: relative; margin: 0 .3rem; border-radius: .2rem;  background-color: #ffffff;}
.center-banner .banner-text{ padding:.5rem .5rem; border-radius: .2rem; height: 2.8rem; box-shadow: 0 5px 10px #eeeeee;}
.center-banner .banner-text b{ font-size: .5rem; font-weight: bold; text-align: center; display: block; color: #cf4031;} 
.center-banner .banner-text span{ font-size: .38rem; display: block; text-indent: 2em; padding: .2rem 0;}
.center-banner .banner-text i{ font-size: .35rem; display: block; text-align: right;}
.center-banner .banner-qh{position: absolute; top: 0; right: 0; background-color: #f9d246;border-radius:0 .2rem 0 .2rem; display: flex; align-items: center; font-size: .3rem; padding: .1rem .2rem;}
.center-banner .banner-qh img{ width: .3rem; margin-right: .1rem;}
.center-banner .banner-yz{ position: absolute; right: .4rem; top:2.2rem; width: 1.2rem; height: 1.2rem;}
.center-banner .banner-yz img{ width: 1.2rem; height: 1.2rem; }

/*个人中心*/
.name-box{ display: flex; align-items: center;}
.name-box .name-pic{width: 1.5rem; height: 1.5rem; border-radius: .8rem;}
.name-box .name-pic img{width: 1.5rem; height: 1.5rem; border-radius: .8rem;}
.name-box .name-t{ width: 2.4rem; margin-left: .2rem;}
.name-box .name-t b{ font-size: .33rem; text-align: left;}
.name-box .name-t em{ font-size: .28rem;}
.name-box .name-r{ width:1.8rem;font-size: .28rem; border-radius: .4rem; border: 1px solid #ad9ff7;}
.name-box .name-r a{ color: #615699; display: block; height: .6rem; line-height: .6rem; text-align: center;}


/*会员注册*/
.center-box{ background: #ffffff; border-radius: .2rem; margin:0 .3rem .3rem .3rem; padding: .3rem;}
.center-t span{ font-size: .33rem; display: block;}
.center-t i{ font-size: .28rem;display: block; color: #f9d246;}
.center-from{ margin-top: .3rem;}
.from-list{ display: flex; align-items: center; border-top: 1px solid #eeeeee; padding: .5rem 0;}
.from-list span{ font-size: .33rem; width: 1.35rem; margin-right: .2rem; display: block; text-align: right;}
.from-list em{ width: 4.5rem; display: block;}
.from-list em input{ font-size: .33rem; display: block;}
.from-list i{ width: .2rem;}
.from-list1{ border-top: 1px solid #eeeeee; padding: .5rem 0;}
.from-list1 span{ font-size: .33rem; width: 1.6rem; margin-right: .2rem; display: block; text-align: left;}
.from-list1 em{ width: 100%; display: block;}
.from-list1 em textarea{ font-size: .33rem; display: block; border:1px solid #eeeeee; min-height:3rem; border-radius: .2rem; padding: .2rem; width: 100%; margin-top: .2rem;}

.radio-li{ font-size: .28rem; color: #2171e0; margin: .3rem; display: flex; align-items: center;height: 15px; line-height: 15px;}
/* 隐藏原生的单选按钮 */ 
input[type="radio"] {
  display: none;
}
 input[type="radio"] + label{ margin-right: .3rem;}
/* 在label标签内创建一个伪元素作为单选按钮 */
input[type="radio"] + label::before {
  content: '';
  display: inline-block;
  width: 15px; /* 单选按钮的大小 */
  height: 15px; /* 单选按钮的大小 */
  border: 1px solid #dddddd; /* 边框颜色 */
  border-radius: 50%; /* 圆形 */
  margin-right: .1rem; /* 与文本的间距 */
  vertical-align: middle; /* 与文本垂直居中 */
  background-color: #ffffff;
}
 
/* 当单选按钮被选中时，改变伪元素样式 */
input[type="radio"]:checked + label::before {
  background-color: #2171e0; /* 选中时的颜色 */
  border: 1px solid #2171e0;
}

.good-box .banner .banner-text{ box-shadow: none;}
.good-pic{ margin-bottom: .3rem;}
.good-pic span{ font-size: .33rem; text-align: center; display: block; line-height: 1.6;}
.good-but{ width: 4rem; margin: .3rem auto; height: .8rem; line-height: .8rem; display: flex; align-items: center; border: 1px solid #dddddd; border-radius: .5rem;}
.good-but a{ display: flex; align-items: center; font-size: .3rem; padding: 0 .25rem;}
.good-but a img{ width: .3rem; margin-right: .2rem;}
.good-but a:last-of-type{ border-left: 1px solid #dddddd;}

.hd-con .t{ font-weight: bold; font-size: .4rem;}
.hd-con .eyes{ padding: .17rem 0; border-bottom: 1px solid #eeeeee;}
.hd-con .eyes:last-of-type{ border-bottom: none;}

.mainBox{margin: 0 .3rem;}
.big-title{ font-size: .45rem; line-height: 1.5; margin-top: .3rem;}
.hd-date{ font-size: .28rem; color: #5e5d5d; margin: .2rem 0; border-bottom: .01rem solid #e6e5e5; padding-bottom: .2rem;}
.content-text{ margin-bottom: .3rem;}
.content-text p{line-height: 2.2; font-size: .36rem; color: #333333;}
.content-text p img, .content-text img{ display: block; margin: 0 auto;}