@charset "UTF-8";
.user_data .user_head_portrait, .user_data .ui_basic .simulation_select, .user_data .ui_basic .sex_list, .user_data .ui_basic .job_area, .user_data .ui_basic .job_title, .user_data .ui_basic .ui_btn_wrap, .user_data .approve_msg .dp_tag, .user_data .approve_msg .click_approve_btn, .user_data .approve_msg .mol_gold, .mymol_side, .mymol_main, .mymol_main .mm_tit .mm_text, .mymol_main .data_perfect .dp_field, .mymol_main .data_perfect .dp_tag, .mymol_main .mm_form_list .head_portrait_set .img, .mymol_qa_area_list .qa_side, .mymol_myDynamic .mymol_qa_area_list .dynamic_tips .dt_text, .mymol_myEvaluation .ques_settings_list .qs_li { float: left; }

.mymol_main .mm_tit .mm_opera { float: right; }

.user_data { margin-left: auto; margin-right: auto; }

.mymol_qa_area_list .list_li:before, .book_list .book_msg:before, .mymol_qa_area_list .list_li:after, .book_list .book_msg:after { content: ""; display: table; }
.mymol_qa_area_list .list_li:after, .book_list .book_msg:after { clear: both; overflow: hidden; }

.mymol_qa_area_list .qa_msg .tit, .mymol_myDynamic .mymol_qa_area_list .tit, .system_messages .sm_li .sm_tit, .book_infor p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.mymol_qa_area_list .qa_side .sico_click_collect { height: 20px; width: 20px; }

