body { font-family: "微软雅黑","黑体",Arial; color: #333; -webkit-user-select: none; -webkit-text-size-adjust: none; font-weight: normal; font-size: 14px; line-height: 20px; margin: 0; }
ul, ul li { padding: 0; margin: 0; list-style: none; }
.purple { color: #7c5cb7; }

/*页面顶部图标*/
.topicon { display: inline-block; position: absolute; top: 0; right: 0; width: 20px; height: 20px; margin: 12px 10px 0 0; }
.help { background: url("images/ballpub/font-rule.svg") no-repeat; background-size: 100%; opacity: 0.8; }
/*顶部导航栏红点*/
.subMenu li .dotred { height: 6px; width: 6px; border-radius: 50%; position: absolute; top: 8px; right: 16px; display: block; z-index: 8; background: #e62229; }

/*热门页*/
.pageHot { }
i { font-style: normal; padding: 0; margin: 0; }
.k5 { height: 10px; display: block; clear: both; clear: both; }
.k4 { height: 7px; display: block; clear: both; clear: both; }
a { text-decoration: none; }
.list_detail img { height: auto !important; max-width: 100% !important; text-align: center; margin: 0 auto; display: block; }
.red { color: #e62129 !important; }
.Hottitle { height: 44px; line-height: 44px; overflow: hidden; font-size: 14px; font-weight: bold; padding-right: 10px; background-color: #fff;position: relative }
.Hoticon1 { background: #fff url("images/ballpub/com-title1.png") no-repeat 12px center; background-size: 20px 20px; padding-left: 36px; }
.Hoticon2 { background: #fff url("images/ballpub/com-title2.png") no-repeat 12px center; background-size: 20px 20px; padding-left: 36px; }
.Hoticon3 { background: #fff url("images/ballpub/com-title3.png") no-repeat 12px center; background-size: 20px 20px; padding-left: 36px; }
.Hoticon4 { background: #fff url("images/ballpub/com-title4.png") no-repeat 12px center; background-size: 20px 20px; padding-left: 36px; }
.Hoticon5 { background: #fff url("images/ballpub/com-title5.png") no-repeat 12px center; background-size: 20px 20px; padding-left: 36px; }
.hide { width: 24px; height: 44px; float: right; display: block; }
.hide-off { background: url("images/ballpub/font-display.svg") no-repeat center center; background-size: 20px 20px; }
/*眼睛图标-显示*/
.hide-on { background: url("images/ballpub/font-hide.svg") no-repeat center center; background-size: 20px 20px; }
/*眼睛图标-隐藏*/
.Hottitle .change { height: 44px; line-height: 44px; background: url("images/ballpub/font-refresh.svg") no-repeat left center; background-size: 15px 15px; float: right; padding-left: 18px; font-size: 12px; font-weight: 400; color: #4098e2 !important;bottom: 0px !important; }
.Hottitle a.link { float: right; font-weight: normal; font-size: 12px; color: #333; }
ul.hotwrapul { padding: 0px 13px 10px 13px; overflow: hidden; background: #fff; }
.hotwrapul li.subpage { float: left; width: calc(20% - 8px); overflow: hidden; margin: 0 4px; text-align: center; border: 0; padding: 0; }
    .hotwrapul li.subpage .headicon { border-radius: 50%; width: 43px; height: 43px; margin: 0 auto; position: relative; }
    .hotwrapul li.subpage .headicon .label {position: absolute;top: 0;left: 0;width: 30px;height: 30px;}
    .hotwrapul li.subpage .headicon img { width: 100%; height: auto; }
    .hotwrapul li.subpage .headicon img.bar { border-radius: 50%; }
    .hotwrapul li.subpage .headicon img.user { border-radius: 4px; }
    .hotwrapul li.subpage .headicon .dotred { height: 6px; width: 6px; border-radius: 50%; position: absolute; top: 0px; right: -4px; display: block; z-index: 8; background: #e62229; }
    .hotwrapul li.subpage span { width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; font-size: 12px; margin-top: 4px; color: #333; }
.Line { height: 1px; background-color: #f0f0f0; display: block; clear: both; clear: both; }
.spacing { height: 5px; background-color: #f0f0f0; display: block; clear: both; clear: both; }
.list_hot { clear: both; background: #fff; position: relative; border-bottom: 1px solid #f0f0f0; }
.listy_hotw { padding: 14px 13px 11px; clear: both; position: relative; overflow: hidden; }
.isale::before { content: "推广"; font-size: 9px; width: 50px; text-align: center; position: absolute; right: -20px; padding: 0 0 5px 0; line-height: normal; bottom: 0; display: block; background-color: #d8474f; color: #fff; transform: rotate(-45deg); }
.listyhot_one { clear: both; }
.listyhot_icon { width: 35px; height: 35px; float: left; margin-right: 7px; }
    .listyhot_icon img { border-radius: 50%; overflow: hidden; }
        .listyhot_icon img.square { border-radius: 4px; }
.listyhot_icon2 { width: 22px; height: 22px; float: left; margin-right: 5px; }
    .listyhot_icon2 img { border-radius: 50%; overflow: hidden; }
.data { }
.data2 { float: left; width: calc(100% - 41px); }
.list_namea { margin-right: 0.1rem; font-size: 13px; color: #4098e2; font-weight: 400; }
    .list_namea a { color: #444; font-weight: 600;margin-right: 4px; }
.list_nameb { font-weight: 400; font-size: 12px; margin-left: 6px; color: #999;}
.list_hot_latelywp { float: left; display: flex; align-items: center; justify-content: center； }
.list_hot_lately { line-height: 18px; color: #fff; font-size: 12px; /*transform: scale(0.8);*/ height: 16px; overflow: hidden; float: left; padding: 0 4px 0 0px; /*margin-left: -7px*/; }
    .list_hot_lately.record { color: #F0A34A; }
    .list_hot_lately.fans { color: #8C8C8C; }
        .list_hot_lately.ba { color: #8C8C8C; }
.list_hot_lately2 { line-height: 14px; color: #F0A34A; font-size: 12px; transform: scale(0.8); height: 16px; overflow: hidden; padding: 0 0 0 3px; padding-left: 4px; }
.PostBar_right { color: #999; position: absolute; top: 10px; right: 13px; text-align: center; font-size: 12px; line-height: normal; line-height: 16px; margin-top: 2px; }
.browseh { background: url("images/ballpub/font-browseh.svg") no-repeat left center; background-size: 15px 15px; padding-left: 18px; line-height: 25px; display: inline-block; }
.drill { background: url("images/ballpub/font-drill.png") no-repeat left center; background-size: 15px 15px; padding-left: 18px; line-height: 25px; color: #F0A34A; display: inline-block; }
.PostBar_right.set { top: 31px; }
.list_detail { clear: both; color: #333; font-size: 16px; line-height: 23px; word-wrap: break-word; text-align: justify; }
.list_hot .top { color: #fff; width: 29px; height: 16px; display: inline-block; margin: -2px; margin-right: 4px; background: url("images/ballpub/top.svg") no-repeat center center; }
.list_hot .match { display: flex; align-items: center; text-align: center; font-size: 12px; color: #666; background: #f5f5f5; border-radius: 20px; margin-top: 5px; overflow: hidden; }
    .list_hot .match .time { min-width: 60px; background: #efefef; color: #666; padding: 2px 6px; }
    .list_hot .match .team { flex: 1; }
    .list_hot .match .VS { width: 40px; }
.hotmost_w { padding: 6px 0; border-bottom: 1px solid #f0f0f0; background: #fff; }
.hotmost { background: #fff url("images/ballpub/HOT.png") no-repeat 12px center; background-size: 24px auto; color: #333; padding: 0 12px 0 42px; line-height: 28px; position: relative; }
.hotmostget { float: right; height: 100%; padding: 0 15px; width: 10px; position: absolute; right: 0px; }
    .hotmostget::before { content: ""; transform: translateY(10px) rotate(45deg); display: block; width: 8px; height: 8px; border-right: 1px solid #8C8C8C; border-top: 1px solid #8C8C8C; transition: all .2s linear; }


.moreBox { padding: 12px; background-color: #fff; }
#btnMore { background-color: #f0f0f0; color: #a2a2a2; font-size: 14px; line-height: 18px; padding: 10px 0; width: 100%; text-align: center; }



/*球吧*/
.serchPub { padding: 12px 10px; background: #fff; position: relative; }
    .serchPub input { margin: 0 auto; line-height: 32px; height: 32px; display: inline-block; border: none; width: 65%; border-radius: 2px; text-align: left; font-size: 14px; background: #ececec url("images/ballpub/font-search.svg") no-repeat 5px; background-size: 18px 18px; background-position: 8px center; padding-left: 30px; color: #8C8C8C; }
.create { width: 24%; font-size: 14px; margin-top: 0; background: #472E92; color: #F5F5F5; line-height: 32px; font-weight: normal; float: right; position: static; border-radius: 4px; text-align: center; padding: 0; }
.list_bar { background: #fff; position: relative; border-bottom: 1px solid #f0f0f0; padding: 14px 13px 14px; clear: both; overflow: hidden; }
.baricon { width: 45px; height: 45px; float: left; margin-right: 8px; position: relative; }
    .baricon img { border-radius: 50%; overflow: hidden; }
    .baricon .postwrap { position: absolute; top: 0; left: 0; width: 24px; height: 24px; }
        .baricon .postwrap.po1 { background: url("images/ballpub/post1.png") no-repeat center center; background-size: 24px; }
        .baricon .postwrap.po2 { background: url("images/ballpub/post2.png") no-repeat center center; background-size: 24px; }
        .baricon .postwrap.po3 { background: url("images/ballpub/post3.png") no-repeat center center; background-size: 24px; }
.bar-mainbav { margin-right: 0.1rem; font-size: 16px; color: #4098e2; margin-top: 3px; }
    .bar-mainbav a.mameas { font-size: 15px; font-weight: 600; color: #333; margin-right: 16px; }
    .bar-mainbav span.fansCout { display: inline-block; background: url("images/ballpub/font-fans.svg") no-repeat left center; padding-left: 16px; height: 18px; background-size: auto 78%; font-size: 12px; color: #8c8c8c; margin-right: 16px; }
    .bar-mainbav span.fubCout { display: inline-block; background: url("images/ballpub/font-fublish.svg") no-repeat left center; padding-left: 16px; height: 18px; background-size: auto 78%; font-size: 12px; color: #8c8c8c; }
.describe { margin-top: 2px; font-size: 12px; color: #8c8c8c; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
    .describe.d6 { width: 60%; }

/*话题详情页*/
.usertop { width: 260px; height: 45px; line-height: 45px; border-radius: 4px; left: 50%; display: inline-block; transform: translateX(-50%); position: absolute; }
.topicon { display: inline-block; float: right; width: 26px; height: 26px; margin: 8px 10px 0 0; }
.collect { background: url("images/ballpub/collect.svg") no-repeat; background-size: 100%; }
.content { background-color: #fff; }
.ba_title { font-size: 20px; margin-bottom: 0px; font-weight: 600; line-height: 28px; border-bottom: none; padding: 10px 13px 8px; }
.extension { background-color: #d8474f; color: #fff; font-size: 11px; border-radius: 2px; padding: 2px 4px; position: relative; bottom: 2px; margin-left: 5px; }
.themeStatus { background-color: #ff8929; color: #fff; font-size: 11px; border-radius: 2px; padding: 2px 4px; position: relative; bottom: 2px; margin-left: 3px; }
.bawrap { padding: 0 13px 6px; font-size: 12px; color: #999; height: 16px; }
.bawrap_left { float: left; }
.bawrap_right { float: right; }
.bainfo { padding: 6px 13px 0 11px; position: relative; }
.baheadwrap { float: left; width: 40px; height: 34px; position: relative; margin-right: 5px; display: flex; align-items: center; justify-content: center； }
    .baheadwrap .icon { width: 36px; height: 36px; overflow: hidden; background: #e1e1e1; float: left; margin: 0 2px; }
        .baheadwrap .icon img { border-radius: 4px; }
    .baheadwrap .BZ { border-color: #ff8929; color: #fff; font-size: 9px; line-height: 12px; font-weight: 400; width: 36px; position: absolute; top: 23px; left: 50%; margin-left: -18px; text-align: center; padding: 1px 0 0; border-radius: 0 0 4px 4px; background-image: linear-gradient(to right,#ffa279, #f67847 ); transform: scale(1); transform-origin: left center; }
.bainfo .date { color: #777777; line-height: 15px; font-size: 11px; display: flex; align-items: center; justify-content: center； }
    .bainfo .date .name { color: #333; font-size: 13px; margin-right: 4px; display: inline-block; font-weight: 600; }
    .bainfo .date .fans { padding: 0px 3px; line-height: 15px; font-size: 10px; text-align: center; border-radius: 1px; height: 15px; display: inline-block; transform: scale(1); transform-origin: left center; }
        .bainfo .date .fans.fa { color: #f0a34a; }
        .bainfo .date .fans.fb { color: #8C8C8C; }
.b_zhanji + .fans{margin-left:4px}     
.bainfo .synopsis { font-size: 12px; color: #777777; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 65%; }
.follow { position: absolute; right: 10px; top: 24px; margin-top: -13px; padding: 1px 0; width: 57px; height: 20px; line-height: 20px; text-align: center; background: #472E92; border: solid 1px #472E92; color: #fff; border-radius: 4px; font-size: 12px; transform: scale(1); transform-origin: left center; }
    /*关注*/
    .follow:before { display: inline-block; content: '+'; margin-right: 2px; }
.followon { position: absolute; right: 10px; top: 24px; margin-top: -13px; padding: 1px 0; width: 57px; height: 20px; text-align: center; background: #FFF; border: solid 1px #d4d4d4; color: #636363; border-radius: 4px; font-size: 12px; transform: scale(1); transform-origin: left center; }
/*已关注*/
.discpage { border-bottom: 1px solid #f5f5f5; margin-top: 12px; padding-bottom: 6px; }
.infoBtn2 { background: url("images/ballpub/t.png") no-repeat center center; height: 30px; width: 10px; display: block; background-size: 7px auto; position: absolute; right: 10px; top: 0; }
#addBtn { width: 150px; height: 55px; float: none; margin: 0 auto 10px; }
    #addBtn .likes { float: left; width: 55px; height: 55px; background: url("images/ballpub/font-fabulous.svg") top center no-repeat; background-size: 100% auto; text-align: center; font-size: 15px; cursor: pointer; margin: 0 10px; }
    #addBtn .give { float: left; width: 55px; height: 55px; background: url("images/ballpub/font-reward.svg") top center no-repeat; background-size: 100% auto; text-align: center; font-size: 15px; cursor: pointer; margin: 0 10px; }
.comment_wrap { }
.sort { right: 0 !important; }
i.tira2 { width: 8px; height: 8px; position: absolute; left: 50%; margin-left: -5px; bottom: -5px; content: ""; color: #fff; background: #fff; transform: rotate(135deg); border-top: 1px solid #ababab; border-right: 1px solid #ababab; z-index: 9999; }
.list_com { position: relative; border-bottom: solid 1px #f5f5f5; padding: 10px 14px; float: left; width: calc(100% - 28px); }
.comment_wrap .linec { position: relative; border-bottom: solid 1px #f5f5f5; width: 100%; padding: 10px 14px; }
.list_com i { position: absolute; right: 14px; top: 10px; color: #999; }
.comment_icon { width: 40px; height: 40px; border-radius: 50%; overflow: hidden; float: left; margin-right: 5px; }
    .comment_icon img { border-radius: 50%; overflow: hidden; }
.comment_wrap .data { float: left; width: calc(100% - 45px); line-height: 22px; }
.comment_wrap .namereview { font-size: 15px; font-weight: 600; color: #4098e2; }
p { margin: 0; padding: 0; }
.pubtime { color: #999; font-size: 12px; margin-top: 5px; }
.comment_wrap .data p { line-height: 20px; margin-top: 2px; text-indent: 0; }
.collectwep { float: right; height: 20px; position: relative; }
.collect_reply { width: 30px; height: 19px; line-height: 19px; background: url("images/ballpub/font-comment-reply.svg") no-repeat right center; background-size: auto 19px; float: right; }
.collect_fabulous { width: 30px; height: 19px; line-height: 19px; background: url("images/ballpub/font-comment-fabulous.svg") no-repeat right center; background-size: auto 19px; float: right; }
.replywrap { background-color: #f5f5f5; padding: 2px 13px 2px; border-radius: 4px; margin-top: 8px; }
    .replywrap .fabulous { background: url("images/ballpub/font-heart.svg") no-repeat left 13px; background-size: auto 12px; line-height: 20px; font-size: 11px; padding: 8px 0 6px 18px; }
        .replywrap .fabulous span { color: #4098e2; padding-right: 4px; }
.replywhole { position: relative; }
.replywrap .reply { line-height: 18px; padding-top: 8px; }
    .replywrap .reply span { color: #4098e2; font-weight: 600; }
.replywrap .more3 { color: #4098e2; display: block; margin-top: 9px; }
.replywhole ul { position: absolute; left: 0; right: 0; margin: 0 auto; bottom: -25px; background: #fff; border: solid 1px #e3e3e3; border-radius: 2px; padding: 0 5px; text-align: center; width: 60px; font-size: 14px; z-index: 99999; }
    .replywhole ul li { font-size: 14px; line-height: 30px; border-bottom: 1px solid #f5f5f5; }
.commentmore { background: #f5f5f5 !important; border-bottom: none !important; height: 25px !important; line-height: 25px !important; margin-top: 5px; }
.barpublish { width: calc(100% - 26px); border-top: solid 1px #f0f0f0; padding: 0 13px 0; background-color: #fff; }
    .barpublish input { margin: 10px 0; line-height: 34px; height: 34px; display: inline-block; border: none; width: calc(100% - 42px); border-radius: 20px; text-align: left; font-size: 14px; background: #ececec url("images/ballpub/barpublish.svg") no-repeat 5px center; background-size: 18px 18px; background-position: 16px center; padding-left: 42px; color: #bfbfbf; }
.setup { background: url("images/ballpub/font-setup.svg") center center no-repeat; background-size: auto 24px; width: 30px; height: 30px; position: absolute; right: 5px; top: 50%; margin-top: -15px; }
.tit { line-height: 28px; }
.sale { width: 30px; text-align: center; height: 20px; line-height: 20px; background-color: #d8474f; color: #fff; font-size: 12px; padding: 1px 3px; border-radius: 3px }
.yellowButton { font-size: 12px; font-weight: 400; line-height: 28px; padding-left: 6px; }
.matchDetail { padding: 0 13px 6px; font-size: 12px; height: 16px; }
    .matchDetail .time { float: left; line-height: 16px; padding-right: 10px; color: #999; }
    .matchDetail .game { float: left; line-height: 16px; color: #999; padding-right: 10px; }
    .matchDetail .in { text-align: center; line-height: 16px; .matchtit .name font-size: 12px; width: 20%; display: inline-block; float: left; }
.matchtit { width: calc(100% - 30px); padding: 0 15px; height: 30px; position: relative; }
    .matchtit .name { width: 36%; height: 30px; line-height: 30px; display: block; float: left; font-size: 15px; overflow: hidden; }
    .matchtit .state { width: 28%; height: 30px; text-align: center; line-height: 30px; display: block; float: left; font-size: 14px; }
.scoreul { text-align: center; margin: 0 auto 10px; }
    .scoreul ul { list-style: none; height: 40px; border-radius: 4px; display: block; margin: 0 auto 5px; font-size: 14px; text-align: center; padding: 0 20px; }
        .scoreul ul li { height: 32px; line-height: 32px; display: inline-block; background-color: #eaecee; text-align: center; margin: 0; padding: 4px 0; width: 28%; vertical-align: middle; position: relative; }
            .scoreul ul li.w2 { width: 9%; padding: 4px 0px; }
            .scoreul ul li.Select { background-color: #F1EDFE; color: #333; }
            .scoreul ul li.tick { background: #472E92 url("images/ballpub/font-tick.svg") no-repeat right bottom; background-size: 18px 18px; display: inline-block; color: #fff; }
.sp { line-height: 16px; text-align: center; font-size: 12px; margin: 0; display: block; }
.tabwrap { margin: 9px 0 0px; height: 26px; line-height: 26px; position: relative; display: flex; align-items: center; padding: 0 13px 6px; font-size: 14px; font-weight: 600; border-bottom: solid 1px #f0f0f0; }
.v-list-detail { padding: 13px 13px; }
.u-list-detail { padding: 30px 13px 30px; }
.v-list-detail p { margin: 0 0 5px; padding: 0; }
.article_u { background: #ffe8e8 url("images/ballpub/font-unlocking.svg") no-repeat 8px center; background-size: 18px 18px; margin: 20px auto 0; width: 122px; padding: 6px 0 6px 30px; color: #d8474f; border-radius: 3px; }
.article_s { padding: 0 20px 10px 20px; clear: both; display: block; text-align: center; color: #999; font-size: 12px; line-height: 20px; }
.article_h { clear: both; display: block; text-align: center; color: #999; font-size: 12px; height: 20px; margin: 0 auto 10px; line-height: 20px; }
    .article_h img { border-radius: 50%; margin: 0 4px 0 0; padding: 0; vertical-align: middle; }
    .article_h .statistics { display: inline-block; height: 20px; line-height: 20px; }
.lock_wrap { margin: 20px 13px 10px; background: url("images/ballpub/font-lockbg.png") no-repeat center center; background-size: 100%; height: 115px; padding-top: 35px; }
.lock_icon { width: 50px; height: 50px; background: url("images/ballpub/font-lock.svg") no-repeat center center; background-size: 100%; margin: 0 auto; }
.lock_word { font-size: 16px; text-align: center; font-weight: 700; }
.navbar_wrap { background: #FFF; line-height: 44px; height: 44px; border-bottom: solid 1px #f0f0f0; }
    .navbar_wrap .navb { display: block; width: 23%; background: inherit; -webkit-box-flex: 1; margin: 0 0px 0 0; padding: 0px; -webkit-box-sizing: border-box; float: left; height: 43px; text-align: center; }
        .navbar_wrap .navb a, .navbar_wrap a { font-size: 14px; display: block; color: #777; line-height: 44px; }
            .navbar_wrap .navb a, .navbar_wrap .navb a.selectb { line-height: 44px; }
                .navbar_wrap .navb a.selectb { display: block; border-bottom: solid 2px #7c5cb7; font-size: 14px; height: 43px; border-radius: 0; padding: 0; margin: 0; color: #7c5cb7; font-weight: 600; text-align: center; }
.Nodata { width: 100%; margin: 20px 0; font-size: 14px; color: #8c8c8c; text-align: center; }
.sort { display: block; float: right; padding-right: 15px; line-height: 40px; z-index: 99; position: relative; right: 14px; }
.statement { text-align: justify; margin: 0 auto; padding: 13px 13px; line-height: 16px; font-size: 12px; color: #999; font-style: normal; position: relative; clear: both; border-top: solid 1px #f5f5f5; }
.layui-m-layercont ul { width: 100%; margin: 0; padding: 0; }
    .layui-m-layercont ul li { height: 45px; line-height: 45px; padding: 0 14px; font-size: 14px; border-bottom: solid 1px #f0f0f0; text-align: center; letter-spacing: 4px; }


/*发表话题*/
.titletop { width: 160px; height: 45px; line-height: 45px; border-radius: 4px; left: 50%; display: inline-block; transform: translateX(-50%); position: absolute; }
.form { font-size: 12px; margin: 0; }
    .form .title { width: 100%; border: none; margin: 0; line-height: normal; }
        .form .title textarea { width: calc(100% - 22px); font-family: "微软雅黑"; border-radius: 4px; border: solid 1px #d8e0e7; font-size: 14px; padding: 10px; background: #fff; -webkit-appearance: none; -webkit-user-select: auto; line-height: normal; color: #999; }
    .form .title2 { width: calc(100% - 20px); border: none; margin: 0; padding: 10px 10px 8px; line-height: normal; }
        .form .title2 textarea { width: calc(100% - 22px); font-family: "微软雅黑"; border-radius: 4px; border: solid 1px #d8e0e7; font-size: 14px; padding: 10px; background: #fff; -webkit-appearance: none; -webkit-user-select: auto; line-height: normal; color: #999; }
    .form .choice { background-color: #fff; overflow: hidden; padding: 12px; }
        .form .choice .type { margin: 2px 0 10px 2px; }
            .form .choice .type label { margin-right: 8px; line-height: 10px; }
input[type="radio"] { position: relative; bottom: -2px; margin: 0; }
.user-select-match { display: block; width: 100%; margin-top: 10px; }
.form .type1 { height: 32px; line-height: 32px; position: relative; border: solid 1px #d8e0e7; background-color: #fff; border-radius: 4px; margin-bottom: 10px; float: left; width: 72%; padding-left: 12px; }
.form .select1 { border: none; outline: none; width: 90%; height: 32px; line-height: 32px; appearance: none; -webkit-appearance: none; -moz-appearance: none; padding-left: 10px; font-size: 12px; background-color: #fff; border-radius: 4px; }
.form .type1:after { content: ""; width: 14px; height: 8px; background: url("images/ballpub/xiala.svg") no-repeat center; position: absolute; right: 6px; top: 40%; pointer-events: none; background-size: 20px 12px; }
.form .type_come { height: 32px; line-height: 32px; position: relative; border: solid 1px #d8e0e7; background-color: #fff; border-radius: 4px; margin-bottom: 10px;  width:calc(100% - 34px); padding:0 22px 0 12px; }
.form .type_come .comename {float: right;color: #4098e2;width: 76%;text-align: right;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.form .type_come .comename span {margin: 0 2px;}
.form .type_come:after { content: "";transform: translateY(16px) rotate(225deg);display: block;width: 7px; height: 7px;border-left: 1px solid #333;border-bottom: 1px solid #333;transition: all .2s linear;position: absolute;right: 10px;top: -4px; }

.s_sclass { width: 35%; float: left; }
.s_schedule { width: calc(60%); float: right; }
.form .plus { width: 20px; height: 34px; margin: 0 10px 10px 0; background: url("images/ballpub/plus.svg") no-repeat left center; background-size: 20px 20px; float: left; }
.form .reduce { width: 20px; height: 34px; margin: 0 0 10px 10px; background: url("images/ballpub/reduce.svg") no-repeat left center; background-size: 20px 20px; float: left; }
.form .type2 { width: 28%; height: 32px; line-height: 32px; position: relative; border: solid 1px #d8e0e7; background-color: #fff; border-radius: 4px; float: left; display: block; }
.form .select2 { border: none; outline: none; width: 100%; height: 30px; line-height: 30px; appearance: none; -webkit-appearance: none; -moz-appearance: none; padding-left: 10px; font-size: 12px; background-color: #fff; border-radius: 4px; }
.form .type2:after { content: ""; width: 14px; height: 8px; background: url("images/ballpub/xiala.svg") no-repeat center; position: absolute; right: 6px; top: 40%; pointer-events: none; background-size: 20px 12px; }
.form .guessBox { float: right; width: 70%; }
    .form .guessBox ul { list-style: none; height: 34px; margin: 0 0 1px; border-radius: 4px; display: block; padding: 0; }
    .form .guessBox li { float: left; height: 34px; line-height: 34px; display: block; text-align: center; padding: 0 8px; margin-left: 1px; float: right; }
        .form .guessBox li.state1 { padding: 0 14px; background-color: #eaecee; }
        .form .guessBox li.state2 { width: 20px; background-color: #eaecee; }
        .form .guessBox li.on { background-color: #472E92; color: #fff; }
        .form .guessBox li.bgno { padding: 0 16px; background-color: none !important; }
.red_txt { color: #CB112C; }
.form .other { width: calc(100% - 20px); padding: 0 10px; }
    .form .other .imgs { float: left; width: 100%; }
        .form .other .imgs li { border: solid 1px #ccc; float: left; background: #fff URL("images/ballpub/addIcon.png") no-repeat center center; background-size: 100% auto; position: relative; height: 45px; width: 45px; margin: 5px; border-radius: 4px; list-style: none; }
            .form .other .imgs li img { width: 100%; height: 100%; }
            .form .other .imgs li .close { position: absolute; right: -10px; top: -10px; width: 15px; height: 15px; background: #333; border: solid 4px #333; padding: 5px; border-radius: 50%; box-sizing: border-box; }
    .form .other i { float: right; vertical-align: middle; }
.close::before, .close::after { content: ''; position: absolute; height: 2px; width: 100%; top: 50%; left: 0; margin-top: -1px; background: white; }
.close::before { transform: rotate(45deg); }
.close::after { transform: rotate(-45deg); }
.form .charge { height: 32px; line-height: 22px; margin-bottom: 10px; width: 100%; }
    .form .charge .br { padding: 0 8px; line-height: 30px; border: solid 1px #d8e0e7; text-align: center; margin-right: 6px; background-color: #fff; display: inline-block; }
.form .paybtn .on { border: 1px solid #f0a34a; color: #f0a34a; }
.charge .ab { display: inline-block; width: 14px; height: 14px; position: relative; top: -2px; left: 0; border: 1px solid #ddd; border-radius: 50%; background-color: #f5f5f5; vertical-align: middle; cursor: pointer; margin-right: 4px; }
.on .ab { background-color: #472E92; border-color: #472E92; }
    .on .ab::after { content: ""; display: table; width: 4px; height: 8px; position: absolute; top: 1px; left: 4px; border: 1px solid #fff; border-top: 0; border-left: 0; -webkit-transform: rotate(45deg) scale(1); -ms-transform: rotate(45deg) scale(1); transform: rotate(45deg) scale(1); }
.confirmBtn { border: 1px solid #ffffff; border: solid 1px rgba(255,255,255,.3); min-width: 55px; border-radius: 4px; font-size: 14px; line-height: 28px; position: absolute; right: 7px; top: 7px; background: none; color: #fff; }
.layui-m-layerchild { position: relative; overflow: auto; }
.sorttit { font-size: 16px; font-weight: 600; padding: 16px 18px 0; float: left; }
.layui-m-layercont { position: relative; float: left; }
.location { position: absolute; width: 20px; right: 0px; top: 180px; }
    .location ul li { border-bottom: 0 !important; line-height: 20px !important; height: 20px !important; text-align: center; width: 20px; padding: 0; }
.matchclass { padding: 0 4%; float: left; width: calc(100% - 8%); }
    .matchclass ul { margin: 0; padding: 0; }
        .matchclass ul li.grid { width: 21%; height: 30px; line-height: 30px; float: left; text-align: center; color: #999999; border: 1px solid #d0d0d0; margin: 6px 2% 6px 0; padding: 0; letter-spacing: 0; }
.Against { width: 84%; height: 40px !important; line-height: 40px !important; margin: 12px auto 0; border: 1px solid #d0d0d0; border-radius: 3px; padding: 0 12px !important; position: relative; letter-spacing: 0 !important; text-align: left !important; color: #999; border-bottom: 1px solid #d0d0d0 !important; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
    .Against .agg { display: inline-block; width: 13px; height: 13px; position: relative; top: 50%; transform: translateY(-50%); float: right; border: 1px solid #ddd; border-radius: 50%; background-color: #f5f5f5; vertical-align: middle; cursor: pointer; }
.on .agg::after { content: ""; display: table; width: 3px; height: 7px; position: absolute; top: 1px; left: 4px; border: 1px solid #fff; border-top: 0; border-left: 0; -webkit-transform: rotate(45deg) scale(1); -ms-transform: rotate(45deg) scale(1); transform: rotate(45deg) scale(1); }
.on .agg { background-color: #472E92; border-color: #472E92; }
.layui-m-layercont { float: none !important; }

/*榜单*/
.listclass { width: 100%; border-bottom: solid 1px #f5f5f5; height: 52px; background-color: #fff; }
    .listclass li { padding: 0 10px; text-align: center; float: left; border-radius: 4px; height: 26px; line-height: 26px; border: #bfbfbf 1px solid; color: #8c8c8c; margin: 12px; }
        .listclass li.on { border: #7c5cb7 1px solid; color: #7c5cb7; background-color: #f1edfe; }
        .listclass li a { color: #8c8c8c !important; }
        .listclass li.on a { color: #7c5cb7 !important; }
.listhead { width: 40px; height: 40px; float: left; margin-right: 7px; }
    .listhead img { border-radius: 4px; overflow: hidden; }
.list_namea a.htype2 { font-weight: 700; font-size: 15px; margin-right: 6px; }
.list_hot_latelywp.type1 { font-size: 12px; color: #8c8c8c; margin-right: 10px; }
.type2 { padding-left: 3px; color: #F0A34A; }
.list_detail2 { clear: both; color: #8c8c8c; font-size: 14px; line-height: 18px; word-wrap: break-word; text-align: justify; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.listfollow { position: absolute; top: 10px; right: 13px; width: 62px; height: 26px; line-height: 23px; text-align: center; background: #f1edfe; border: solid 1px #7c5cb7; color: #7c5cb7; border-radius: 4px; font-size: 14px; }
    .listfollow:before { display: inline-block; content: '+'; font-size: 18px; margin-right: 2px; line-height: 23px; }
.listfollow_on { position: absolute; top: 10px; right: 13px; width: 62px; height: 26px; line-height: 26px; text-align: center; background: #fff; border: solid 1px #bfbfbf; color: #8c8c8c; border-radius: 4px; font-size: 14px; }
.listfollow_in { top: 50% !important; transform: translateY(-50%) !important; }

/*消息*/
.newswrap { float: left; width: calc(100% - 26px); height: auto; clear: both; background: #fff; position: relative; border-bottom: 1px solid #f0f0f0; padding: 14px 13px 14px; clear: both; position: relative; }
.newsicon { width: 60px; height: 60px; float: left; margin-right: 12px; }
    .newsicon img { border-radius: 6px; overflow: hidden; }
.newsclass { float: left; width: calc(100% - 72px); line-height: 22px; }
.list_namea a.newsname { font-weight: 700; font-size: 15px; }
.newsreview { font-size: 12px; line-height: 20px; }
.newsreply { font-size: 12px; color: #8c8c8c; line-height: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
    .newsreply a { color: #4098e0; }
.news_right { color: #999; position: absolute; top: 13px; right: 13px; text-align: center; font-size: 12px; line-height: normal; line-height: 16px; margin-top: 3px; }

/*评论*/
.form.close2 { font-size: 12px; margin: 0; background-color: #fff; padding-bottom: 20px; }
.form .inputbox { width: calc(100% - 20px); border: none; margin: 0; padding: 10px 10px 8px; line-height: normal; }
    .form .inputbox textarea { width: calc(100% - 22px); font-family: "微软雅黑"; border-radius: 6px; border: solid 1px #e7e7e7; font-size: 14px; padding: 10px; background: #e7e7e7; -webkit-appearance: none; -webkit-user-select: auto; line-height: normal; color: #999; }
.releasebu { width: 310px; height: 45px; line-height: 45px; text-align: center; margin: 0 auto; background-color: #472E92; color: #fff; border-radius: 6px; font-size: 16px; margin-bottom: 22px; }

/*打赏*/
.Rewardwrap { padding: 6px 11px 12px; background-color: #fff; }
    .Rewardwrap .txt { font-weight: 700; width: 100%; color: #333; font-size: 16px; margin: 18px 0 13px 7px; }
    .Rewardwrap ul { overflow: hidden; display: flex; flex-wrap: wrap; }
    .Rewardwrap .item { width: 28.6%; cursor: pointer; border: solid 1px #ccc; float: left; padding: 7px 0; border-radius: 3px; margin: 5px 2%; text-align: center; position: relative; overflow: hidden; color: #8c8c8c; }
        .Rewardwrap .item img { width: 18px; vertical-align: middle; position: relative; top: -2px; right: 4px; }
        .Rewardwrap .item.on { border: solid 1px #d8474f; color: #d8474f; }
            .Rewardwrap .item.on::before { background-color: #d8474f; color: #d8474f; }
            .Rewardwrap .item.on::before { content: ""; font-size: 9px; width: 50px; text-align: center; position: absolute; height: 7px; right: -20px; padding: 0 0 5px 0; line-height: normal; bottom: -2px; display: block; background-color: #d8474f; color: #fff; transform: rotate(-45deg); }
            .Rewardwrap .item.on::after { content: ""; display: table; width: 3px; height: 6px; position: absolute; bottom: 2px; right: 3px; border: 2px solid #fff; border-top: 0; border-left: 0; transform: rotate(45deg) scale(1); transition: all .2s ease-in-out; }
.toolBar { width: 100%; padding: 14px 9px; }
    .toolBar .cb2 { margin-right: 5px; display: inline-block; width: 14px; height: 14px; position: relative; top: -1px; left: 0; border: 1px solid #c7c6c6; border-radius: 2px; vertical-align: middle; margin: -2px 4px 0 0; }
.on.cb2 { display: inline-block; width: 16px; height: 16px; position: relative; top: -1px; left: 0; border: none; border-radius: 2px; transition: border-color .2s ease-in-out,background-color .2s ease-in-out; background-color: #d8474f; vertical-align: middle; margin: -2px 4px 0 0; }
    .on.cb2:after { content: ""; display: block; width: 4px; height: 8px; position: absolute; top: 2px; left: 5px; border: 2px solid #fff; border-top: 0; border-left: 0; transform: rotate(45deg) scale(1); transition: all .2s ease-in-out; }

/*球吧主页*/
.content .addBtn { width: 46px; height: 46px; display: block; overflow: hidden; background-color: #472E92; position: fixed; bottom: 60px; right: 18px; z-index: 99999; border-radius: 40px; }
    .content .addBtn i { display: inline-block; width: 46px; height: 46px; background: url("images/ballpub/fb_edit.svg") no-repeat; background-size: 20px 20px; background-position: center center; }
.rtopbgblur { width: 100%; height: auto; background-repeat: no-repeat; background-position: center; background-size: cover; }
.rtopbgblack50 { background-color: rgba(15, 14, 14, 0.7); width: 100%; height: 231px; position: absolute; top: 0; left: 0; z-index: 2; }
.rtopbg { width: 100%; height: auto; display: block; z-index: 1; position: relative; }
    .rtopbg::before { content: ""; background-color: rgba(15, 14, 14, 0.7); width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2; }
.barpersonal { clear: both; position: relative; height: auto; display: block; overflow: hidden; }
.barbg_topb { width: 100%; line-height: 45px; position: relative; display: block; height: 45px; }
.barbg_back { transform: rotate(45deg); -webkit-transform: rotate(45deg); margin-left: 15px; width: 12px; height: 12px; display: inline-block; position: absolute; left: 5px; top: 15px; border-left: 2px solid #FFF; border-bottom: 2px solid #FFF; z-index: 9999; }
.bar_ban { position: absolute; top: 0; right: 10px; z-index: 9999; }
.bar_ban_setup { height: 24px; width: 24px; display: inline-block; z-index: 8; background: url("images/ballpub/font-setup.svg") no-repeat; background-size: 24px; float: right; margin: 10px 5px 0; }
.bar_ban_rstatistics { height: 24px; width: 24px; display: inline-block; z-index: 8; background: url("images/ballpub/font-rstatistics.svg") no-repeat; background-size: 24px; float: right; margin: 10px 5px 0; }
.bar_ban_ranalyst { height: 24px; width: 24px; display: inline-block; z-index: 8; background: url("images/ballpub/font-ranalyst.svg") no-repeat; background-size: 24px; float: right; margin: 10px 5px 0; }
.barbg_userimg { height: 54px; width: 54px; position: absolute; top: 0px; left: 14px; display: block; z-index: 8; }
    .barbg_userimg img { border-radius: 50%; }
.barbg_user_name { line-height: 38px; color: #fff; text-align: left; position: absolute; top: 0px; left: 80px; z-index: 8; min-width: 110px; font-size: 15px; font-weight: 600; width: 40%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.baextension { background-color: #CB112C; color: #fff; font-size: 12px; padding: 1px 4px; border-radius: 2px; margin-left: 4px; font-weight: 400; }
.barbg_user_two { line-height: 30px; color: #fff; text-align: left; position: absolute; top: 26px; left: 80px; z-index: 8; min-width: 110px; font-size: 12px; font-weight: normal; width: 75%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .barbg_user_two a.master { font-size: 12px; margin-right: 16px; color: #fff; }
    .barbg_user_two span.fansCout { background: url("images/ballpub/font-fans.svg") no-repeat left center; padding-left: 16px; height: 18px; background-size: auto 78%; font-size: 12px; color: #fff; margin-right: 16px; }
    .barbg_user_two span.fubCout { background: url("images/ballpub/font-fublish.svg") no-repeat left center; padding-left: 16px; height: 18px; background-size: auto 78%; font-size: 12px; color: #fff; }
.barbg_addfavbt { height: 26px; position: absolute; top: 6px; right: 16px; display: block; z-index: 8; padding: 0 5px; }
.rrbtred2 { border-radius: 2px; height: 26px; display: block; text-align: center; line-height: 23px; background: #472E92; cursor: pointer; width: 62px; font-size: 14px; font-weight: normal; color: #fff; }
    .rrbtred2:before { display: inline-block; content: '+'; font-size: 18px; margin-right: 2px; }
.rrbtred2_now { border-radius: 2px; height: 24px; display: block; text-align: center; line-height: 24px; cursor: pointer; font-size: 14px; font-weight: normal; color: #fff; padding: 0 10px; border: 1px solid #fff; }
.barbg_user_sm_wep { width: 100%; height: 24px; position: relative; margin-top: 10px; }
.barbg_user_sm { line-height: 16px; color: #fff; text-align: left; position: absolute; top: 0px; left: 14px; z-index: 999; min-width: 180px; font-size: 12px; font-weight: normal; width: 92%; }
.active_per { width: 100%; height: 73px; position: relative; margin-top: 18px; }
.active_wrap { height: 73px; background-color: #fff; border-bottom: 5px solid #f0f0f0; padding: 15px 0; border-radius: 10px 10px 0 0; position: absolute; top: 0.rtopbgpx; left: 0px; z-index: 8; width: 100%; overflow: hidden; }
.active_wrap2 { height: 40px; line-height: 40px; padding-left: 32px; background: url("images/ballpub/font-huowo.png") no-repeat 12px center; background-size: auto 43%; font-weight: 600; float: left; width: 17%; box-sizing: border-box; }
.active_spacing { width: 3%; height: 40px; line-height: 40px; background: url("images/ballpub/spacing.png") no-repeat center center; background-size: auto 50%; float: left; }
.active_wrap ul.active_ul { padding-left: 1px; float: left; overflow: hidden; width: 80%; height: 40px; box-sizing: border-box; }
    .active_wrap ul.active_ul li.aee { float: left; width: 36px; height: 36px; margin-right: 10px; margin-top: 2px; display: inline-block; }
        .active_wrap ul.active_ul li.aee a { width: 36px; height: 36px; }
        .active_wrap ul.active_ul li.aee img { border-radius: 4px; box-sizing: border-box; }
.navbar_wrap .navb a.selectb.hom { border-bottom: none !important; }
.modifyname { width: 26px; height: 14px; background: url("images/ballpub/fb_edit.svg") no-repeat; background-size: 14px 14px; background-position: 5px center; display: inline-block; margin: -4px; }

/*新导航栏*/
.navmore { background: #FFF; line-height: 41px; height: 41px; border-bottom: solid 1px #f0f0f0; }
    .navmore div { display: block; width: 16.6%; background: inherit; -webkit-box-flex: 1; margin: 0 0px 0 0; padding: 0px; -webkit-box-sizing: border-box; float: left; height: 40px; text-align: center; position: relative; }
.nav_two div { width: 50%; }
.nav_four div { width: 25%; }
.navmore div a.selectA { display: inline-block; border-bottom: solid 2px #fe3b19; font-size: 16px; height: 40px; border-radius: 0; padding: 0; margin: 0; color: #fe3b19; font-weight: 600; text-align: center; }
.navmore div a, .navmore div a.selectA { line-height: 41px; }
.navmore div .dotred2 { height: 6px; width: 6px; border-radius: 50%; position: absolute; top: 8px; right: 16px; display: block; z-index: 8; background: #e62229; }

/*成员统计*/
.wholecolumn { padding: 20px 12px 20px; clear: both; position: relative; overflow: hidden; border-bottom: 1px solid #f0f0f0; background-color: #fff; }
.whole_icon { width: 30px; height: 30px; float: left; margin-right: 7px; }
    .whole_icon img { border-radius: 3px; overflow: hidden; }
.whole_namea { margin-right: 0.1rem; color: #4098e2; float: left; }
    .whole_namea a { color: #444; font-weight: 500; height: 30px; line-height: 30px; font-weight: 700; font-size: 14px; }
.post { width: 30px; height: 30px; position: absolute; top: 0; left: 0; }
    .post.ic1 { background: url("images/ballpub/post1.png") no-repeat center center; background-size: 30px; }
    .post.ic2 { background: url("images/ballpub/post2.png") no-repeat center center; background-size: 30px; }
    .post.ic3 { background: url("images/ballpub/post3.png") no-repeat center center; background-size: 30px; }
.wholesummary { float: right; height: 30px; line-height: 30px; font-size: 12px; color: #8c8c8c; text-align: right; }
    .wholesummary .Sep { padding-left: 16px; }
.Banicon { padding: 0 5px; height: 10px; line-height: 11px; font-size: 10px; text-align: center; margin-left: 6px; border-radius: 1px; border: 1px solid #e3e2e2; color: #949494; border-radius: 10px; }

/*设置*/
.setupclass { border-bottom: 1px solid #f0f0f0; font-size: 14px; color: #333; position: relative; width: 100%; padding: 10px 12px; width: calc(100% - 24px); background-color: #fff; }
    .setupclass.he1 { height: 20px; line-height: 20px; }
    .setupclass.he2 { height: 46px; font-size: 12px; }
    .setupclass .abb { display: inline-block; width: 13px; height: 13px; position: relative; top: 50%; transform: translateY(-50%); float: right; border: 1px solid #ddd; border-radius: 50%; background-color: #f5f5f5; vertical-align: middle; cursor: pointer; }
.on .abb::after { content: ""; display: table; width: 3px; height: 7px; position: absolute; top: 1px; left: 4px; border: 1px solid #fff; border-top: 0; border-left: 0; -webkit-transform: rotate(45deg) scale(1); -ms-transform: rotate(45deg) scale(1); transform: rotate(45deg) scale(1); }
.on .abb { background-color: #472E92; border-color: #472E92; }
.setuplist { width: 80%; float: left; }
    .setuplist .tit { height: 23px; line-height: 23px; float: left; padding-right: 4px; }
    .setuplist .Time { width: 58px; height: 23px; position: relative; border: solid 1px #d8e0e7; background-color: #fff; border-radius: 4px; float: left; display: block; margin-right: 4px; }
    .setuplist .sele { border: none; outline: none; width: 100%; height: 23px; line-height: 23px; appearance: none; -webkit-appearance: none; -moz-appearance: none; padding-left: 5px; font-size: 12px; background-color: #fff; border-radius: 3px; }
    .setuplist .Time:after { content: ""; width: 14px; height: 8px; background: url("images/ballpub/xiala.svg") no-repeat center; position: absolute; right: 2px; top: 30%; pointer-events: none; background-size: 20px 12px; }


/*设置-成员*/
.setclass { height: 30px; line-height: 30px; padding: 0 12px; background-color: #F5F5F5; color: #8c8c8c; font-size: 12px; }
    .setclass.inn { text-align: center; }
.jurisdiction { width: 30px; height: 30px; background: url("images/ballpub/jurisdiction.svg") no-repeat right center; background-size: 20px; display: inline-block; float: right; margin-right: -2px; }

/*设置-消息*/
.newsright { float: right; margin-top: 5px; line-height: 28px; }
.newsbu { width: 48px; height: 26px; line-height: 26px; text-align: center; background: #fff; border: solid 1px #bfbfbf; color: #8c8c8c; border-radius: 4px; font-size: 14px; float: right; margin-left: 8px; }
.reason { font-size: 12px; color: #8c8c8c; }

/*设置-日志*/
.journalclass { height: 58px; clear: both; position: relative; overflow: hidden; padding: 0 13px; clear: both; background: #fff; position: relative; border-bottom: 1px solid #f0f0f0; line-height: 58px; font-size: 14px; color: #262626; }
.journaltit { width: 85%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; float: left; }
.journalright { float: right; color: #8c8c8c; font-size: 12px; width: 15%; text-align: right; }

/*个人主页*/
.personalmain { clear: both; position: relative; height: auto; display: block; overflow: hidden; background-color: #472E92; color: #fff; padding-bottom: 16px; }
.titletop2 { width: 160px; height: 45px; line-height: 45px; border-radius: 4px; left: 50%; display: inline-block; transform: translateX(-50%); position: absolute; font-size: 16px; }
.personalname { width: 100%; position: relative; height: 54px; }
.barbg_user_name.ba { font-weight: 500 !important; }
.personal_user_sm { line-height: 16px; color: #fff; text-align: left; padding: 0 12px; z-index: 999; min-width: 180px; font-size: 12px; font-weight: normal; width: 92%; }
.personalnav { clear: both; height: auto; display: block; overflow: hidden; background-color: #fff; }
    .personalnav ul li { width: 33%; height: 42px; float: left; text-align: center; border-bottom: 1px solid #f0f0f0; padding-top: 4px; }
        .personalnav ul li .nav { height: 40px; display: inline-block; line-height: 18px; padding: 0 8px; }
            .personalnav ul li .nav.on { border-bottom: 2px solid #fe3b19; color: #fe3b19; }
        .personalnav ul li .number { font-size: 12px; }
.publish_right { color: #999; position: absolute; bottom: 10px; right: 13px; text-align: center; font-size: 12px; line-height: normal; line-height: 16px; margin-top: 2px; }
.publish_source { font-size: 12px; color: #8c8c8c; }
    .publish_source.ma8 { margin-top: 8px; }
.crude { font-weight: 700; line-height: 18px; }

/*创建球吧*/
.build_wrap { background-color: #F5F5F5; width: 100%; padding: 32px 0 0; }
.build_icon { width: 82px; height: 82px; background: #efefef url("images/ballpub/build_icon.svg") no-repeat center center; background-size: 28px; border: 1px solid #d9d9d9; border-radius: 50%; margin: 0 auto; }
.build_icon_word { margin: 0 auto; padding: 10px 0 32px; font-size: 14px; color: #8c8c8c; width: 300px; text-align: center; }
.build_tit { width: calc(100% - 32px); line-height: 20px; font-size: 16px; color: #333; padding: 0 17px 8px; }
.build_frame { width: calc(100% - 32px); border: none; margin: 0; line-height: normal; padding: 0 16px 16px; }
    .build_frame textarea { width: calc(100% - 22px); font-family: "微软雅黑"; border-radius: 4px; border: solid 1px #d8e0e7; font-size: 14px; padding: 10px; background: #fff; -webkit-appearance: none; -webkit-user-select: auto; line-height: normal; color: #999; }
.build_list { width: calc(100% - 24px); background-color: #fff; padding: 12px 12px 4px; }
.build_list_icon { float: left; width: 55px; height: 55px; margin-right: 10px; }
    .build_list_icon img { border-radius: 50%; overflow: hidden; }
.build_namea { font-size: 16px; font-weight: 600; line-height: 18px; padding-top: 3px; }
    .build_namea .adopt { font-size: 12px; color: #8c8c8c; font-weight: 400; padding-left: 6px; }
.build_introduce { color: #8c8c8c; font-size: 12px; line-height: 15px; padding-top: 4px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; }
.build_bu { padding: 12px 0 12px 65px; width: calc(100% - 65px); }
.build_bu_a1 { width: 80px; height: 32px; background-color: #472E92; border-radius: 4px; line-height: 32px; color: #fff !important; text-align: center; margin-right: 10px; display: inline-block; }

/*暂无数据*/
.Nodata_wrap { width: 100%; padding: 50px 0 0; text-align: center; height: 260px }
.Nodata_img { width: 93px; height: 93px; background: url("images/ballpub/Nodata_img.png") no-repeat center center; background-size: 93px 92px; margin: 0 auto; }
.Nodata_re { font-size: 14px; color: #8c8c8c; margin: 0 auto; padding: 20px 0 12px; }

/*同步球吧*/
.with_wrap { width: 100%; }
.with_msg { background-color: #EBEBEB; font-size: 12px; color: #8C8C8C; line-height: 28px; padding-left: 12px; }
.with_list { margin: 30px 20px 0; border-bottom: 1px solid #EBEBEB; padding-bottom: 10px; }
.with_tit { font-size: 16px; color: #8C8C8C; }
    .with_tit span { font-size: 14px; }
.with_choice { width: 100%; padding-top: 10px; margin-bottom: 10px; height: 32px; }
.with_choicema { float: left; width: 48%; font-size: 14px; color: #333; padding-right: 2%; }
.with_click { height: 16px; width: 16px; padding: 0px; border: 1px #C4C4C4 solid; background-color: #F5F5F5; border-radius: 2px; zoom: 0% !important; float: left; margin-top: 6px; }
    .with_click.off { background-color: #C4C4C4; }
    .with_click.on { border: 1px #e8641a solid; background-color: #e8641a; color: #fff; text-align: center; line-height: 16px; font-size: 12px; }
.with_head { width: 32px; height: 32px; margin: 0 8px; border-radius: 50%; float: left; }
.with_choicema a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; line-height: 32px; float: left; }

/**/