add classname in bargian middle page

src/components/bargainMiddlePage/bargain-middle-page.scss

@@ -307,15 +307,19 @@
     .bargain {
       width: 165px;
       height: 30px;
-      background: $bg_077FD0;
+      background: $bg_FADD29;
       border-radius: 2px;
       border: none;
-      color: $white;
+      color: $color_FF4000;
       -webkit-appearance: none;
       display: inline-block;
       text-align: center;
       line-height: 30px;
     }
+    .button--study {
+      color: $white;
+      background: $bg_077FD0;
+    }
 
     .btns {
       display: flex;

src/components/bargainMiddlePage/index.js

@@ -11,6 +11,7 @@ import Overlay from '../detail/overlay'
 import { compose } from "redux"
 import { connect } from "react-redux";
 import {getCourses} from './../detail/actions';
+import classnames from 'classnames';
 
 @connect(state => ({
     user: state.user
@@ -544,9 +545,9 @@ function CourseBottom(props) {
     let Buttons
     if (props.item.bargain_status === 2) {
         // Buttons = <Link to={`/detail?id=${props.item.course_id}`} className={'bargain'}>我要砍价</Link>
-        Buttons = <a href="javascript:;" onClick={() => props.toDetail(props.item.course_id)} className={'bargain'}>我要砍价</a>
+        Buttons = <a href="javascript:;" onClick={() => props.toDetail(props.item.course_id)} className={'bargain bargian-study'}>我要砍价</a>
     } else if (props.item.bargain_status === 3) {
-        Buttons = <Link to={`/play/video?id=${props.item.v_course_id}`} className={'bargain'}>去学习</Link>
+        Buttons = <Link to={`/play/video?id=${props.item.v_course_id}`} className={classnames('bargain', 'button--study')}>去学习</Link>
     } else {
         Buttons = (
             <div className="btns">