.mymol_content { background: #fff; overflow: hidden; }

.user_data_wrap { background: url(../../images/bg/user_data_bg.jpg) center 0 no-repeat; height: 280px; }

.user_data { margin-bottom: 20px; padding: 50px 0 0 0; width: 1000px; }
.user_data .user_head_portrait { background: #fff; width: 200px; height: 200px; }
.user_data .uhp_inner { padding: 5px; position: relative; }
.user_data .uhp_inner img { height: 100%; width: 100%; }
.user_data .update_head_portrait { position: absolute; height: 28px; width: 190px; left: 5px; bottom: 5px; }
.user_data .update_head_portrait .bg { background: #000; opacity: 0.5; filter: alpha(opacity=50); position: absolute; height: 100%; width: 100%; left: 0; top: 0; z-index: 10; }
.user_data .update_head_portrait a { color: #fff; display: block; height: 28px; line-height: 28px; text-align: center; position: relative; z-index: 20; }
.user_data .user_infor { margin-left: 220px; overflow: hidden; padding: 10px 0 0 0; }
.user_data .ui_basic { padding: 15px 0; }
.user_data .ui_basic .simulation_select { width: 100px; margin-right: 10px; }
.user_data .ui_basic .sex_list { margin-left: 10px; }
.user_data .ui_basic .sex_list .sex_item { display: inline-block; height: 28px; line-height: 28px; margin-right: 20px; }
.user_data .ui_basic .job_area { height: 28px; line-height: 28px; position: relative; padding: 0 30px 0 0; }
.user_data .ui_basic .job_area .ico_bank { background-position: -220px -80px; height: 20px; width: 20px; right: 10px; top: 4px; }
.user_data .ui_basic .job_title { height: 28px; line-height: 28px; }
.user_data .ui_basic .job_title span { margin: 0 5px; }
.user_data .ui_basic .ui_btn_wrap { margin-left: 10px; }
.user_data .ui_basic .ui_btn_wrap .ui_btn { background: #ff8f1f; color: #fff; display: inline-block; height: 28px; line-height: 28px; padding: 0 25px; margin-left: 5px; }
.user_data .ui_basic .ui_btn_wrap .has_ico { position: relative; padding: 0 10px 0 30px; }
.user_data .ui_basic .ui_btn_wrap .ico_edit { background-position: 0 -120px; height: 20px; width: 20px; left: 10px; top: 4px; }
.user_data .approve_msg .dp_tag { background: #fff; height: 30px; line-height: 30px; padding: 0 17px 0 35px; position: relative; }
.user_data .approve_msg .dp_tag .ico_approve { background-position: -140px -80px; height: 20px; width: 20px; top: 5px; left: 10px; }
.user_data .approve_msg .click_approve_btn { background: #c80000; color: #fff; height: 30px; line-height: 30px; width: 100px; text-align: center; margin: 0 20px 0 10px; }
.user_data .approve_msg .mol_gold { background: #fff; border-radius: 8px; height: 30px; width: 150px; position: relative; }
.user_data .approve_msg .mol_gold .bg { background: url(../../images/bg/mol_bg.png) no-repeat; position: absolute; height: 43px; width: 43px; left: -5px; top: -6px; }
.user_data .approve_msg .mol_gold .num { display: block; height: 30px; line-height: 30px; padding: 0 0 0 50px; }
.user_data .user_opera { border-top: 1px solid #fff; margin-top: 40px; padding: 10px 0 0 0; }
.user_data .user_opera .a_btn { color: #fff; display: inline-block; height: 30px; line-height: 30px; position: relative; padding: 0 10px 0 20px; }
.user_data .user_opera .ico_check, .user_data .user_opera .ico_edit { height: 20px; width: 20px; left: 0; top: 5px; }
.user_data .user_opera .ico_check { background-position: -160px -80px; }
.user_data .user_opera .ico_edit { background-position: -180px -80px; }

.mymol_side, .mymol_main { padding-bottom: 3000px; margin-bottom: -3000px; }

.mymol_side { background: #ebebeb; width: 200px; }
.mymol_side .ms_menu .ms_li { border-bottom: 1px solid #fff; }
.mymol_side .ms_menu .curr { background: #fff; }
.mymol_side .ms_menu .curr .ms_a { border-bottom: #fff; }
.mymol_side .ms_menu .ms_a { border-bottom: 1px solid #e2e2e2; display: block; color: #333; font-size: 14px; height: 38px; line-height: 38px; padding: 0 0 0 50px; }
.mymol_side .ms_menu .ms_a em { color: #c80000; }

.mymol_main { width: 800px; }
.mymol_main .mm_inner { padding: 15px 30px; }
.mymol_main .mm_tit { overflow: hidden; border-bottom: 2px solid #ddd; padding: 0 0 5px 0; }
.mymol_main .mm_tit .mm_text { height: 30px; line-height: 30px; }
.mymol_main .mm_tit .mm_text em { color: #07c; }
.mymol_main .mm_tit .mm_opera_a { background: #f8f8f8; border: 1px solid #ddd; display: block; height: 28px; line-height: 28px; padding: 0 15px; }
.mymol_main .data_perfect { padding: 15px 0; }
.mymol_main .data_perfect .dp_field { width: 80px; height: 28px; line-height: 28px; text-align: right; }
.mymol_main .data_perfect .dp_tag { border: 1px solid #ddd; height: 26px; line-height: 26px; margin-left: 10px; padding: 0 20px 0 30px; position: relative; }
.mymol_main .data_perfect .dp_tag .ico_approve { background-position: -140px -80px; height: 20px; width: 20px; top: 3px; left: 5px; }
.mymol_main .data_perfect .dp_progress_bar_wrap { margin-left: 180px; }
.mymol_main .data_perfect .dp_progress_bar { border: 1px solid #ddd; padding: 2px; height: 22px; position: relative; overflow: hidden; }
.mymol_main .data_perfect .dp_progress_bar .bg { background: #88dcfc; display: inline-block; height: 100%; }
.mymol_main .data_perfect .dp_progress_bar .text { display: block; height: 26px; line-height: 26px; text-align: center; position: absolute; width: 100%; left: 0; top: 0; }
.mymol_main .data_perfect .dp_text { color: #999; padding-top: 5px; }
.mymol_main .mm_form_list { padding: 20px 0; }
.mymol_main .mm_form_list .mm_form_item { border-bottom: 1px solid #ddd; position: relative; padding: 8px 0 8px 100px; }
.mymol_main .mm_form_list .mm_form_field { position: absolute; height: 28px; line-height: 28px; width: 80px; left: 0; top: 8px; text-align: right; }
.mymol_main .mm_form_list .form_txt { width: 182px; }
.mymol_main .mm_form_list .form_txtarea { width: 392px; }
.mymol_main .mm_form_list .mm_radio_list { padding: 5px 0; }
.mymol_main .mm_form_list .mm_radio_label { display: inline-block; width: 70px; }
.mymol_main .mm_form_list .first_item .mm_form_field { top: 37px; }
.mymol_main .mm_form_list .head_portrait_set .img { height: 90px; width: 90px; overflow: hidden; }
.mymol_main .mm_form_list .head_portrait_set .img img { height: 100%; width: 100%; }
.mymol_main .mm_form_list .head_portrait_set .sel_head_portrait { margin-left: 110px; }
.mymol_main .mm_form_list .head_portrait_set .sel_head_portrait_btn { background: #e2e2e2; display: inline-block; height: 28px; line-height: 28px; width: 100px; text-align: center; }
.mymol_main .mm_form_list .head_portrait_set .upload_explain { padding: 10px 0 0 0; }
.mymol_main .mm_form_list .mm_btn_wrap .mm_btn { background: #c80000; color: #fff; display: inline-block; height: 28px; line-height: 28px; text-align: center; padding: 0 15px; }
.mymol_main .mm_form_list .no_border { border: 0; }

/*-----我的课程-----*/
.mymol_course .mc_tit_list {
  border-bottom: 2px solid #ddd;
  height: 40px; }
.mymol_course .mc_tit_item {
  color: #666;
  font-size: 18px; }
  .mymol_course .mc_tit_item.curr {
    border-bottom: 2px solid #c80000; }
    .mymol_course .mc_tit_item.curr .mc_tit_link {
      color: #c80000; }
.mymol_course .mc_tit_link {
  display: block;
  height: 40px;
  line-height: 40px;
  padding: 0 15px; }
  .mymol_course .mc_tit_link:hover {
    color: #c80000; }
.mymol_course .mc_cont_item {
  padding: 20px 0 0 0; }

/*-----我的问答-----*/
.mymol_qa_area_list { padding: 0 0 20px 0; }
.mymol_qa_area_list .list_li { border-bottom: 1px dashed #d4d4d4; padding: 10px 0; }
.mymol_qa_area_list .qa_side { width: 40px; }
.mymol_qa_area_list .qa_side img { height: 40px; width: 40px; }
.mymol_qa_area_list .qa_side .click_collect { display: block; background: #e5f1f8; margin-top: 10px; text-align: center; padding: 2px 0; }
.mymol_qa_area_list .qa_side .click_collect .ico { display: none; }
.mymol_qa_area_list .qa_side .clicked { background: #c80000; color: #fff; padding: 22px 0 2px 0; position: relative; }
.mymol_qa_area_list .qa_side .clicked .ico { display: block; }
.mymol_qa_area_list .qa_side .sico_click_collect { top: 3px; left: 50%; margin-left: -10px; background-position: -80px -60px; }
.mymol_qa_area_list .qa_msg { margin-left: 60px; overflow: hidden; }
.mymol_qa_area_list .qa_msg .tit { color: #c80000; font-size: 14px; font-weight: bold; height: 24px; line-height: 24px; }
.mymol_qa_area_list .qa_msg .answer_person { color: #666; }
.mymol_qa_area_list .qa_msg .intro { line-height: 20px; height: 60px; overflow: hidden; }
.mymol_qa_area_list .qa_msg .intro .check_all { color: #4b7bc3; }

/*-----我的动态-----*/
.mymol_myDynamic .mymol_qa_area_list .dynamic_tips { text-align: right; overflow: hidden; }
.mymol_myDynamic .mymol_qa_area_list .dynamic_tips .dt_text { color: #999; height: 26px; line-height: 26px; text-align: left; }
.mymol_myDynamic .mymol_qa_area_list .dynamic_tips .dt_text img { height: 26px; width: 26px; margin: 0 5px; }
.mymol_myDynamic .mymol_qa_area_list .dynamic_tips .dt_text a { color: #c80000; }
.mymol_myDynamic .mymol_qa_area_list .dynamic_tips .time { color: #999; line-height: 26px; }
.mymol_myDynamic .mymol_qa_area_list .tit { color: #c80000; font-size: 14px; font-weight: bold; height: 24px; line-height: 24px; padding: 0 0 5px 0; }
.mymol_myDynamic .mymol_qa_area_list .click_collect { margin-top: 0; }

.common_more_opera { padding: 10px 0 0 0; }
.common_more_opera a { display: inline-block; position: relative; padding: 0 10px 0 25px; }

/*-----我的测评-----*/
.mymol_myEvaluation .grid_ui { padding: 20px 0 0 0; }
.mymol_myEvaluation .grid_ui .tb_toolbar a { display: inline-block; height: 18px; line-height: 18px; }
.mymol_myEvaluation .grid_ui .tb_toolbar .opera_a { background: #c80000; color: #fff; margin-right: 20px; padding: 0 5px; }
.mymol_myEvaluation .grid_ui .tb_toolbar .opera_btn { padding: 0 5px 0 22px; position: relative; }
.mymol_myEvaluation .grid_ui .tb_toolbar .ico { position: absolute; left: 0; top: -1px; height: 20px; width: 20px; }
.mymol_myEvaluation .grid_ui .tb_toolbar .ico_stop { background-position: -200px -60px; }
.mymol_myEvaluation .grid_ui .tb_toolbar .ico_copy { background-position: -220px -60px; }
.mymol_myEvaluation .grid_ui .tb_toolbar .ico_del { background-position: -240px -60px; }
.mymol_myEvaluation .grid_ui .tb_toolbar .ico_lib { background-position: -260px -60px; }
.mymol_myEvaluation .ques_settings_list { padding: 1px 0; }
.mymol_myEvaluation .ques_settings_list .qs_li { margin-right: 10px; width: 96px; position: relative; }
.mymol_myEvaluation .ques_settings_list .qs_li:hover .qs_son_cont { display: block; }
.mymol_myEvaluation .ques_settings_list .qs_text { background: #ff8f1f; }
.mymol_myEvaluation .ques_settings_list .qs_text a { color: #fff; display: block; height: 28px; line-height: 28px; text-align: center; }
.mymol_myEvaluation .ques_settings_list .qs_son_cont { background: #e6e6e6; display: none; position: absolute; width: 100%; top: 28px; left: 0; }
.mymol_myEvaluation .ques_settings_list .qs_son_list { overflow: hidden; }
.mymol_myEvaluation .ques_settings_list .qss_ul { margin-bottom: -1px; }
.mymol_myEvaluation .ques_settings_list .qss_li { border-bottom: 1px solid #ccc; }
.mymol_myEvaluation .ques_settings_list .qss_li a { display: block; height: 28px; line-height: 28px; text-align: center; }

/*-----我的消息-----*/
.system_messages .sm_li { border-bottom: 1px solid #ddd; overflow: hidden; position: relative; padding: 10px 0 10px 100px; text-align: right; }
.system_messages .sm_li .sm_tag, .system_messages .sm_li .sm_tit { text-align: left; height: 28px; line-height: 28px; }
.system_messages .sm_li .sm_tag { background: #f0f0f0; position: absolute; width: 60px; left: 0; top: 10px; padding: 0 0 0 30px; }
.system_messages .sm_li .sm_tag .ico_system_msg { background-position: -200px -80px; height: 20px; width: 20px; left: 5px; top: 4px; }
.system_messages .sm_li .sm_tit { float: left; width: 66%; }
.system_messages .sm_li .sm_opera { color: #999; line-height: 28px; }
.system_messages .sm_li .sm_opera a { color: #c80000; margin-left: 10px; }

/*-----我的收藏-----*/
.book_list { overflow: hidden; }
.book_list .book_ul { margin-right: -10px; }
.book_list .book_li { float: left; margin: 10px 10px 0 0; width: 240px; }
.book_list .book_li_inner { background: #f5f5f5; border-bottom: 2px solid #ebebeb; padding: 15px 20px; height: 116px; }
.book_list .book_msg img { float: left; height: 95px; width: 64px; }
.book_list .book_infor { margin-left: 80px; }
.book_list .book_opera { text-align: right; }
.book_list .del_opera { color: #c80000; display: block; height: 30px; line-height: 30px; text-align: center; }

.book_infor p { height: 20px; line-height: 20px; }
.book_infor .book_tit { color: #c80000; height: 36px; line-height: 18px; white-space: normal; }
.book_infor .book_intro { height: 72px; overflow: hidden; }
.book_infor .star_evaluate { background: url(../../images/bg/morestar_gray.png) no-repeat; display: inline-block; vertical-align: text-top; height: 16px; width: 76px; }
.book_infor .star_evaluate em { display: inline-block; background: url(../../images/bg/morestar.png) no-repeat; height: 100%; width: 100%; }

/*-----账号设置-----*/
.account_set_form { padding: 20px 0; }
.account_set_form .as_form_item { position: relative; padding: 8px 0 8px 80px; }
.account_set_form .as_form_field { position: absolute; height: 28px; line-height: 28px; width: 60px; left: 0; top: 8px; text-align: right; }
.account_set_form .form_txt { width: 182px; }
.account_set_form .as_btn { background: #c80000; color: #fff; display: inline-block; height: 28px; line-height: 28px; min-width: 50px; text-align: center; padding: 0 15px; }
.account_set_form .as_form_cont .as_btn { margin-left: 5px; vertical-align: top; }
.account_set_form .as_form_cont .as_form_tips { color: #999; display: inline-block; height: 28px; line-height: 28px; vertical-align: top; padding: 0 0 0 5px; }
.account_set_form .as_form_cont .as_form_tips a { color: #259; }
.account_set_form .pay_gold { padding-left: 10px; }
.account_set_form .pay_gold .as_gold { border: 1px solid #ddd; display: inline-block; height: 26px; line-height: 26px; vertical-align: top; padding: 0 10px; }
.account_set_form .pay_gold .as_btn { margin-left: 5px; }
.account_set_form .as_btn_wrap .as_btn { margin-left: 0; min-width: 50px; }