.padding-20{padding:20px;}

.padding-15{padding:15px;}

.padding-10{padding:10px;}

.mar-0{margin:0; background:#f8f8f8;}

.mar-b-10{margin-bottom:10px;}

.mar-b-15{overflow:hidden;margin-bottom:15px;}

.mar-b-20{margin:20px auto;}

.mar-b-30{margin-bottom:30px;}

.txt-ellipsis-1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.c-green{color: #f00;}

.cbg-green{background: #4d8536;color: #fff;}

.txt-ellipsis-2{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;white-space:normal!important;

    -webkit-line-clamp:2;-webkit-box-orient:vertical;}

.btn-green{

        color: #fff!important;

    background-color: #f00!important;

    border-color: #f00!important;

}

.btn-orange{

        color: #fff!important;

    background-color: #ffb830!important;

    border-color: #ffb830!important;

}

/*#shequ*/

.community{width:1200px;margin:0 auto 40px;padding-top:120px !important;position: relative; min-height:800px;}

.sq-banner{padding:15px;background:#fff;}

.sq-banner .pagination{text-align:center;}

/*sq-content*/

.sq-content{margin-top:40px;}

.in-jslt{margin-bottom:30px;border: 1px solid #ececed;overflow: hidden;}

.in-lists>li,.hot-act-list>li{overflow:hidden;border-top:1px solid #ececed;height:102px;}

.lt-list-l{width:55%;}

.list-l-main{width:100%;padding-left:80px;}

.list-l-main strong{line-height:26px;font-size:16px;display:inline-block;vertical-align:middle;}

.list-l-main>div{font-size:13px;color:#323232;/*height:48px;overflow:hidden;line-height:24px;margin-top: 8px;*/}

.list-l-main>div.content-txt{font-size:13px;color:#323232;height:48px;overflow:hidden;line-height:24px;margin-top: 8px;}*/

.list-l-main>a i{vertical-align: middle;}

.list-l-main>a,.list-l-main .list-l-txt>a,.hot-act-list li>a{display:block;overflow:hidden;text-overflow:ellipsis;

    white-space:nowrap;color:#333333;font-size:14px;}

.list-l-main p,.hot-act-list li>p{font-size:12px;margin:0;color:#818181;}

.list-l-main .txt-brief{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height: 20px;font-size: 12px;}

.list-l-main .in-time,.hot-act-list p .in-time{color:#c0c0c0;font-size:12px;}

.list-l-txt{width:78%;}

.list-l-count{max-width:22%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.list-l-count>p{font-size:14px;}

.list-l-count>span{font-size:20px;color:#333333;}

.list-l-pic{display:inline-block;width:60px;height:60px;overflow:hidden;margin-left:-100%;}

.list-l-pic>img{width:100%;}

.lt-list-r{width:45%;border-left:1px solid #ececed;}

.in-hot-items li{height:150px;}

.in-hot-items li .list-l-main{margin-top:8px;}

.hot-item-msg,.d-mask-msg{background-color:#f7f7f7;overflow:hidden;}

.hot-hd-icon{color:#818181;}

.hot-hd-icon a{color:#818181;}

.hot-item-icons>span{color:#818181;/*display:inline-block;*/padding:0 10px;}

.hot-item-icons>span a{color:#818181;}

.hot-item-icons>span a.on{color:#f00
;}
.sq-c-l{padding-right:0;/*border-right:1px solid #ececed;*/}
.sq-c-r{padding-left:0; /*border-left:1px solid #ececed;*/}


/*sq-c-r*/

.hot-active h4>a{font-size:14px;color:#c0c0c0;margin-top:2px;}

.hot-act-list>li{height:102px;}

.hot-act-list li>p{font-size: 12px;margin-top: 5px;}

.sq-per-cen{margin-bottom:25px;}

.sq-count-item{width:25%;float:left;/*border-bottom:1px solid #ececed;*/height:110px;}

.sq-count-item:nth-child(1),.sq-count-item:nth-child(3){/*border-right:1px solid #ececed;*/}

.sq-post{clear:both;padding:40px 30px 41px;}

.sq-post>a.btn{padding:15px 16px;}

.contribute{position:relative;}

.contr-list li{padding:10px 15px;overflow:hidden;border-top:1px solid #ececed;height:70px;font-size:12px;color:#b3b3b3;font-size:12px;}

.contri-header{color:#b3b3b3;font-size:12px;}

.contri-header>span{font-size:16px;color:#323333;display:inline-block;float:left;margin-top:10px;}

.contri-hd-icon{display:inline-block;width:45px;height:45px;overflow:hidden;border-radius:50%; margin:0 8px;float:left;}

.contri-hd-icon>img,.hd-icon45{width:45px;height:45px;overflow:hidden;border-radius:50%;}

.contri-name{display:inline-block;}

.contri-name>a{color:#323333;}

.contri-tab{position:absolute;right:-65px;top:59px;text-align:center;}

.contri-tab a{font-size:12px;color:#fff;background-color:#c0c0c0;display:block;width:65px;height:36px;margin-bottom:2px;border-radius:0 30px 30px 0;line-height:36px;}

.contri-tab a.current{background-color:#f00;}



/*sq-list.html*/

.sq-list-tab{position:fixed;left:48%;top:150px;text-align:center;margin-left:-723px;}

.sq-list-tab a{font-size:12px;color:#fff;background-color:#c0c0c0;display:block;width:120px;height:50px;margin-bottom:2px;border-radius:30px 0 0 30px;line-height:50px;}

.sq-list-tab a.current{background-color:#f00;}

.sq-list-header{overflow:hidden;/*height:106px;*/}

.sq-list-header>.pull-left{}

.sq-list-header>.pull-right{margin-top:5px;}

.sq-my-post{font-size:16px;padding:12px 32px;display:block;}

.list-host{margin-right:40px;margin-top:3px;}

.list-host span{display:inline-block;margin:0 10px;color:#818181;}

.list-host span.host-label{color:#333333;font-size:14px;}

.host-icon{width:45px;height:45px;border-radius:50%;margin-right:6px;}

.sq-list-ul li{overflow:hidden;border-top:1px solid #ececed;padding:20px;}

.sq-list-ul li .list-l-main,.sq-details-ul>li .list-l-main{margin-top:8px;}

.list-l-main>a span{display: inline-block;margin-right: 5px;}

.class-label{display:inline-block;color:#fff;padding:2px 8px 2px 8px;background-size:100% 100%; margin-bottom:4px;background:#c8cbce;

    border-radius:0px 5px 5px 0;position:relative;margin-left:30px;}

.class-label:before{display:block;content:"";position:absolute;left:-15px;top:0;border-bottom:13px solid transparent;border-top:13px solid transparent;border-right:15px solid #c8cbce;}

.class-label:after{display:block;content:"";position:absolute;width:3px;height:3px;background:#fff;border-radius:50%;top:12px;left:-3px;}

.list-page{border-top:1px solid #ececed;}

.list-page>a{display:inline-block;background-color:#cccccc;padding:4px 14px;color:#fff;}

.list-page>a.active{background:#f00
;}

.list-num{width:60px;height:30px;border:1px solid #cccccc;}

.list-page>span{margin-left:10px;}

.contr-list{display: none;}



/*sq-details.html*/



.sq-details-ul>li{background:#fff;}

.sq-details-ul>li:first-child .sq-det-header{overflow:hidden;}

.sq-det-header{border-top:1px solid #ececed;border-bottom:1px solid #ececed;min-height: 108px;}

.list-l-main{position:relative;}

.d-floor{position:absolute;right:0;top:0;font-size:16px;}

.details-hdtxt{font-size:12px;overflow:hidden;clear: both;}

.d-hdtxt{width:100%;padding-left:100px;position: relative;font-size: 13px;}

.d-hd-name{width:80px;margin-left:-100%;position: relative;z-index: 2;}

.d-hd-icon{width:80px;height:80px;border-radius:50%;}

.d-hd-name>a.d-tit{display: inline-block;

    font-size: 12px;

    color: #818181;

    margin-top: 5px;

    overflow: hidden;

    white-space: nowrap;}

.rep-btn{float: left;margin:15px 0 0 5px;}

.d-mask-msg{padding:0 15px;}

.d-mask-msg>span,.d-replay-r p span{display:inline-block;margin-right:10px;}

.d-mask-msg span{padding:15px 0;}

.d-mask-msg>a{display:inline-block;margin-right:10px;color:#6c90d8;}

.d-mask-msg a.close-replay{display:inline-block;background:#fff;padding:10px 10px 15px;float: left;margin-top: 5px;}

.d-cy-header{padding:15px 0 0 0;}

.d-caiyong{position:relative;left:-21px;}

.d-reply ul li{border-bottom:1px solid #ececed;padding:20px;overflow:hidden;}

.d-reply ul li p{margin:0;}

.d-reply ul li a{color:#f00
;}

.d-replay-l{width:65px;margin-left:-98%;}

.d-replay-r{width:100%;padding-left:85px;}

.replay-text{width:100%;border:1px solid #ececed;}

.myreplay textarea{width:100%;padding:15px 20px;border:0;}



 .list-l-main>div.collect-btn{top:25px;}

    .list-l-main>div.span-option{top: 56px;}

/*sq-details-cy.html*/

.collect-btn{border:1px solid #ebebeb;width:90px;position:absolute;right:30px;top:0;text-align:center;border-radius:5px;}

.collect-btn.coll-opt{height: 32px;width: 88px; line-height: 30px;}



/*media*/

@media (max-width: 1366px){ 

    .community{width:880px;}

    .list-host{margin-right:20px;}

    .sq-list-tab{margin-left:-535px;}

    .sq-list-header{height:auto;}

   

}

@media (max-width: 991px){ 

    .community{width:750px;}

    .list-host{margin-right:0;}

    .sq-list-header{height:auto;}

    .sq-list-tab{margin-left:-470px;}

    .sq-count-item{padding:20px 10px!important;}

}

@media (max-width: 767px){ 

    .community{width:100%;}

    .contri-tab,.sq-list-tab{display:none;}

    .list-page>a{margin-bottom:5px;}

    .collect-btn{right:0;top:-18px;}

    .list-labels{text-align:left!important;padding-left:78px;margin-top:10px;}

    .family{display:none;}

    .usershequ .usercenterc-con-title{    margin: 30px 0 135px 0;}

    .list-l-main>div.span-option{right: 0;}

    .sq-apic{width: 70%;}

}

@media (max-width: 420px){ 

    .community{width:100%;}

    .in-lists>li,.hot-act-list>li{height:auto;}

    .lt-list-l{width:100%;}

    .lt-list-r{width:100%;}

    .sq-content>.row{margin-left: 0;margin-right: 0;}

    .d-hdtxt{padding-left:80px;}

    .d-hd-name{width:60px;overflow: hidden;}

    .d-hd-icon{width:60px;height:60px;}

    .list-l-main .collect-btn.coll-opt{    width: 80px;

    height: 28px;

    font-size: 12px;

    line-height: 26px;top: 0;}

    .hot-hd-icon a{padding-left: 12px;}

    .sq-my-post{    font-size: 14px;

    padding: 4px 16px;}

    #banquselect{display: none;}

    .list-l-main strong{display: block;white-space: normal;}

    .sq-apic{width: 90%;}

}



 /*发帖*/

 .in-post-modal{text-align: center;}
.in-post-modal .modal-dialog{width:auto;}
.in-post-modal .modal-content,.in-post-modal .modal-dialog{display: inline-block;}
.in-class-list{display: inline-block;}
.in-class-list>div{    max-width: 200px;display: inline-block;float: left;text-align:center;padding:30px 20px;border-right:1px solid #dbdbdb;cursor:pointer;}
.in-class-list>div:last-child{border-right:0;}
.in-post-modal .modal-content{padding:0;border:0;position:relative;height:248px;border-radius:0;background-color: #fff;}
/*.in-class-list li{width:25%;float:left;text-align:center;padding:30px;border-right:1px solid #dbdbdb;cursor:pointer;}
.in-class-list li:last-child{border-right:0;}*/
.class-item{width:85px;height:85px;border-radius:50%;border:1px solid #f00;margin:0 auto;}
.class-item>img{width:36px;margin:18px auto;display:block;}
.in-class-list>div h5{color:#333333;font-size:16px;font-weight: bold;}
.class-txt{font-size:12px;min-height: 66px;min-width:132px;}
.in-class-list>div.on,.in-class-list>div:hover{background-color:#f00;color:#fff;}
.in-class-list>div.on h5,.in-class-list>div:hover h5{color: #fff;}
.in-class-list>div:hover .class-item{border:1px solid #fff;}
.in-class-list>div.on .class-item{border:1px solid #fff;}
.in-close{position:absolute;right:-18px;top:-18px;font-size:20px;color:#FFF;background:#f00;border-radius:50%;width:34px;height:34px;text-align:center;line-height:34px;font-family:arial;}
.in-post-modal{position:relative;top:20%;}
#conModal{position:relative;display:none;}
#conModal .modal-content{padding:0;background-color: #fff;}
#conModal .modal-header .close{margin-top:2px;}
#conModal .modal-content h4{padding:0;}
#conModal .form-horizontal .control-label{text-align:left;}
.form-control#title{width: 98%;}
.modal-mask-list span{display:inline-block;padding:5px 10px;margin-right:6px;position:relative;border:1px solid #bbbbbb;border-radius:5px;}
.mask-tag i{font-size:18px;position:absolute;right:-7px;top:-6px;width:16px;height:16px;cursor: pointer;display:inline-block;line-height:12px;text-align:center;border-radius:50%;background:#bbbbbb;color:#fff;}
.mask-add{background:#bbbbbb;color:#fff;}
.modal-mask-list .mask-label{background: #f00;color: #fff;border-radius: 30px;border: 0;}
.mask-label i{cursor:pointer;}
.modal-mask-list>p{margin-top:10px;}
.mask-tag i.cbg-green{background:#f00;color:#fff;}
.dropdown-menu{display:block;padding:12px;width:205px;display: none;}
#conModal .dropdown-menu dl{font-size:12px;margin-bottom:10px;}
#conModal .dropdown-menu dl:last-child{margin-bottom: 0;}
#conModal .dropdown-menu dl dt{color:#aaaaaa;}
#conModal .dropdown-menu dl dd{}
#conModal .choose-txt{/*width:180px*/;text-align:left;}
#conModal .dropdown-menu dl dd a{color:#333333;display:block;padding:4px 0;}
#conModal .dropdown-menu dl dd a:hover{background:#F5F4F4;}
.btn.m-cancle,.btn.m-save,.btn.m-post{width:82px;}
.btn.m-cancle{background-color:#d5d5d5;color:#fff;}
.btn.m-save{background:transparent;color:#f00;}
.btn.m-post{background-color:#}
#conModal .modal-body{padding:25px 15px 0;}
#conModal .modal-footer{padding:20px 15px;}
#conModal .modal-content{border-radius:0;}
#conModal .modal-dialog{width:800px;}
.no-label{background-color:#666666;color:#fff;font-size:18px;position:absolute;top:50%;margin-top:-42px;width:74%;left:50%;margin-left:-37%;padding:30px;}
.no-label i{color:#5fcc39;font-size:30px;margin-right:20px;cursor: pointer;}
.class-item .list-icon2-modal{background:url(../images/wen-icon.png) no-repeat;width:40px;height:45px;background-position:5px 2px;}
.class-item .list-icon3-modal{background:url(../images/post-icon3.png) no-repeat;width:40px;height:45px;}
.class-item .list-icon1-modal{background:url(../images/post-icon41.png) no-repeat;width:47px;height:45px;background-position:0 3px;}
.class-item .list-icon6-modal{background:url(../images/post-icon61.png) no-repeat;width:40px;height:47px;}
.class-item .list-icon4-modal:before{ content: "\f0f6"; }
.class-item>i{font-size:45px;font-style:normal;margin-top:18px;color:#f00;}
.in-class-list>div.on .class-item>i,.in-class-list>div:hover .class-item>i{color:#fff;}
.in-class-list>div.on .class-item>i.list-icon2-modal,.in-class-list>div:hover .class-item>i.list-icon2-modal{background: url(../images/wen2-icon.png) no-repeat;background-position: 5px 2px;}
.in-class-list>div.on .class-item>i.list-icon3-modal,.in-class-list>div:hover .class-item>i.list-icon3-modal{background: url(../images/post-icon32.png) no-repeat;}
.in-class-list>div.on .class-item>i.list-icon1-modal,.in-class-list>div:hover .class-item>i.list-icon1-modal{background: url(../images/post-icon42.png) no-repeat;background-position:0 3px;}
.in-class-list>div.on .class-item>i.list-icon6-modal,.in-class-list>div:hover .class-item>i.list-icon6-modal{background: url(../images/post-icon62.png) no-repeat;}

/**/
.post-layer{position:fixed;width:100%;height:100%;display:none;z-index:111;overflow-y: auto;top:0;left: 0;}
h4.in-title{height:60px;padding:10px 20px;line-height:40px;}

/*icon*/
.in-tit-icon{display:inline-block;width:30px;height:30px;vertical-align:middle;margin-right:10px;}
.in-js-tit{background:url(../images/in-tit-icon1.png) no-repeat;}
.in-ck-tit{background:url(../images/in-tit-icon2.png) no-repeat;background-size:27px 28px;}
.in-hot-tit{background:url(../images/in-tit-icon3.png) no-repeat;}
.in-wt-tit{background:url(../images/in-tit-icon4.png) no-repeat;background-size:30px 30px;}
.in-gx-tit{background:url(../images/in-tit-icon5.png) no-repeat;}
.menu-img{display:block;margin:0 auto;width:102px;height:50px;position:relative;}
.menu-icon1,.menu-icon3{margin-top:5px;}
.hot-item-icons a.on .in-light{background:url(../images/in-light.png) no-repeat;}
.in-light{display:inline-block;width:14px;height:14px;background:url(../images/in-light2.png) no-repeat;vertical-align:middle;margin-top:-4px;}
.hot-item-icons span i{margin-right:5px;}
.collect-btn .aui-icon-likefill{color:#fc6060;margin-right:5px;}
.d-mask-msg span>a{color:#818181;}
.d-mask-msg span i.in-light{margin-right:5px;}
.hot-item-icons a{color:#f00;}

.zydown p i{color:#ccc;}
span.zhiding,.list-l-main>a .zhiding{background-color:#fc6060;border:1px solid #fc6060; color:#fff;display:inline-block;padding:0px 8px;border-radius:5px;font-size:12px;}
span.span-opt{border:1px solid #fc6060;color:#fc6060;display:inline-block;padding:0px 8px;border-radius:5px;font-size:12px;background:transparent;    margin-top: 10px;}
span.span-opt:active{background-color:#fc6060;color:#fff;}
span.opt-disable,span.opt-disable:active{background-color:#cccccc;color:#fff;border:1px solid #cccccc;cursor: no-drop;}
span.jinghua{background-color:#ffb830;color:#fff;display:inline-block;padding:0px 8px;border-radius:5px;font-size:12px;}
.txt-orange{color: #ffb830;}

.user-icon{display:inline-block;width:14px;height:14px;background:url(../images/user.png) no-repeat;background-size:14px auto;vertical-align:middle;margin-top:-4px;margin-right:5px;}
.js-icons{display:inline-block;width:60px;height:60px;}
.js-icon1{background:url(../images/js-icon11.png) no-repeat;}
.js-icon2{background:url(../images/js-icon21.png) no-repeat;}
.js-icon3{background:url(../images/js-icon31.png) no-repeat;}
.js-icon4{background:url(../images/js-icon41.png) no-repeat;}
.ck-icon1{background:url(../images/ck-icon11.png) no-repeat;}
.ck-icon2{background:url(../images/ck-icon21.png) no-repeat;}
.ck-icon3{background:url(../images/ck-icon31.png) no-repeat;}
.ck-icon4{background:url(../images/ck-icon41.png) no-repeat;}

.list-icons{display:inline-block;width:60px;height:60px;border-radius:50%;}
.list-icon1{background:url(../images/in-w-icon.png) no-repeat;}
.list-icon2{background:url(../images/in-wen-icon.png) no-repeat;}
.list-icon3{background:url(../images/in-mail-icon.png) no-repeat;}
.list-icon4{background:url(../images/in-list-icon.png) no-repeat;}
.list-icon5{background:url(../images/in-gou-icon.png) no-repeat;}
.list-icon6{background:url(../images/in-hd-icon.png) no-repeat;}

/*index 图片切换*/

.clearfix:after{content:'\0020';display:block;height:0;clear:both;visibility:hidden}
.clearfix{*zoom:1}
.family{position:relative;background:url(../images/family-bg2.png) repeat-x center center;background-size: auto 100%;width: 1200px;}
.family>.idx-width{width:1200px;}
.family-item{position:relative;float:left;width:200px;height:200px}
.family-avator{line-height:0}
.family-sub-item{position:relative;float:left;width:100px;height:100px}
.family-info{display:none;position:absolute;top:0;bottom:0;background-color:#66a54c;left:100%;z-index:12}
.family-info-t{width:300px}
.family-info-s{width:200px}
.family-info-right{right:100%;left:auto}
.family-avator{position:relative;display:block}
.family-mask{position:absolute;top:0;left:0;bottom:0;right:0;opacity:.6;filter:alpha(opacity=60);background-color:#a8acaf;transition:opacity .15s;-moz-transition:opacity .15s;-webkit-transition:opacity .15s;-o-transition:opacity .15s}

.family-avator:hover .family-mask{opacity:0;filter:alpha(opacity=0)}
.family-big-mask{position:absolute;left:0;top:0;right:0;bottom:0;opacity:.4;filter:alpha(opacity=40);background-color:#676767;z-index:10}
.family-text{position:absolute;width:248px;height:80px;top:50%;left:50%;background:url(../images/family-text.png) no-repeat;margin:-42px 0 0 -124px;z-index:11;}
.family-teacher-nick{margin: 0;font-size:20px;padding:15px 20px 6px;white-space:nowrap;text-overflow:ellipsis;color:#fff;}
.family-student-nick{ margin: 0;font-size: 14px;padding: 10px 20px 6px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;line-height: 1em;color: #fff;}
.family-info-job{ margin: 0;font-size: 12px;color: #B7B7B7;height: 20px; overflow: hidden; padding: 0 20px;}
.family-info-desc{ padding: 20px 20px 0;line-height: 20px;height: 120px;color: #dddddd;font-size: 12px;overflow: hidden;display: -webkit-box;text-overflow: ellipsis;word-wrap: break-word;white-space: normal!important;-webkit-line-clamp: 5;-webkit-box-orient: vertical;}

.fam-more{padding:0 20px;color:#f00;}
.fam-more a{color:#f00;display: inline-block;}
.fam-more a>i,.family-info-foot a>i{font-size:12px;vertical-align:middle;margin-top:-3px;margin-right:-6px;display:inline-block;}
.family-info-foot{padding:7px 20px 0;font-size:12px;/*color:#ec9ba4;*/line-height:1.3em}
.family-info-foot span{display:inline-block;width:70px}
.family-info-foot span:first-child{width:85px}
.family-info-foot em{display:block;color:#fff}
.mobile{background:url(../images/mobile-bg.png)}
.mobile-wrap{position:relative;overflow:hidden;height:580px}
.mobile-title{width:347px;height:31px;margin:80px auto 0;background:url(../images/phone-text.png) no-repeat 0 0}
.mobile-entry{text-align:center;padding:40px}
.mobile-entry a{display:inline-block;width:158px;height:38px;line-height:38px;border-radius:50px;vertical-align:middle;color:#be3948;transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;border:1px solid #be3948;margin:0 10px}
.mobile-entry a:hover{color:#fff;background-color:#be3948}
.mobile-trigger{display:inline-block;width:18px;height:18px;vertical-align:middle;cursor:pointer;background:url(../images/index2-sprite.png) no-repeat 1px -27px}
.mobile-bg-wrap{position:absolute;bottom:-30px;left:50%;margin-left:-300px;width:600px;height:360px;background:url(../images/mobile-bg1.png) no-repeat}
.mobile-bg2{position:absolute;width:184px;height:216px;top:190px;left:209px;background:url(../images/mobile-bg2.png) no-repeat}
.mobile-bg3{position:absolute;width:140px;height:140px;top:173px;left:230px;opacity:0;filter:alpha(opacity=0);background:url(../images/mobile-bg3.png) no-repeat}
.mobile-trigger:hover{background-position:0 0}
.joinmooc{height:360px;overflow:hidden}
.joinmooc-wrap h1{width:297px;height:30px;background:url(../images/join-text.png) no-repeat;padding-top:1px;margin:110px auto 0}
.joinbtn{padding-top:40px;text-align:center}
.joinbtn a{display:inline-block;height:60px;line-height:60px;width:220px;border-radius:50px;background:#be3948 url(../images/begin-text.png) no-repeat center center;color:#fff;font-size:24px;transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s}
.joinbtn a:hover{background-color:#cb616d}
.family-info.fam-left{left:auto!important;right:100%!important;}
.layer{position:fixed;width:100%;height:100%;background:rgba(0,0,0,0.8);top:0;left:0;z-index:12;display:none;}
.list-labels>div.opts-list{width:128px;float:right;}

.label-type{color:#f00;background:#ffffff;border:1px solid #f00;display:inline-block;padding:0px 8px;border-radius:5px;font-size:12px;}

.label-darkorange{background-color:#fc6060;}