@-webkit-viewport   { width: device-width; }
@-moz-viewport      { width: device-width; }
@-ms-viewport       { width: device-width; }
@-o-viewport        { width: device-width; }
@viewport           { width: device-width; }
h1,h2,h3,h4,h5,h6{font-weight: normal}
iframe{
    width: 100%;
}
*[disabled] {
    cursor: not-allowed!important;
    pointer-events: auto!important;
}

.link,
.link:focus {
    color: #005aa2;
}

.link:hover, 
.link:active
{
    color: #0385ED;
    text-decoration: none;
}
.text-danger-light{
    color: #ff4444;
}
.text-danger-light:hover{
    color: #e80f0f;
}

.nav-tabs.nav-justified > li > a{
    border-radius: 2px 2px 0 0;
}
.green-btn{
    color: #fff !important;
    text-shadow: 0 1px 0 #1d9300;
    background-color: #3bba00;
}
.green-btn:hover {
    background-color: #309700;
}
.green-btn:active {
    background-color: #309700;
}
.green-btn.is-active {
    border: 1px solid #cbcbcb;
    color: #6f6f6f !important;
      text-shadow: 0 1px 0px #fff;
    background-image:-webkit-linear-gradient(to top, #f4f5f5, #dedede);
    background:-moz-linear-gradient(to top,#f4f5f5,#dedede);/*Mozilla*/
    background:-o-linear-gradient(to top,#f4f5f5,#dedede); /*Opera11*/
    background-image:linear-gradient(to top,#f4f5f5,#dedede);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff4f5f5', endColorstr='#ffdedede', GradientType=0); /* IE*/
}

.light-blue-btn{
    padding: 2px 6px;
    border: 1px solid #63b1e8;
    color: #005599!important;
    font-size: 12px;
    background-image:-webkit-linear-gradient(to top, #dcf1fb, #ebf7ff);
    background:-moz-linear-gradient(to top,#dcf1fb,#ebf7ff);/*Mozilla*/
    background:-o-linear-gradient(to top,#dcf1fb,#ebf7ff); /*Opera11*/
    background-image:linear-gradient(to top,#dcf1fb,#ebf7ff);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdcf1fb', endColorstr='#ffebf7ff', GradientType=0); /* IE*/
}

.blue-btn{ background-image:-webkit-linear-gradient(to top, #2493e7, #3fa3ff);
    background:-moz-linear-gradient(to top,#2493e7,#3fa3ff);/*Mozilla*/
    background:-o-linear-gradient(to top,#2493e7,#3fa3ff); /*Opera11*/
    background-image:linear-gradient(to top,#2493e7,#3fa3ff);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2493e7', endColorstr='#ff3fa3ff', GradientType=0); /* IE*/
    color: #fff!important;
}

.blue-btn:active{
    background-image:-webkit-linear-gradient(to top, #3fa3ff, #2493e7);
    background:-moz-linear-gradient(to top,#3fa3ff,#2493e7);/*Mozilla*/
    background:-o-linear-gradient(to top,#3fa3ff,#2493e7); /*Opera11*/
    background-image:linear-gradient(to top,#3fa3ff,#2493e7);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3fa3ff', endColorstr='#ff2493e7', GradientType=0); /* IE*/
}

.orange-btn {
    background: #ffa812;
    color: #fff!important;
}
.orange-btn:hover { background: #ffb916;}
.orange-btn:active { background: #ff970e;}

.gray-btn{
    color: #6f6f6f;
    border: 1px solid #c1c1c1;
    background-image:-webkit-linear-gradient(to top, #e9e9e9, #f6f6f6);
    background-image:-moz-linear-gradient(to top,#e9e9e9,#f6f6f6);/*Mozilla*/
    background-image:-o-linear-gradient(to top,#e9e9e9,#f6f6f6); /*Opera11*/
    background-image:linear-gradient(to top,#e9e9e9,#f6f6f6);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe9e9e9', endColorstr='#fff6f6f6', GradientType=0);
}

.gray-btn:active{
    border: 1px solid #c1c1c1;
    background-image:-webkit-linear-gradient(to top, #f6f6f6, #e9e9e9);
    background-image:-moz-linear-gradient(to top,#f6f6f6,#e9e9e9);/*Mozilla*/
    background-image:-o-linear-gradient(to top,#f6f6f6,#e9e9e9); /*Opera11*/
    background-image:linear-gradient(to top,#f6f6f6,#e9e9e9);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6f6f6', endColorstr='#ffe9e9e9', GradientType=0);
}

/*没有内容时显示的图片*/
.info-icon {
    width: 69px;
    height: 99px;
    margin: 0 auto;
    background: url(../image/info-bg.png) 0 20px no-repeat;
}

h5.empty {
    text-align: center;
    font-size: 18px;
    color: #dcdcdc;
    padding: 20px 0;
}

#messagelogin .flb em{
    float: none;
}


/*****************************************************/

.ellipsis{
    width: 100%;
    white-space: nowrap;
    word-break:keep-all;
    overflow: hidden;
    text-overflow: ellipsis;
}

.indexellipsis{
    width: 100%;
}

.media-right-content{
    width:calc(100% - 80px);
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.media-right-content-item-left{
    width: calc(50% - 40px);
}
.media-right-content-item-right{
    width: calc(50% + 15px);
    border-left:1px solid #efefef;
}
.indexlinka a{
    display: inline-block;
    word-break: break-word;
}

.indexellipsis a{
    display: inline-block;
    word-break: break-word;
}

.edit-btn{
    width: 100%;
    padding: 12px 22px;
    color: #fff;
    font-size: 18px;
    background: #0385ed;
    border: 0;
    height: 50px;
    text-align: left;
}
.edit-btn .fa-pencil-square-o {
    margin-right: 22px;
    font-size: 28px;
    vertical-align: middle;
}
.edit-btn:hover, .edit-btn:focus{
    color: #fff;
    background: #0078d7;
}
/*主题列表 end*/

/*分页*/
.pg {
    float: none;
}
.pg a{
    background-color: transparent;
}
.pg a, .pg strong, .pgb a, .pg label{
    min-width: 38px;
    float: none;
    display: inline-block;
    margin-left: 6px;
    height: 38px;
    line-height: 38px;
    border: 0;
    color: #000;
}
.pg strong{
    background-color: #3ab701;
    color: #fff;
}
.pg a:hover{
    background-color: #969696;
    color: #fff;
}
.pg label{
    margin-bottom: 0;
}
.bm{
    margin: 50px 0 40px;
}
/*分页 end*/

/* window:弹窗 */
.window-overlay {
    display: none;
    width: 100%; height: 100%;
    position: fixed; top: 0; left: 0; z-index: 100;
    overflow-y: auto;
    padding: 40px 0;
    background-color: rgba(0,0,0,.5); text-align: center;
}

.window-overlay:before {
    content: '';display: inline-block; width: 1px; height: 100%;
    vertical-align: middle;
}

.window-overlay.is-active {
    display: block;
}

.window {
    display: none;
    vertical-align: middle;
    margin: auto;
    text-align: left; box-shadow: 0 0 30px rgba(0, 0, 0, .5);
}

.window.is-active {
    display: inline-block;
}
/* end */

/* 置顶贴和普通帖的分割元素 */
#separatorline {
    margin-top: -1px;
    border: 1px solid #e6e6e6;
    border-width: 1px 0;
    padding: 2px 5px;
    font-size: 14px;
    color: #6f6f6f;
    background-color: #f7f7f7;
}
/* end */

.content .thread .pull-left a.ellipsis {
    max-width: 130px;
    width: auto;
    display: inline-block;
    vertical-align: bottom;
}

.mask{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: .6;
    text-align: center;
}

.mask img{
    margin: 147px 0;
}

/*获取验证码*/
#time{
    display: none;
    font-size: 12px;
    line-height: 20px;
    cursor: default;
}
.disable{
    color: #fff;
}
.disable:hover{
    background-color: #fff;
    color: #eee;
}
.disable:active{
    background-color: #fff;
    color: #eee;
}
/*end*/

.more-link {
    border: 1px solid #e6e6e6;
    background-color: #fafafa;
    padding: 0 12px;
    border-radius: 0.76em;
    font: 12px/1.52 normal '宋体';
}
.more-link:hover {
    text-decoration: none;
    color: #333;
}

/* 输入框错误状态 */
.er {
    border-color: #a94442;
    background-color: transparent;
    background-image: none;
}

.er:focus {
    border-color: #a94442;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(169, 68, 66, .6)
}
/* end */

/*分享*/
#threadList .subject ul li .bdsharebuttonbox .bds_more{
    background: none;
    font-size: 18px;
    float: none;
    margin: 0;
    padding: 0;
}
#threadList .subject ul li .bdsharebuttonbox .bds_more:hover{
    text-decoration: none;
    line-height: 1;
    height: auto;
    opacity: 1;
    filter: alpha(opacity=100);
    color: #0078d9;
}
/*end*/

/*页头*/
.fix-topbar{
    z-index: 100;
    height: 45px;
    line-height: 45px;
    background-color: #0385ed;
    /*background-image: url(../image/nav_newyear.png);*/
    background-repeat: no-repeat;
    background-position: center;
}
.filterbar{
    background-color: rgba(3,133,237,0.9);
}
.fix-topbar a{
    color: #fff;
    text-decoration: none;
    position: relative;
}
.fix-topbar .festival-design{
    position: absolute;
    right: 1px;
    top: -13px;
    width: 55px;
    height: 24px;
    /*background: url(../image/hat_ch.png) no-repeat;*/
    background: url(../image/hat_newyear.png) no-repeat;
}
.fix-topbar .vertical-top img{
    vertical-align: top;
}
.fix-topbar .navbar-nav > li.active > a{
    background: rgba(0,0,0,0.1);
}
.fix-topbar .nav > li > a:hover,.fix-topbar .nav > li > a:focus {
    background: rgba(0,0,0,0.1);
}
.fix-topbar-post-box{
    position: relative;
}
.fix-topbar-post{
    position: absolute;
    left: -90px;
    top: 0;
}
.fix-topbar-post_icon{
    height: 22px;
    width: 24px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    background: url(../image/nav_icon.png) no-repeat 0 -126px;
}
.fix-topbar-post-quick{
    position: relative;
    top: -2px;
    left: -30px;
}

.fix-topbar-post .dropdown-menu{
    min-width: 98px;
}
.fix-topbar-post .post-topic{
    margin-left: 13px;
    padding:0 6px 0 6px;
}
/*页头 end*/

/*消息栏 start*/
.fix-topbar-msg{
    display: block;
    position: relative;
    padding: 0 16px;
    height: 65px;
    font-size: 1.4rem;
    font-weight: bold;
    text-align: center;
    z-index: 10;
}
.fix-topbar-msg.is-active {
    background: #f2ae2c;
}
.fix-topbar-msg .fix-topbar-msg-icon {
    top: 4px;
}
.fix-topbar-msg.is-active .fix-topbar-msg-icon {
    top: 1px;
}
.fix-topbar-newprompt{
    position: absolute;
    left: 0;
    bottom: 25px;
    width: 100%;
    height: 25px;
    color: #fff;
}
.fix-topbar-member{
}
.fix-topbar-member li{
    float: right;
    color: #fff;
    list-style: none;
}
.fix-topbar-member .fix-topbar_opbox{
    position: relative;
}
.fix-topbar_opbtn{
    display: block;
    padding: 0 12px 0 12px;
    cursor: pointer;
    background: transparent;
    border: none;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis; 
    text-overflow: ellipsis;
    font-weight: bold;
}
.fix-topbar_opbtn a>img{
    margin-right: 16px;
}
.fix-topbar_opbtn .icon-drop{
    width: 5px;
    height: 5px;
    display: inline-block;
    background: url(../image/drop.png) no-repeat;
    position: absolute;
    top: 50%;
    right: 5px;
}
.fix-topbar_opbtn .username {
    max-width: 130px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top;
}
.open > .fix-topbar_opbtn{
    background: #0377d5;
}
.fix-topbar_opcon{
    z-index: 5;
    top: 43px;
    right: 0;
    min-width: 110px;
    line-height: 35px;
    padding: 5px 0 0;
    border: none;
    box-shadow: none;
    background: #0377d5;
    border-radius: 0;
}
.fix-topbar_opcon a{
    display: block;
    padding: 2px 10px 2px 12px;
}
.fix-topbar_opcon a:hover,.fix-topbar_opcon a:active{
    background: #006DC5;
}

/*消息栏 end*/

/*nav icon*/
.nav-icon{
    display: inline-block;
    height: 14px;
    width: 18px;
    background: url(../image/nav_icon.png) no-repeat;
    vertical-align: middle;
    margin-right: 5px;
}
.icon-home{
    background-position: 0 -88px;
    margin-top: -3px;
}
.icon-logout{
    background-position: 2px -105px;
    margin-top: -2px;
}
/*nav icon*/

/*页脚*/
footer{
    padding: 80px 0 40px;
    margin-top: 40px;
    color: #444;
    width: 100%;
    overflow: hidden;
}

footer .inner{
    padding: 20px 0;
    border-top: 1px solid #e2dddc;
}
footer p{
    font-size: 12px;
    text-align: center;
}
#scrolltop{
    width: 50px;
    bottom: 160px;
    border: none;
    visibility: visible;
    background-color: transparent;
    left: 2000px;
}
#scrolltop > a{
    width: 50px;
    height: 50px;
    border-top: none;
    background: #95D479;
}
#scrolltop .fa{
    font-size: 40px;
    color: #fff;
}
#scrolltop .scrolltopa:hover{
    background: url(../image/top2.png) no-repeat;
    position: relative;
    z-index: 100;
    background-position: 0 0 !important;
}
#scrolltop .scrolltopa:hover .fa{
    display: none;
}

#scrolltop .scrolltop-guide{
    margin-top: 2px;
    background: #fff url(../image/common-icon.png) no-repeat 11px -227px;
}
#scrolltop .scrolltop-guide:hover{
    background: url(../image/new_guide.png) no-repeat;
}
#scrolltop .scrolltop-online{
    display: block;
    width: 50px;
    height: 50px;
    margin-top: 2px;
    background: #fff url(../image/common-icon.png) no-repeat;
    background-position: 7px -178px;
}
#scrolltop .scrolltop-online:hover{
    background-position: -47px -156px;
}
#scrolltop .scrolltop-comment{
    display: block;
    width: 50px;
    height: 50px;
    margin-top: 2px;
    background: #fff url(../image/common-icon.png) no-repeat;
    background-position: 8px -270px;
}
#scrolltop .scrolltop-comment:hover{
    background-position: -47px -208px;
}
#feedback{
    position: fixed;
    bottom: 212px;
    display: none;
    width: 50px;
    height: 50px;
    margin: -30px 0 0 2px;
    background: url(../image/top.png) no-repeat 0 0;
}
#feedback:hover{
    background-position: 0 -103px;
}
/*页脚 end*/

/*内容页start*/
body{
    padding-top: 60px;
}

/* 推荐帖子列表 */

.interest_person_content {
    padding-top: 20px;
    border-top: 1px solid #d3d3d3;
}

.recommendlist .list-content li {
    margin: 0 20px;
    height: 40px;
    border-bottom: 1px dotted #c1c1c1;
}
.recommendlist .list-content li:last-child{
    border-bottom: 0;
}
.recommendlist .list-content li a{
    display: inline-block;
    line-height: 40px;
}
.recommendlist {
    counter-reset: recommend_list_num;
}
.recommendlist .list-content_item {
    counter-increment: recommend_list_num;
}
.recommendlist .list-content_item a:before {
    content: counter(recommend_list_num,decimal-leading-zero);
    display: inline-block;
    line-height: 1.5;
    min-width: 1.5em;
    min-height: 1.5em;
    margin-right: 8px;
    text-align: center;
    font-weight: normal;
    border-radius: 2px;
}

.recommendlist .recommend-top1 {
    color: #f44;
}

.recommendlist .recommend-top2 {
    color: #ffa812;
}

.recommendlist .recommend-top3 {
    color: #3ab700;
}

.recommendlist .recommend-top1:before {
    background-color: #f44;
    color: #fff;
}

.recommendlist .recommend-top2:before {
    background-color: #ffa812;
    color: #fff;
}

.recommendlist .recommend-top3:before {
    background-color: #3ab700;
    color: #fff;
}
/* end */

/*感兴趣的人start*/
.interest_person-change{
    position: absolute;
    right: 20px;
    top: -2px;
    padding: 2px 10px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 24px;
    outline: none;
}
.interest_person-change:active{
    background: #eee;
}
.interest_person_content{
    list-style: none;
}
.interest_person_content li{
    padding: 15px 0;
    border-bottom: 1px dotted #C1C1C1;
}
.interest_person_content li:after,.interest_person_content li:before{
    display: table;
    content: '';
}
.interest_person_content li:after{
    clear: both;
}
.interest_person-pic{
    float: left;
    width: 50px;
}
.interest_person-pic img{
    width: 50px;
    height: 50px;
}
.interest_person-btn{
    position: relative;
    float: right;
    width: 80px;
    line-height: 50px;
}
.interest_person-btn .remove-btn{
    cursor: pointer;
    margin-left: 5px;
}
.interest_person-btn .remove-dec{
    position: absolute;
    bottom: -10px;
    left: 30px;
    width: 65px;
    background: #323232;
    line-height: 20px;
    color: #fff;
    text-align: center;
    border-radius: 4px;
}
.interest_person-btn .remove-dec:before{
    position: absolute;
    content: '▲';
    color: #323232;
    top: -14px;
    left: 26px;
}
.follow-btn,.followed-btn,.follow-btn:hover,.follow-btn:focus{
    padding: 4px 10px;
    color: #fff;
    text-decoration: none;
    background-image:-webkit-linear-gradient(to bottom, #40BD01, #2BA300);
    background:-moz-linear-gradient(to bottom,#40BD01,#2BA300);/*Mozilla*/
    background:-o-linear-gradient(to bottom,#40BD01,#2BA300); /*Opera11*/
    background-image:linear-gradient(to bottom,#40BD01,#2BA300);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2BA300', endColorstr='#ff40BD01', GradientType=0); /* IE*/
    border: 1px solid #3DAF06;
    border-radius: 2px;
}
.followed-btn,.followed-btn:hover,.followed-btn:focus{
    background-image:-webkit-linear-gradient(to bottom, #F3F3F3, #ECECEC);
    background:-moz-linear-gradient(to bottom,#F3F3F3,#ECECEC);/*Mozilla*/
    background:-o-linear-gradient(to bottom,#F3F3F3,#ECECEC); /*Opera11*/
    background-image:linear-gradient(to bottom,#F3F3F3,#ECECEC);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffECECEC', endColorstr='#ffF3F3F3', GradientType=0); /* IE*/
    border: 1px solid #ccc;
    color: #333;
    text-decoration: none;
}
.interest_person-detail{
    margin: 0 90px 0 60px;
    line-height: 25px;
}
.interest_person-detail a{
    color: #077CD9;
}
/*感兴趣的人end*/

/*投票帖子start*/
.poll {
    max-width: 100%;
    margin: 15px 0;
    display: inline-block;
    box-shadow: 2px 2px 0 0 #f2f2f2;
    border: 1px solid #E6E6E6;
}
.poll_show{
    display: inline-block;
    max-width: 100%;
    max-width:300px\9;
    padding: 10px 20px 10px 125px;
    background: url(../image/poll.gif) no-repeat 10px center;
}
.poll_show-tit{
    color: #0078D8;
    font-weight: bold;
    margin-bottom: 5px;
    max-width: 200px;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis; 
    text-overflow: ellipsis;
    font-size: 14px;
}
.poll_show-option{
    line-height: 18px;
    color: #000;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis; 
    text-overflow: ellipsis;
}
.poll_show-btn{
    margin-top: 5px;
    color: #0078D8;
    border: none;
    background: none;
    padding: 0;
    outline: none;
}
.poll_show-btn  .glyphicon{
    margin-left: 5px;
}
.poll_select{
    position: relative;
    display: inline-block;
    max-width: 100%;
    max-width: 500/9px;
    padding: 15px;
}
.poll_select-tit{
    color: #0078D8;
    font-weight: bold;
    margin-bottom: 5px;
    font-size: 14px;
    line-height: 18px;
}
.poll_select-btn-close{
    display: block;
    width: 100%;
    border: none;
    background: transparent;
    outline: none;
    color: #8F8F8F;
}
.poll_select-btn-close:hover{
    color: #E8800D;
}

.poll_select-btn-close i {
    margin: 0 4px;
}

.poll_detail-list{
    list-style: none;
    margin: 0 -15px 10px -15px;
    padding: 0 40px 5px 15px;
    border-bottom: 1px dotted #f9f9f9;
}
.poll_detail-list .poll_detail{
    display: inline-block;
    margin-right: 10px;
    color: #999;
}
.poll_form{
    margin-bottom: 10px;
}
.poll_form-option{
    display: block;
    font-weight: normal;
}
.poll_form-option input{
    vertical-align: top;
    margin-top: 6px;
}
.poll_form-pic{
    margin-left: 5px;
    color: #0092E8;
}
.poll_form-btn{
    padding: 4px 25px;
    background-image:-webkit-linear-gradient(to bottom, #40BD01, #2BA300);
    background:-moz-linear-gradient(to bottom,#40BD01,#2BA300);/*Mozilla*/
    background:-o-linear-gradient(to bottom,#40BD01,#2BA300); /*Opera11*/
    background-image:linear-gradient(to bottom,#40BD01,#2BA300);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2BA300', endColorstr='#ff40BD01', GradientType=0); /* IE*/
    border: 1px solid #3DAF06;
    margin-top: 8px;
    border-radius: 2px;
    color: #fff;
}
.poll_form-btn:disabled{
    background-image:-webkit-linear-gradient(to bottom, #e9e9e9, #eee); 
    background:-moz-linear-gradient(to bottom,#e9e9e9,#eee);/*Mozilla*/
    background:-o-linear-gradient(to bottom,#e9e9e9,#eee); /*Opera11*/
    background-image:linear-gradient(to bottom,#e9e9e9,#eee);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffEEEEEE', endColorstr='#ffe9e9e9', GradientType=0); /* IE*/
    border: 1px solid #d8d8d8;
    color: #000;
}
.poll_result{

}
.poll_result-tit{
    margin-bottom: 8px;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}
.poll_result-bar{
    height: 12px;
    margin-bottom: 10px;
    border-radius: 2px;
}
.poll_result-bar .progress-bar{
    background: #37B612;
}
.poll_result-vote{
    float: right;
    min-width: 100px;
    margin-left: 10px;
    color: #6E6E6E;
    line-height: 10px;
}
.poll_img-pop img {
    max-width: 100%;
}
/*投票帖子end*/

/*内容页end*/

/*common*/
.w100{width: 100px;}
.w80{width: 80px;}
.w120{width: 120px;}
.w122{width: 122px;}
.mt40{margin-top: 40px;}
.mt50{margin-top: 50px;}
.p10{padding: 10px;}
.pr10{padding-right: 10px;}
.plr50{padding-right: 50px;padding-left: 50px;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}
.mt5{margin-top: 5px;}
.mt35{margin-top: 35px;}
.mt30{margin-top: 30px;}
.mt10{margin-top: 10px;}
.mt80{margin-top: 80px;}
.mt8{margin-top: 8px;}
.mr10{margin-right: 10px;}
.mr5{margin-right: 5px;}
.ml3{margin-left: 3px;}
.ml5{margin-left: 5px;}
.ml10{margin-left: 10px;}
.ml20{margin-left: 20px;}
.mb5{margin-bottom: 5px;}
.mb15{margin-bottom: 15px;}
.mb10{margin-bottom: 10px;}
.mb14{margin-bottom: 14px;}
.mb18{margin-bottom: 18px;}
.mrl5{margin-left: 5px;margin-right: 5px;}
.mr20{margin-right: 20px;}
.mr15{margin-right: 15px;}
.mrl10{margin-left: 10px;margin-right: 10px;}
.pos-relative{position: relative;}
.table-cell{display: table-cell;vertical-align: middle;}
.nounderline:hover{text-decoration: none;}
.text-blue{color: #00a7ec;}
.text-white{color: #fff;}
.text-white:hover{color: #fff;}
.text-blue-deep{color: #0385ed;}
.text-333{color: #333;}
.text-black{color: #000;}
.text-grey{color: #6f6f6f;}
.text-999{color: #999;}
.text-666{color: #666;}
.text-ccc{color: #ccc;}
.text-danger-light{color: #ff0000;}
.text-warning-light{color: #ffa812;}
.bor-bottom-dotted{border-bottom: 1px dotted #e6e6e6;}
.border-hd{
    border-bottom: 1px dotted #e6e6e6;
    padding-bottom: 20px;
    color: #333;
    font-size: 30px;
}
.edit-font{
    font-size: 20px;
    vertical-align: middle;
}
.f12{font-size: 12px;}
.f14{font-size: 14px;}
/*common end*/

/* modal 组件 */

/* 定义窗体垂直水平居中 */
.modal.center {
    text-align: center;
}
.modal.center:before {
    content: '';
    display: inline-block;
    visibility: hidden;
    width: 1px;
    height: 100%;
    vertical-align: middle;
}

.modal.center .modal-dialog {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
}

/* 图片展示模型 */
.modal.picture-box .modal-dialog {
    width: auto;
    max-width: 80%;
}

.modal.picture-box .modal-content {
    overflow: hidden;
}

.modal.picture-box .modal-dialog img {
    max-width: 100%;
}
/* END */

/*tooltip不同样式*/
.tooltip-yellow.in {
  filter: alpha(opacity=100);
  opacity: 1;
}
.tooltip-yellow .tooltip-inner{
    background-color: #FBF8CD;
    color: #656565;
    border: 1px solid #EEE892;
}
.tooltip-yellow.top .tooltip-arrow{
    border-width: 6px 6px 0;
    border-top-color: #FBF8CD;
}

.avatar-honor_simg{
    position: absolute;
    height: 25px;
    width: 25px;
    display: block;
    right: -2px;
    bottom: -6px;
}

/* 帖子表 */

/* END */

/* 获得勋章提示框 */
.medal-fade{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,.4);
    z-index: 100;
}
.medal-fade_con{
    position: absolute;
    left: 50%;
    top: 50%;
    width: 590px;
    height: 482px;
    margin-top: -260px;  
    padding: 280px 110px 30px 94px;
    margin-left: -265px;
    background: url(../image/medal-fadebg.png) no-repeat center;
    text-align: center;
}
.medal-fade_con_bg2{
    height: 550px;
    width: 612px;
    padding: 300px 110px 30px 122px;
    margin-left: -290px;
    background: url(../image/medal-fadebg2.png);
    margin-top: -324px;
}
.medal-fade_firstmedal{
    position: absolute;
    display: block;
    left: 50%;
    top: 124px;
    margin-left: -81px;
}
.medal-fade_img{
    margin: 0 10px;
}
.medal-fade_con_bg2 .medal-fade_firstmedal{
    top: 120px;
    margin-left: -66px;
}
.medal-fade_firstmedal > img{
    height: 140px;
    width: 140px;
}
.medal-fade_btn{
    display: inline-block;
    width: 180px;
    height: 40px;
    margin-top: 20px;
    background: #fba002;
    border-bottom: 5px solid #cecece;
    border-radius: 2px;
    color: #fff;
    font-size: 20px;
    text-shadow: 0 2px 1px #f59202;
    line-height: 35px;
    cursor: pointer;
}
.medal-fade_btn:active{
    background: #f59202;
}
.medal-fade_close{
    display: inline-block;
    position: absolute;
    top: 162px;
    right: 84px;
    height: 14px;
    width: 14px;
    cursor: pointer;
    background: url(../image/medal-fadebtn.png);
}
.medal-fade_name{
    font-size: 25px;
    margin: 0 4px;
}
.medal-fade_num{
    color: #f65049;
    font-size: 30px;
    margin: 0 4px;
}
/* end */

/*勋章等级图标*/
.medal-icon{
    display: inline-block;
    width: 26px;
    height: 26px;
    background: url(../image/medal-icon.png) no-repeat;
    vertical-align: middle;
}
.medal-tech1{background-position: 0 0;}
.medal-tech2{background-position: -48px 0;}
.medal-tech3{background-position: -95px 0;}
.medal-tech4{background-position: -143px 0;}
.medal-tech5{background-position: -191px 0;}
.medal-tech6{background-position: -239px 0;}
.medal-tech7{background-position: -286px 0;}
.medal-tech8{background-position: -334px 0;}
.medal-tech9{background-position: -382px 0;}
.medal-tech10{background-position: -428px 0;width: 30px;}
.medal-tech11{background-position: -469px 0;width: 30px;}
.medal-tech12{background-position: -510px 0;width: 30px;}
.medal-tech13{background-position: -551px 0;width: 30px;}
.medal-tech14{background-position: -590px 0;width: 30px;}
.medal-tech15{background-position: -631px 0;width: 30px;}
.medal-create1{background-position: 0 -30px;}
.medal-create2{background-position: -48px -30px;}
.medal-create3{background-position: -95px -30px;}
.medal-create4{background-position: -143px -30px;}
.medal-create5{background-position: -191px -30px;}
.medal-create6{background-position: -239px -30px;}
.medal-create7{background-position: -286px -30px;}
.medal-create8{background-position: -334px -30px;}
.medal-create9{background-position: -382px -30px;}
.medal-create10{background-position: -428px -30px;width: 30px;}
.medal-create11{background-position: -469px -30px;width: 30px;}
.medal-create12{background-position: -510px -30px;width: 30px;}
.medal-create13{background-position: -550px -30px;width: 30px;}
.medal-create14{background-position: -590px -30px;width: 30px;}
.medal-create15{background-position: -630px -30px;width: 30px;}
.medal-devote1{background-position: 0 -61px;}
.medal-devote2{background-position: -48px -61px;}
.medal-devote3{background-position: -95px -61px;}
.medal-devote4{background-position: -143px -61px;}
.medal-devote5{background-position: -191px -61px;}
.medal-devote6{background-position: -239px -61px;}
.medal-devote7{background-position: -286px -61px;}
.medal-devote8{background-position: -334px -61px;}
.medal-devote9{background-position: -382px -61px;}
.medal-devote10{background-position: -428px -61px;width: 30px;}
.medal-devote11{background-position: -469px -61px;width: 30px;}
.medal-devote12{background-position: -510px -61px;width: 30px;}
.medal-devote13{background-position: -550px -61px;width: 30px;}
.medal-devote14{background-position: -590px -61px;width: 30px;}
.medal-devote15{background-position: -630px -61px;width: 30px;}
.medal-sign1{background-position: 0 -92px;}
.medal-sign2{background-position: -48px -92px;}
.medal-sign3{background-position: -95px -92px;}
.medal-sign4{background-position: -143px -92px;}
.medal-sign5{background-position: -191px -92px;}
.medal-sign6{background-position: -239px -92px;}
.medal-sign7{background-position: -286px -92px;}
.medal-sign8{background-position: -334px -92px;}
.medal-sign9{background-position: -382px -92px;}
.medal-sign10{background-position: -428px -92px;width: 30px;}
.medal-sign11{background-position: -469px -92px;width: 30px;}
.medal-sign12{background-position: -510px -92px;width: 30px;}
.medal-sign13{background-position: -551px -92px;width: 30px;}
.medal-sign14{background-position: -590px -92px;width: 30px;}
.medal-sign15{background-position: -631px -92px;width: 30px;}
.medal-senior1{background-position: 0 -156px;}
.medal-senior2{background-position: -48px -156px;}
.medal-senior3{background-position: -95px -156px;}
.medal-senior4{background-position: -143px -156px;}
.medal-senior5{background-position: -191px -156px;}
.medal-senior6{background-position: -239px -156px;}
.medal-senior7{background-position: -286px -156px;}
.medal-senior8{background-position: -334px -156px;}
.medal-senior9{background-position: -382px -156px;}
.medal-senior10{background-position: -428px -156px;width: 30px;}
.medal-senior11{background-position: -469px -156px;width: 30px;}
.medal-senior12{background-position: -510px -156px;width: 30px;}
.medal-senior13{background-position: -551px -156px;width: 30px;}
.medal-senior14{background-position: -590px -156px;width: 30px;}
.medal-senior15{background-position: -631px -156px;width: 30px;}
.medal-junior1{background-position: 0 -124px;}
.medal-junior2{background-position: -48px -124px;}
.medal-junior3{background-position: -95px -124px;}
.medal-junior4{background-position: -143px -124px;}
.medal-junior5{background-position: -191px -124px;}
.medal-junior6{background-position: -239px -124px;}
.medal-junior7{background-position: -286px -124px;}
.medal-junior8{background-position: -334px -124px;}
.medal-junior9{background-position: -382px -124px;}
.medal-junior10{background-position: -428px -124px;width: 30px;}
.medal-junior11{background-position: -469px -124px;width: 30px;}
.medal-junior12{background-position: -510px -124px;width: 30px;}
.medal-junior13{background-position: -551px -124px;width: 30px;}
.medal-junior14{background-position: -590px -124px;width: 30px;}
.medal-junior15{background-position: -631px -124px;width: 30px;}
/*勋章等级图标 end*/

/* table-panel */
.panel table {
    width: 100%;
}

.panel .tow-row-table > tbody > tr > td{
    width: 50%;
    padding: 12px 0;
    text-align: center;
}

.panel-heading h5{
    font-weight: bold;
}

.promotion-panel .panel-body .media{
    border-bottom: 1px dotted #c1c1c1;
}
.media-body{
    position: relative;
}
.media-heading .btn-bottom{
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 12px;
}
.media-left-image-link{
    display: block;
    min-width: 150px;
    min-height: 100px;
}
.promotion-panel .media img{
    max-width: 100%;
}

.question-panel .panel-body{
    height: 368px;
    padding: 0px 20px;
    overflow: hidden;
}
.question-panel .media{
    padding-bottom: 15px;
    padding-top: 10px;
    margin-top: 0;
}

.question-panel .media .media-heading {
    margin-bottom: 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.thread_infos-qus{
    max-width: 176px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
/* 发帖提示框 */
.sec_post-button-box {
    padding: 80px 0;
    text-align: center;
    font-size: 0;
}
.sec_post-button-box--small {
    padding: 20px 0;
}
.sec_post-button-icon {
    display: inline-block;
    background-position: center;
}
.sec_post-button-icon--question {
    width: 83px;
    height: 90px;
    background: url(../image/question-icon.png) no-repeat;
}
.sec_post-button-icon--warn {
    width: 83px;
    height: 90px;
    background: url(../image/warn-icon.png) no-repeat;
}
.sec_post-button-icon--bad {
    width: 83px;
    height: 83px;
    background: url(../image/not-found.png) no-repeat;
}
.sec_post-button-icon--on-follow {
    width: 142px;
    height: 119px;
    background: url(../image/no-follow.png) no-repeat;
}
.sec_post-button-icon--on-question {
    width: 136px;
    height: 101px;
    background: url(../image/no-question.png) no-repeat;
}
.sec_post-button-tip {
    margin-top: 10px;
    color: #999999;
    font-size: 14px;
}
.sec_post-button {
    display: inline-block;
    width: 90px;
    line-height: 16px;
    margin-top: 10px;
    color: #fff;
    text-align: center;
    text-shadow: -1px -1px 0 #015ed4;
    background-color: #0286e5;
    background-image: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.1));
}
.sec_post-button:hover, .sec_post-button:focus {
    color: #fff;
    text-decoration: none;
}
.sec_post-button:active {
    background-image: -webkit-linear-gradient(bottom, #0286e5, #0179d8);
}
/* END */

/* online-consult */
.online-consult {
    position: relative;
    margin-bottom: 14px;
    padding-bottom: 58px;
}

.online-consult_btn,
.online-consult_btn:hover,
.online-consult_btn:focus {
    position: relative;
    width: 100%;
    height: 54px;
    padding-left: 20px;
    background: #FF7F10;
    color: #fff;
    border: none;
    font-size: 18px;
    border-radius: 2px;
    text-align: left;
}
.online-icon{
    background-position: -70px -24px;
    width: 32px;
    height: 32px;
    margin-right: 20px;
    -webkit-animation: rotate 0.6s ease-in-out infinite alternate;
    -o-animation: rotate 0.6s ease-in-out infinite alternate;
    -moz-animation: rotate 0.6s ease-in-out infinite alternate;
    animation: rotate 0.6s ease-in-out infinite alternate;
}
@-webkit-keyframes rotate
{
    0%   {-webkit-transform:rotate(10deg);}
    100% {-webkit-transform:rotate(-10deg);}
} 
@keyframes rotate
{
    0%  {
        transform:rotate(10deg);
        -ms-transform:rotate(10deg);   
        -moz-transform:rotate(10deg); 
        -o-transform:rotate(10deg); 
    }
    100% {
        transform:rotate(-10deg);
        -ms-transform:rotate(-10deg); 
        -moz-transform:rotate(-10deg); 
        -o-transform:rotate(-10deg); 
    }
} 

.online-consult_btn .glyphicon {
    position: absolute;
    right: 24px;
    top: 21px;
    font-size: 16px;
}

.online-consult .dropdown-menu {
    width: 100%;
    margin-top: -2px;
    border: 1px solid #ff7f10;
}

.online-consult_tip {
    margin-left: 136px;
    display: block;
    line-height: 24px;
    font-family: 'songti';
    color: #6f6f6f;
}

/* online-consult end */

/* 签到按钮 */
.sign-btn-wrap{
    position: relative;
    margin-bottom: 14px;
}
.sign-btn{
    display: table;
    width: 100%;
    padding: 2px;
    background: #0385ED;
    border-radius: 2px;
    font-family: Verdana,Sans-serif;
}
.sign-info{
    position: relative;
    display: table-cell;
    font-size: 16px;
    color: #fff;
    vertical-align: middle;
    text-align: center;
}
.sign-info.has_sign{
    font-size: 16px;
}
.sign-calender-icon{
    position: absolute;
    left: 14px;
    top: 10px;
    display: inline-block;
    width: 32px;
    height: 32px;
    background: url(../image/btn_index.png) 0 -602px;
}
.sign-num{
    display: table-cell;
    width: 48%;
    padding: 2px 0;
    vertical-align: middle;
    background-color: #fff;
}
.sign-date{
    display: block;
    font-size: 12px;
}
.sign_pop{
    position: fixed;
    top: 40%;
    left: 50%;
    display: none;
    margin-left: -170px;
    width: 340px;
    padding: 15px;
    background: #fff;
    border: 8px solid rgba(0,0,0,0.2);
    border-radius: 4px;
    text-align: center;
    font-size: 16px;
}
.sign-text-red{color: #ff4444;margin: 0 2px;}
/* end */

/* 订阅 */
.subscribe-panel-heading {
    margin-top: 20px;
    border-bottom: 1px dotted #e6e6e6;

}

.subscribe-panel-heading .h2{
    color: #ffa812;
}

.subscribe-panel-heading .h6{
    margin: 10px 0;
}

.subscribe-panel-body{
    color: #333;
}

.subscribe-panel-body .h5{
    margin: 20px 0;
    font-weight: bold;
}

.subscribe-panel-body .checkbox{
    margin-bottom: 20px;
    padding: 0;
}

.subscribe-panel-body .subscribe-item .form-control{
    width: 400px;
}

.subscribe-panel-body .subscribe-item .list-group{
    width: 400px;
}
.subscribe-item{
    margin-bottom: 20px;
}
/* end */

h4 small, .h4 small{
    font-size: 14px;
}
h4 small a, .h4 small a{
    vertical-align: middle;
}

/* 版内搜索条 */
.navbar-search .form-control{
    height: 27px;
    border-right: 0;
    border-color: #c1c1c1;
}
.navbar-search .input-group-btn .btn{
    height: 27px;
    padding: 2px 12px;
    border-left: 0;
    border-color: #c1c1c1;
}
/* end */

/* 视频*/
.video-panel .carousel-control{
    display: none;
}
.video-panel .carousel{
    padding-bottom: 30px;
}
.video-panel .carousel-indicators{
    bottom: 6px;
}
.video-panel .carousel-indicators li{
    width: 7px;
    height: 7px;
    margin: 0 5px;
    background-color: #c1c1c1;
    border: 0;
}
.video-panel .carousel-indicators .active{
    width: 8px;
    height: 8px;
    border: 1px solid #c1c1c1;
    box-shadow: 0 0 1px #fff inset;
}
.video-panel .video-js{
    width: 100%;
}

.navbar-search{
    padding: 0 20px;
    margin: 7.5px 0;
}

/* 邮件激活 */
.email-active{
    padding: 80px 0;
}
.email-active .email-icon{
    display: inline-block;
    width: 86px;
    height: 86px;
    margin-right: 20px;
    background: url(../image/email-icon.png) no-repeat;
    vertical-align: middle;
}
/* end */
.send-pm-btn {
    min-width: 6em;
    font-size: 12px;
}

.reward {
/*    margin-right: 10px;*/
    color: #f44;
}
.reward.text-333{
    color: #333;
}
.reward:before,
.reward-lg:before,
.reward-lger:before{
    content: ' ';
    display: inline-block;
    margin-right: 5px;
    background: url(../image/s-bean.png) no-repeat left center;
    width: 12px;
    height: 14px;
    padding-left: 12px;
    margin-top: -3px;
    vertical-align: middle;
}
.reward-lg:before{
    background: url(../image/s-bean-big.png) no-repeat left center;
    width: 22px;
    height: 24px;
    margin-top: 0;
}
.reward-lger:before{
    background: url(../image/sbean-biger.png) no-repeat left center;
    width: 68px;
    height: 56px;
    margin-top: -20px;
}
@font-face {        
    font-family: 'Black Font';        
    src: url('font/FZLTHJW.eot');    
    src: url('font/FZLTHJW.eot?#iefix') format('embedded-opentype'),                 
         url('font/FZLTHJW.ttf')  format('truetype');     
}
.blackfont{
    font-family: 'Black Font';
}

/*达人*/
.each-talent {
    padding: 20px 0;
    margin: 0 20px;
    border-bottom: 1px dotted #c1c1c1;
    width: 243px;
}
.talentlist .btns {height: 40px; padding: 10px 20px;}
.talentlist .btns .btn {height: 20px; width: 20px; padding: 0; margin-left: 8px;}

#pt {font-size: 12px;margin: 0 0 10px;}

/* 获取验证码按钮调大 */
#codeBtn.btn,#time.btn{padding: 9px 12px;}

/* s豆获取弹窗 */
.sbean_modal .modal-dialog{
    width: 460px;
}
.sbean_modal-con{
    padding-top: 10px;
    text-align: center;
    font-size: 16px;
    color: #333;
}
.sbean_modal-tit {
    position: absolute;
    top: 218px;
    width: 100%;
    left: 0;
    font-size: 26px;
    font-weight: normal;
}
.sbean_modal-close{
    position: absolute;
    right: 15px;
    top: 15px;
    height: 16px;
    width: 16px;
    background: url(../image/sbean-close.png) no-repeat;
    cursor: pointer;
}
.sbean_modal-btm {
    height: 48px;
    margin-top: 28px;
    line-height: 48px;
    color: #fff;
    background: #FFB522;
    cursor: pointer;
}
.sbean_modal-btn{
    display: inline-block;
    width: 45%;
    color: #fff;
}
.sbean_modal-btn:hover{
    color: #fff;
}

/*信息提示图标*/
.success-icon,
.warning-icon,
.process-icon,
.error-icon{
    width: 60px;
    height: 60px;
    display: inline-block;
    vertical-align: middle;
    background: url(../../../../static/image/sf/common/success.png);
}
.warning-icon{
    background: url(../../../../static/image/sf/common/warning.png);
}
.process-icon {
    background: url(../../../../static/image/sf/common/process.png);
}
.error-icon{
    background: url(../../../../static/image/sf/common/error.png);
}
.warn-icon-yel{
    width: 32px;
    height: 32px;
    display: inline-block;
    vertical-align: middle;
    background: url(../../../../static/image/sf/common/warning-icon.png);
}

/*推荐版块*/
.recommend-item{
    position: relative;
    height: 160px;
    padding: 0;
    border-bottom: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    overflow: hidden;
}
.recommend-item.nobor{border-right: 0;}
.recommend-item_over{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 160px;
    padding: 0;
    text-align: center;
    background-color: #fff;
    overflow: hidden;
}
.recommend-active{
    height: 0;
    opacity: 0;
    -webkit-transition-property: opacity,height;
    -ms-transition-property: opacity,height;
    -moz-transition-property: opacity,height;
    -o-transition-property: opacity,height;
    transition-property: opacity,height;
    -webkit-transition: 0.3s linear;
    -moz-transition: 0.3s linear;
    -ms-transition: 0.3s linear;
    -o-transition: 0.3s linear;
    transition: 0.3s linear; 
} 
.recommend-icon{
    display: inline-block;
    width: 105px;
    height: 74px;
    margin-top: 28px;
    background: url(../image/forum-icon.png) no-repeat;
}
.recommend-icon.icon-re62{
    background-position: -118px 0;
}
.recommend-icon.icon-re61{
    background-position: 0 -78px;
}
.recommend-icon.icon-re1{
    background-position: -118px -78px;
}
.recommend-item_list{
    font-size: 12px;
    padding-left: 45px;
    padding-top: 20px;
    line-height: 20px;
    color: #1a88ed;
    background-color: #fff;
}
.recommend-item_list li{list-style: inherit;}

/*评论帖子列表样式*/
.replylist{
    position: relative;
}
.replylist .aimg_tip{
    display: none;
}
.replylist .media-left{
    border-bottom: 1px solid #ddd;
}
.replylist .media-body{
    position: static;
    border-bottom: 1px solid #ddd;
}
.reply-title{
    padding-bottom: 2px;
}
.reply-con{
    color: #333;
}
.reply-con i{
    font-style: italic;
}
.reply-con img{
    max-width: 50%;
}
.replylist .reply-btn {
    border: 1px solid transparent;
}
.replylist .reply-btn.is-active {
    border-color: #e4e9f2;
    border-bottom-color: transparent;
    background-color: #f7f8fa;
    margin-bottom: -1px;
}
.replylist .reply-btn > a,
.replylist .reply-btn > a:hover,
.replylist .reply-btn > a:focus{
    color: #0078d9;
    background: transparent;
}
.replylist .nav{
    position: relative;
    font-size: 12px;
    z-index: 1;
}
.replylist .nav > li > a{
    padding: 6px 12px;
}
.replylist .nav .fa-thumbs-up{
    font-size: 16px;
}
/* 杂碎 */

/* 公告轮播 */
.announce-time{
    font-size: 12px;
    color: #aaaaaa;
    margin-left: 28px;
    margin-bottom: 0;
}

.list-group-item-dot{
    margin-left: 20px;
    margin-right: 20px;
    padding: 6px 0;
    height: 100%;
    border-style: dotted;
}
.announce-panel{
    background: #fff;
    border: 1px solid #e6e6e6;
    border-bottom: none;
    border-radius: 2px;
}
.announce-panel .panel-body {
    height: 60px;
    padding: 0 20px;
    overflow: hidden;
}
.announce-panel .media{
    margin-top: 0;
    padding-top: 10px;
    height: 60px;
}
/* end */

/**/
.label-fontcolor {
    color: #0385ED;
}
.label.label-fontcolor:hover{
    color: #0060ad;
}
.label-fontcolor.label-primary,
.label-fontcolor.label-primary:hover
{
    color: #fff;
}

/*畅所欲言模块*/
.panel-body .free-speaking{
    border-bottom: 1px dotted #c1c1c1;
    padding-bottom: 15px;
    padding-top: 3px;
    font-size: 12px;
    max-height: 90px;
}

.panel-body .free-speaking:first-child{
    padding-top: 0;
    margin-top: -15px;
}

.panel-body .free-speaking:last-child{
    border-bottom: 0;
    padding-bottom: 0;
}

.free-speaking .fa{
    color: #cdcdcd;
    margin-right: 5px;
}
.free-speaking h5{
    line-height: 20px;
    margin-bottom: 7px;
}

.vip .vipuser {
    color: #ff8a00;
}
/* end */

.abs.flbc {
    position: absolute;
    top: 10px;
    right: 10px;
}

/* 社区之星 */
.bbsstar .panel-body{
    padding-top: 40px;
}

.bbsstar .fa{
    color: #000;
    font-size: 15px;
    width: 15px;
    height: 15px;
    line-height: 12px;
    background-color: #ffffff;
    border: 1px solid #c3c3c3;
    text-align: center;
}

.bbsstar .dropdown .dropdown-menu{
    text-align: center;
    left: 0;
}

.bbsstar-img{
    display: block;
    position: relative;
    margin-bottom: 20px;
}
.bbsstar-img img{
    border: 1px solid #ddd;
}
.panel-body .vip-border{
    border:2px solid #ffc47e;
    border-radius: 50%;
}
.bbsstar-icon{
    position: absolute;
    bottom: -6px;
    width: 110px;
    height: 24px;
    left: 50%;
    margin-left: -55px;
    background: url(../image/common-icon.png) no-repeat;
}
.bbsstar-icon.icon1{
    background-position: 0 0;
}
.bbsstar-icon.icon2{
    background-position: 0 -95px;
}
.bbsstar-icon.icon3{
    background-position: 0 -63px;
}
.bbsstar-icon.icon4{
    background-position: 0 -31px;
}
.bbsstar .reward{
    margin-right: 0;
}
.bbsstar-vip{
    position: absolute;
    height: 25px;
    width: 25px;
    display: block;
    right: 3px;
    top: 40px;
    background: url(../../../../static/image/sf/common/svip.png) no-repeat;
}
.bbsstar-tip{
    display: inline-block;
    padding: 3px 14px;
    margin-top: 25px;
    background-color: #f6f6f6;
    border: 1px solid #ddd;
    font-size: 12px;
    border-radius: 15px;
}

.star-one{
    border-bottom: 1px dashed #ccc;
    margin-bottom: 16px;
}
.star-one>.bbsstar-img>.img-circle{
    width: 100px;
    height: 100px;
}
.bbsstar-user{

}
.star-sbean{
    width: 140px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    border-radius: 12px;
    background-color: #fff9e3;
    color: #f7bc00;
}
.bbsstar-details{

}
.bbsstar-details>p{
    font-size: 14px;
    color: #333;
    margin-left: 10px;
    margin-bottom: 15px;
}
.panel-body .star-one:last-child{
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}
.bbsstar-name{
    font-size: 16px;
    margin-left: 10px;
}
/* end */

/*首次注册弹窗*/
.firstconfirm-wrap{
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.5);
    z-index: 200;
}
.firstconfirm{
    position: relative;
    width: 715px;
    margin: 0 auto;
    margin-top: 100px;
}
.firstconfirm .panel-heading,
.powerconfirm .panel-heading{
    height: 40px;
    font-size: 16px;
    line-height: 28px;
    background-color: #e4f4fc;
    color: #0385ED;
}
.powerconfirm{
    margin-bottom: 0;
    width: 715px;
    margin-left: -57px;
}
.firstconfirm-ft{
    border-top: 1px dotted #ddd;
    padding-top: 20px;
    margin-top: 50px;
}
.firstconfirm .seccode-box{
    margin-bottom: 10px;
}
.firstconfirm .seccode-box input[name='seccodeverify']{
    width: 192px !important;
}
.firstconfirm .seccode-box>div>div>span>span>span>img{
    display: none;
}
.firstconfirm .seccode-box>div>div>span>span>img{
    width: 118px;
    height: 40px;
    display: inline-block;
    vertical-align: top;
    margin: 1px 0 0 0;
}
.firstconfirm .seccode-box #seccodechecktip{
    margin-top: -10px;
}
/*end*/

/*conmmon icon*/
.icon-common{
    display: inline-block;
    background: url(../image/common-icon.png) no-repeat;
    vertical-align: middle;
}
.icon-jewel{
    width: 25px;
    height: 22px;
    background-position: 0 -122px;
    margin-right: 5px;
}
.icon-qus{
    width: 30px;
    height: 35px;
    background-position: -28px -120px;
}
.icon-sug{
    width: 30px;
    height: 35px;
    background-position: -61px -120px;
}
.icon-share{
    width: 34px;
    height: 35px;
    background-position: 0 -150px;
}
.icon-satisfy{
    width: 202px;
    background-position: 0 -332px;
    height: 30px;
    font-size: 34px;
    font-weight: bold;
    line-height: 28px;
}
.icon-credits{
    color: #f44;
}
.icon-credits:before{
    content: ' ';
    display: inline-block;
    margin-right: 5px;
    background: url(../image/common-icon.png) no-repeat;
    width: 16px;
    height: 18px;
    padding-left: 12px;
    margin-top: -3px;
    vertical-align: middle;
    background-position: -98px -120px;
}
/*end*/
.user_level{
    padding: 0 4px;
    font-weight: normal;
}

/* VIP/合作伙伴认证banner轮播 */
.authentication .carousel-indicators li{
    display: none;
}

.authentication .carousel-control{
    width: 15px;
    height: 15px;
    cursor: pointer;
}

.authentication .carousel-control .fa{
    margin-top: 1px;
    color: #000;
    font-size: 15px;
    width: 15px;
    height: 15px;
    line-height: 12px;
    background-color: #ffffff;
    border: 1px solid #c3c3c3;
    display: none;
}

.authentication .carousel-control .fa-angle-left{
    margin-left: 220px;
}

.authentication .carousel-control .fa-angle-right{
    margin-right: 10px;
}

.authentication:hover .fa{
    display: block;
}
/* end */

/*数据展示：在线咨询总接入量、论坛总帖数、资料总帖数*/
.datedata {
    margin-top: -16px;
}
.datedata .panel-body{
    padding-top: 0;
    padding-bottom: 0;
}
.datedata .panel-body .showdata{
    border-bottom: 1px dotted #c1c1c1;
    height: 54px;
    line-height: 54px;
}
.datedata .panel-body .last-child{
    border-bottom: 0;
}
.showdata .title{
    font-size: 14px;
    color: #333;
    font-weight: normal;
    margin-left: -7px;
}
.showdata .new{
    height: 14px;
    font-size: 10px;
    color: #fff;
    background: #0385ED;
    border-radius: 2px;
    line-height: 14px;
    margin-left: -9px;
    padding: 0 3px;
}
.showdata .pull-right{
    font-size: 18px;
    color: #aaa;
}
/*end*/

/* 图标链接（S豆商城、幸运大转盘、勋章中心）*/
.iconlink .panel-body{
    width: 100%;
    height: 100%;
    padding: 0;
}
.iconlink span{
    display: inline-block;
    height: 100%;
    width: 33.3%;
    padding-top: 2px;
    float: left;
    text-align: center;
}
.iconlink span:hover h6{
    color: #0485ed;
}
.iconlink h6{
    margin-top: 2px;
    color: #666;
}
/*end*/
/*mcalendar*/
.mcalendar{
}
.mcalendar-heading{
    padding: 8px 15px;
    background-color: #0385ed;
    color: #fff;
}
.mcalendar-heading > a{
    color: #fff;
}
.mcalendar-body{
    text-align: center;
}
.mcalendar-thread{
    display: table;
    width: 100%;
    border-left: 1px solid #f7f7f7;
    border-right: 1px solid #f7f7f7;
}
.mcalendar-thread > span{
    display: table-cell;
    padding: 8px;
    width: 12.28%;
}
.mcalendar-tbody{
    border-right: 1px solid #f7f7f7;
    border-top: 1px solid #f7f7f7;
}
.mcalendar-tbody-tr{
    display: table;
    width: 100%;
}
.mcalendar-tbody-tr > span{
    position: relative;
    display: table-cell;
    width: 12.28%;
    border-left: 1px solid #f7f7f7;
    border-bottom: 1px solid #f7f7f7;
    padding: 10px;

}
.mcalendar-tbody-tr > span.sign-active{
    background-color: #0386ed;
    color: #fff;
}
.mcalendar-tbody-tr > span.sign-active:after{
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    bottom: 0;
    right: 0;
    background-color: #fff;
}
.mcalendar-tbody-tr > span.sign-active:before{
    content: ' ';
    position: absolute;
    font-size: 12px;
    left: 0;
    top: -1px;
    right: 0;
    transform: scale(0.6,0.6);
}
.mcalendar-tbody-tr > span.sign-active.signed:before{
    content: ' ';
}
.mcalendar-tbody-tr .selected{
    position: absolute;
    left: 65%;
    top: 46%;
    color: #00a7ec;
}
.mcalendar-tbody-tr .sign-active .selected{
    color: #fff;
}
/*end*/
/*dot-list*/
.dot-list{
    color: #0386ed;
    padding-left: 18px;
    line-height: 30px;
}
.dot-list > li{
    list-style: disc;
}
/*end*/

/*sign-line*/
.sign-line{
    position: relative;
    padding: 0;
    border-radius: 10px;
    box-shadow: 0px 0px 0px 3px #fafafa;
}
.sign-line-in{
    position: relative;
    z-index: 2;
    height: 6px;
    border-radius: 10px;
    background-color: #bfbfbf;
    border: 1px solid #fff;
}
.sign-line-activein{
    position: absolute;
    top: 1px;
    left: 0px;
    width: 100%; 
    height: 4px;
    z-index: 3;
    background-color: #ffc61f;
    border-radius: 10px;
}
.sign-line-dot{
    position: absolute;
    top: -8px;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin-left: -14px;
    border-radius: 50%;
    border: 1px solid #fff;
    box-shadow: 0px 0px 0px 3px #fafafa;
}
.sign-line-dot.dot1{
    left: 16%;
}
.sign-line-dot.dot2{
    left: 49%;
}
.sign-line-dot.dot3{
    left: 81%;
}
.sign-line-dot:after{
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    height: 18px;
    width: 18px;
    background-color: #bfbfbf;
    border-radius: 50%;
    z-index: 4;
}
.sign-line-dot.active:after{
    background-color: #ffc61f;
}
.sign-line-locat{
    position: absolute;
    top: -84px;
    margin-left: -58px;
    z-index: 4;
}
.sign-line-locat > .locat-point{
    display: inline-block;
    width: 37px;
    height: 52px;
    padding-top: 4px;
    background: url(../image/plug-sign-dot.png) no-repeat;
}
.sign-line-locat > .locat-point > img{
    height: 28px;
    width: 28px;
}
.modal-open .modal.signModal{
    overflow-y: hidden;
}
.sign_share{
    width: 590px;
    min-height: 350px;
    padding: 35px 55px;
    text-align: center;
    background: url(../image/plug-sign-s.png) no-repeat center 12px;
}
.sign_share-inner{
    margin: 145px auto 100px;
    width: 305px;
    background: #fafafa;
    padding: 5px 0 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    text-align: center;
}
/*end*/
.sfbbs-scroll::-webkit-scrollbar {
    width: 6px;
}
.sfbbs-scroll::-webkit-scrollbar-track {
    background: transparent;
}
.sfbbs-scroll::-webkit-scrollbar-button    {
    display: none;
}
.sfbbs-scroll::-webkit-scrollbar-track-piece {
    background: #fefefe;
}
.sfbbs-scroll::-webkit-scrollbar-thumb{
    background: #ddd;
    border-radius: 4px;
}
/*广告位*/
.adblock_header{
    position: relative;
    text-align: center;
    margin: 0 auto;
}
.adblock_header .close{
    position: absolute;
    right: 0;
    top: 0;
    background-color: rgba(0,0,0,0.5);
    color: #fff;
    text-shadow: none;
    opacity: 0.8;
    padding: 2px 3px;
    font-size: 18px;
}
.adblock_header .close:hover{
    opacity: 1;
}

/*最活跃帖子*/
.activelist .activelist-more{
    float: right;
}
.activelist .activelist-loop{

    border-bottom: 1px dashed #ccc;
    margin-bottom: 20px;
}
.panel-body .activelist-loop:last-child{
    border-bottom: none;
    margin-bottom: 0px;
}
.activelist .activelist-user{
    text-align: center;
}
.activelist .activelist-author{
    margin-top: 5px;
    margin-bottom: 5px;
}
.activelist .activelist-post{
    padding-right: 15px;
}
.activelist .activelist-titlebox{
    overflow: hidden;
    margin-bottom: 5px;
}
.activelist .activelist-title{
    float: left;
    font-size: 16px;
}
.activelist .activelist-dateline{
    float: right;
    color: #999;
}
.activelist .activelist-summary{
    word-break: break-all;
}
.activelist .activelist-summary>span{
    color: #333;
}
.activelist .activelist-num{
    overflow: hidden;
    margin-top: 6px;
    margin-bottom: 15px;
    color: #999;
}
.activelist .activelist-last{
    float: right;
}

.activelist .activelist-num>span{
    float: left;
    color: #999;
}
.activelist .activelist-mar{
    margin-left: 20px;
}
/*end*/
/*外链*/
.linklist{
    margin-bottom: 15px;
}
.linklist .link-title{
    color:#000;
    font-weight: 400;
    font-size: 16px;
    margin-top: 0px;
}
.linklist .link-1{
    padding-top: 10px;
}
.linklist .link-1 a{
    margin-right: 12px;
}
.linklist .link-1 a:last-child{
    margin-right: 0px;
}
/*end*/
/*跳转blog*/
.switch{
    margin-bottom: 15px;
}
.switch.showlink0{
    display: none;
}
.switch img{
    vertical-align: -4px;
    margin-right: 5px;
}

/*语言按钮*/
#lang{
    height: 44.44px;
}
.lang-menu{
    display: inline-block;
    vertical-align: middle;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background-color: #0876cf;
}
.lang-menu>div{
    font-size: 12px;
    text-align: center;
    margin-top: -9px;
}
.dropdown .lang-dropdown{
    width: 60px;
    min-width: 0px;
    text-align: center;
}
.dropdown .lang-dropdown>li{
    width: 100%;
    border-bottom: 1px dashed #cfcfcf;
}
.dropdown .lang-dropdown>li:last-child{
    border-bottom: none;
}
.dropdown .lang-dropdown>li>a{
    display: block;
    padding: 10px 10px;
    width: 100%;
}
.dropdown .lang-dropdown .divider{
    width: 100%;
}
#lang_menu ul{
    font-size: 12px;
    padding: 0 5px;
}
#lang_menu a{
    color: #005aa2;

}
#lang_menu a:hover{
    color: #0385ed;

}
/*end*/
/*手机号国家区号下拉框*/
.intl-tel-input{
    width: 100%;
    z-index: 10;
}
/*end*/
/*修改帖子楼层样式*/
#postlist ul a sup{
    top: 0;
}
/*end*/
/*导航栏*/
.nav.top-nav>li>a{
    padding-left: 15px;
    padding-right: 15px;
}
/*隐私提示*/
.privacy-body{
    padding-top: 105px;
}
.navbar-fixed-top.fix-nav-top{
    top: 45px;
}
.fix-topbar-tip{
    z-index: 100;
    height: 45px;
    line-height: 45px;
    background-color: #ffffff;
}
.privacy-tip{
    padding: 0 20px;
}
.privacy-text{
    color: #000;
}
.privacy-close{
    float: right;
}
/*导航栏样式*/
#mn_forum_menu{
    top: 45px !important;
}

.raffle-invite{
    margin-bottom: 15px;
    text-align: center;
}
.raffle-invite .col-xs-6{
    position: relative;
}
.raffle-invite .col-xs-6 img{
    width: 100px;
}
.raffle-invite .col-xs-6 .count{
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #cc4040;
    line-height: 20px;
    text-align: center;
    position: absolute;
    top:10px;
    right: 30px;
    color:#fff;
    font-size: 12px;
}

.invite-friends-progress .modal-dialog{
    width: 800px;
}
.invite-friends-progress .modal-content{
    display: flex;
}
.invite-friends-progress .modal-content .invite-members{
    width: 210px;
}
.invite-friends-progress .modal-content .gift-box{
    flex:1;
    border-right: 1px solid #ddd;
}
.invite-friends-progress .modal-content .gift-content{
    padding: 30px 40px;
    border-bottom: 1px solid #ddd;
}
.invite-friends-progress .modal-content .gift-content .gift-dt{
    color:#333;
    font-weight: bold;
}
.invite-friends-progress .modal-content .gift-content .gift-dt a{
    font-weight: 400;
    color:#0385ed;
    display: inline-block;
    vertical-align: top;
    margin-top: 1px;
}
.invite-friends-progress .modal-content .gift-content .gift-pre{
    margin:35px 0;
}
.invite-friends-progress .modal-content .gift-content .gift-item{
    display: inline-block;
    vertical-align: top;
    width: 70px;
    margin:0 48px;
    position: relative;
}
.invite-friends-progress .modal-content .gift-content .gift-item img{
    width: 100%;
}
.invite-friends-progress .modal-content .gift-content .gift-item::before{
    content:"";
    height: 6px;
    background-color: #ececec;
    width: 100px;
    top:50%;
    position: absolute;
    margin-top: -3px;
    right: -100px;
}
.invite-friends-progress .modal-content .gift-content .gift-item.active::before{
    background-color: #ffeca5;
}
.invite-friends-progress .modal-content .gift-content .gift-item:last-child::before{
    display: none;
}
.invite-friends-progress .modal-content .gift-content .gift-text{
    font-size: 12px;
}
.invite-friends-progress .modal-content .gift-next{
    padding: 30px 40px;
}
.invite-friends-progress .modal-content .org{
    color:#f87925;
    font-weight: bold;
}
.invite-friends-progress .invite-members{
    padding:60px 15px 15px 15px;
}
.invite-friends-progress .invite-members ul{
    max-height: 290px;
    overflow-y: auto;
}
.invite-friends-progress .close{
    position: absolute;
    top:0;
    right:0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
}
.invite-friends-progress .invite-members li{
    padding-left:34px;
    height: 30px;
    line-height: 30px;
}

.invite-friends-progress .invite-members li a{
    color:#757575;
}
.invite-friends-progress .invite-members li a:hover{
    color:#0385ed;
}
.invite-friends-progress .invite-title{
    margin-bottom: 30px;
}
.scroll-bar::-webkit-scrollbar {
    width: 8px;
}
.scroll-bar::-webkit-scrollbar-track {
    background-color:transparent;
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
    border-radius:2em;
}
.scroll-bar::-webkit-scrollbar-thumb {
    background-color:#ccc;
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
    border-radius:2em;
}
.small-scroll-bar::-webkit-scrollbar {
    width: 4px;
    color: transparent;
}
.small-scroll-bar::-webkit-scrollbar-track {
	background-color:transparent;
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	border-radius:1em;
}
.small-scroll-bar::-webkit-scrollbar-track-piece{
    background-color: transparent;
}
.small-scroll-bar::-webkit-scrollbar-thumb {
	background-color:rgba(89,109,139,.5);
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	border-radius:1em;
}

.line-title{
    line-height: 40px;
    position: relative;
    text-align:center;
}
.line-title::before{
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 3;
    border-bottom: 1px solid #ddd;
    width: 100%;
}
.line-title>span{
    position:relative;
    z-index: 4;
    display: inline-block;
    vertical-align: top;
    background-color: #Fff;
    padding:0 10px;
    font-size: 12px;
    color:#999;
}

.btn-status0{
    background-color: #F1F2F3 !important;
    color: #A9BCD1 !important;
    cursor: not-allowed !important;
}
.unlogin1{
    display: none;
}
.cert-application {
    background: url('../image/csert-background.png') no-repeat center center;
    background-size: cover;
}








.online-consult {
    position: relative;
    margin-bottom: 14px;
    display: table;
    width: 100%;
}


.online-consult-btn-box .icon {
    width: 66px;
    height: 66px;
    display: inline-block;
    vertical-align: top;
    margin-top: -22px;
    border-radius: 50%;
    background-color: #ff7e10;
}

.online-consult-btn-box.blue-type .icon {
    background-color: #2e4ec2;
}

.online-consult-btn-box .icon::before {
    content: "";
    width: 52px;
    height: 44px;
    display: inline-block;
    vertical-align: top;
    margin: 11px 0 0 -2px;
    background: url(../image/icons-bbs-new.png) -851px -22px no-repeat;
}


.online-consult .pointer {
    cursor: pointer;
}


.online-consult li {
    /* width: 50%; */
    width: 100%;
    /* display: inline-block;
    font-size: 12px;
    padding: 6px 4px 2px 2px;
    text-align: center; */
    position: relative;

}
.online-consult li::before{
    content: '';
    display: block;
    width: 3px;
    height: 3px;
    background: #333333;
    position: absolute;
    top: 18px;
    left: 4px;
    /* transform: translate(0,-50%); */
}
.online-consult li::after{
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    position: absolute;
    top: 50%;
    right:3px;
    background-image: url(/webapp/common/page/image/more.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 10px;
    transform: translate(0,-50%);
}

.online-consult li a {
    /* border: 1px solid #c2c2c2;
    line-height: 20px;
    padding: 5px;
    border-radius: 3px; */
    font-size: 12px; 
    color: #333333;
    line-height: 16px;
    padding: 10px 16px;
    cursor: pointer;
    white-space: nowrap; /* 防止文本换行 */
    overflow: hidden; /* 隐藏超出容器的部分 */
    text-overflow: ellipsis; /* 显示省略号 */
}
.online-consult .more_box{
    height: 68px;
    padding: 15px 13px 17px;
    width: 100%;
    background-color: #fafafa;
    position: absolute;
    bottom: 0;
    z-index: 10;
    border: 1px solid #DDDDDD; 
    background-image: url(/webapp/common/page/image/more_bg.png);
    background-position: center;
    background-size: 100%;
}
.online-consult .more_box .more{
    width: 258px;
    height: 36px;
    border: 1px solid #0887FB;
    display: block; 
    font-size: 14px; 
    color: #0385ED;
    text-align: center;
    line-height: 36px;
    background-color: transparent;
    transition: all 0.1s ease;
    background-image: url(/webapp/common/page/image/more_product.svg);
    background-size: 19px 18px;
    background-position:45px 9px;
    background-repeat: no-repeat;
    text-indent: 24px ;
}
.online-consult .more_box .more:hover{
    background-color: #0385ED;
    color: #FFFFFF;
    background-image: url(/webapp/common/page/image/more_product_active.svg);
}
.online-consult li a:hover {
    color: #0385ED !important;
    background-color: transparent;
}


.online-consult li a:link,
.online-consult li a:focus,
.online-consult li a {
    text-decoration: none;
    color: #262626;
    background-color:white ;
}

.online-consult .issue-icon {
    width: 28px;
    height: 30px;
    background-position: -46px -266px;
    margin-left: 15px;
}

.online-icon {
    background-position: -64px -23px;
    width: 43px;
    height: 36px;
    margin-right: 20px;
    -webkit-animation: rotate 0.6s ease-in-out infinite alternate;
    -o-animation: rotate 0.6s ease-in-out infinite alternate;
    -moz-animation: rotate 0.6s ease-in-out infinite alternate;
    animation: rotate 0.6s ease-in-out infinite alternate;
}

@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(10deg);
    }

    100% {
        -webkit-transform: rotate(-10deg);
    }
}

@keyframes rotate {
    0% {
        transform: rotate(10deg);
        -ms-transform: rotate(10deg);
        -moz-transform: rotate(10deg);
        -o-transform: rotate(10deg);
    }

    100% {
        transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
        -moz-transform: rotate(-10deg);
        -o-transform: rotate(-10deg);
    }
}

.online-consult_btn .glyphicon {
    position: absolute;
    right: 24px;
    top: 21px;
    font-size: 16px;
}

.online-consult .pre-sales-link {
    color: #4698fe;
    margin-left: 20px;
}

.online-consult .dropdown-menu {
    width: 285px;
    border: 1px solid #ff7f10;
    display: block;
    position: relative;
    top: 0;
    box-shadow: 0px 0px 4px;
    font-size: 0;
    padding: 7px 10px 18px;
    z-index: 3;
    border-radius: 3px;
    margin-top: 0;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    /* border-top: 4px solid #0887FB; */
    border: 1px solid #DDDDDD !important;
}

/* TODO */
/* .online-consult.blue-type .dropdown-menu {
    border-color: #3a58c5;
} */

.online-consult .pre-sales-consult {
    height: 60px;
    font-size: 12px;
    color: #333;
    /* padding-left: 12px; */
    border: 1px solid #DDDDDD;
    border-bottom: none;
    background-color: #f5f7fa;
    display: flex;
    justify-content: center;
    align-items: center;
}
.online-consult .pre-sales-consult .online_service{
    font-size: 18px; 
    color: #353535;
    line-height: 24px;
}

.online-consult .icon-online-robot {
    width: 42px;
    height: 42px;
    /* background: url(/webapp/common/page/image/bbs-index-icon.png) -398px -215px; */
    background: url(/webapp/common/page/image/new_online.png);
    animation: none;
    margin-right: 4px;
    background-size: cover;
}

.online-consult .icon-robot-yel {
    right: -28px;
    left: auto;
    background-position: 0px -376px;
    height: 98px;
    bottom: -40px;
}

.online-consult.blue-type .icon-robot-yel {
    background-position: -90px -376px;
}

.online-consult_tip {
    margin-left: 136px;
    display: block;
    line-height: 24px;
    font-family: 'songti';
    color: #6f6f6f;
}