issue 2910 and 2911

src/modules/tpm/challengesnew/css/newquestion.css

@@ -6,7 +6,7 @@
     border-color: #5091FF !important;
 }
 .quoteDiv{
-    width: 360px!important;
+    width: 40%!important;
     max-height: 280px!important;
 }
 .quoteDiv > li{
@@ -41,7 +41,7 @@
 /*md编辑器中输入@弹出可选人列表样式*/
 .at_who_list,.quoteDiv{
     position: absolute;
-    z-index: 100;
+    z-index: 10000;
     width: 180px;
     max-height: 160px;
     background: #FFFFFF;

src/modules/tpm/challengesnew/tpm-md-editor.js

@@ -761,10 +761,10 @@ export default ({ mdID, onChange, onCMBeforeChange, onCMBlur, error = false, cla
 
   return (
     <Fragment>
-      {atWhoVisible && atWhoList}
       <div ref={editorEl} className={`df editormd-editing ${className} ${imageExpand && 'editormd-image-click-expand'} `}>
-        {quoteVisible && QuoteDiv }
         <div className={`edu-back-greyf5 radius4 editormd ${error ? 'error' : ''}`} id={containerId} >
+          {quoteVisible && QuoteDiv }
+          {atWhoVisible && atWhoList}
           <textarea style={{ display: 'none' }} id={editorBodyId} name="content"></textarea>
           <div className="CodeMirror cm-s-defualt"></div>
         </div>