@charset "utf-8";

/* 首页 */
.homebg{background: #FFFFFF;}
.home_ban{width:100%; overflow: hidden;}
.home_ban .swiper-container{ height: 10rem; position: relative;}
.home_ban .swiper-pagination{bottom:.3rem;}
.home_ban .swiper-pagination-bullet{width:.4rem; height: .4rem; background: #fff; opacity: .4;}
.home_ban .swiper-pagination-bullet-active{opacity: 1;}
.home_itembox{margin:.75rem .7rem 4rem; display: grid; grid-template-columns:repeat(3, 1fr); grid-gap:.75rem .4rem;}
.home_item{display: block; overflow: hidden; box-shadow: 0 .2rem .8rem rgba(0,0,0,0.1); border-radius: .4rem;}
.home_item img{ height: 3.25rem; object-fit: cover; border-radius: .4rem .4rem 0 0;}
.home_item h2{margin:.3rem 0; font-size: .75rem; color: #333;overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-align: center;}
.home_dinav{height:3rem; width:100%; position: fixed; background: #fff; left:0; bottom: 0; padding-top:.5rem;}
.home_btns{justify-content: center;}
.home_btns a{display: block; width:8.25rem; height:1.75rem;background: #4D7FD6; border-radius:.1rem; margin:0 .45rem; font-size: .6rem; color: #FFFFFF; text-align: center; line-height: 1.75rem;}
.home_dinav_my{height: 4.5rem; background:#f5f5f5; padding-top: 0;}
.home_ditel{height: 2rem; font-size: .7rem; color: #888888; text-align: center;}
.home_ditel a{color: #888888;}

/* 个人中心 */
.mycenbg{background: #F5F5F5;}
.mycen_top{width:17.9rem; height:8.05rem; margin:.6rem auto 0; background:url(/static/images/mycen_bg.png); background-size: 100% 100%; text-align: center; justify-content: center; color: #fff; }
.mycen_photo{width:2.5rem; margin:0 auto; position: relative;}
.mycen_photo::after{display: block; width:.8rem; height: .75rem; content: ""; position:absolute; right: -0.2rem; top:-0.2rem; background:url(/static/images/mycen_honor.png); background-size: 100% 100%;}
.mycen_top h2{font-size: .9rem; font-weight: bold; margin:.1rem 0 .3rem;}
.mycen_top p{font-size: .7rem;}
.mycen_plan{margin:0 0.625rem 6rem;}
.mycen_title{height: 1.9rem; align-items: center;}
.mycen_title h2{font-size: .75rem; font-weight: bold;color: #21283D;}
.mycen_title a{color:#888; font-size:0.7rem; background:url(/static/images/mycen_arrow.png) no-repeat right center; background-size:0.325rem 0.55rem; padding-right:0.5rem; text-align:right;}
.mycen_class{background: #fff; border-radius: .1rem; padding:.95rem 0 .5rem;}
.mycen_class a{ color:#222; font-size:0.7rem;align-items: center; position: relative; }
.mycen_class a img{ display:block; width:1.525rem; height:1.4rem; margin-bottom:0.3rem;}
.mycen_class a::after{display: block; width:1px; height:1.9rem; content: ""; position: absolute; right:0; top:.2rem; background:#CECECE;}
.mycen_class a:last-child:after{display:none;}


/* 10.25 修改 */
.home_dinav{height:auto; padding-bottom:.5rem;}
.home_dinav_my{height:auto; padding:.5rem 0;}
.home_itembox{margin:.5rem .7rem 4rem;}
.home_laws{margin-top:.5rem; justify-content: flex-end;}
.home_laws a{ width:3.65rem; height: 1.1rem;background: #4D7FD6; border-radius: 1rem 0 0 1rem; font-size: .6rem; color: #FFFFFF; text-align: center; line-height: 1.1rem; display: flex; align-items: center; justify-content: center; padding-left: .1rem; }
.home_laws a::after{display: block; width:.225rem; height:.4rem; content: ""; background:url(/static/images/right.png); background-size:100% 100%; margin-left: .2rem;}
.sertail_handle{margin:.6rem .625rem .75rem; background: #fff;border-radius:.1rem; padding:.9rem 0 1rem;}
.tabDetail{display: none;}
.show{display: block;}
.sertail_tabNav{padding-left: .5rem; flex-wrap: wrap;}
.sertail_tabNav a{display: block; height: 1.5rem; background: #F6F8F9; border-radius: .2rem; font-size: .6rem; color: #222222; padding:0 .66rem; margin-right: .5rem; line-height: 1.5rem; margin-bottom: .5rem;}
.sertail_tabNav a:nth-child(4),
.sertail_tabNav a:last-child{margin-right: 0;}
.sertail_tabNav a.active{background: #4D7FD6; color: #fff;}
.sertail_tabCon{margin:1.2rem .9rem 0;}
.sertail_tabCon h2{ font-size: .9rem; font-weight: bold;color: #222222; text-align: center;}
.sertail_tabCon p{font-size: .65rem; color: #222222; line-height: 1.1rem; margin-top:1rem;}