/*样式初始化*/



/*banner区域样式*/
.myinfo_banner_box{ width:100%; overflow: hidden;}
.myinfo_banner{ width:100%; height: 282px; background: url(/img/myinfo_bgimg.jpg) center center; position: relative;}
.myinfo_content{ width: 1200px; position: absolute; left: 50%; margin-left: -600px; top: 190px;}

			/*左侧人物信息*/
.myinfo_content_left{ width:100%; height: 100%; float: left; border-bottom: 1px #f0f0f0 solid; margin-bottom: 20px;}
.head_portrait{ width: 140px; height: 140px; border: 6px #fff solid; border-radius: 100px; overflow: hidden; background-color: #b6b6b6; margin: 0 auto;}
.head_portrait img{ width:100%;}
.myinfo_message{ width: 100%; overflow: hidden; margin-top: 42px; float: none;}
.myinfo_message ol{ width:33.3%; float: left;}
.myinfo_message h1{ margin-left: 5px; font-size: 20px; color: #000;}
.myinfo_message li{ width: 100%; text-align: left; margin: 0;}
.myinfo_message li span{ font-size: 12px; color: #666; margin: 0 5px;}
.myinfo_message li span:hover{ cursor: pointer; color: #0088fc;}

.myinfo_attention{     overflow: hidden;
    width: 284px;
    margin: 0 auto;
    margin-top: 10px;filter: alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=red,endcolorstr=blue,gradientType=0);
    -ms-filter: alpha(opacity=100 finishopacity=50 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=red,endcolorstr=blue,gradientType=0);
    background: #fff;
    background: -moz-linear-gradient(top, #f8f8f8, rgba(227, 227, 227, 0.5));
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f8f8f8), to(rgba(227, 227, 227, 0.5)));
    background: -o-linear-gradient(top, #f8f8f8, rgba(227, 227, 227, 0.5)); border: 1px #f0f0f0 solid;}
.myinfo_attention ol,.myinfo_attention li{ float: left; text-align: center;}
.myinfo_attention ol{ margin: 5px 0;}
.myinfo_attention ol img{ margin-top:10px;}
.myinfo_attention li{ width:93px; overflow: hidden; padding: 10px 0; margin: 0;}
.myinfo_attention li h1{font-size: 20px; font-weight: bold; color: #000;}
.myinfo_attention li h6{font-size: 12px; color: #666;}
			/*右侧公司信息*/
.myinfo_content_right{ width:100%; height: 100%; float: right; background-color: #f5f7fb; border: 1px #dcdee3 solid; cursor: pointer; position: relative;}
.myinfo_content_right ul{ width:100%; overflow: hidden; margin-top: 20px;}
.myinfo_content_right ul ol{ margin-top:4px; overflow: hidden; margin: 0;}
.myinfo_company_picture{width: 100px; height: 100px; margin-bottom: 20px; float: left; margin-right: 20px; margin-left: 30px; margin-top: 0 !important; overflow: hidden;}
.myinfo_company_picture img{ width:100%;}
.myinfo_company_name{ font-size: 20px; color: #000; font-weight: bold; margin-bottom: 10px !important; margin-top: 14px !important;}
.myinfo_industry{ font-size:14px; margin: 5px 0 !important;}
.myinfo_address{ font-size:14px;}
.myinfo_content_right ul div a{ width:180px; height: 35px; color: #fff; display: block; line-height: 35px; text-align: center; margin: 0 auto; cursor: pointer; background-color: #0088fc; position: absolute; right: 20px; top: 55px; border-radius: 50px;}

.content_me_box{    width: 600px;
    overflow: hidden;
    margin: 0 auto; margin-top: 20px; margin-bottom: 40px;}

.chat_offline img{ width:22px;}
.content_me_box ol{ width:20%; overflow: hidden; float: left; text-align: center;}
.content_me_box ol span{ cursor: pointer;}
.no_company_home{width: 260px;
    height: 40px;
    background-color: #656565;
    text-align: center;
    border-radius: 50px;
    color: #fff;
    line-height: 40px;
    font-weight: bold;
    float: right;
	position: absolute;
    right: 20px;
    top: 50px;}



.yes_company_home{
	width: 260px;
    height: 40px;
    background-color: #0188fc;
    text-align: center;
    border-radius: 50px;
    color: #fff;
    line-height: 40px;
    font-weight: bold;
    float: right;
	position: absolute;
    right: 20px;
    top: 50px;
}

.name_yes{    display: inline-block;
    padding: 0 5px;
    background-color: #0088fc;
    font-size: 12px !important;
    color: #fff !important;
    border-radius: 2px;}
.name_no{display: inline-block;
    padding: 0 5px;
    background-color: #ccc;
    font-size: 12px !important;
    color: #fff !important;
    border-radius: 2px;}



/*中间分隔线*/
.myinfo_top_line{ width:1px; height: 80%; background-color: #e6e6e6; float: left; margin-top: 30px;}


/*内容区开始*/
.myinfo_content_box{ width:1200px; min-height: 650px; overflow: hidden; background-color: #fff; margin: 0 auto; margin-top: 340px; border: 1px solid #DCDEE3;}
			/*头部title*/
.myinfo_title{ width:100%; height:45px; background-color: #f5f5f5; border-bottom: 1px #f5f5f5 solid;}
.myinfo_title ol,li{ float:left;}
.myinfo_title li{ width: 145px; height: 45px; line-height: 45px; text-align: center; border-bottom: 2px #f5f5f5 solid; margin: 0; font-size: 12px; font-weight: bold; color: #333;}
.title_line{ height:45px; width: 1px; background-color: #e6e7eb;}
.this_title{ color:#0088fc !important; border-bottom: 2px #0088fc solid !important;}

			/*话题左侧*/
.myinfo_topic_box{ width:100% !important; overflow: hidden; }
.myinfo_topic_left{ width:800px !important; overflow: hidden; float: left !important; margin-left: 40px;}
.myinfo_topic_left ol{ width:100%; overflow: hidden; margin-top: 20px; border-bottom: 1px #f0f0f0 solid;}
.myinfo_issue{ width:90%; overflow: hidden; margin: 20px auto;}
.myinfo_issue li{width:100%; float: none; text-align: left; margin: 0; margin-top: 5px;}
.myinfo_issue_photo{ width:60px !important; height: 60px !important; border-radius: 2px; float: left; background-color: #f0f0f0; margin-right: 10px; overflow: hidden; border: 1px #f0f0f0 solid !important;}
.myinfo_issue_photo img{ width:100%;}
.myinfo_issue_content{ width:640px !important; overflow: hidden; float: right;}
.myinfo_issue_name{ font-size: 16px; font-weight: normal; color: #333;}
.myinfo_issue_time{ font-size: 12px; color: #999999; margin-top: 0 !important;}
.myinfo_issue_text{ font-size:14px; font-size: 16px; color: #333; font-weight: bold; margin-top: 10px !important;}

.myinfo_likes{ width: 100% !important; height: 36px !important; border: 1px #f0f0f0 solid; margin-bottom: 10px; background-color: #fdfdfd;}
.myinfo_likes h4{ font-size:18px; text-align: center; margin-top: 4px;}
.myinfo_likes h6{    height: 36px;
    line-height: 36px; color: #333 !important;}
.myinfo_likes_attention{ width: 33.3%!important;
    height: 36px!important;
    float: left!important;
    border-right: 1px #f0f0f0 solid;
    cursor: pointer;
    box-sizing: border-box;}
.myinfo_likes_attentions{ width:80px!important; height: 30px!important; float: left!important; border-right: 1px #f0f0f0 solid; cursor: pointer;}
.myinfo_likes_attention h6:hover{  background-color: #7b8a97; color: #fff !important;}
.myinfo_likes_like{ width:33.3%!important; box-sizing: border-box; height: 30px!important; float: left!important; border-right: 1px #f0f0f0 solid!important; cursor: pointer;}
.myinfo_likes_likes{ width:80px!important; height: 30px!important; float: left!important; border-right: 1px #f0f0f0 solid!important; cursor: pointer;}
.myinfo_likes_like h6:hover{ background-color: #7b8a97; color: #fff !important;}
.myinfo_likes_replys{ width:80px!important; height: 30px!important; float: left!important; border-right: 1px #f0f0f0 solid!important; cursor: pointer;}
.myinfo_likes_replyss{ width:80px!important; height: 30px!important; float: left!important; border-right: 1px #f0f0f0 solid!important; cursor: pointer;}
.myinfo_likes_replys h6:hover{ background-color: #7b8a97; color: #fff !important;}
.myinfo_likes_list{ width:346px; height: 44px; float: left; overflow: hidden;}
.myinfo_likes_list li{ width:24px; height: 24px; background-color: #f0f0f0; float: left; margin: 10px 5px;}
.myinfo_likes i{ font-size: 14px; margin-right: 5px;}

.myinfo_messages{ width:80%; overflow: hidden; margin-top: 30px; margin-bottom: 50px; margin-left: 15%;}
.myinfo_messages_box{ overflow: hidden; margin-bottom: 20px;}
.myinfo_messages_photo{ width:32px; height: 32px; float: left; margin-right: 20px; background-color: #f0f0f0; overflow: hidden;}
.myinfo_messages_photo img{ width:100%;}
.myinfo_messages_text{ width:588px; overflow: hidden; float: right;}
.myinfo_messages_text li{ width:100%; text-align: left;}
.myinfo_messages_name{ font-size:14px; font-weight: bold;}

.myinfo_likes_reply{ width:33.3%; height: 30px; float: left; cursor: pointer;}
.myinfo_likes_reply h6:hover{  background-color: #7b8a97; color: #fff !important;}
.myinfo_likes_replys{ width:100px; height: 44px; float: left; border-right: 1px #f0f0f0 solid; cursor: pointer;}

.comment_box{ width:100%; overflow: hidden;}
.comment_text{ width:99.8%; height: 60px; outline: none; border:1px #c0c0c0 solid;}
.comment_button{ width: 90px; height: 25px; font-weight: bold; background-color: #48a5f4; color: #fff; cursor: pointer; border-radius: 2px; line-height: 25px; text-align: center; float: right; margin-top: 5px;}


			/*话题右侧*/
.myinfo_topic_right{ width:299px; min-height: 600px; float: right; padding-left: 30px; border-left: 1px #f5f5f5 solid;}
.myinfo_topic_right_title{ width:90%; height: 40px; line-height: 40px; border-bottom: 1px #dddddd solid; font-size: 16px; text-align: left;}
.myinfo_topic_right ol{ width:90%; overflow: hidden; margin: 25px 5%;}
.myinfo_topic_right ol div{ width:50px; height: 50px; border-radius: 100px; background-color: #f0f0f0; float: left; margin-right: 20px;}
.myinfo_topic_right ol li{ width: 198px; text-align: left; margin: 0;}



/*产品区开始*/
.myinfo_products_box{ width:100%; overflow: hidden;}
			/*产品左侧*/
.myinfo_products_left{ width:860px; overflow: hidden; float: left;}
.myinfo_products_left ol{ width:90%; overflow: hidden; margin: 0 auto; padding: 30px 0; border-bottom: 1px #f0f0f0 solid;}
.myinfo_products_left div{ width:150px; height: 150px; border: 1px #e6e7eb solid; float: left; margin-right: 20px;}
.myinfo_products_left div img{ width:100%;}
.myinfo_products_left ol li{ width:auto; float: none; text-align: left; margin-bottom: 10px; overflow: hidden;}
.myinfo_products_name{ font-size:16px; color: #000; font-weight: bold;}
.myinfo_products_ability{ font-size:14px;}
.myinfo_products_ability span{ width:100px; display: block; float: left; color:#999999;}
.myinfo_products_port{ font-size:14px;}
.myinfo_products_port span{ width:100px; display: block; float: left; color:#999999;}
.myinfo_products_price{ font-size: 18px; font-weight: bold; color: #ff7100; margin-top: 20px;}
			/*产品右侧*/
.myinfo_products_right{ width:299px; height: 100%; float: right; padding-left: 30px; border-left: 1px #f5f5f5 solid;}
.myinfo_products_right_title{ width:90%; height: 40px; line-height: 40px; border-bottom: 1px #dddddd solid; font-size: 16px; text-align: left;}


/*个人简历开始*/
.myinfo_record_box{ width:100%; overflow: hidden;}
			/*简历左侧*/
.myinfo_record_left{ width:800px; overflow: hidden; float: left;}
.myinfo_record_left ol{ width:90%; overflow: hidden; margin: 20px auto;}
.myinfo_record_left ol div{ overflow: hidden;}
.myinfo_record_left li{ width:100%; overflow: hidden; margin-top: 10px; text-align: left; font-size: 14px;}
.myinfo_record_left li span{    width: 120px;
    display: block;
    float: left;
    color: #333;
    margin-left: 50px;
    text-align: right;
    margin-right: 30px;}
.myinfo_record_title{ width:100%; line-height: 40px; font-size: 16px; font-weight: bold; border-bottom: 1px #f0f0f0 solid; color: #000;}
.myinfo_record_title i{ margin-right:5px;}
.myinfo_school_name{ background-color: #f0f0f0; height: 30px; line-height: 30px; padding: 0 20px; color: #333; font-weight: bold;}
.hobbies{ width:100px; height: 30px; border: 1px #a2a2a2 dashed; text-align: center; line-height: 30px; float: left; margin-right: 10px;}
.fa-venus{ color:#F908CC;}

			/*简历右侧*/
.myinfo_record_right{ width:299px; height: 100%; float: right; padding-left: 30px; border-left: 1px #f5f5f5 solid;}
.myinfo_record_completeness{width:90%; overflow: hidden;}
.myinfo_record_completeness_title{ font-size:16px; color: #000; font-weight: bold; height: 40px; line-height: 40px; border-bottom: 1px #f0f0f0 solid;}
.myinfo_record_value{    width: 100%;
    height: 28px;
    border: 1px #0088fc solid;
    margin-top: 10px;
    margin-bottom: 40px;
    box-sizing: border-box;}
.myinfo_record_value span{ display: block; width:0%; height: 24px; line-height: 24px; text-align: center; font-size: 14px; margin-top: 1px; color: #fff;background: #000000;
    background: -moz-linear-gradient(left,  #68baff 0%, #0088fc 100%);
    background: -webkit-gradient(linear, left left, left right, color-stop(0%,#68baff), color-stop(100%,#0088fc));
    background: -webkit-linear-gradient(left,  #68baff 0%,#0088fc 100%);
    background: -o-linear-gradient(left,  #68baff 0%,#0088fc 100%);
    background: -ms-linear-gradient(left,  #68baff 0%,#0088fc 100%);
    background: linear-gradient(left bottom,  #68baff 0%,#0088fc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#68baff', endColorstr='#0088fc',GradientType=0 );}
.myinfo_record_right_title{ width:90%; height: 40px; line-height: 40px; border-bottom: 1px #dddddd solid; font-size: 16px; text-align: left; font-weight: bold; color: #000;}


/*好友列表开始*/
.myinfo_friend_box{ width:100%; overflow: hidden;}
			/*好友列表左侧*/
.myinfo_friend_left{ width:800px; overflow: hidden; float: left; padding-bottom: 20px;}
.myinfo_friend_left ol{ width:40%; height: 150px; background-color: #fff; border: 1px #f0f0f0 solid; position: relative; margin-top: 60px; float: left; margin-left: 5%; margin-right: 4%;}
.myinfo_friend_left ol div{ width: 90px; height: 90px; border-radius: 100px; background-color: #f0f0f0; position: absolute; left: 20px; top: -40px; overflow: hidden; border: 4px #f0f0f0 solid;}
.myinfo_friend_left ol div img{ width:100%;}
.myinfo_friend_left ol li{ margin-top:10px; width: 90%; margin-left: 5%; text-align: left; color: #666;}
.friend_name{ width:100%; font-size: 14px; font-weight: bold; margin-top: 10px !important; margin-bottom: 20px; padding-left: 100px; color: #333 !important;}

.myinfo_friend_left ol li a{ width:80px; height: 25px; display: block; background-color: #0088fc; color: #fff; text-align: center; line-height: 25px; float: right; margin-right: 10px; margin-top: 10px; border-radius: 2px; font-weight: bold;}


			/*好友列表右侧*/
.myinfo_friend_right{ width:299px; height: 100%; float: right; padding-left: 30px; border-left: 1px #f5f5f5 solid;}
.myinfo_friend_right_title{ width:90%; height: 40px; line-height: 40px; border-bottom: 1px #dddddd solid; font-size: 16px; text-align: left;}
.myinfo_friend_right_text{ font-size: 12px; color: #B8B8B8; margin-top: 10px;}
.myinfo_friend_right ol{ width:100%; overflow: hidden; margin: 10px 0; display: block;}
.myinfo_friend_right li{ width:100%; overflow: hidden; text-align: left; display: block;}
.myinfo_friend_right li i{ color: #000; font-size: 14px; margin: 10px 0; margin-left: 33px;}
.myinfo_friend_picture{ width: 80px; height: 80px; overflow: hidden; border-radius: 200px; background-color: #f0f0f0; float: left;  margin-right: 10px; padding-bottom: 20px; border: 4px #f0f0f0 solid;}
.myinfo_friend_name{ margin-top: 14px; display: inline-block; font-size: 14px; font-weight: bold; color: #000;}
.myinfo_issue_names{ margin-top: 2px; font-size: 16px; color: #000 !important; text-align: left;}
.myinfo_issue_texts{ font-size:12px; margin-top: 2px; overflow: hidden; color: #666; font-weight: normal;}
.myinfo_issue_textss{ font-size:12px; margin-top: 2px; color: #808080; font-weight: normal !important; text-align: left;}
.myinfo_issue_seeall{ font-weight: bold; color: #4a4a4a; margin-top: 10px; cursor: pointer;}
.myinfo_issue_seeall i{ margin-left:5px;}

/*页脚样式表开始*/
footer{ width:100%; overflow: hidden; background-color: #ebeef0;}
footer i { font-size:14px !important; margin: 0 5px;}
.footer_logo{ width:100%; overflow: hidden; font-size: 30px; font-weight: bold; text-align: center; float: left; margin-top: 40px;}
.footer_top{ width:1200px; height: 300px; margin: 0 auto;}
.footer_serve{ width:700px; overflow: hidden; margin: 0 auto; float: left; margin-top: 40px; margin-left: 250px;}
.footer_serve li{ width:140px; height: 30px; float: left;}
.footer_bottom{ width:100%; height: 80px; background-color: #fff; margin: 0 auto; float: left;}

.footer_link_line{ width:100%; overflow: hidden; float: left; margin-top: 30px;}
.footer_link_line li{ float:left;}
.footer_line{ width:500px; height: 1px; background-color: #000; margin-top: 7px;}
.fotter_link_text{ width:200px;text-align: center;}

.footer_link{ width:100%; height: 30px; float: left; margin-top: 30px; color: #777;}
.footer_link li{ width:auto; overflow: hidden;}
.footer_link ol{ width:2px; overflow: hidden; margin: 0 28px;}
.footer_link ol,li{ float: left;}

.footer_bottom_content{ width:1200px; height: 50px; margin-top: 19px !important;  margin: 0 auto; text-align: center; line-height: 18px; color: #333;}









/*联系我隐藏层开始*/
.contactme_black_box{ width:100%; height: 100%; position: fixed; top: 0; left: 0; background-color: rgba(0,0,0,0.5); z-index: 99999; display: none;}
.contactme_white_box{ width:600px; height: 400px; background-color: #fff; position: absolute; left: 50%; margin-left: -300px; top: 50%; margin-top: -200px;}
.contactme_title{ width:90%; height: 80px; font-weight: bold; margin: 0 auto; line-height: 80px; margin-bottom: 20px; font-size: 20px; text-align: center;}
.contactme_white_box ul{ width:90%; height: 300px; margin: 0 auto;}
.contactme_white_box ul ol,li{ width: 100%; float: left;}
.contactme_white_box ul li{ border-right: 1px #f0f0f0 solid;}
.contactme_white_box ul .contactme_button_box{ width:100%; float: left; overflow: hidden;}
.contactme_white_box ul .close_contactMe{ width:150px; height: 35px; border: 0; background-color: #0088fc; color: #fff; display: block; margin: 0 auto; margin-top: 40px; cursor: pointer;}
.contactme_icon{ height:40px; line-height: 40px;}
.contactme_icon i{ font-size: 40px; color: #797979;}
.contactme_text{ font-size: 12px;}

.contactme_message_box{ width:90%; float: left; overflow: hidden; margin-left: 5%; margin-top: 40px;}
.contactme_message_title{ width:100%; height: 30px; font-size: 14px; line-height: 30px;}
.contactme_message_text{ width:100%; height: 20px; font-size: 12px; line-height: 20px; color: #808080;}
.contactme_message_box b{ color: #0088fc;}
.contactme_message_box b i{ color:#333; margin-left: 5px;}


/*添加好友隐藏层开始*/
.contactme_white_boxs{ width:500px; height: 300px; background-color: #fff; position: absolute; left: 50%; margin-left: -250px; top: 50%; margin-top: -150px; border-radius: 2px;}
.contactme_white_content{ width: 90%; overflow: hidden; margin: 34px auto; text-align: center;}
.contactme_white_content i{ font-size: 100px; color: #4ACC04;}
.contactme_white_content p{ font-size:16px; color: #333; margin-top: 20px;}
.contactme_white_button{  width:150px; height: 35px; border: 0; background-color: #0088fc; color: #fff; display: block; margin: 0 auto; margin-top: 40px; text-align: center; line-height: 35px; font-size: 14px; cursor: pointer;}
.myinforButtonBox{ width:240px; height: 35px; margin: 0 auto; overflow: hidden;}
.contactme_white_buttons{ width:100px; height: 35px; float: left;border: 0; background-color: #0088fc; color: #fff; display: block; text-align: center; line-height: 35px; font-size: 14px; cursor: pointer; margin-left: 40px; font-weight: normal; border-radius: 2px;}
.contactme_white_buttonss{ width:100px; height: 35px; float: left;border: 0; background-color: #ccc; color: #fff; display: block; text-align: center; line-height: 35px; font-size: 14px; cursor: pointer; font-weight: normal; border-radius: 2px;}
.add_friend_title{ font-size: 20px;
    text-align: center;
    line-height: 80px;
    color: #333;
    font-weight: normal;}

#myinfoAddFriend{     width: 80%;
    height: 100px;
    margin: 0 auto;
    display: block;
    margin-bottom: 30px;
    border: 1px #ccc solid;
    color: #666;
    padding: 5px;}

.move_imgs{ width:22% !important; overflow: hidden; float: left !important; margin-right: 3%; border: 1px #f0f0f0 solid; box-sizing: border-box;}
.move_imgs img{ width:100%;}
.one_imgs{ width:100%; overflow: hidden;}

.nono{width: 100%;
height: 100px;
background-color: #fafafa;
font-size: 14px;
text-align: center;
line-height: 100px;
color: #a7a7a7;}

.nonono{    width: 100%;
    height: 200px;
    line-height: 200px;
    text-align: center;
    font-size: 14px; border: 0px !important;}
.no{    width: 90%;
    height: 100px;
    line-height: 40px;
    font-size: 14px;
    font-weight: bold;
    color: #000;}


#myInforAlertBox{ width:100%; height: 100%; background: rgba(0,0,0,0.5); position: fixed; top: 0; left: 0; display: none;}
.myInfor_alert_box{ position: absolute;
    width: 500px;
    height: 200px;
    top: 50%;
    left: 50%;
    margin-left: -250px;
    margin-top: -100px;
    background-color: #fff;
    border: 6px #f0f0f0 solid;
    box-sizing: border-box;
    text-align: center;
    font-size: 18px;
    color: #333;}
#myInforAlertBoxText{    width: 90%;
    margin: 50px auto;}
#myInforAlertBoxClose{width: 100px;
    font-size: 12px;
    height: 30px;
    line-height: 30px;
    color: #fff;
    background-color: #3b9ff3;
    cursor: pointer;
    margin: 0 auto;
    border-radius: 2px;}