/*===========================header=============================*/
body{ background: #f7f7f7;}
h1,h2,h3,h4,ul,ol,dl{ margin: 0; margin: 0; font-weight: normal;}
h1{ font-size: 16px;}
.fl{ float: left; }
.fr{ float: right;}
.am-with-fixed-navbar{ padding: 0;}
.red{ color: red;} 
.am-pureview{ z-index:10000; }
video{ background: #000;}
#j_page{   position: relative;margin-bottom: 100px}
/*======================banner=============================*/
/*======================banner=============================*/
#banner{ background: #fff; position: relative; z-index: 1;}
#banner li img{ display: block; height: 200px;}
#banner .am-slider-default{ margin-bottom: 0;}
#banner .am-slider-a1 .am-control-nav{ bottom:0px;}
#banner .am-slider-a1 .am-control-nav li{ margin: 0px 3px; }
#banner .am-slider-a1 .am-control-nav li a{border:none; background: #fff; box-shadow: none;   height: 5px; width: 20px; border-radius: 5px; -moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out; }
#banner .am-slider-a1 .am-control-nav li a.am-active{ background-color: #278cf2 !important; box-shadow:none; background: #278cf2;  width: 30px; }

/*===========================footer=============================*/
#footer_box{ padding: 0px;  z-index:999; position:relative;}
#footer_box .copyright{color:#797b7d; display:block; margin-bottom: 65px; border-top: 1px solid rgba(0,0,0,.1); font-size: 13px;}
#footer{border-top: 1px solid rgba(0,0,0,.1); position:fixed; bottom:0; left:0; width:100%;    }
#footer ul{ background:#fff;}
#footer li{ display: block;}
#footer li a{padding: .5rem 0; position: relative; display: block; color: #676767;   font-size: 12px;}
#footer li img{ display: block;  height: 2.6rem; width: 2.6rem; padding-bottom: 5px; margin: 0 auto;} 
#footer li img.on{ display: block; position: absolute; left: 50%; top: 6px; margin-left: -1.3rem; opacity: 0;}
#footer li.on img{opacity: 0;}
#footer li.on img.on{ opacity: 1;}
#footer li a .j_iconfont{ color: #fff;}
#footer li:last-child a{ border: none;} 

/*===============================首页-start==================================*/
#page_index{ padding: 2rem 1rem 0rem 1rem ; margin-bottom:7rem;   } 
 
/*===========================首页新闻=============================*/
#mode_notice{ background: #fff;  margin:0 0rem; height: 4.5rem;  color: #666666; padding: 0 1rem 0 9rem; position: relative;}
#mode_notice .icon{ position: absolute; left: 1rem; top: 16px; height: 16px;}
#mode_notice .bd{ height: 20px; padding-top: 14px;}
#mode_notice .bd ul{padding: 0;}
#mode_notice .bd li{ position:relative; display: block; height: 20px; line-height: 20px; overflow: hidden;}
#mode_notice .bd li a{ display: block; color: #666666; font-size: 12px; margin-right: 7rem; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;}
#mode_notice .bd li span{ font-size: 12px; position: absolute; right: 0; top: 0; display: block;}

/*===========================快捷入口=============================*/
#mode_menu{  margin:1rem -1px 2rem -1px;}
#mode_menu ul{   margin: 0;}
#mode_menu li{ border: none;}
#mode_menu li a{ padding: 2.5rem .5rem 2.5rem .5rem; display: block; border-right: 1px solid #eee; border-top: 1px solid #eee;}
#mode_menu li:nth-child(3n) a{ border-right: none;}
#mode_menu li:nth-child(1) a,#mode_menu li:nth-child(2) a,#mode_menu li:nth-child(3) a{ border-top: none;}
#mode_menu li a img{ display: block; margin: 0 auto; height: 23px;}
#mode_menu li h1{ font-size: 12px; color: #333; display: block; text-align: center; margin-top: .5rem; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;}

#mode_menu .jrml li a img{ display: block; margin: 0 auto; height: 50px;}

/*==============匠人基地=====================*/
#mode_jrjd{ margin: 0rem -1rem;  }
#mode_jrjd .content{overflow: hidden;  }
#mode_jrjd ul{overflow: hidden; margin: -1px; }
#mode_jrjd  li{float:left; display:block; overflow: hidden; border-bottom: 1px solid #eee;  border-right: 1px solid #eee;   }
#mode_jrjd  li a{display:block; margin: 1rem;   /*padding: .3rem .3rem 0 .3rem;*/ }
#mode_jrjd  li .pic_box{ display:block;overflow:hidden; position: relative; padding-top: 1rem;  border-radius: 5px; margin: 0 auto; height: 110px; overflow: hidden; position: relative; } 
#mode_jrjd  li .pic_box .box{display:table-cell;vertical-align:middle;}
#mode_jrjd  li img{ width:100%; display:block; margin:0 auto;  border-radius: 5px; overflow: hidden;}
#mode_jrjd  li h1 strong{display:block; text-align: center; padding-top: .5rem; height: 3rem; line-height: 3rem; font-size:12px; font-weight:400; color: #565658; padding: 0 10px;   white-space: nowrap;overflow:hidden;text-overflow: ellipsis;  }

/*匠人详情*/
#page_jrjd_detail .info_box { position: relative; padding-right: 100px; }
#page_jrjd_detail .bnt_yuyue{ position: absolute; bottom: .5rem; right: 0;  display: block;}

/*活动相册*/
#page_photo_detail{ background: #000; height: 100%; width: 100%;}
#page_photo_detail .am-slider ul,#page_photo_detail .am-slider,#page_photo_detail  .am-viewport{ height: 100% !important;}
#page_photo_detail .am-slides li{ height: 100%; background: #000; overflow: hidden;}
#page_photo_detail .am-slides li .img_box{ height: 100%;  background-size: 100% auto; display: flex;
align-items: center;}
#page_photo_detail .am-slides li img{ display: table-cell !important; vertical-align: middle; width: 100%; }


/*==============视频中心=====================*/
#mode_video ul{margin: 0 -1rem; overflow: hidden;  }
#mode_video  li{float:left; display:block; overflow: hidden; padding: 1rem; border-bottom: 10px solid #f9f9f9;}
#mode_video  li a{display:block; margin: .5rem;   }
#mode_video  li .pic_box{ display:table;overflow:hidden; position: relative; margin: 0 auto; background: #000; position: relative;}
#mode_video  li .icon_play{ position: absolute; z-index: 9; left: 0; top: 0; width: 100%; height: 100%; background: url(../../images/home/icon_play.png) center no-repeat; background-size: 30px auto;}
#mode_video  li .pic_box .box{display:table-cell;vertical-align:middle}
#mode_video  li img{ width:100%; display:block; margin:0 auto; opacity:.7;filter:alpha(opacity=70);}
#mode_video  li h1{display:block; padding-top: .5rem; height: 3rem; line-height: 3rem; font-size:16px;  font-weight:400; color: #333;  white-space: nowrap;overflow:hidden;text-overflow: ellipsis;  }
#mode_video  li p{ max-height: 4rem; padding-top: 1rem; line-height: 2rem; font-size:12px; line-height: 12px;   color:#999;}
#mode_video li .info_box{ position: relative; padding-top: 1rem; font-size:12px; line-height: 12px;   color:#999;}
#mode_video li .info_box span{ padding-right: 10px; font-size:12px; line-height: 12px; display:inline-block;  color:#999;}
#mode_video li .info_box span.read{background: url(../../images/home/icon_read.png) left center no-repeat;   background-size: auto 8px; padding-left: 15px;  position: absolute; right: 0; bottom: 7px;}


/*==============会员内参====================*/ 
.j_news{margin:0px; margin-top: 2rem;}
.j_news li{ display:block;  position:relative;    margin-bottom: 1rem; margin-bottom: 1rem; border-bottom: 1px solid #ededee; height: 95px; overflow: hidden;}
.j_news li:last-child{ border-bottom: none;}
.j_news li a{display:block; padding-right: 130px; margin-bottom: 1rem; }
.j_news li .pic_box{ position:absolute; right:0rem; top:0rem; width:130px; height:80px; display: block; overflow: hidden;}
.j_news li .pic_box img{ width:130px; height:80px;  display:block; overflow: hidden; border: 1px solid #f1f1f1; background: url(../../images/home/bg_logo.jpg) center no-repeat; background-size: 100% 100%;}
.j_news li .text_box{   position:relative;  padding:.8rem .5rem 1rem 1rem;   }
.j_news li .text_box h1{ display:block; line-height: 20px; font-size:14px; color:#333;  display:block; height: 40px; overflow:hidden; text-overflow: ellipsis;  }
.j_news li .text_box h1 strong{ display: inline-block; border: 1px solid #ff7216; font-size: 12px; padding: 0 3px; color: #ff7216; font-weight: 400; border-radius: 3px; margin-right: 5px;}
.j_news li .text_box span{ padding-top: 10px; font-size:12px; line-height: 12px; display:inline-block;  color:#999;}
 

/*==============活动=====================*/
#mode_active {  }
#mode_active ul{margin: 0 -1rem; overflow: hidden;  }
#mode_active  li{float:left; display:block; overflow: hidden; padding: 1rem; border-bottom: 10px solid #f9f9f9;}
#mode_active  li a{display:block; margin: .5rem;   }
#mode_active  li .pic_box{ display:table;overflow:hidden; position: relative; margin: 0 auto; background: #000; position: relative;}
#mode_active  li .mark{ position: absolute; z-index: 9; left: 2rem; top: 0; width: 30px; height: 100%;  background: url(../../images/home/mark_active.png) 0px top no-repeat; background-size: 30px auto;}
#mode_active  li .mark{ position: absolute; z-index: 9; left: 2rem; top: 0; width: 30px; height: 100%;  background: url(../../images/home/mark_active.png) 0px top no-repeat; background-size: 30px auto; display: none;}
#mode_active  li .mark.mark_finish{background: url(../../images/home/mark_finish.png) 0px top no-repeat; background-size: 30px auto;}
#mode_active  li .mark.mark_wait{background: url(../../images/home/mark_wait.png) 0px top no-repeat; background-size: 30px auto;}
#mode_active  li.active .mark.mark_active { display: block;}
#mode_active  li.wait .mark.mark_wait { display: block;}
#mode_active  li.finish .mark.mark_finish{ display: block;}
#mode_active  li .pic_box .box{display:table-cell;vertical-align:middle}
#mode_active  li img{ width:100%; display:block; margin:0 auto; opacity:.7;filter:alpha(opacity=70);}
#mode_active  li h1{display:block; padding-top: .5rem; height: 3rem; line-height: 3rem; font-size:16px;  font-weight:400; color: #333;  white-space: nowrap;overflow:hidden;text-overflow: ellipsis;  }
#mode_active li .info_box{ position: relative;}
#mode_active li .info_box span{ padding-right: 10px; font-size:12px; line-height: 12px; display:inline-block;  color:#999;}
#mode_active li .info_box span.read{background: url(../../images/home/icon_read.png) left center no-repeat;   background-size: auto 8px; padding-left: 15px;  position: absolute; right: 0; bottom: 7px;}


/*==================活动详情================*/ 
#show_active{ position: relative;}
#show_active .ar_title h1{ text-align: left;}
#show_active .ar_title h3{ text-align: left; color: #999;}
#active_fot{display: flex; position: fixed; bottom: 0; left: 0; width: 100%; z-index: 999; background: #278cf2;}
#active_fot a{  flex: 1; text-align: center;font-size: 14px; height: 40px; line-height: 40px; color:#fff;}
#active_fot a.bnt_qiandao{background: #ff5555;}
#active_fot.finish a{ display: none;}
#active_fot.finish a.bnt_finish{ display: block; background: #b5b5b5;}
#active_fot.no_finish a.bnt_finish{ display: none;}

/*==============内页=====================*/
#n_banner{position: relative; background: #000; margin-top: 50px;}
#n_banner img{ display: block; width: 100%; opacity: .85;}
 
#page_inner{ padding: 0rem 1rem 0rem 1rem ; overflow: hidden; margin-bottom:7rem;  background: #fff;}
#tab_nav{ border-bottom: 1px solid #e6e6e6;padding: 1rem ; background: #fff;}
#tab_nav li{ text-align: center; position: relative;}
#tab_nav li i{ display: block; position: absolute; left: 50%; margin-left: -25px; bottom: -1rem; width: 50px; height: 3px; border-radius: 1.5px; background: #fff;}
#tab_nav a{ display: block; font-size: 16px; color: #333;}
#tab_nav li.on a{ color: #278cf2;}
#tab_nav li.on i{ background: #278cf2;}

/*标题*/
.info_title{ display: block; position: relative; padding:0 1rem 1rem 1rem; background: url(../../images/home/icon_title.png) 0rem 5px no-repeat;background-size: auto 16px; }
.info_title strong{ font-size: 16px; color: #333333; }

/*==============历程====================*/ 
.jr_licheng{ margin: 0 -2rem; padding:1rem 2rem; border-bottom: 10px solid #f9f9f9;  }
 
  
/*我的问题*/
.mine_problem{margin:0px;}
.mine_problem li{ display:block;  position:relative;  padding: 15px 10px; background: #fff;   margin-bottom: 1rem;  overflow: hidden;}
.mine_problem li:last-child{ border-bottom: none;}
.mine_problem li a{display:block;   }
 .mine_problem li .title_box{   position:relative;  margin-bottom: 1rem;  padding:0 0 1rem 0rem; border-bottom: 1px solid #f1f1f1;  }
.mine_problem li .title_box h1{ padding-top: 0;position: relative; width: 280px; display:block; line-height: 16px; font-size:14px; color:#333;  display:block; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;  }
.mine_problem li .title_box strong{position:absolute; right: 0; top: -3px; display: inline-block; border: 1px solid #ff7216; font-size: 12px; padding: 0 3px; color: #ff7216; font-weight: 400; border-radius: 3px;}
.mine_problem li .title_box span{ position:absolute; right: 0; top: 3px; font-size:12px; line-height: 12px; display:inline-block;  color:#999;}
.mine_problem li .text_box span.read{background: url(../../images/home/icon_read.png) left center no-repeat;   background-size: auto 8px; padding-left: 15px;}
.mine_problem li .text_box span.love{background: url(../../images/home/icon_love.png) left center no-repeat;   line-height: 12px; background-size: auto 10px; padding-left: 15px;}
.mine_problem li .text_box span.love{background: url(../../images/home/icon_love.png) left center no-repeat;   line-height: 12px; background-size: auto 10px; padding-left: 15px;}
.mine_problem li .text_box p{ line-height:18px;  color:#999;  font-size:12px; white-space: nowrap;overflow:hidden;text-overflow: ellipsis;}

.mine_problem .bnt_box a{ display: block; margin-bottom: 2rem; }
.mine_problem .bnt_box img{ display: block; margin: 0 auto;}

/*我的问题详情*/

/*==============新闻详情=====================*/
.n_article {  }
.ar_title{ margin-top: 1rem;  padding-bottom:1rem; margin-bottom: 0rem;  border-bottom: 1px solid #eee;}
.ar_title h1{color: #333; font-size:16px; margin:0; font-weight:normal; }
.ar_title h3{ font-weight: normal;  margin:0; color: #666; padding-top:.5rem; font-size:12px; }
.n_article .ar_article{ padding-top:10px; padding-bottom:20px;   }

#detail_problem .info_box{ background: #f9f9f9; margin-top: 1rem; padding: 1rem;}
#detail_problem .ar_title h1,#detail_problem .ar_title h3{text-align: left;}
#detail_problem .time{ display: block; text-align: center; padding: 1rem; margin: 0 -1rem; font-size: 12px; color: #bcbbbb;  background: #f9f9f9; border-bottom: 1px solid #f1f1f1; }


 /*==============同学录====================*/ 
#mode_list_nav { margin-bottom: 2rem; padding-bottom: 2rem;}
#mode_list_nav li {position: relative; display: block;}
#mode_list_nav li a{padding: 8px 0; display: block;border-bottom: 1px solid #f1f1f1; font-size: 1.4rem; color: #545454; padding-left: 32px; line-height: 26px;}
#mode_list_nav li a img{ position: absolute; left: 0; top: 8px; height: 26px; width: 26px;padding: 4px; background: #f6b51b; border-radius: 3px; overflow: hidden; box-sizing: border-box;}
#mode_list_nav li a .am-margin-right{  margin-right: 0rem;}

#mode_list_nav .user li a img{ position: absolute; left: 0; top: 8px; height: 26px; width: 26px;padding: 0px; background: none; border-radius: 50%; overflow: hidden; box-sizing: border-box;}

 /*==============通讯录详情====================*/ 
#mode_phone_info{ background: #f5f5f5;} 
#mode_phone_info .head{ background: #fff; padding: 10px; margin: 15px 0;} 
#mode_phone_info .head .box{ position: relative; padding-left: 60px; height: 50px; line-height: 50px; color: #232323; font-size: 16px;}
#mode_phone_info .head .box img{ height: 50px; width: 50px; display: block; border-radius: 5px; overflow: hidden; position: absolute; top: 0px; left: 0;}
#mode_phone_info .content{ background: #fff; padding: 10px;}
#mode_phone_info .content .box{ position: relative; padding-left: 40px; font-size: 14px; color: #232323;} 
#mode_phone_info .content label{position: absolute; top: 0px; left: 0; font-weight: 400; }
#mode_phone_info .content strong{ font-weight: 400; color: #999;font-size: 12px;}
#mode_phone_info .bnt_box { padding-top: 20px;}
#mode_phone_info .bnt_box a{text-align: center;font-size: 14px;margin: 10px; height: 46px; line-height: 46px; background: #fff; color:#232323; display: block;}
#mode_phone_info .bnt_box a.on{ background: #3580f1;color:#fff;}


/*==============提问表单=====================*/
#mine_question{ padding-bottom: 2rem;}
#mine_question strong{margin-top: 1rem; display: block; font-size: 16px; font-weight: 400; margin-bottom: .5rem;}
#mine_question input[type="text"]{  display: block; font-size: 14px; color: #333; background: #f7f7f7; border-radius: 5px; border: none; box-sizing: border-box; padding: 1rem;width: 100%;}
#mine_question textarea{  background: #f7f7f7; resize: none; border-radius: 5px; font-size: 14px; color: #333;  border: none; line-height: 24px; box-sizing: border-box; padding: 1rem; width: 100%;}
#mine_question input[type="submit"],.j_bnt{ background: #3382f1; border: none; border-radius: 20px; display: block; width: 50%; margin: 2rem auto 0 auto; height: 40px; line-height: 40px; text-align: center; color: #fff;}

/*我的*/
.bg_mine{position: absolute; top: 0; width: 100%; left: 0;}
#mine_top{padding: 2.5rem 0 2.5rem 0; position: relative;  text-align: center; background: url(../../images/home/bg_mine.jpg) center no-repeat; background-size: 100% 100%; }
#mine_top .user{   display: block; width: 6rem; border: 2px solid #ffc57f; height: 6rem; margin: 0 auto; border-radius: 50%; overflow: hidden; position: relative; z-index: 9;}
#mine_top .user_info{ display: block; text-align: center;}
#mine_top h2{  color: #fff; font-size: 1.6rem; font-weight: 400; margin: 0;padding-top: 1rem; line-height: 1.6rem; padding-bottom: .5rem;}
#mine_top h2 span{ font-size: 1.2rem; }
#mine_top h3{  font-size: 1.4rem; color: #fff; }
#mine_top strong{ color: #fff; font-size: 1.2rem; font-weight: 400; line-height: 1.2rem;}
#mine_top h2 strong{ display: inline-block; font-size: 1rem; padding: 1px 2px; line-height: 1rem; border: .5px solid #f6b51b; color: #fff; }
.ad_box { padding: 2rem 0 0;}
.ad_box img{ display: block; width: 100%; margin: 0 auto;}

/*首页导航*/
#mine_nav { margin-bottom: 2rem;}
#mine_nav li {position: relative; display: block;}
#mine_nav li a{padding: 8px 0; display: block;border-bottom: 1px solid #f1f1f1; font-size: 1.4rem; color: #545454; padding-left: 32px; line-height: 26px;}
#mine_nav li a img{ position: absolute; left: 0; top: 8px; height: 26px; width: 26px;padding: 4px;   border-radius: 3px; overflow: hidden; box-sizing: border-box;}
#mine_nav li a .am-margin-right{  margin-right: 0rem;}

 /*我的资料*/
 .edit_photel{ background: #fff; border-radius: 10px 10px 0 0; margin-top: -2.5rem; margin-bottom: -3rem;}
 .edit_photel .user_info input{ color: #333;}
 .edit_photel{ position: relative; display: block;  padding-top:4rem;  display: block;border-bottom: 1px solid #eee; font-size: 1.4rem; color: #676767;  }
 #mode_info_label { padding-top: 1rem; margin-bottom: 2rem; }
 #mode_info_label li {position: relative; display: block; padding: 8px 0; display: block;border-bottom: 1px solid #eee; font-size: 1.4rem; color: #676767;  line-height: 26px;}
 #mode_info_label li strong{ color: #232323; font-weight: 400;}
 #mode_info_label li input{ color: #676767;  position: absolute; right: 0; top: 8px; width: auto;  display: block; line-height: 26px; background: none; border: none; font-size: 12px; width: 100%; text-align: right;}
 #mode_info_label li a .am-margin-right{  margin-right: 0rem;}
 
/*==================人才信息库================*/ 
.t_center {
	text-align: center;
}
.j_table {
	margin: 1rem 0;
	color: #656565;
	border: 1px solid #f1f1f1;
	font-size: 1.4rem;
}
.j_table td {
	border: 1px solid #f1f1f1;
	padding: .5rem;
}
.j_table h2 {
	font-size: 1.6rem;
	color: #31aeb3;
	display: block;
}
.j_table h3 {
	font-size: 1.4rem;
	color: #31aeb3;
	display: block;
	text-align: center;
}
.j_table td.label {
	color: #323232;
}
.j_table td.label strong {
	font-weight: 400 !important;
	display: block;
	text-align: justify;
}
.j_table .img_user {
	position: relative;
}
.j_table .img_user input {
	position: absolute;
	width: 100%;
	display: block;
	height: 100%;
	left: 0;
	top: 0;
	opacity: 0;
}
.j_table .img_user img {
	display: block;
	width: 86px;
	margin: 0 auto;
}
.j_table select {
	width: 100%;
	border: 1px solid #fff;
}
.j_table input[type="text"], .j_table input[type="number"], .j_table textarea {
	width: 100%;
	border: 1px solid #fff;
}
.j_table textarea {
	min-height: 4.5em;
	line-height: 1.5em;
	border: 1px solid #fff;
	resize: none;
}
li .pic_box{ height: 200px; display: block; overflow: hidden;}
li .pic_box img{ min-height: 200px;}