/*
 * 合并列表的样式
 * lihd 2016-1-7
 */
i, em { font-style: normal; }
.i_level { background-repeat: no-repeat; background-position: center; width: 14px; height: 14px; display: inline-block; margin-left: 3px; background-color: transparent; vertical-align: middle; }
.i_roles {  background-repeat: no-repeat; background-position: center; width: 41px; height: 18px; display: inline-block; margin-left: 3px; background-color: transparent; vertical-align: middle; }

.home_menu li strong { font-size: 15px; color: #101010; }
.home_menu li span { font-size: 12px; color: #9b9b9b; }
.content_text p .content_img { width: 95px; margin: 8px 3px 0 0; float: left; height: 95px; background-position: center; }
    .content_text p .content_img:last-child { margin-right: 0; }
.redirect_em { color: blue; }
.face_container img { height: 20px; width: 20px; }

.cont_text_line2 { display: -webkit-box; -webkit-line-clamp: 2; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; /* word-break: break-all; */ max-height: 50px; }


.vote { overflow: hidden; display: block; text-align: center; margin-top: 12px; margin-bottom: 4px; }
    .vote li { width: 25%; float: left; font-size: 12px; line-height: 21px; }
        .vote li a { text-decoration: none; color: #242424; }
.qzdzic { padding: 5px 5px 5px 20px; background: url(/Content/images/PCUI/voteicon.png) no-repeat 0px -18px; }
.hasqzdzic { padding: 5px 5px 5px 20px; background: url(/Content/images/PCUI/voteicon.png) no-repeat 0px -78px; }
.qzllic { padding: 5px 5px 5px 24px; background: url(/Content/images/PCUI/voteicon.png) no-repeat 0px 3px; }
.pltb { padding: 5px 5px 5px 24px; background: url(/Content/images/PCUI/voteicon.png) no-repeat 0px -36px; }
.dstb { padding: 5px 5px 5px 22px; background: url(/Content/images/PCUI/voteicon.png) no-repeat 0px -57px; }
.text_ellipsis { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; word-break: break-all; }
.text_line_clamp1 { -webkit-line-clamp: 1; max-height: 22px; }
.text_line_clamp2 { -webkit-line-clamp: 2; max-height: 43px; }
.text_line_clamp3 { -webkit-line-clamp: 3; max-height: 64px; }
.bgImg { background-size: cover; background-repeat: no-repeat; background-color: #ccc; display: block; }


.vote_ex { text-align: right; border-top: 1px solid #dbdbdb; padding: 10px 0; display: inline-block; width: 100%; }
    .vote_ex .vote_delete { color: #dd5050; border: 1px solid #dd5050; padding: 5px; margin-right: 5px; border-radius: .4em; cursor: pointer; }

/******* 活动列表样式 lihd 2016-2-17 Start **********/

.cont_boxli_extend { border-bottom: 1px dashed #ccc; }
.hdbj { width: 600px; float: right; overflow: hidden; line-height: 35px; text-align: right; }
    .hdbj .emStatus { color: #666; float: left; }
    .hdbj span { cursor: pointer; display: inline-block; text-align: center; margin-right: 10px; padding: 0px 8px; line-height: 23px; border-radius: 6px; background-color: white; }
        .hdbj span:hover { opacity: .8; filter: alpha(opacity=80); }
        .hdbj span:active { opacity: .6; filter: alpha(opacity=60); }
        .hdbj span.hdbjbtn { border: 1px solid #f60; color: #f60; }
        .hdbj span.qxcybtn { border: 1px solid #666; color: #666; }
/******* 活动列表样式 lihd 2016-2-17 End **********/

/***************拼单样式 Start lihd 2016-2-2 *************************/
.pblistbox { margin-top: 8px; }
    .pblistbox:first-child { margin-top: 0px; border-top: none; }
    .pblistbox .jxzzt { overflow: hidden; }
.jxzzt b { float: right; font-size: 12px; margin: 12px 0 0 5px; padding: 2px 5px; border-radius: 3px; font-weight: normal; border: 1px solid #ccc; line-height: 15px; }
.pblist { background: white; padding: 10px; border-bottom: 1px solid #d7d7d7; /*border-TOP: 1px solid #d7d7d7;*/ }
    .pblist h2 { font-size: 14px; }
        .pblist h2 strong { float: right; color: #dd5050; }

.progress2 { margin-top: 15px; background: white; overflow: hidden; }
    .progress2 ul { overflow: hidden; }
    .progress2 li { float: left; width: 50%; color: #666; }
        .progress2 li strong { color: #dd5050; font-size: 16px; margin-left: 5px; }
        .progress2 li b { color: #666; font-size: 14px; margin-left: 5px; }
        .progress2 li:nth-child(2) { text-align: right; }
.progress li:nth-child(2) { text-align: right; }
.progress_bar { width: 100%; background-color: #ccc; height: 5px; border-radius: 5px; }
    .progress_bar .progress_bline { height: 100%; background-color: #dd5050; border-radius: 5px; }
.progress_linetext { text-align: center; font-size: 11px; color: gray; margin-top: 5px; }
.pblitop span { color: #666; font-size: 12px; }
.pblitop p { line-height: 18px; font-size: 14px; color: #666; }
.jxzbz { background: #69f; padding: 2px 5px; color: white; }
.yjsbz { background: #999; padding: 2px 5px; color: white; }

.pbvote { overflow: hidden; padding: 10px 0 10px 10px; font-size: 12px; text-align: right; background-color: #fff; }
    .pbvote span { display: inline-block; text-align: center; margin-right: 10px; padding: 0px 8px; line-height: 23px; border-radius: 6px; background-color: white; }

    .pbvote .emStatus { color: #666; float: left; line-height: 26px; }
    .pbvote span.hdbjbtn { border: 1px solid #f60; color: #f60; }
    .pbvote span.qxcybtn { border: 1px solid #666; color: #666; }
/***************拼单样式 End lihd 2016-2-2 *************************/

/*******************跑马灯样式 Start lihd 2016-2-25 ************************/
ul.marquee { display: block; padding: 0; margin: 0; list-style: none; line-height: 1; overflow: hidden; height: 30px; background-color: #fff8e7; margin-bottom: -8px; }
ul.nomarqueedata { height: 0px; }
ul.marquee li { display: block; white-space: nowrap; font: 14px Arial, Helvetica, sans-serif; padding: 7px 5px; color: #dd514f; }
/*******************跑马灯样式 End   lihd 2016-2-25 ************************/

/******************圈子置顶、取消置顶按钮样式 Start lihd 2016-4-13 ******************************/
.vote_circle_setTop { background-color: red; padding: 5px; border-radius: .4em; color: #fff; cursor: pointer; margin-right: 5px; }
.vote_circle_cancelTop { background-color: #ccc; padding: 5px; border-radius: .4em; color: #000; cursor: pointer; margin-right: 5px; }
/******************圈子置顶、取消置顶按钮样式 End   lihd 2016-4-13 ******************************/

/*列表容器css*/
.theme_list { overflow-y: auto; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; background-color: #fff; width: 100%; }


/****************** 话题列表新的样式 lihd 2016-6-27 Start******************************************/
.cont_boxli { width: 666px; margin-top: 12px; float: left; overflow: hidden; }
.cont_text_tit h4 span { display: inline-block; font-size: 13px; margin-top: 1px; float: none; }
.cont_picture { width: 54px; float: left; margin: 5px 12px 0 0; overflow: hidden; }
    .cont_picture img { width: 54px; height: 54px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; cursor: pointer; }
.cont_text { width: 600px; float: left; overflow: hidden; /*border-bottom: 1px solid #e3e3e3;*/ cursor: pointer; }
.cont_text_tit { width: 580px; height: auto; overflow: hidden; }
    .cont_text_tit h4 { float: left; font-size: 14px; display: block; font-weight: 400; }
    .cont_text_tit h4 { color: #00c0ff; }
    /*.cont_text_tit h4:hover { color: #00c0ff; text-decoration: underline; }*/
    .cont_text_tit b { float: right; width: 44px; height: 18px; line-height: 18px; font-size: 13px; border: 1px solid #ffaf3d; color: #ec9601; text-align: center; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; }
        .cont_text_tit b.news { border: 1px solid #ff7070; color: #ec0101; }
        .cont_text_tit b.circles { border: 1px solid #727171; color: #727171; width: auto; padding: 0 3px; max-width: 100px; }
.cont_text_time { color: #929292; margin-left: 5px; font-size: 13px; }
.cont_text_wz { width: 570px; height: 50px; font-size: 14px; line-height: 25px; overflow: hidden; }
.cont_text_wz { color: #333; }
    .cont_text_wz img { width: 20px; }
.cont_text_img { width: 360px; height: 80px; margin: 10px 0px; overflow: hidden; }
    .cont_text_img img { width: 80px; height: auto; float: left; margin-right: 8px; overflow: hidden; }
.cont_text_pic { width: 400px; margin: 5px 0px; overflow: hidden; }
    .cont_text_pic p { float: left; width: 80px; }
        .cont_text_pic p img { width: 24%; float: left; margin-right: 5px; }
        .cont_text_pic p.pic img { width: 26%; }
/*我的话题 扩展样式*/
.cont_boxli_news { border: 1px solid #dbdbdb; padding: 10px 0 0 0; }
    .cont_boxli_news .cont_picture { margin: 5px 12px 0 5px; }
    .cont_boxli_news .cont_text { width: 595px; }

/****************** 话题列表新的样式 lihd 2016-6-27 End  ******************************************/

/*分类标签*/
.cont_lt_tit { font-size: 14px; overflow: hidden; /*float: left;*/ margin-bottom: 5px; }
    .cont_lt_tit li { float: left; min-width: 66px; height: 28px; line-height: 28px; text-align: center; cursor: pointer; color: #777; padding: 0 10px; position: relative; }
        .cont_lt_tit li.thistab { background: #f3f3f3; color: #333; }
        .cont_lt_tit li i { width: 5px; height: 5px; display: block; position: absolute; top: 5px; left: 20px; background-color: red; border-radius: 50%; }

/****************** 任务列表新样式 lihd 2016-7-20 Start  ******************************************/

.cont_task { width: 600px; margin-top: 20px; padding-bottom: 10px; border-bottom: 1px solid #ddd; float: left; overflow: hidden; }
.cont_task_tit { width: 600px; overflow: hidden; }
    .cont_task_tit span { display: block; width: 4px; height: 4px; background: #000; float: left; margin: 12px 8px 0 0; }
    .cont_task_tit em { float: left; margin-top: 2px; color: #000; font-size: 16px; font-style: normal; }
    .cont_task_tit b { float: right; width: 55px; height: 18px; line-height: 18px; font-size: 13px; border: 1px solid #ffaf3d; color: #ec9601; text-align: center; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; }
        .cont_task_tit b.green { border: 1px solid #85cb3f; color: #85cb3f; }
        .cont_task_tit b.blue { border: 1px solid #dd5050; color: #dd5050; }
        .cont_task_tit b.orange { border: 1px solid #ff6600; color: #ff6600; }
        .cont_task_tit b.gray { border: 1px solid #999; color: #999; }
.cont_task_wz { margin: 6px 8px 6px 0px; width: 600px; color: #666; }
.cont_text2 { color: #999; width: 600px; float: left; }
    .cont_text2 img { width: 13px; height: 13px; margin: 4px 4px 0 0; float: left; }
    .cont_text2 span { padding-left: 7px; }
    .cont_text2 strong { font-size: 16px; color: #ec0101; padding-left: 5px; }

.cont_boxli_needs { border: 1px solid #dbdbdb; padding: 10px 0 0 0; }
    .cont_boxli_needs .cont_picture { margin: 5px 12px 0 5px; }
    .cont_boxli_needs .cont_text,
    .cont_boxli_needs .cont_task_tit,
    .cont_boxli_needs .cont_task_wz,
    .cont_boxli_needs .cont_text2 { width: 590px; }
/****************** 任务列表新样式 lihd 2016-7-20 End   ******************************************/

/****************** 搜索界面热词排序样式 lihd 2016-7-22 Start   ******************************************/
.sort_area { font-size: .8em; text-align: right; padding-top: 10px; }
    .sort_area span { height: 30px; display: inline-block; line-height: 30px; padding: 0 5px; border-radius: .4em; box-sizing: border-box; border: 1px solid #ccc; cursor: pointer; }
    .sort_area .s_desc, .sort_area .s_asc { padding-right: 1.2em; background-position: right; background-size: 1.1em; background-repeat: no-repeat; }
    .sort_area .s_desc { background-image: url(/Content/images/sort_desc2.png); }
    .sort_area .s_asc { background-image: url(/Content/images/sort_asc2.png); }
/****************** 搜索界面热词排序样式 lihd 2016-7-22 End   ******************************************/


/****************** 搜索出来的圈子列表样式 lihd 2016-7-25 Start   ******************************************/
.circle_listpic { width: 46px; float: left; margin: 5px 12px 0 0; overflow: hidden; position: relative; }
    .circle_listpic img { width: 46px; height: 46px; background-color: #f3f3f3; }
    .circle_listpic .vip_quan_img { width: 46px; height: 46px; position: absolute; top: 0; left: 0; display: block; background-color: transparent; }
.circle_listh3 { float: left; }
    .circle_listh3 .circle_name { overflow: hidden; font-size: 14px; color: #1ca0de; font-weight: 400; display: block; }
.circle_listb { float: left; line-height: 16px; font-size: 12px; display: block; padding: 0 5px; margin: 3px 0px 0px 5px; color: #bbb; border: 1px solid #ddd; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.circle_listi { float: right; }
    .circle_listi .joincircle_btn { display: block; color: #F00; height: 18px; line-height: 17px; font-size: 14px; padding: 0 10px; border: 1px solid #f00; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.circle_listp { width: 600px; clear: both; margin: 6px 0 10px 0; line-height: 19px; color: #666; font-size: 14px; display: -webkit-box; max-height: 19px; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 1; }
/****************** 搜索出来的圈子列表样式 lihd 2016-7-25 End     ******************************************/


/*一些额外的扩展样式*/
.orangeborder { border: 1px solid #f60; }
.colororange { color: #f60; }

/****************** 打赏/警告列表样式 lihd 2016-12-13 Start ******************/
.reward_h2 { clear: both; border-bottom: solid 1px #eee; font-size: 13px; font-weight: 400; text-align: right; padding: 5px 0; color: #999; }
    .reward_h2 span { color: #f00; padding: 0 5px; }
.reward_boxli { width: 668px; margin-top: 12px; float: left; overflow: hidden; }
.reward_picture { width: 54px; float: left; margin: 5px 12px 0 0; overflow: hidden; }
    .reward_picture img { width: 54px; height: 54px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;cursor:pointer; }
.reward_text { width: 600px; float: left; overflow: hidden; border-bottom: 1px solid #e3e3e3; }
.reward_text_tit { width: 600px; height: 23px; overflow: hidden; color: #999; }
    .reward_text_tit h4 { font-weight: 400; float: left; }
        .reward_text_tit h4 .username { color: #1ca0de; display: inline-block; font-size: 14px; margin-right: 10px;cursor:pointer; }
        .reward_text_tit h4 span { margin-left:5px; display: inline-block; font-size: 13px; margin-top: 1px; }
.reward_text_wz { width: 600px; color: #666; height: 40px; font-size: 14px; line-height: 19px; margin: 6px 0; overflow: hidden;cursor:pointer; }
    .reward_text_wz img { width:20px;height:20px;}
.reward_text2 { color: #999; width: 600px; margin-bottom: 5px; float: left; }
    .reward_text2 strong { font-size: 14px; color: #ec0101; padding: 0 5px; }

.expert_level { width: 14px; height: 14px; display: inline-block; background-repeat: no-repeat; margin-right: 3px; }
.g_tab { float: right; width: 55px; height: 18px; line-height: 18px; font-size: 13px; text-align: center; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; }
.task { border: 1px solid #0eb9a6; color: #0eb9a6; }
.pbtext { border: 1px solid #dd5050; color: #dd5050; }
.activity { border: 1px solid #85cb3f; color: #85cb3f; }
/****************** 打赏/警告列表样式 lihd 2016-12-13 End   ******************/

.cont_text4 { width: 600px; float: left; }
.cont_text_normal { width: 600px; display: inline-block; }
.cont_text4 .title { font-weight: bold; }
.cont_text_normal p { border-top: 1px dashed #ccc; }
.cont_text_normal .pCount { display: inline-block; color: #000; padding-top: 5px; width: 284px; }
.cont_text_normal .pCount1 { border-right: 1px solid #ccc; padding-right: 15px; text-align: right; }
.cont_text_normal .pCount2 { padding-left: 15px; text-align: left; }


/*搜索界面 好友的搜索样式*/
.cont_boxli_firend { border: 1px solid #dbdbdb; padding: 5px 0; }
.cont_firend_lc { overflow: hidden; vertical-align: middle; height: 80px; line-height: 40px; }
    .cont_firend_lc .uHeadimg { width: 80px; height: 80px; overflow: hidden; padding: 0 5px; border-radius: 1em; display: inline-block; }
    .cont_firend_lc .uHeadimg_img { width: 100%; cursor:pointer;}
    .cont_firend_lc .uHeadtext { overflow: hidden; height: 80px; display: inline-block; line-height: 40px; }
    .cont_firend_lc .uHeadtext_em { display: block; }
    .cont_firend_lc .uHeadtext_emname {cursor:pointer;color:#00c0ff; }
.cont_firend_rc { overflow: hidden; width: 130px; vertical-align: middle; margin-right: 5px; position: relative; height: 80px; }
    .cont_firend_rc p { position: absolute; bottom: 0; right: 0; height: 27px; }
        .cont_firend_rc p span { background-color: #dd5050; color: #fff; margin-right: 5px; padding: 5px 10px; cursor: pointer; border-radius: .4em; user-select: none; -webkit-user-select: none; }
            .cont_firend_rc p span:hover { opacity: .8; filter: alpha(opacity=80); }
            .cont_firend_rc p span:active { opacity: .6; filter: alpha(opacity=60); }