/*星级样式*/
.family_main .star{display:inline-block;height:13px;background:url(../images/star.png) no-repeat left center;margin-left:5px;}
.family_main .star.sn1{width:15px;}
.family_main .star.sn2{width:30px;}
.family_main .star.sn3{width:45px;}
.family_main .star.sn4{width:60px;}
.family_main .star.sn5{width:73px;}


.family_main .body{width:1200px;margin:auto;font-size:0;}
.family_main .title{margin:25px 0 34px;position:relative;}
.family_main .title .navitem{display:inline-block; width:94px;height:50px;line-height:50px;text-align:center;font-size:18px;color:#383838;border-bottom:3px solid #49d092;}
.family_main .title .help_ico{display:inline-block;width:24px;height:24px;background:url(../images/help_ico.png) no-repeat;position:relative;top:5px;margin-left:28px;cursor:pointer;}

/*搜索*/
.search{display:inline-block;position:relative;flex:1;margin-right:32px;text-align:right;left:30px;}
.search input{width:133px;padding-right:30px;height:28px;line-height:28px; border:1px solid #d2d2d2;border-radius:20px;font-size:12px;color:#c3c3c3;text-indent:13px;background-color:#f6f6f6;}
.search .btn{width:20px;height:20px;background:url(../images/search_ico.png) no-repeat;position:absolute;top:5px;right:10px;}



.family_main .familyList{display:inline-block;width:911px;}
.familyList .item{width:215px;height:216px;display:inline-block;background-color:#fff;margin:0 17px 18px 0;padding:0 14px;box-sizing:border-box;}
.familyList .item:nth-child(4n+4){margin-right:0;}
.familyList .item .img{width:188px;height:140px;margin:17px auto 0;overflow:hidden;position:relative;}
.familyList .item .img img{width:100%;}
.familyList .item .img .achievement{display:inline-block;position:absolute;left:0;top:0;}
.familyList .item .img .achievement img{width:144px;}
.familyList .item .name{font-size:18px;line-height:20px; color:#333333;margin-top:8px;}
.familyList .item .name .nametxt{max-width: 100px;height: 20px;overflow: hidden;display: inline-block;}
.familyList .item .name .star{position:relative;top:-3px;}
.familyList .item .anchornum{font-size:14px;color:#8a8a8a;}

/*分页样式*/
.familyList .vue-page{margin:35px auto 60px;}
.familyList .vue-page .jump .num{top:-2px;}

/*优秀家族排行榜*/
.family_main .rank{width:276px;display:inline-block;margin-left:13px;vertical-align:top;}
.family_main .rank .rankhead{width:277px;height:92px;background:url(../images/rank_top_bg.jpg) no-repeat;box-sizing:border-box;padding-top:1px;position:relative;}
.family_main .rank .rankhead .name{color:#fff;font-size:28.78px;margin:6px 0 0 9px;}
.family_main .rank .rankhead .con{font-size:12px;color:#fff;margin:0 0 0 9px;}
.family_main .rank .tabnav{vertical-align:top;position:absolute;top:50px;left:8px;}
.family_main .rank .tabnav li{height:32px;line-height:32px;font-size:16px;color:#fff;display:inline-block;text-align:center;cursor:pointer;box-sizing:border-box;}
.family_main .rank .tabnav li.on{ border-bottom:2px solid #fff;}
.family_main .rank .tabnav li.line{width:2px;height:18px;margin:0 12px;background-color:#fff;border:none;position:relative;top:5px;cursor:default;}

.family_main .ranklist{font-size:14px;color:#303030;background-color:#fff;padding:10px 0 25px 0;}
.family_main .ranklist .item{width:100%;height:90px;line-height:90px;display:block;}
.family_main .ranklist .item .ranknum{width:60px;text-align:center;display:inline-block;vertical-align:top;}
.family_main .ranklist .item .img{width:58px;height:100%;overflow:hidden;display:inline-block;vertical-align:top;position:relative;}
.family_main .ranklist .item .img img{width:100%;position:absolute;top:50%;transform:translateY(-50%);}
.family_main .ranklist .item .name{width:144px;display:inline-block;margin-left:5px;line-height:24px;vertical-align:middle;}
.family_main .ranklist .item .name .txt{max-width: 60px;height: 19px;line-height: 19px;display: inline-block;overflow: hidden;}
.family_main .ranklist .item .name .star{height:19px;}
.family_main .ranklist .item .name .achievement img{width:120px;}
.family_main .ranklist .item .numbox{margin-top:5px;font-size:12px;}
.family_main .ranklist .item .numbox .nofirst{display:inline-block;width:66px;color:#a0a0a0;}
.family_main .ranklist .item .numbox .num{display:inline-block;width:62px;text-align:right;font-size:14px;color:#303030;}
.family_main .ranklist .item:nth-child(-n + 3) .ranknum{font-size:0;background-repeat:no-repeat;background-position:center center;}
.family_main .ranklist .item:nth-child(1) .ranknum{background-image:url(../images/rank_1.png);}
.family_main .ranklist .item:nth-child(2) .ranknum{background-image:url(../images/rank_2.png);}
.family_main .ranklist .item:nth-child(3) .ranknum{background-image:url(../images/rank_3.png);}


/*家族规则*/
.familyRules{width:100%;height:100%;background-color:rgba(0,0,0,.5);position:fixed;top:0;left:0;z-index:2000;}
.familyRules .rulebody{width:984px;padding-bottom:20px; background-color:#fff;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);}
.familyRules .rulebody .title{font-size:20px;color:#272727;text-align:center;}
.familyRules .rulebody .ruleTable{width:891px;height:280px;border-collapse:collapse;text-align:center;}
.familyRules .rulebody .ruleTable th{height:50px;background-color:#49d092;text-align:center;font-size:18px;color:#fff;}
.familyRules .rulebody .ruleTable td{height:46px;background-color:rgba(73,208,149,.1);font-size:14px;color:#323232;}
.familyRules .rulebody .ruleTable tbody tr:nth-child(2n+2) td{background-color:#fff;}
.familyRules .rulebody .remark{width:891px;margin:auto;}
.familyRules .rulebody .remark p{ text-align:left;font-size:14px;color:#323232;line-height:30px;}
.familyRules .rulebody .remark p.title{font-size:16px;color:#323232;margin:30px 0 10px;}
.familyRules .rulebody .close{width:18px;height:19px;display:inline-block; background:url(../images/close.png) no-repeat;position:absolute;right:-20px;top:-30px;}


/*家族详情*/
.familyinfo .body{background-color:#fff;margin:50px auto;font-size:0;}
.familyinfo .info{display:inline-block;width:312px;padding-bottom:30px;vertical-align:top;}
.familyinfo .info .familyImg{width:100%;}
.familyinfo .info .familyname{text-align:center;font-size:20px;color:#2b2b2b;line-height:62px;}
.familyinfo .info .regBroker{display:block;width:138px;height:33px;line-height:33px;border-radius:10px;text-align:center;font-size:13px;color:#49d092;margin:auto;border:1px solid #49d092;box-sizing:border-box;}
.familyinfo .info .brokerlimit{color:#dcdcdc;border-color:#dcdcdc;}
.familyinfo .info .details{font-size:14px;color:#474747;margin:5px 0 0 22px;}
.familyinfo .info .details li{line-height:30px;}
.familyinfo .info .details li .lab{vertical-align:top;}
.familyinfo .info .details li .con{display:inline-block;width:220px;vertical-align:top;}
.familyinfo .info .details li .achievement img{margin-top:10px;width:160px;}
.familyinfo .info .details li .num{color:#49d092;font-weight:bold;}

.familyinfo .anchorList{width:860px;display:inline-block;margin-left:28px;}
.familyinfo .anchorList .item{display:inline-block;width:164px;margin:24px 24px 0 24px}
.familyinfo .anchorList .item .img{width:164px;height:168px;margin:0 auto;position:relative;}
.familyinfo .anchorList .item .img img{width:100%;}
.familyinfo .anchorList .item .onlive{width:39px;height:20px;line-height:20px;text-align:center; display:inline-block;background-color:#49d092;font-size:14px;color:#fff;position:absolute;top:0;right:0;}
.familyinfo .anchorList .item .nick{font-size:14px;color:#333333;line-height:30px;}

.familyinfo .vue-page{margin-top:45px;}