/** bbb-1601 lq 2022-01-18 */
.clearfix:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; line-height:0; }
.clearfix { zoom:1; /* for ie6 ie7 */}
.mb50 { margin-bottom: 50px; }
.s-warn { color: #ec3b3b !important; }
.f16 { font-size: 16px !important; }
.none { display: none; }
.cup { cursor: pointer; }

/* below the title */
.fr { float: right !important; }
.inform { 
    display: inline-block; vertical-align: middle; margin-top: -2px; color: #aaa; 
    background-image: ; background-repeat: no-repeat;
}
.inform.fr { float: right; margin-top: 0; }
.inform.fl { float: left; margin-top: 0; }
.inform.h32 { line-height: 32px; padding-left: 16px; background-position: 0 10px; }
.inform.h30 { line-height: 30px; padding-left: 16px; background-position: 0 10px; }
.inform.h20 { line-height: 20px; padding-left: 16px; background-position: 0 5px; }

/* text below */
.cont-share-opera { height: 36px; text-align: center; }
.cont-share-opera .item { position: relative; display: inline-block; vertical-align: middle; margin: 0 7px; }
.cont-share-opera .item .btn { 
    display: inline-block; vertical-align: middle;
    padding: 0 20px; height: 36px; line-height: 34px; border-radius: 36px; background-color: transparent; border: 1px solid #ddd; box-sizing: border-box;
    font-size: 14px; color: #666; cursor: pointer; 
}
.cont-share-opera .item .btn:hover { text-decoration: none; }
.cont-share-opera .ico-opera { 
    display: inline-block; vertical-align: middle; margin: -2px 10px 0 0; 
    background-image: ; 
}
.ico-opera.thumb { width: 16px; height: 18px; background-position: 0 0; margin-top: -6px; }
.ico-opera.share  { width: 17px; height: 18px; background-position: -30px 0; }
.ico-opera.inform { width: 16px; height: 18px; background-position: -60px 0; }
.ico-opera.sina { width: 24px; height: 24px; background-position: 0 -30px;} 
.ico-opera.wechat { width: 24px; height: 19px; background-position: -30px -30px; }
.cont-share-opera .popup {
    position: absolute; z-index: 5;
    background-color: #fff; box-shadow: 0 8px 16px rgba(44, 56, 65, 0.2); 
}
.cont-share-opera .popup:before { position: absolute; content: ''; border: 8px solid transparent; }
    /**/
.cont-share-opera .share-box { right: -145px; bottom: -50px; padding: 15px; }
.cont-share-opera .share-box:before { bottom: 60px; left: -16px; border-right-color: #fff; }
.cont-share-opera .share-box p { display: block; margin-bottom: 15px; line-height: 24px; font-size: 12px; color: #999; text-align: left; } 
.cont-share-opera .share-box p .ico-opera { margin-right: 16px; } 
.cont-share-opera .share-box img { display: block; margin: auto; width: 100px; height: 100px; }
    /**/
.cont-share-opera .inform-box {
    left: 50%; bottom: 60px; margin-left: -169px;
    width: 288px; padding: 25px;  text-align: center;
} 
.cont-share-opera .inform-box:before { bottom: -16px; left: 50%; margin-left: -8px; border-top-color: #fff; }
.cont-share-opera .inform-box .tit { font-size: 14px; font-weight: bold; }
.cont-share-opera .inform-box .tags-box { overflow: hidden; }
.cont-share-opera .inform-box .tags-box span { 
    float: left; padding: 0 5px; min-width: 64px; margin: 20px 10px 0; cursor: pointer;
    height: 32px; line-height: 32px; border: 1px solid #ddd; border-radius: 2px;
    font-size: 12px; white-space: nowrap; word-break: break-all; word-wrap: break-word; 
}
.cont-share-opera .inform-box .tags-box span:hover { color: #3560e6; border-color: #3560e6; }