.fix-header {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 900;
  box-shadow: 0 4px 8px 0 rgba(7,17,27,0.1);
}
/*学客的导航样式*/
#header {
  width: 100%;
  min-width: 1200px;
}
#header .page-container {
  width: auto;
  padding-right: 10px;
  z-index: 900;
  box-shadow: 0 4px 8px 0 rgba(7, 17, 27, 0.1);
  position: relative;
}
#header .logo {
  float: left;
  margin: 0 20px 0 0;
}
#header .nav-item li {
  float: left;
  margin-right: 20px;
}
#header .nav-item li a {
  display: block;
  color: rgba(255, 255, 255, 0.6);
  text-align: center;
  font-size: 16px;
  height: 72px;
  line-height: 72px;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  transition: background-color 0.3s;
  position: relative;
}
#header .nav-item li a .icn-new {
  position: absolute;
  display: inline-block;
  top: 14px;
  width: 16px;
  height: 16px;
  background: url(../../images/icon-new.png) no-repeat 0 0;
}
#header .remen {
    padding: 2px 8px;
    font-size: 11px;
    line-height: 16px;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
    color: #fff;
    -webkit-border-radius: 4px;
    border-radius: 50px;
    background: #ff2741;
    z-index: 5;
    position: absolute;
    top: 1px;
    right: -5px;
    animation: fivezhe 1.8s infinite;
}
#header .nav-item li a.active,
#header .nav-item li a:hover {
  color: #fff;
}
#header .nav-item  li s{display:none;width: 40px;height:5px;margin:-15px auto 0; background-color: rgb(255, 45, 94);-webkit-border-radius: 2.5px;-moz-border-radius: 2.5px;border-radius: 2.5px;-webkit-animation: flipInY .5s ease-out; -moz-animation: flipInY .5s ease-out; animation: flipInY .5s ease-out;}
#header .nav-item  li.active s,#header .nav-item li:hover s{display: block;}
#header .nav-item  li:not(.active):hover s{background-color: rgba(255, 0, 0);}


#header #login-area {
  float: right;
  position: relative;
}
#header #login-area .dist-money {
  line-height: 72px;
  position: relative;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.6);
}
#header #login-area .dist-money:hover > a {
  color: #fff;
}
#header #login-area .dist-money > a {
  color: rgba(255, 255, 255, 0.6);
  padding: 0 12px;
}
#header #login-area .dist-money a {
  width: 122px !important;
  padding: 0 12px;
  box-sizing: border-box;
}
#header #login-area .user-mycourse-box > a {
  text-align: center;
  color: #787D82;
}
#header #login-area .remind_warp {
  width: 60px;
  height: 48px;
}
#header #login-area .remind_warp a {
  height: 48px;
  line-height: 48px;
}
#header #login-area .remind_warp .msg_remind {
  display: none;
  position: absolute;
  width: 8px;
  height: 8px;
  background-color: #f01414;
  right: 14px;
  top: 10px;
  border-radius: 50%;
}
#header #login-area .remind_warp .icon-notifi {
  display: block;
  line-height: 48px;
  font-size: 22px;
  text-align: center;
  cursor: pointer;
  -webkit-transition: color 0.2s;
  -moz-transition: color 0.2s;
  transition: color 0.2s;
}
#header #login-area .remind_warp .icon-notifi:hover {
  color: #fff;
}
#header #login-area .logined > li {
  float: left;
  position: relative;
}
#header #login-area .logined > li.user-mycourse-box a:hover {
  color: #f01414;
}
#header #login-area .logined > li > a {
  width: 60px;
  color: #787d82;
  text-align: center;
  -webkit-transition: background-color 0.2s;
  -moz-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
