求助：ui组件的css覆盖问题

在vue项目中引入了ViewUI

遇到的问题：在vue组件中使用了UI组件，UI组件的css是在程序的main.js中引入的
import iView from 'iview'; import 'iview/dist/styles/iview.css';
在组件中使用的时候也引入了一个组件自身的css（外部）

@import './search.css';

现在我需要覆盖UI组件的css的一个top为47px
.ivu-drawer { height: 100%; position: fixed; top: 0px ; }
但是在组件中直接写覆盖css 了之后本地运行没事，部署服务器的话css会失效，变成UI组件css覆盖 我自己写的css，无奈加了 !important;强制覆盖