@charset "utf-8";

/* 首页  */
.badmin_body{ background: #f5f9ff;}
.badmin_handel{margin:0 .8rem; padding:.1rem 0 1rem;}
.badmin_box{box-sizing: border-box; padding:.5rem .8rem .5rem .6rem; border-radius: .4rem; margin-top:1rem; background: #fff; align-items: center; box-shadow:0 0 .5rem 0 #f2e5d2; }
.badmin_box img{width:1.75rem; margin-right: .6rem;}
.badmin_box .con h2{font-size: .85rem; color: #000; font-weight: bold;}
.badmin_box .con p{margin-top:.2rem; font-size: .6rem; color: #9b9b9b;}
.badmin_box .btn{width:3.75rem; height: 1.5rem; font-size: .65rem; line-height: 1.5rem; text-align: center; border-radius: 1rem; font-weight: bold; margin-left: .4rem; }
.badmin_handel .badmin_box:nth-child(1) .btn{ background: #e3effd; color:#3076bc; }
.badmin_handel .badmin_box:nth-child(2) .btn{ background: #e5f0df; color:#739b5c; }
.badmin_handel .badmin_box:nth-child(3) .btn{ background: #fdece2; color:#d88c60; }
.badmin_handel .badmin_box:nth-child(4) .btn{ background: #e7e3fe; color:#8a80c6; }
.badmin_handel .badmin_box:nth-child(5) .btn{ background: #efda69; color:#c1a300; }

/* 二级页 */
.badinfo_body{background:url(../assets/images/info_bg.jpg) center bottom no-repeat; background-size:100% 100%;}
.badinfo_title{width:12rem; margin:0 auto; padding-top:1.2rem;}
.badinfo_title img{width:100%; display:block;}
.badinfo_main{margin:.4rem .8rem 0; height:calc(100% - 6.2rem); overflow-y:auto; -webkit-overflow-scrolling:touch;}
.badinfo_main .imginfo{width:100%; display:block; border-radius:.3rem;}

/* 分组情况 */
.group_nav{margin:.8rem 1.9rem 0; height: 1.5rem; box-sizing: content-box; border-bottom: 1px solid rgba(255,255,255,0.3);}
.group_nav a{display: block; text-align: center; font-size: .7rem; color: rgba(0,0,0,.7); height: 1.5rem; position: relative; letter-spacing: 1px; }
.group_nav a.active{color: #333; font-size: .75rem; font-weight: bold;}
.group_nav a.active::after{display: block; width:1rem; height: .25rem; border-radius: .2rem; content: ""; background: #fff; position: absolute; left:50%; margin-left: -0.5rem; bottom: -0.15rem; }
.group_tabCon{margin:.4rem .8rem 0; height:calc(100% - 8.2rem); overflow-y:auto; -webkit-overflow-scrolling:touch;}
.group_tabCon .imginfo{width:100%; display:block; border-radius:.3rem;}
.tabDetail{display: none; height: 100%;}
.show{display: block;}