#header #login-area .logined > li > a img{vertical-align:middle;margin-top: 4px;width: 32px;
height: 32px;}
#header #login-area .logined > li > a:hover {
  color: #fff;
}
#header #login-area .logined > li > a:hover i {
  color: #fff;
}
#header #login-area .header-unlogin > li {
  float: left;
}
#header #login-area .header-unlogin .header-signin {
  margin-left: 12px;
  color: rgba(255, 255, 255, 0.6);
}
#header #login-area .header-unlogin .header-signin a {
  display: inline-block;
  padding: 0 12px;
  height: 72px;
  line-height: 72px;
  font-size: 14px;
  color: #4D555D;
  -webkit-transition: background-color 0.2s;
  -moz-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
#header #login-area .header-unlogin .header-signin a:hover {
  color: #f01414;
}
#header .logo a img {
  height: 40px;
  padding-top: 15px;
}
#header .nav-item li a {
  color: #4D555D !important;
}
#header .nav-item li a.active,
#header .nav-item li a:hover {
  color: #07111b !important;
}
.remind_warp,
.search-area {
  margin: 12px 0;
}
.logotext10 {
float: left;
position: relative;
top: 34px;
right: 15px;
}
span.navtenyear {
font-size: 14px;
padding: 1px 5px;
background-color: #F67524;
border-radius: 5px;
color: #fff;
}
/*一品资源网导航样式*/
.header_user a i {width: 20px;height: 22px;display: block;float: left;margin: 3px auto;}
.icon.ic-qq_s {background-position: -82px -77px;}
.icon {background: url(../../images/icons.png) no-repeat;}
 .user_id {
    float: right;
    margin-left: 10px;
    font-size: 12px;
    color: 
    #666;
    padding-top: 11px;
}
input,textarea,select {
	background:none;
	border-radius:0;
	outline: none;
	resize:none;
	appearance:none;
	}
body,form,input,select,textarea{	
	color:#454545;
	font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:13px;
	-webkit-text-size-adjust : none ;
	-moz-text-size-adjust : none ;
	-ms-text-size-adjust : none ;
	-o-text-size-adjust : none ;
	text-size-adjust : none
	}
