/********** header start **********/
.header{
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 50;
    margin-bottom: 0;
    height: 70px;
    box-shadow: 0 5px 5px rgba(0,0,0,.06);
    background-color: rgba(255,255,255,1);
}
.header-main{
    margin: 0 auto;
    max-width: 1200px;
}
/****** 妞ゅ爼鍎寸�佃壈鍩� ******/
.navbar{ border: none;}

/* logo */
.navbar-brand{ height: auto; padding: 23px 0 0 0;}
.navbar-brand img{ height: 30px;}

/* 鐎佃壈鍩呴弶锟� */
.nav{ margin: 10px 0 0 40px;}
.nav>li>a{ font-size: 16px;}
.nav>li.on>a{ color: #f60;}
.nav>li>a:hover{ background-color: transparent;}

/* 閹兼粎鍌� */
.nav-search-box{
    background-color: #fff;
}
.nav-search{
    position: relative;
    display: inline-block;
    width: 220px;
    margin: 20px 25px 0 10px;
    background-color: #fff;
    border-bottom: 1px solid #e1e1e1;
    overflow: hidden;
}
.search-sm{
    width: 180px;
    height: 30px;
    padding: 5px;
    border: 0;
}
.search-go{
    position: absolute;
    right: 0;
    top: 0;
    padding: 5px;
    border: 0;
    background-color: transparent;
}
.search-go .icon-search{ width: 20px; height: 20px; background: url("../../images/base_sprite.png") no-repeat 0 0;}
.search-go:hover .icon-search{ background-position: -20px 0;}

/* 閻€劍鍩涙穱鈩冧紖 */
.user-info li{ height: 42px; float: left; margin: 14px 0 0 15px;}
.user-info li a{ display: inline-block;}
.user-info .logout a{ padding: 8px 5px; font-size: 16px;}
.avatar{ width: 42px; height: 42px; border-radius: 50%;}

.user-info li .btn-teacher{ margin-top: 6px; line-height: 1; font-size: 14px; border-radius:14px;}
.btn-teacher{ background-color: transparent; border: 1px solid #f60; border-radius: 15px; color: #f60;}
.btn-teacher:hover{ background-color: #f60; color: #fff;}

.user-card .user-name{ width: 100%; line-height: 43px; font-size: 16px;}
.user-card .user-name .icon-user{ width: 20px; height: 20px; margin: 10px 5px 0 0; background: url("../../images/base_sprite.png") no-repeat 0 -20px; }
.user-card:hover{ color: #f60;}
.user-card:hover .icon-user{ background-position: -20px -20px; }

/*** 瀹歌尙娅ヨぐ锟�-娴兼艾鎲虫稉瀣 start ***/
.user-card{ position:relative; z-index: 1999;}
.user-card-item{ position: relative; height:50px; line-height:50px; text-align:center;}
.user-card-item .msg-tip{ position: absolute; right: -2px; top: 6px;display: block; width: 8px; height: 8px; background: #f60; border: 2px solid #fff; border-radius: 50px;}

.user-card-layer{ top: 50px;width: 300px;padding: 20px;background: #fff;border: 1px solid #ccc;}
.user-card-layer .arrow{ width: 14px; height: 9px; background: url("../../images/dropdown-arrow.png") no-repeat center; position: absolute; top: -9px; right: 9px;}

/* 閸楋紕澧栨径锟� */
.user-card-top{ position: relative;}
/* 閻€劍鍩涙穱鈩冧紖 */
.user-card-top .user-info .avatar{ width: 68px; height: 68px;}
.user-card-top .user-info .info{ margin: 10px 0 0 8px;}
.user-card-top .user-info .info .username{ font-size: 18px; color: #000;}
.user-card-top .user-info .info .username:hover{ color: #f60}
/* 閻€劍鍩涙导姘喅缁涘楠� */
.user-rank{height: 20px; line-height: 20px; margin-top: 5px;}
.user-rank .user-marker .icon-rank{ width: 20px; height: 20px; background: url("../../images/icon_rank.png") no-repeat;}
.user-rank .user-marker .rank-gold{background-position: 0 0;}
.user-rank .user-marker .rank-silver{background-position: -20px 0;}
.user-rank .user-marker .rank-bronze{background-position: -40px 0;}
.user-rank .user-marker .rank-normal{background-position: -60px 0;}
.user-rank .user-marker span{ margin: 0 0 0 5px; color: #999; font-size: 12px;}
.user-rank .user-marker span em{ color: #f4b454;}

/* 閻€劍鍩涚拹锔藉煕 */
.user-card-layer .user-account{ margin: 20px 0;}

/* 閸楋紕澧栭懣婊冨礋 */
.user-card-menu a{ float: left; display: block; width: 128px; height: 32px; line-height: 32px; color: #666; background: #f0f0f0; margin: 0 2px 2px 0;}
.user-card-menu a:nth-of-type(2n){ margin-right:0;}
.user-card-menu a:hover{ background: #e0e0e0;}
.user-card-menu .icon{ width: 16px; height: 16px; margin: 8px 10px 0 20px; background: url("../../images/base_sprite.png") no-repeat;}
.user-card-menu .icon-order{ background-position: 0 -100px; }
.user-card-menu .icon-collect{ background-position: 0 -120px; }
.user-card-menu .icon-msg{ background-position: 0 -140px; }
.user-card-menu .icon-userinfo{ background-position: 0 -160px; }
.user-card-menu .msg{ position: relative;}
.user-card-menu .msg strong{ position: absolute; left: 110px; color: #f60;}

/* 闁拷閸戣櫣娅ヨぐ锟� */
.user-card-foot{height: 30px; margin: 10px 0 0 0; line-height: 30px; border-top: 1px solid #e6e6e6}
.user-card-foot .logout{ color: #999;}
.user-card-foot .logout:hover{ color: #f60}

.user-card .j-dropdown-layer{ position: absolute; top: 56px; right: 0; z-index: 1000; display: none;}
/*** 瀹歌尙娅ヨぐ鏇氱窗閸涙ü绗呴幏锟� end ***/

/********** header end **********/