/* 雪碧图 */
.collapse,.collapse-active,.open,.qq,.qq-active,.open-active,.qq-space,.qq-space-active,.wb,.wb-active,
.wx,.wx-active{background:url(../../../images/agency/agency-shop/shop-share.png) no-repeat;}
.collapse{height:4px;width:8px;background-position:0 0;}
.collapse-active{height:4px;width:8px;background-position:-19px 0;}
.open{height:4px;width:8px;background-position:-35px 0;}
.open-active{height:4px;width:8px;background-position:-50px 0;}
.qq{height:24px;width:24px;background-position:-87px 0;}
.qq-active{height:24px;width:24px;background-position:-121px 0;}
.qq-space{height:24px;width:24px;background-position:-155px 0;}
.qq-space-active{height:24px;width:24px;background-position:-189px 0;}
.wb{height:24px;width:24px;background-position:-223px 0;}
.wb-active{height:24px;width:24px;background-position:-257px 0;}
.wx{height:24px;width:24px;background-position:-290px 0;}
.wx-active{height:24px;width:24px;background-position:-323px 0;}

/* 机构背景墙 */
.shop-banner{
    overflow:hidden;
}
.shop-banner .banner{
    width:1920px;
    height:300px;
    margin:63px auto 0;
    background:url("../../../images/agency/agency-shop/banner.png") no-repeat;
}
.banner .agency-info{
    margin-top:85px;
    overflow:hidden;
}
.banner .agency-info img{
    float:left;
    width:130px;
    height:130px;
    border-radius:4px;
    border:2px solid #fff;
}
.banner .agency-info .info-box{
    float:left;
    margin-left:30px;
    color:#fff;
}
.banner .agency-info .info-box .name{
    width:790px;
    font-size:24px;
    font-weight:bold;
}
.banner .agency-info .info-box .address{
    margin:13px 0 62px;
}
.banner .agency-info .info-box .phone-ico{
    display:inline-block;
    width:12px;
    height:12px;
    background:url('../../../images/agency/agency-shop/phone.png');
}
.banner .agency-info .info-box span{
   display:inline-block;
   margin-left:6px;
   font-size:14px;
}
.banner .share-tab{
   z-index:10;
   width:173px;
   margin-top:95px;
}
.banner .share-tab span{
    display:inline-block;
    vertical-align:middle;
    margin-top:-14px;
    color:#ddd;
}
.share-tab .bdsharebuttonbox a {
    padding-left: 0px;
    float: none;
    margin: 0;
    line-height: 24px;
    height: 24px;
    background-image: url('../../../images/agency/agency-shop/shop-share.png');
}
#share a{
    display:inline-block;
    margin-left:6px;
}
#share .wx:hover{
    background-position:-323px 0;
}
#share .qq:hover{
    background-position:-121px 0;
}
#share .wb:hover{
    background-position:-257px 0;
}
#share .qq-space:hover{
    background-position:-189px 0;
}
/* 工作室成员 */
.member-box{
    margin:40px 0;
    padding:30px 0 30px 30px;
    border-radius:4px;
    background:#FAFAFA;
}
.member-box .num{
    padding-bottom:20px;
    border-bottom:1px solid #eee;
    font-size:16px;
}
.member-box .num span{
    color:#FF9764;
}
.member-box .member{
    padding-top:20px;
    overflow:hidden;
}
.member-box .member li{
    float:left;
    margin:0 60px 40px 0;
    text-align:center;
}
.member-box .member img{
    width:130px;
    height:130px;
    border-radius:50%;
}
.member-box .member .name{
    width:130px;
    margin:19px 0 8px;
    font-size:14px;
    text-align:center;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
}
.member-box .member .experience{
    text-align:center;
    color:#999;
}
.member-box .btn{
    position:relative;
    display:block;
    width:108px;
    height:24px;
    margin:40px auto 0;
    padding-top:10px;
    border:1px solid #FF8041;
    border-radius:17px;
    font-size:13px;
    text-align:center;
    color:#FF8041;
}
.member-box .btn:hover{
    color:#fff;
    background:#FF8041;
}
.member-box .btn span{
    margin-right:10px;
}
.member-box .btn .open{
    position:absolute;
    top:15px;
    right:21px;
}
.member-box .btn:hover .open{
    background-position:-50px 0;
}
.member-box .coll{
    border:1px solid #999;
    color:#999;
}
.member-box .coll:hover{
    border:1px solid #333;
    color:#333;
    background:#fff;
}
.member-box .btn .collapse{
    position:absolute;
    top:15px;
    right:32px;
}
.member-box .btn:hover .collapse{
    background-position:-19px 0;
}
/* 导航栏 */
.nav-sub .wrapper{
    margin:40px 0;
}
.nav-sub .nav-content{
    padding:28px 225px 22px;
    border-radius:4px;
    text-align:center;
    background:#fafafa;
    overflow:hidden;
}
.nav-sub .nav-content li{
    float:left;
    width:30%;
}
.nav-sub .nav-content a{
    font-size:16px;
    font-weight:bold;
}
.nav-sub .nav-content .on{
    color:#FF8041;
}
.nav-sub .nav-content .line{
    display:block;
    width:30px;
    height:2px;
    margin:7px auto 0;
    background:#FF8041;
}
/* 缺省页 */
.default-page{
    width:1180px;
    margin:0 auto;
}
.default-page img{
    display:block;
    width:178px;
    height:154px;
    margin:0 auto;
    padding-top:130px 
}
.default-page p{
    padding:50px 0 216px;
    font-size:14px;
    text-align:center;
    color:#999;
}