@charset "UTF-8";
/*******************
模块名：导航
作者  ：rexren
描述  ：页面导航
********************/



/*主导航*/
.tui-nav{width:40%;float:left;font-size:14px;}
.tui-nav .line-cur{width:28px;height:2px;background:#f69c00;position:absolute;bottom:0;left:40px;}
.tui-nav ul{position:relative;}
.tui-nav ul li{display:inline-block;margin:0 20px;}
.tui-nav ul li:first-child{margin-left: 0;}
.tui-nav ul li a{color:#3C3C3C;display:block;}
.tui-nav ul li:hover a,.tui-nav ul li.cur a{color:#3C3C3C;}
.tui-nav ul li.cur>a{font-weight: bold;border-bottom: 2px solid #f69c00; }

.line-cur {
    position: absolute;
    border-bottom: 2px solid #f69c00;
    z-index: -1;
    bottom: 0;
    display: none;
    opacity: 0;
}

.line-cur,.tui-nav  ul li a {
    -webkit-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
    
}

/*下拉选择框*/
.tui-nav ul li.drop,.tui-nav ul li .drop,.select-area{position: relative;display: block;box-sizing: border-box;}
.header .tui-nav ul li.drop{width: 56px;text-align: center;box-sizing: content-box;}
.select-area{overflow: hidden;border-radius: 27px;}
.select-area>.select-chosen{display:block;padding:0 30px 0 10px;width:100%;height:30px;overflow:hidden;
    font-size:12px;line-height:28px;background-color: #fff;box-sizing: border-box;
    border:1px solid rgba(0,0,0,.1);border-radius: 27px;cursor: pointer;color: #3c3c3c;}
.select-area>.select-chosen:focus,
.select-area>.select-chosen.focus{color: #8c8c8c;border-color:#f69c00;background-color: #fff;}
.caret,.caret:after{position: absolute;top:50%;}
.caret{left:100%;top: 15px;width:13px;height: 13px;cursor: pointer;}
.caret:after{content: "";left:50%;width: 13px;height: 13px;
    background: url(../../images/common/sprites/icon-select-drop.png?__sprite) no-repeat;}
.caret:hover:after{}
/*带下拉*/
.tui-nav ul .drop .dropdown-menu {width:110px; position: absolute;top: 40px;left: 10px;}
.tui-nav ul .drop .dropdown-menu .menu-ul { position: relative; width: 100%; clear: both;
    overflow: hidden;max-height: 200px;overflow-y:auto;
    background: #fff;z-index: 20;box-shadow: 0 3px 7px -3px rgba(0, 0, 0, .1), 0 4px 8px -4px rgba(0, 0, 0, .1);
    margin: 0;border-radius: 4px;padding: 2px 1px 1px 1px;border:1px solid #b2b2b2;}
.tui-nav ul .drop .dropdown-menu .menu-li:first-child{border-top-left-radius: 3px;border-top-right-radius: 3px;}
.tui-nav ul .drop .dropdown-menu .menu-li:last-child{border-bottom-left-radius: 3px;border-bottom-right-radius: 3px;}
.tui-nav ul .drop .dropdown-menu .menu-li { height: 30px; display: block; margin-top: -1px;padding:0 10px;width:100%; }
.tui-nav ul .drop .dropdown-menu .menu-li a{padding: 0;}
.tui-nav ul .drop .dropdown-menu a {display: block;height: 30px;color: #3c3c3c;line-height: 30px;
    font-size: 12px;text-align: left;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;
    text-decoration: none;}
.tui-nav ul .drop .dropdown-menu .menu-li:hover{ background:#ececec;-webkit-transition: all ease-in-out .2s;transition: all ease-in-out .2s;}

.tui-nav ul li {float: left;}