
.header{height: 80px;
    border-bottom: none;
    box-shadow: 0 6px 10px rgba(36,111,29,0.08);}
.user-wrap {float: left;margin-left: 24px;}
.user-wrap .user-head{width: 98px; white-space: nowrap;  text-overflow: ellipsis;height: 44px;}
.user-wrap .user-head .caret{z-index: 1;}
.user-wrap .user-head .user-head-inner{width: 100%;z-index: 0;border: 0;text-align: center;}
.user-wrap .user-head .user-head-inner img{border-radius: 25px;width: auto;}
.h-user {float: right;width: 270px;margin-top: -58px;margin-right: 0;}
.login-nav a{float: left;height: 40px;line-height: 40px;font-size: 16px;border: none;width: 80px;padding: 0;color: #333444;}
.login-nav {height: 40px;margin-top: 5px;}
.login-nav .reg {color: #333;}
.login-nav span{display: inline-block;width: 2px;height: 16px;background: #707070;position: absolute;top: 13px;left: 82px;}
.login-nav a:hover{background: none;color: #188EEE;}
.user-wrap .user-cont .user-info a {border: 1px solid #188EEE;color: #188EEE;padding: 1px 2px;}
.user-wrap .user-cont .user-menu a {float: left;width: 92px;height: 25px;line-height: 25px;text-indent: 10px;}
#nav{width: 358px;height: 25px;float: left;margin-top: 25px;}
#nav li{float: left;width: 25%;margin: 0 auto;text-align: center;position: relative;}
#nav li a{font-size: 16px;color: #333444;}
#nav li.current a{color: #188eee;}
#nav li.current a span{display: block;width: 45%; height: 2px;background: #188eee;position: absolute;bottom: -5px;left: 25px;}
.user-wrap .user-head .caret {position: absolute;right: 0;top: 17px;width: 7px;height: 4px;line-height: 0;font-size: 0;background: url(//img2.jcpeixun.com/img/lesson/img/icon-arrows.png) no-repeat;}
.state ul li{display: none;}
.state ul li a{width: 120px;height: 30px;background: #188EEE;line-height: 30px;border-radius: 25px;color: #fff;float: right;font-size: 14px;text-align: center;margin-right: -95%;margin-top: 5px;}
.state ul li a:hover{cursor: pointer;}
#nav ul li:hover a{text-decoration: none!important;}
a:hover{text-decoration: none!important;} 