/*
 * pc端圈子样式css文件
 * lihd 2016-6-12
 */
.mycircle { background: white; overflow: hidden; }
    .mycircle h2 { font-size: 14px; background: #e4e4e4; line-height: 36px; padding: 0 10px; font-weight: normal; border-bottom: 1px solid #d7d7d7; }
    .mycircle .circle_item { padding: 10px; border-bottom: 1px solid #d7d7d7; overflow: hidden; position: relative; display: block; color: #000; }
.circle_item .circle_itemname { word-break: break-all; overflow: hidden; line-height: 23px; padding-left: 10px; }
.circle_item .circle_itemdesc { word-break: break-all; overflow: hidden; line-height: 23px; padding-left: 10px; color: #666; font-size: 12px; }
.text_sl1 { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-break: break-all; }
.circle_itemname .c_name { max-width: 55%; height: 25px; line-height: 25px; }
.circle_itemname .c_count { font-size: 10px; height: 22px; line-height: 22px; background: white; margin-left: 3px; border: 1px solid #dbdbdb; font-weight: normal; vertical-align: middle; padding: 2px 5px; color: #999; border-radius: 3px; }
.circle_img { width: 49px; height: 49px; background-size: 49px 49px; display: block; background-color: #ccc; background-repeat: no-repeat; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; }
.expert_circleicon { background-image: url(/Content/images/vip_quan.png); height: 100%; width: 100%; background-size: 100%; display: block; background-repeat: no-repeat; }


/**************** 圈子详情部分 样式 lihd 2016-6-12 Start **********************/
.circle { background: #f3f3f3; padding: 10px 20px; height:89px; margin-bottom: 10px; }
.circle_pic { width: 89px; float: left; position: relative; height: 89px; }
    .circle_pic img { width: 89px; height: 89px; }
    .circle_pic .vvv { position: absolute; left: 0; top: 0; }
.circle_wz { /*width: 160px;*/ margin: 20px 0px 0px 15px; font-size: 16px; /*float: left;*/ }
    .circle_wz h3 { color: #ef0000; font-weight: 400; font-size: 18px; }
.circle_btn { /*float: right; margin-top: 50px;*/ text-align:right;}
    .circle_btn .btn { width: 110px; height: 30px; display: inline-block; text-align: center; line-height: 30px; font-size: 14px; margin-left: 8px; border: none; background: #00c0ff; color: #FFF; cursor: pointer; }
        .circle_btn .btn.orange { background: #ff8b3d; }
        .circle_btn .btn.tiptext { background-color: transparent; color: red; }
/**************** 圈子详情部分 样式 lihd 2016-6-12 End **********************/

/**************** 创建/修改 圈子 样式 lihd 2016-7-26 Start **********************/
.create_table th { width: 125px; text-align: right; vertical-align: top; font-weight: 400; color: #666; padding: 15px 20px 10px 0; }
    .create_table th b { color: #f00; padding-right: 3px; }
.create_table td { padding: 10px 0; }
    .create_table td.g_ptop20 { padding-top: 20px; }
.create_table .w_td { width: 135px; }
.create_table textarea { height: 200px; background: #FFF; border: 1px solid #ddd; padding: 5px; color: #666; float: left; resize: none; }
.create_table .w_textarea1 { width: 500px; }
.create_table .w_textarea2 { width: 758px; }
.create_table select { height: 32px; background: #FFF; border: 1px solid #ddd; color: #666; float: left; }
.create_table .w_select1 { width: 307px; }
.create_table .w_select2 { width: 415px; }
.create_table .w_select3 { width: 135px; }
.create_table .w_select4 { width: 135px; margin-right: 10px; }
.create_table .table_border { width: 708px; padding: 35px 30px 0px 30px; background: #FFF; border: 1px solid #ddd; margin-bottom: 5px; overflow: hidden; }
.g_strong { display: block; float: left; width: 70px; font-weight: 400; margin-right: 10px; }
.g_radio { float: left; margin: 4px 7px 0 0; }
.g_text input { height: 30px; background: #FFF; border: 1px solid #ddd; padding-left: 5px; color: #666; float: left; position: relative; }
.g_text .input1 { width: 300px; }
.g_text .input2 { width: 128px; }
.g_text .input3 { width: 408px; }
.g_text .input4 { width: 200px; }
.g_text .input5 { width: 418px; }
.g_text strong { clear: both; display: block; font-weight: 400; padding-top: 5px; }
.g_checkbox input { margin-top: 10px; }
.g_ptop { vertical-align: bottom; }
.g_checkbox2 input { margin-right: 5px; }
.g_checkbox2 span { color: #999; }
.g_layer { position: absolute; left: 0; top: 0; width: 134px; height: 158px; background: #000; filter: alpha(opacity=30); opacity: 0.3; }
.g_upload { width: 134px; height: 134px; float: left; background: #f2f2f2; overflow: hidden; text-align: center; margin: 0 35px 35px 0; overflow: hidden; position: relative; }
    .g_upload .close2 { position: absolute; width: 20px; height: 20px; right: 8px; top: 8px; cursor: pointer; }
    .g_upload .p_height img { width: 134px; height: 134px; overflow: hidden; }
    .g_upload .hide { display: none; }
.g_f00 { color: #f00; }
.g_layer { position: absolute; left: 0; top: 0; width: 134px; height: 158px; background: #000; filter: alpha(opacity=20); opacity: 0.2; }

.cycle_condition { padding: 10px 15px; width: 383px; border: 1px solid #ddd; overflow: hidden; }
    .cycle_condition li { width: 383px; float: left; margin: 5px 0; }
    .cycle_condition input { float: left; margin: 5px 8px 0 0; }
    .cycle_condition .settingC { color: #999; padding-left: 21px; }
        .cycle_condition .settingC span { padding-right: 8px; }
    .cycle_condition .setting { cursor: pointer; float: right; width: 16px; height: 16px; overflow: hidden; margin-top: 3px; }

.praise_box2 { margin: 20px; height: 380px; }
    .praise_box2 .hover { color: #1ca0de; }
    .praise_box2 p { border-bottom: 1px solid #e5e5e4; line-height: 30px; padding: 10px 0px 8px 0px; }
/**************** 创建/修改 圈子 样式 lihd 2016-7-26 End **********************/

/**************** 圈子信息详情 样式 lihd 2016-7-26 Start **********************/
.circle2 { width: 638px; padding: 10px 15px 15px 15px; background: #f3f3f3; float: left; overflow: hidden; }
    .circle2 .circle_listpic { float: left; margin: 5px 12px 0 0; overflow: hidden; position: relative; }
        .circle2 .circle_listpic img { width: 46px; height: 46px; }
        .circle2 .circle_listpic .expertImg { position: absolute; top: 0; left: 0; background-color: transparent; }
.circle2_tit { float: left; font-size: 15px; margin-right: 15px; }
.circle2_wz { display: block; color: #999; float: left; }
.circle2_p { clear: both; }
    .circle2_p .actionlink { color: #1ca0de; padding-right: 8px; cursor: pointer; }
    .circle2_p span { padding-right: 8px; }
.circle2_text { width: 570px; margin-top: 6px; float: left; overflow: hidden; }
.circle_details { border: 1px solid #f3f3f3; width: 636px; padding: 5px 15px 25px 15px; float: left; }
.circle_details_table th { width: 130px; text-align: right; vertical-align: top; padding: 5px; color: #999; font-weight: 400; }
.circle_details_table td { padding: 5px; vertical-align: top; }
    .circle_details_table td.circle_details_img { padding-top: 2px; }
        .circle_details_table td.circle_details_img img { width: 26px; height: 26px; overflow: hidden; cursor: pointer; }
.circle_details_input { margin-top: 5px; }
/**************** 圈子信息详情 样式 lihd 2016-7-26 End **********************/

/**************** SplitButton 样式 lihd 2016-7-27 Start **********************/
.split_btnC { height: 32px; line-height: 32px; font-size: 14px; text-decoration: none;  border: none; cursor: pointer; background-color: #2e8ded; color: #fff; position: relative;font-weight: 400; }
    .split_btnC .current_btn { padding: 0 10px; display: inline-block; }
    .split_btnC .drop_btn { display: inline-block; vertical-align: middle;float:right;background-color:darkblue;height:100%; }
    /*.split_btnC .split_line { height: 20px; border-left: 1px solid #fff; }*/
    .split_btnC .drop_btn .split_arrow { border-width: 5px 5px 0; border-style: solid dashed dashed; border-color: #fff transparent transparent; display: inline-block; margin: 0 10px; vertical-align: middle; }
    .split_btnC .drop_menuC { list-style: none; position: absolute; top: 32px; left: 0; width: 100%; margin: 0; padding: 0; background-color: #2e8ded; font-size: 12px; display: none; }
        .split_btnC .drop_menuC li { line-height: inherit; border-top: 1px solid #fff; padding-left: 10px; }
            .split_btnC .current_btn:hover, .split_btnC .drop_menuC li:hover { opacity: .8; text-decoration: none; }
            .split_btnC .current_btn:active, .split_btnC .drop_menuC li:active { opacity: .6; }

/**************** SplitButton 样式 lihd 2016-7-27 End **********************/

/**************** 我的圈子列表 样式 lihd 2016-7-27 Start **********************/
        .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; border-radius: 4px; }
        .circle_list { width: 668px; overflow: hidden; float: left; }
        .circle_list_box { width: 300px; padding: 10px; float: left; border: solid 1px #eee; border-radius: 4px; margin: 5px 5px 5px 6px;cursor:pointer; }
            .circle_list_box:hover {background-color:#ececec; }
        .circle_list_boxlt { width: 64px; float: left;position:relative; }
            .circle_list_boxlt .expert_circleimg {position:absolute;top:0;left:0; }
            .circle_list_boxlt img { width: 54px; height: 54px; }
        .circle_list_boxrt { width: 236px; float: left; }
            .circle_list_boxrt h3 { font-weight: 400; max-width: 112px; height: 22px; overflow: hidden; font-size: 14px; float: left; color: #1ca0de; }
                .circle_list_boxrt h3 a:hover { color: #1ca0de; text-decoration: underline; }
            .circle_list_boxrt p { width: 236px; float: left;  overflow: hidden; margin-top: 10px; line-height: 19px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
            .circle_list_boxrt em { float: right; line-height: 16px; font-size: 12px; display: block; padding: 0 5px; margin: 3px 0px 0px 5px; color: #ec9601; border: 1px solid #ffaf3d; border-radius: 4px; }
                .circle_list_boxrt em.red { color: #f00; border: 1px solid #f04c44; }
        .circle_tit { margin: 10px 0 0 10px; }
            .circle_tit h3 { font-size: 14px; color: #333; float: left; }
/**************** 我的圈子列表 样式 lihd 2016-7-27 End **********************/