.nav-component{-ms-flex-align:center;-ms-flex-pack:justify;-webkit-box-align:center;-webkit-box-pack:justify;align-items:center;color:#333;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-between;left:50%;margin-left:-450px;padding-top:12px;position:absolute;top:0;z-index:10}.nav-component .img-logo{height:46px;width:119px}.nav-component .nav-list{display:-webkit-box;display:-ms-flexbox;display:flex;width:450px}.nav-component .nav-item{cursor:pointer;height:30px;line-height:30px;margin-right:60px;position:relative}.nav-component .nav-item:hover{font-weight:700}.nav-component .nav-item:hover>.box,.nav-component .nav-item:hover>.line{display:block}.nav-component .nav-item.active{font-weight:700}.nav-component .line{background-color:#333;border-radius:1px;bottom:4px;display:none;height:2px;position:absolute;width:100%}.nav-component .active-line{display:block}.nav-component .box{background-color:#fff;display:none;left:50%;margin-left:-45px;padding-top:5px;position:absolute;text-align:center;top:28px;width:90px}.nav-component .box p{border-bottom:1px solid #e7e7e7;color:#666;font-size:12px;height:40px;line-height:40px}.nav-component .box p:last-child{border-bottom:0}