$iconPath: "../../assets/images/";
body,html{height: 100%;background: #f2f4f6;}
#container{width:250px;border: 1px solid #dcdcdc;}
.div-seach-content{margin: 10px;}
.div-tab-content{margin-bottom: 6px;}
.div-group-btn{width: 210px;height: 34px;line-height: 34px;border-radius: 17px;background: #12B7f5;margin-left: 20px;}
.div-group-btn .div-item{width: 70px;float: left;position: relative;height: 34px;}
.div-group-btn .div-item.active{background: #fff;border-radius: 16px;width: 68px;margin-left: 1px;margin-top: 1px;height: 32px;margin-right: 1px;}
.div-group-btn .div-item .div-image{width:16px;height: 16px;background-size: 16px;margin-top: 8px;margin-right: 5px;position: absolute;left: 10px;}
.div-item .xiaoxi-img{background: url($iconPath+tab_xiaoxi_icon.png) no-repeat center top;}
.div-item .juming-img{background: url($iconPath+tab_juming_icon.png) no-repeat center top;}
.div-item .yisheng-img{background: url($iconPath+tab_yisheng_icon.png) no-repeat center top;}
.div-item.active .xiaoxi-img{background: url($iconPath+tab_xiaoxi_icon_pre.png) no-repeat center top;    background-size: 16px;}
.div-item.active .juming-img{background: url($iconPath+tab_juming_icon_pre.png) no-repeat center top;    background-size: 16px;}
.div-item.active .yisheng-img{background: url($iconPath+tab_yisheng_icon_pre.png) no-repeat center top;    background-size: 16px;}
.div-item .div-title{font-size: 14px;color: #fff;font-weight: bold;position: absolute;left: 32px;}
.div-item.active .div-title{color: #039BDC;}
.div-item .div-red-dian{width: 6px;height: 6px;background: red;border-radius: 5px;position: absolute;right: 7px;top: 7px;}

