html,body{font-family:'Microsoft YaHei' !important;color:#333;}
p{font-family:'Microsoft YaHei' !important;color:#333;}
#scroll{float:left;margin:5px 32px 20px 32px;}
.audio-content {overflow-y:hidden;overflow-x:hidden;}

.listening-writing-title {width: 100%;height:50px;margin:20px 10px 0px 10px;font-size:16px;color:#999999;}
.listening-writing-sentence {width:100%;height:50px;}
.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;}
.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;}
.listening-writing-sentence .this-sentence .index-icon {background: url(../Images/StudyPage.png) no-repeat -470px -412px;}
.listening-writing-sentence .listening-writing-input {float: left;width:94%;height:32px;}
.listening-writing-sentence .listening-writing-input > input {width:94%;height:30px;border-radius:3px;padding-left:8px;
  border:1px solid #9AB9C1;color:#333;background-color:white;
}
.listening-writing-sentence .listening-writing-input > input:hover{border:1px solid #5897ed;}
.listening-writing-sentence .listening-writing-input > input:focus{border:1px solid #5897ed;}
.listening-writing-sentence .this-sentence .listening-writing-input > input {border: 1px solid #5897ed;}

.listening-writing-result-wrap {min-height:60px;width:94%; margin: 4px auto;}
.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;}
.listening-writing-result {min-height:50px;float: left;width:95%;}
.result-f-answer {color:rgb(250,0,0);float:left;margin-right:30px;margin-top:3px;word-break:break-all;word-wrap:break-word;}
.result-f-answer u { color:rgb(0,0,0);text-decoration:none;background-color:rgb(173,226,148); }
.result-f-answer s { color:rgb(250,0,0); }
.result-t-answer {color:rgb(0,103,0);float:left;width:100%;display:none;margin-top:5px;}
.result-t-answer.t-sheet {display:block;}
.result-f-noneanswer {color:#999999;float:left;margin-right:30px;margin-top:3px;}
.scanning-t-answer {color:#006699;cursor:pointer;float:left;font-size:14px;margin-top:3px;}
.scanning-t-answer:hover {color:#FF6600;text-decoration:underline;}

/*声文同步样式*/
.syn-article-title {margin: 30px 0 0 40px;height:30px;line-height:30px;font-size:16px;color:#333333;font-weight:700;display:inline-block;}
.syn-article-title:hover {color:#333333;text-decoration:underline;}
.syn-article-sentence {margin: 0 0 5px 0px;color:#333333;font-family:'Microsoft YaHei' !important;}
.sentence-read-ed {color:#999999;}
.sentence-read-ed .TextMark { color:#333; border-bottom:1px dashed #000; padding-bottom:2px; cursor:pointer;margin:0 1px 0 1px; }
.sentence-read-ing {color:#ff6600;}
.sentence-read-ing .TextMark { color:#ff6600; border-bottom:1px dashed #000; padding-bottom:2px; cursor:pointer;margin:0 1px 0 1px; }

#Content{float:left;width:100%;height:100%;}
#WriteContentData{float:left;}
/*听写模式样式*/
p{margin:10px 0 0 0;line-height:24px;font-size:14px;}
p:nth-of-type(1){margin:0;}
.ContentTitle{float:left;height:36px;line-height:36px;margin-left:20px;color:#ff6600;}
.ContentTitle span{color:#999;}
.modetwo{float:left;width:calc(100% - 10px);margin-left:-10px;}
.modetwo div{float:left;height:38px;line-height:38px;}
.modetwo div:nth-of-type(1){width:24px;text-align:right;}
.modetwo div:nth-of-type(2){margin-left:10px;width:-webkit-calc(100% - 110px);}
.modetwo div:nth-of-type(2) input{width:-webkit-calc(100% - 20px);padding:5px 10px;border-radius:3px;color:#333;outline:none;
  border:1px solid #bac7d9;background-color:white;
}
.modetwo div:nth-of-type(2) input:hover{border:1px solid #5897ed;}
.modetwo div:nth-of-type(2) input:focus{border:1px solid #5897ed;}
.modetwo div:nth-of-type(2) input:disabled{border:1px solid #bfbfbf;color:#999;background-color:#f5f5f5;}
.modetwo div:nth-of-type(3){width:56px;color:#ff6600;margin-left:15px;}
.modetwo[data-play='1'] div:nth-of-type(2) input{border:1px solid #5897ed;box-shadow:none;}
.modetwo[data-play='0'] div:nth-of-type(3){display:none;}

.submittitle{float:left;height:36px;line-height:36px;margin-left:10px;color:#999;}
.submittitle span{font-size:24px;margin:0 3px;}
.submittitle span:nth-of-type(1){color:black;}
.submittitle span:nth-of-type(2){color:green;}
.submittitle span:nth-of-type(3){color:red;}

.modethree{float:left;width:calc(100% - 30px);margin:0 0;padding:8px 0 0 8px;margin-left:10px;}
.modethree div{float:left;height:auto;line-height:20px;}
.modethree div:nth-of-type(1){margin-top:7px;width:20px;height:20px;background:url(../Images/right.png) 0 4px no-repeat}
.modethree[data-score='0'] div:nth-of-type(1){background:url(../Images/wrong.png) 0 4px no-repeat}
.rightans{display:none;}
.modethree[data-score='0'] div .rightans{display:block;margin:5px 0 5px 8px !important;}
.modethree div:nth-of-type(2){border-radius:2px;width:calc(100% - 50px);margin-left:5px;}
.modethree div p{margin:0;}
.rightansspan{color:#009900;}
.myans {word-break:break-all;word-wrap:break-word;background-color:#f5f5f5;font-family:"微软雅黑";padding:6px;}
.myans u { color:rgb(0,0,0);text-decoration:none;background-color:rgb(173,226,148); font-family:"微软雅黑";}
.myans s { color:rgb(250,0,0);font-family:"微软雅黑"; }