.wi-center{width:1200px;min-width:1200px;margin:0 auto;position:relative}
.header_wrap .top{height:40px;border-bottom:1px solid #eee;box-shadow:0 3px 10px 3px #eee;min-width:1e3px}
.header_wrap .top-left a{width:90px;height:23px;padding-top:8px;display:block;float:left;margin-right:10px}
.header_wrap .top-left a img{width:100%;height:100%}
.erweima{width:210px;height:210px;background:#f09;z-index:999;position:absolute;top:40px;left:75px}.erweima img{width:100%;height:100%;display:block}
.header_wrap .top-right a{font-size:14px;color:#666;padding-top:10px;display:block;float:left}
.header .hotword{padding-top:10px;font-size:12px;width:550px;height:18px;overflow:hidden}
.header .hotword a{color:#999;margin:0 9px}
.header .bbs_enter {float: right;overflow: hidden;margin: 42px 0 0;}
.header_wrap{width: 100%;padding: 0;background-color:#fff;z-index: 1001;/*box-shadow:0 2px 5px rgba(0,0,0,.15); */top:0; left:0; z-index:9;border-bottom: 1px solid #e4e4e6;}
.header_wrap .header{height:125px;}
.header.fix.w1200 {width: 1200px;margin: 0 auto;min-width: 1200px;}
.header .logo{float:left;width:215px;padding-top: 30px;height: 65px;}
.header .logo a {background: url(../../images/logo2.png) no-repeat center;width: 100%;height: 100%;display:block;}
.header .logo span{ font-size:18px; color:#999; vertical-align:super; margin-left:15px;}
.header_user{float:right;}
.header_user .i_sign,.header_user .i_login,.header_user .i_qqlogin{display:inline-block;float:left;margin-left:5px;text-align:center;height:58px;margin-top:4px;}
.header_user .i_sign{width:60px;height:28px;line-height:28px;border:1px solid #ddd;border-radius:3px;background:#fdfbfb;}
.header_user .i_sign:hover{background:#ff9417;color:#fff;border:1px solid #ff9417;}
.header_user .i_login{width:60px;height:28px;line-height:28px;border-radius:3px;background:#f5f5f5;color:#f67754;border:1px solid #f67754;}
.header_user .i_login:hover{opacity:.8;}
.header_user .i_qqlogin{width:80px;height:28px;line-height:28px;border-radius:3px;background:#f67754;color:#fff;border:1px solid #f67754;}
.header_user .i_qqlogin:hover{opacity:.8;}
.header_search {
    width: 520px;
    height: 42px;
    float: left;
    left: 70%;
    position: absolute;
    padding-top: 38px;
}
.header_search .search_form .search_input{float:left; width:438px; height:38px; border:2px solid #f57653;border-right:none; border-radius:3px 0 0 3px; position: relative;}
.header_search .search_form .search_input input{ width:320px;border:none;color:#999; font:normal 14px tahoma, PingFangSC, "microsoft yahei ui", "microsoft yahei", sans-serif;font-size-adjust:none; overflow: hidden; position: absolute;left: 88px;top:10px;}
.header_search .search_btn{width:80px;height:42px; line-height:42px; display:block;float:left; border-radius: 0 3px 3px 0; border: none; cursor: pointer; background:#f57653;}
.header_search .search_btn:hover{opacity:.8;}
.header_search .search_btn .icon_search{display:block; width:80px;height:40px;margin:4px auto 0;background:url(../../images/index_icons.png) no-repeat -68px -82px ;}
.selected_type {position: relative; cursor:pointer;width:75px; height:38px; line-height:38px; display:inline-block; padding-left:9px; color:#666;}
.selected_type:after{border: 5px solid transparent;border-top: 6px solid #d2d2d2;width: 0;height: 0;position: absolute;top: 18px;right: 6px;content: ' ';transition: all .3s;-webkit-transition: all .3s;}
.search_filter_selected dl.search_type{ display:block;}
.search_filter_selected .selected_type:after{-webkit-transform: rotate(180deg);transform: rotate(180deg); top:12px;}
.search_filter .search_type {	display: none;position: absolute;left: -1px;top:38px;z-index: 999;background-color: #fff;border-radius: 2px;box-shadow: 0 2px 4px rgba(0,0,0,.12);box-sizing: border-box;padding:5px 0; width:88px;}
.search_filter .search_type dd {cursor: pointer;color:#666;font-size: 14px;padding:6px 12px;text-align:left;}
.search_filter .search_type dd:hover {background-color: #0099ed;color: #fff;}
.nav_waper{ background:#fa9c5c; height:48px; border-top: 1px solid #e4e4e6;}
.nav { width:1200px;margin:0 auto;  }
.nav dd{ float:left;  margin:0 6px 0 0;  position:relative;}
.nav dd .nav_name{ color:#020202; letter-spacing:1px; display:inline-block; display:inline-block; height:49px; line-height:49px; font-size:16px; float:left;width:98px; text-align:center; margin-right:5px; position:relative; }
.nav dd:hover .nav_name, .nav dd .nav_name#cur{ background:#202021;color: #fff;}
.nav dd .list_sec{ position:absolute; left:0px; top:50px;width:320px; z-index:999;   background:#fff; display:none;-webkit-box-shadow: 0 3px 7px 0 rgba(0,0,0,.16);
box-shadow: 0 3px 7px 0 rgba(0,0,0,.16); padding:5px 15px 5px 15px; border-radius:0 0 3px 3px; }
.nav dd .list_sec .arrow{ width:14px; height:7px; background:url(../../images/index_icons.png) no-repeat -608px -198px; position:absolute; top:-6px; left:40px;}
.nav dl dd:hover .list_sec{ display:block;}
.nav dd .vfp_cont{ float:left;  margin:5px 10px;}
.nav dd .vfp_cont p{ border-bottom:1px solid #eee; font-size:16px; color:#888; line-height:40px;}
.nav dd .vfp_cont p span{ font-size:16px; margin:0 10px 0 0; }
.nav dd .vfp_cont .sc_list{padding:8px 0;float:left;}
.nav dd .vfp_cont .sc_list a{ float:left; width:100px;font-size:14px;line-height:32px;height:32px;color: #333;}
.nav dd .vfp_cont .sc_list a:hover{ color:#0099e5;}
/*首页导航全局搜索*/
.search-warp {
  position: relative;
  float: right;
  margin-right: 15px;
}
.search-warp .showhide-search {
  width: 20px;
  height: 24px;
  text-align: right;
  position: absolute;
  display: inline-block;
  right: 0;
  bottom: 24px;
  padding: 0 8px;
  border-radius: 18px;
}
.search-warp .showhide-search i {
  display: block;
  height: 24px;
  color: #A6A6A6;
  cursor: pointer;
  font-size: 20px;
  line-height: 24px;
  width: 20px;
}
.search-area {
  float: right;
  position: relative;
  height: 40px;
  padding-right: 40px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
  zoom: 1;
  background: #F1F1F1;
  border-radius: 8px;
  margin: 16px 0;
  width: 324px;
  box-sizing: border-box;
  font-size: 0;
  -webkit-transition: width 0.3s;
  -moz-transition: width 0.3s;
  transition: width 0.3s;
}
.search-area .search-input {
  padding: 8px 12px;
  font-size: 14px;
  color: #A6A6A6;
  line-height: 24px;
  height: 40px;
  width: 100%;
  float: left;
  border: 0;
  outline:none;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  transition: background-color 0.3s;
  background-color: transparent;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.search-area .search-input.w100 {
  width: 100%;
}
.search-area .hotTags {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 40px;
}
.search-area .hotTags a {
  display: inline-block;
  background: #FFFFFF;
  border-radius: 12px;
  padding: 4px 8px;
  height: 16px;
  font-size: 12px;
  color: #646B71;
  line-height: 16px;
  margin-right: 8px;
  margin-top: 8px;
  max-width: 60px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.search-area .hotTags a.last {
  margin-right: 0;
}
.search-area input::-webkit-input-placeholder {
  color: #A6A6A6;
}
.search-area input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #A6A6A6;
}
.search-area input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #A6A6A6;
}
.search-area input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #A6A6A6;
}
.search-area .btn_search {
  float: left;
  cursor: pointer;
  width: 30px;
  height: 38px;
  text-align: center;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  transition: background-color 0.3s;
}
.search-area .search-area-result {
  position: absolute;
  left: 0;
  top: 57px;
  width: 300px;
  margin-bottom: 20px;
  border-top: none;
  background-color: #fff;
  box-shadow: 0 8px 16px 0 rgba(7, 17, 27, 0.2);
  font-size: 12px;
  overflow: hidden;
  display: none;
  z-index: 800;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}
.search-area .search-area-result.hot-hide {
  top: 47px;
}
.search-area .search-area-result.hot-hide .hot {
  display: none;
}
.search-area .search-area-result.hot-hide .history {
  border-top: 0;
}
.search-area .search-area-result h2 {
  font-size: 12px;
  color: #1c1f21;
  line-height: 12px;
  margin-bottom: 8px;
  font-weight: 700;
}
.search-area .search-area-result .hot {
  padding: 12px 0 8px 12px;
  box-sizing: border-box;
}
.search-area .search-area-result .hot .hot-item {
  background: rgba(84, 92, 99, 0.1);
  border-radius: 12px;
  padding: 4px 12px;
  line-height: 16px;
  margin-right: 4px;
  margin-bottom: 4px;
  display: inline-block;
  cursor: pointer;
  font-size: 12px;
  color: #545c63;
}
.search-area .search-area-result .history {
  border-top: 1px solid rgba(28, 31, 33, 0.1);
  box-sizing: border-box;
}
.search-area .search-area-result .history li {
  height: 40px;
  line-height: 40px;
  padding: 0 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #787d82;
  cursor: pointer;
}
.search-area .search-area-result .history li:hover,
.search-area .search-area-result .history li .light {
  color: #1c1f21;
  background-color: #edf0f2;
}
.visible-xs-block {
        display: none;
}
.set_btn {
  right: 0px;
}
.set_btn img {
  border-radius: 50%;
  vertical-align: middle;
  display: inline-block;
}
.user-card-box .g-user-card {
        display: none;
        position: absolute;
        right: 0;
        top: 100%;
        z-index: 1000;
        width: 306px;
        padding: 24px;
        background-color: #fff;
        box-shadow: 0 8px 16px 0 rgba(7,17,27,0.2);
        border-bottom-right-radius: 8px;
        border-bottom-left-radius: 8px;
        box-sizing: border-box;
}
.user-card-box.hover .g-user-card{
  display: block;
}
.user-card-box .g-user-card .card-top {
        color: #93999f;
        position: relative;
}
.user-card-box .g-user-card .card-top a {
        display: inline-block;
        color: #93999f;
}
.user-card-box .g-user-card .card-top a img {
        float: left;
        width: 72px;
        height: 72px;
        border-radius: 50%;
        border: 2px solid #fff;
        margin-right: 12px;
}
.user-card-box .g-user-card .card-top .card-top-right-box {
        margin-top: 14px;
}
.user-card-box .g-user-card .card-top .name {
        display: inline-block;
        font-size: 16px;
        color: #07111b;
        width: 170px;
        line-height: 20px;
}
.text-ellipsis {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
}
.user-card-box .g-user-card .card-top .meta {
        margin-top: 4px;
        font-size: 12px;
        line-height: 12px;
}
.user-card-box .g-user-card .card-top .meta a {
        margin-right: 12px;
}
.user-card-box .g-user-card .card-top .meta b {
        margin-left: 2px;
}
.user-card-box .g-user-card .user-center-box {
        margin-top: 16px;
        margin-bottom: 14px;
}
.user-card-box .g-user-card .user-center-box ul li {
        position: relative;
        width: 125px;
        width: 125px\9;
        background: #F8FAFC;
        border-radius: 2px;
        color: #4d555d;
        margin: 0 2px 2px 0;
}
.user-card-box .g-user-card .user-center-box ul li a {
        width: 100%;
        height: 36px;
        line-height: 36px;
        padding-left: 12px;
        text-align: left;
        box-sizing: border-box;
}
.user-card-box .g-user-card .user-center-box ul li:hover {
  background: #d9dde1
}

.user-card-box .g-user-card .user-center-box ul li:hover a {
  color: #4d555d
}
.user-card-box .g-user-card .user-center-box ul li .user-center-icon {
        position: relative;
        top: 3px;
        font-size: 16px;
        margin-right: 8px;
}
.user-card-box .g-user-card .card-sets {
        margin-top: 16px;
        font-size: 12px;
        line-height: 12px;
        padding-left: 15px;
}
/*自适应*/
@media only screen and (min-width:768px) { 
	.header_search	{
		left: 35%;
	}
	.elementbg .irele {
		display: block;
		right: -1200px;
	}
}
@media only screen and (min-width:980px) {
	.header_search	{
		left: 35%;
	}
	.elementbg .irele {
		display: block;
		right: -1200px;
	}
}
@media only screen and (min-width:1200px) {
	.header_search	{
		left: 35%;
	}
	.elementbg .irele {
		display: block;
		right: -1200px;
	}
}
@media only screen and (min-width：1440px) { 
	.header_search	{
		left: 40% !important;
	}
	.elementbg .irele {
		display: block;
		right: -1200px;
	}
}