AudioTraining.css 5.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778
  1. html,body{font-family:'Microsoft YaHei' !important;color:#333;}
  2. p{font-family:'Microsoft YaHei' !important;color:#333;}
  3. #scroll{float:left;margin:5px 32px 20px 32px;}
  4. .audio-content {overflow-y:hidden;overflow-x:hidden;}
  5. .listening-writing-title {width: 100%;height:50px;margin:20px 10px 0px 10px;font-size:16px;color:#999999;}
  6. .listening-writing-sentence {width:100%;height:50px;}
  7. .listening-writing-sentence .index-icon {margin: 3px 10px 0 10px;text-align:center;font-family:'Microsoft YaHei' !important;font-size:14px;line-height:24px;color:#ffffff;float: left;width:24px;height:24px;background: url(../Images/StudyPage.png) no-repeat -470px -385px;cursor:default;}
  8. .listening-writing-sentence .cur-index-icon {margin: 3px 10px 0 10px;text-align:center;font-family:'Microsoft YaHei' !important;font-size:14px;line-height:24px;color:#ffffff;float: left;width:24px;height:24px;background: url(../Images/StudyPage.png) no-repeat -470px -412px;cursor:default;}
  9. .listening-writing-sentence .this-sentence .index-icon {background: url(../Images/StudyPage.png) no-repeat -470px -412px;}
  10. .listening-writing-sentence .listening-writing-input {float: left;width:94%;height:32px;}
  11. .listening-writing-sentence .listening-writing-input > input {width:94%;height:30px;border-radius:3px;padding-left:8px;
  12. border:1px solid #9AB9C1;color:#333;background-color:white;
  13. }
  14. .listening-writing-sentence .listening-writing-input > input:hover{border:1px solid #5897ed;}
  15. .listening-writing-sentence .listening-writing-input > input:focus{border:1px solid #5897ed;}
  16. .listening-writing-sentence .this-sentence .listening-writing-input > input {border: 1px solid #5897ed;}
  17. .listening-writing-result-wrap {min-height:60px;width:94%; margin: 4px auto;}
  18. .listening-writing-result-wrap .index-icon {float:left;text-align:center;line-height:24px;color:#ffffff;width:24px;height:24px;background: url(../Images/StudyPage.png) no-repeat -470px -385px;cursor:default;margin: 0 10px;}
  19. .listening-writing-result {min-height:50px;float: left;width:95%;}
  20. .result-f-answer {color:rgb(250,0,0);float:left;margin-right:30px;margin-top:3px;word-break:break-all;word-wrap:break-word;}
  21. .result-f-answer u { color:rgb(0,0,0);text-decoration:none;background-color:rgb(173,226,148); }
  22. .result-f-answer s { color:rgb(250,0,0); }
  23. .result-t-answer {color:rgb(0,103,0);float:left;width:100%;display:none;margin-top:5px;}
  24. .result-t-answer.t-sheet {display:block;}
  25. .result-f-noneanswer {color:#999999;float:left;margin-right:30px;margin-top:3px;}
  26. .scanning-t-answer {color:#006699;cursor:pointer;float:left;font-size:14px;margin-top:3px;}
  27. .scanning-t-answer:hover {color:#FF6600;text-decoration:underline;}
  28. /*声文同步样式*/
  29. .syn-article-title {margin: 30px 0 0 40px;height:30px;line-height:30px;font-size:16px;color:#333333;font-weight:700;display:inline-block;}
  30. .syn-article-title:hover {color:#333333;text-decoration:underline;}
  31. .syn-article-sentence {margin: 0 0 5px 0px;color:#333333;font-family:'Microsoft YaHei' !important;}
  32. .sentence-read-ed {color:#999999;}
  33. .sentence-read-ed .TextMark { color:#333; border-bottom:1px dashed #000; padding-bottom:2px; cursor:pointer;margin:0 1px 0 1px; }
  34. .sentence-read-ing {color:#ff6600;}
  35. .sentence-read-ing .TextMark { color:#ff6600; border-bottom:1px dashed #000; padding-bottom:2px; cursor:pointer;margin:0 1px 0 1px; }
  36. #Content{float:left;width:100%;height:100%;}
  37. #WriteContentData{float:left;}
  38. /*听写模式样式*/
  39. p{margin:10px 0 0 0;line-height:24px;font-size:14px;}
  40. p:nth-of-type(1){margin:0;}
  41. .ContentTitle{float:left;height:36px;line-height:36px;margin-left:20px;color:#ff6600;}
  42. .ContentTitle span{color:#999;}
  43. .modetwo{float:left;width:calc(100% - 10px);margin-left:-10px;}
  44. .modetwo div{float:left;height:38px;line-height:38px;}
  45. .modetwo div:nth-of-type(1){width:24px;text-align:right;}
  46. .modetwo div:nth-of-type(2){margin-left:10px;width:-webkit-calc(100% - 110px);}
  47. .modetwo div:nth-of-type(2) input{width:-webkit-calc(100% - 20px);padding:5px 10px;border-radius:3px;color:#333;outline:none;
  48. border:1px solid #bac7d9;background-color:white;
  49. }
  50. .modetwo div:nth-of-type(2) input:hover{border:1px solid #5897ed;}
  51. .modetwo div:nth-of-type(2) input:focus{border:1px solid #5897ed;}
  52. .modetwo div:nth-of-type(2) input:disabled{border:1px solid #bfbfbf;color:#999;background-color:#f5f5f5;}
  53. .modetwo div:nth-of-type(3){width:56px;color:#ff6600;margin-left:15px;}
  54. .modetwo[data-play='1'] div:nth-of-type(2) input{border:1px solid #5897ed;box-shadow:none;}
  55. .modetwo[data-play='0'] div:nth-of-type(3){display:none;}
  56. .submittitle{float:left;height:36px;line-height:36px;margin-left:10px;color:#999;}
  57. .submittitle span{font-size:24px;margin:0 3px;}
  58. .submittitle span:nth-of-type(1){color:black;}
  59. .submittitle span:nth-of-type(2){color:green;}
  60. .submittitle span:nth-of-type(3){color:red;}
  61. .modethree{float:left;width:calc(100% - 30px);margin:0 0;padding:8px 0 0 8px;margin-left:10px;}
  62. .modethree div{float:left;height:auto;line-height:20px;}
  63. .modethree div:nth-of-type(1){margin-top:7px;width:20px;height:20px;background:url(../Images/right.png) 0 4px no-repeat}
  64. .modethree[data-score='0'] div:nth-of-type(1){background:url(../Images/wrong.png) 0 4px no-repeat}
  65. .rightans{display:none;}
  66. .modethree[data-score='0'] div .rightans{display:block;margin:5px 0 5px 8px !important;}
  67. .modethree div:nth-of-type(2){border-radius:2px;width:calc(100% - 50px);margin-left:5px;}
  68. .modethree div p{margin:0;}
  69. .rightansspan{color:#009900;}
  70. .myans {word-break:break-all;word-wrap:break-word;background-color:#f5f5f5;font-family:"微软雅黑";padding:6px;}
  71. .myans u { color:rgb(0,0,0);text-decoration:none;background-color:rgb(173,226,148); font-family:"微软雅黑";}
  72. .myans s { color:rgb(250,0,0);font-family:"微软雅黑"; }