diff --git a/public/react/src/modules/tpm/TPMBanner.js b/public/react/src/modules/tpm/TPMBanner.js
index b5059cf34..8a3b9761f 100644
--- a/public/react/src/modules/tpm/TPMBanner.js
+++ b/public/react/src/modules/tpm/TPMBanner.js
@@ -471,7 +471,22 @@ class TPMBanner extends Component {
 		})
 	}
 
-    render() {
+
+	showonMouseOver=()=>{
+		$("#ratePanel").show();
+		this.setState({
+			showradios:true
+		})
+	}
+
+	hideonMouseOut=()=>{
+		$("#ratePanel").hide();
+		this.setState({
+			showradios:false
+		})
+	}
+
+	render() {
       let {
             Forkvisible,
             Senttothetype,
@@ -541,21 +556,6 @@ class TPMBanner extends Component {
       //         }
       //     }
       // }
-
-
-
-      $("#commentsStar").hover(()=>{
-         $("#ratePanel").show();
-          this.setState({
-              showradios:true
-          })
-      },()=>{
-          $("#ratePanel").hide();
-          this.setState({
-              showradios:false
-          })
-      })
-
         const radioStyle = {
             display: 'block',
             height: '30px',
@@ -617,12 +617,12 @@ class TPMBanner extends Component {
                     </li>
                 </ul>
 
-                <div className="pr fl" id="commentsStar">
+                <div className="pr fl" id="commentsStar" onMouseOver={()=>this.showonMouseOver()}>
 									  <div className={"color-grey-c mb11"} style={{color: "#Fff",textAlign: "center"}}>学员评分</div>
                     <div className="rateYo">
                         <Rating value={star_info[0]} disabled allowHalf/>
                     </div>
-                    <div id="ratePanel" className="showratePanel" style={{"width":"512px"}}>
+                    <div id="ratePanel" className="showratePanel" style={{"width":"512px"}} onMouseOut={()=>this.hideonMouseOut()}>
                         <div className="pr">
                             <span className="rateTrangle"></span>
                             <div className="pr clearfix ratePanelContent" style={{height: '177px'}}>
@@ -638,7 +638,7 @@ class TPMBanner extends Component {
                                         </div>
                                     </div>
                                 </div>
-                                <div className="fr">
+                                <div className="fr width360">
                                     <div className="clearfix">
                                         <div className="rateYo fl mt3">
                                             {showradios === true ?
diff --git a/public/react/src/modules/tpm/shixuns/css/TPMBanner.css b/public/react/src/modules/tpm/shixuns/css/TPMBanner.css
index 59961ceb8..6869d988e 100644
--- a/public/react/src/modules/tpm/shixuns/css/TPMBanner.css
+++ b/public/react/src/modules/tpm/shixuns/css/TPMBanner.css
@@ -105,4 +105,8 @@ a:active{text-decoration:none;}
 .flexbannerright{
     display: flex;
     justify-content: flex-end;
+}
+
+.width360{
+    width:360px;
 }
\ No newline at end of file