a{text-decoration:none}
a:link{color:#333}
a:visited{color:#333}
a:hover{color:#18A0F0}
a:active{color:none}
ul li{list-style:none;/* font-size:13px; */}
.outermostLayer{width:1150px;margin:0 0 0 0;float:left;position:relative;overflow:hidden}
#outermostLayerList{width:200px;height: 511px;float:left;z-index:11;background-color:white;color:#626262;position:absolute;right:-200px;top:0px;}
.locationOuter{width:1150px;float:left;/* height:18px; */background-color:white;border-top-left-radius:5px;border-top-right-radius:5px;}
.clickCourselist{width: 50px;position:absolute;left:-50px;height:511px;color:#9E9E9E;line-height:30px;padding:160px 0;text-align:center;cursor:pointer;border-bottom-left-radius: 5px;/* background: white; */}
.clickCourselist:hover{color:#9AD60D}
.clickCourselistLeft{width:20px;height:20px;font-size:20px;font-weight:bold;float:left;background:url(../img/control_icons/sword.png) no-repeat;background-size:100% 100%;margin:50px 0;transform:rotate(90deg);transform-origin:50% 50% 0px}
.clickCourselistCenter{width:25px;height:100%;float:left;font-size:16px}
.clickCourselistRight{width:25px;height:100%;line-height:114px;font-size:20px;font-weight:bold;float:left;display:none}
.listHeadTxt{width: 100%;height:60px;border-bottom: 2px solid #E2E2E2;line-height:60px;text-align:center;}
.listMainTxt{width:200px;height:400px;overflow-y:auto;overflow-x:hidden}
.listMainTxt p{margin:10px;text-align:left}
.listMainTxt p:hover{color:#9EE642}
.listMainTxt p:hover{cursor:pointer}
.listFootTxt{width:200px;height: 60px;}
.falseShell{width:1150px;height:620px;position:absolute;top:0;background: #000000;z-index: 11;opacity:0.4;filter:Alpha(opacity=40);display:none;border-radius: 4px;}
#Meytplayer{width:1150px;height:618px}
.lessonLinePersonRank{width:1150px;min-height: 100px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;margin:25px 0 10px 0;background-color:white;display:none;overflow: hidden;padding: 10px 20px;}
.hadCurosePartInPerson{width:115px;height:80px;line-height:80px;margin:10px 5px;float:left;text-align:center;font-size:24px;color:#333333;position:relative;font-weight:bold;}
.hadCurosePartInPerson p{position:absolute;left:20px;color:#DE2002;font-weight:bold}
.candidateChallengeP{width: 70px;height: 70px;cursor:pointer;float:left;margin: 15px 4px;}
.scroceCompareHead{width:70px;height:70px;float:left;border-radius:40px;-webkit-border-radius:40px;-moz-border-radius:40px;-ms-border-radius:40px;-o-border-radius:40px;/* margin:15px 0 */}
.scroceCompareHead img{width:70px;height:70px;border-radius:40px;-webkit-border-radius:40px;-moz-border-radius:40px;-ms-border-radius:40px;-o-border-radius:40px;padding:2px}
.waitForSrocreGif{width:171px;height:152px;position:absolute; left: 50%;top: 50%;margin: -76px 0 0 -85px;background:url(../img/waitForScore.gif) no-repeat;background-size:100% 100%;display:none;z-index:30}
.personalInfo{position:absolute;display:none;width:300px;height:113px;box-shadow:0px 0px 30px #ccc;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;background:white;z-index:6;margin: -122px 0px;}
.scroceCompareAngle{width:100%;height:19px;position:absolute;bottom:0px}
.caret_out{left:28px;top:auto;bottom:-8px;border-width:8px 7px 0 7px;border-color:#CFCFCF transparent transparent transparent;border-style:solid dashed dashed dashed;z-index:1;overflow:visible;font-family:simsun;width:0;height:0;_line-height:0;font-size:0;display:block;position:absolute}
.caret_in{left:29px;top:auto;bottom:-7px;border-width:7px 6px 0 6px;border-color:#fff transparent transparent transparent;border-style:solid dashed dashed dashed;z-index:2;overflow:visible;font-family:simsun;width:0;height:0;_line-height:0;font-size:0;display:block;position:absolute}
.roceCompareAvatar{width:290px;height:110px;background-size:cover;position:relative;top:0px;left:0}
.scroceCompareAvatar img{width:80px;height:80px;position:absolute;top:15px;left:15px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px}
.scroceCompareSex{margin:0px 10px;height:26px;line-height:26px;position:absolute;top:72px;right:2px;color:#8a6d3b}
.scroceCompareCollege{width:151px;height:30px;line-height:30px;text-align:left;overflow:hidden;text-indent:10px;text-overflow:ellipsis;position:absolute;top:38px;color:#999;left:95px}
.scroceCompareRank{width:40px;height:27px;position:absolute;top:75px;right:59px;color:#5cb85c}
.scroceCompareScroce{height:30px;color:#f0ad4e;position:absolute;top:70px;left:95px;text-align:left;line-height:30px;overflow:hidden;text-overflow:ellipsis;text-indent:10px}
.scroceCompareSlideQick{width:80px;height:30px;position:absolute;left:85px;top:90px;color:white;line-height:30px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;background:#54BAEF;text-align:center}
.scroceCompareName{width:151px;height:30px;color:#999;line-height:30px;overflow:hidden;text-align:left;position:absolute;text-indent:10px;top:7px;left:95px}
.scroceCompareLibrary{width:100px;line-height:30px;height:30px;text-align:left;overflow:hidden;text-overflow:ellipsis;position:absolute;top:49px;left:95px;text-indent:10px;color:#999}
.historyPkSentence{width:1150px;position:relative;top: 0 !important;background:rgb(230,230,227);border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;margin:24px 0;display:none;}
.historyPkSentenceCotainer{width:100%;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;cursor:pointer;float:left;margin: 0px 0 0px 0;background-color: white;overflow:hidden;}
.historyPkSentenceCotainerUn{width:100%;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;background-color: #e6e6e6;cursor:pointer;float:left;margin:0px 0 0px 0;overflow:hidden;}
.ENGsentence{width:808px;float:left;line-height:30px;padding:0 0 0 20px;font-weight: bold;}
.ENGsentence:hover{color:#2581F0;}
.VoiceArea{width:280px;float:right;font-size: 12px;}
.MyVoiceArea{width:85px;float:left}
#walkthrough-content {
display:none;
}
.waveformPerfrom30{width:102%;float:left;height:124px;display:none;z-index:5;font-size: 12px;}
.waveformPerfromMe{float:left;line-height:40px;text-align:right;width:9%}
.waveformPerfromRival{float:left;line-height:40px;text-align:right;width:9%}
.replayMyVoicePerfrom31{float:left;width:1057px;margin-top:0px}
.replayRecordVoicePerfrom32{float:left;width:1057px}
.historyPkSentenceCon{width:100%;float:left;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px}
.TxtScoreAndNumScore{width:100%;height:25px;float:left;text-align:center;line-height:29px;font-weight:bold}
.OtherVoiceArea{width:85px;float:left;}
.MyVoiceAreaIMG{width:23px;height:23px;float:left;background:url(../img/metimg.png) -181px -24px no-repeat;background-size:300px;margin:7px 0 0 0}
.MyVoiceAreaIMG:hover{background:url(../img/metimg.png) -156px -24px no-repeat;background-size:300px;cursor:pointer;margin:7px 0 0 0}
.MyVoiceAreaIMGtext{/* min-width:50px; */float:left;line-height:30px;height:30px;text-align:center;width: auto;padding: 0 5px;}
.OtherVoiceAreaIMG{width:23px;height:23px;float:left;background:url(../img/metimg.png) -181px -24px no-repeat;background-size:300px;margin:7px 0 0 0}
.OtherVoiceAreaIMG:hover{background:url(../img/metimg.png) -156px -24px no-repeat;background-size:300px;cursor:pointer;margin:7px 0 0 0}
.autoCenter{width:1150px;margin:0px auto;}
.opacityNone{filter:alpha(opacity=90);-moz-opacity:0.9;opacity:0.9;-ms-filter:"alpha(opacity=90)"}
#playerTop{width:1100px;height:30px;display:none}
#commentScore{width:240px;float:left;height:40px;line-height:51px}
#commentScore_text{font-size:16px;color:black}
#currentScore{font-size:20px;color:#FF4000}
#playlistName{width:400px;height:33px;display:inline-block;float:left;margin-left:20px;line-height:20px;text-align:center;overflow:auto;color:#626262;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-bottom:1px solid #626262}
#playerFoot{width:1150px;height:104px;border-bottom-left-radius:5px;background-color:white}
#playerFootLeft{width:20%;height:80px;float:left}
.trainCoinSuggestion{width:245px;line-height:18px;float:left;color:#999;text-align:right;margin:45px 0 0 0}
.playerFootRightUpload{float:right;margin: 25px 0;z-index:10;cursor:pointer;display:none;}
.playerFootRightUpload img{width:30px;height:30px}
#playerFootMiddle{width:1148px;height:82px;background-color:white;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;margin:25px 2px 5px 0px}
#playerFootRight{width:850px;height:30px;float:left;margin:35px 0 0 150px}
#playerMain{width:1150px;height:407px;overflow:hidden}
#playerMainLeft{width:17%;height:400px;float:left}
.totalScore{line-height:25px;font-size:18px;color:#838383;text-align:center;display:inline-block;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border:1px solid #838383;width:60px;height:25px;margin:3px 10px;float:left}
.totalScore:hover{color:white !important;background:#18A0F0;border:1px solid #18A0F0}
.minuteScore{width:100px;height:50px;position:absolute;left:100px;bottom:0px;z-index:12;/*display: none;*/-webkit-border-bottom-left-radius:4px;-moz-border-bottom-left-radius:4px;-ms-border-bottom-left-radius:4px;-o-border-bottom-left-radius:4px;-webkit-border-bottom-right-radius:4px;-moz-border-bottom-right-radius:4px;-ms-border-bottom-right-radius:4px;-o-border-bottom-right-radius:4px;}
#divnulllist{margin: 19px 10px 0 20px;float:left;}
.minuteScore p{line-height:25px;font-size:16px;color:#838383;text-align:center;width:77px;height:25px;margin:3px 10px;float:left;border:1px solid #838383;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;box-shadow:1px 1px 3px #888888}
.minuteScore p:hover{color:white;background:#18A0F0;border:1px solid #18A0F0}
.wordBackgroundWall{width:1150px;height:408px;position:absolute;background-size:cover;z-index:-1}
.courselistPer{width:200px}
#wordBackgroundWallImg{width:100%;height:100%;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px}
#playerMainMiddle{width:1150px;height:408px;float:left;z-index:6;/* background-color: white; */}
.wordBackgroundWall1{width:1150px;height:228px;position:absolute;top:106px;background:black;filter:alpha(opacity=75);-moz-opacity:0.75;opacity:0.75;-ms-filter:"alpha(opacity=75)";z-index:-1}
#playerMainRight{width:16%;height:400px;float:left}
.lrc{position:relative;width:90%;height:228px;overflow-y:hidden;z-index:8;left:5%;top:106px;}
.lrc p{display:block}
.z-crt{color:white !important;font-size: 20px;padding:0 !important;}
.LrcRun{text-align:center;cursor:pointer;margin:30px 0;padding:0 50px;z-index: 43;color: #9E9E9E;}
#videoPlay{display:none}
#lookScore{color:orange}
#lookScore:hover{cursor:pointer}
.playerFootMiddleContent{width:60px;height:60px;margin:11px 0 0 10px;float:left;line-height:80px}
.videoPrev{width:45px;height:45px;line-height:45px;text-align:center;background:#18A0F0;border:1px solid #18A0F0;color:white;border-radius:24px;-webkit-border-radius:24px;-moz-border-radius:24px;-ms-border-radius:24px;-o-border-radius:24px;cursor:pointer}
.videoPrev:hover{background:white;color:#18A0F0}
.videoPlayPaused{display:block;width:70px;height:70px;line-height:70px;text-align:center;background:#18A0F0;color:white;border-radius:40px;-webkit-border-radius:40px;-moz-border-radius:40px;-ms-border-radius:40px;-o-border-radius:40px;border:1px solid #18A0F0;cursor:pointer}
.videoPlayPaused:hover{background:white;color:#18A0F0}
.videoNext{width:45px;height:45px;line-height:45px;text-align:center;background:#18A0F0;color:white;border:1px solid #18A0F0;border-radius:40px;-webkit-border-radius:40px;-moz-border-radius:40px;-ms-border-radius:40px;-o-border-radius:40px;cursor:pointer}
.videoNext:hover{background:white;color:#18A0F0}
.playerFootMiddlestranslate{width:90px;height:30px;margin:10px 0px;float:left}
.subtitleTranslation0{width:38px;height:24px;line-height:24px;text-align:center;background:#B4B4B4;color:white;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border:1px solid #B4B4B4;cursor:pointer;box-shadow:2px 2px 10px #888888;float:left}
.subtitleTranslation0:hover{background:#18A0F0;border:1px solid #18A0F0;color:white}
.subtitleTranslation1{width:38px;height:24px;line-height: 22px;text-align: center;background:#18A0F0;color:white;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border:1px solid #18A0F0;cursor:pointer;box-shadow:2px 2px 10px #888888;float:left;text-indent: 0;}
.subtitleTranslation1:hover{background:#B4B4B4;border:1px solid #B4B4B4;color:white}
#ENTranslation{margin-left:10px}
#viewTotalScoreTxt{height: 335px;position:absolute;left:425px;z-index: 12;top: 143px;display: none;}
.viewTotalScoreTxtClose{}
.volumeHorn{width:24px;height:24px;float:left;cursor:pointer;background:url(../img/pkInfo.png) -115px -14px no-repeat;background-size:250px;margin-top:-3px}
.volumeHorn:hover{background:url(../img/pkInfo.png) -115px -65px no-repeat;background-size:250px}
.volumeHornMute{width:24px;height:24px;float:left;cursor:pointer;background:url(../img/pkInfo.png) -78px -14px no-repeat;background-size:250px;margin-top:-3px}
.volumeHornMute:hover{background:url(../img/pkInfo.png) -78px -63px no-repeat;background-size:250px}
#volumeset{width:50px;height:12px;cursor:pointer;float:left;margin:0 0 0 6px}
.playerFootMiddlestranslateContent{width:110px;height:80px;float:left;padding:1px 14px;margin:0px -2px}
#changtiao{width:49px;height:7px;background:white;border:1px solid #C5C5C8;float:left;margin:5px 0px;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px}
#yuandian{width:5px;height:10px;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;background-color:#D7D7D8;position:relative;float:left;margin-top:-13px}
#yuandian:hover{background-color:#18A0F0}
.modeButtonUn{width:130px;height:30px;display:block;float:left;margin:0px 13px 0px 0px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border:1px solid #838383;background-color:#838383;box-shadow:1px 1px 5px #888888;color:white;text-align:center;cursor:not-allowed !important;line-height:30px;position:relative}
.chineseContent{letter-spacing:1px}
.modeButton_role {margin: 5px 30px !important;}
.modeButtonOn{width:130px;height:30px;display:block;float:left;margin:0px 13px 0px 0px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border:1px solid #18A0F0;background-color:#18A0F0;box-shadow: 2px 1px 10px #888888;color:white;text-align:center;cursor:pointer;line-height:30px;position:relative;}
.modeButtonOn:link{color:white}
.modeButtonOn:visited{color:white}
.modeButtonOn:hover{background-color:white;color:#18A0F0;border:1px solid #18A0F0}
.modeButtonOn:active{color:white}
.modeButton{width:130px;height:30px;display:block;float:left;margin:0px 13px 0px 0px;box-shadow: 0px 2px 4px rgba(0,0,0,.25);border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border:1px solid #B4B4B4;background-color:white;position:relative;color:gray;text-align:center;cursor:pointer;overflow:hidden;}
.modeButton:hover{background-color:#18A0F0;color:white;border:1px solid #18A0F0}
.modeButtonRight{width:120px;height:30px;line-height:30px;display:block;float:right;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border:1px solid #B4B4B4;background-color:white;color:gray;text-align:center;cursor:pointer;overflow:hidden}
.modeButtonRight:hover{background-color:#18A0F0;color:white;border:1px solid #18A0F0}
.modeButtonRightOn{width:120px;height:30px;line-height:30px;display:block;float:left;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border:1px solid #18A0F0;background-color:white;color:#18A0F0;text-align:center;cursor:pointer;overflow:hidden;margin:5px 10px}
.modeButtonRightOn:hover{background-color:#18A0F0;color:white;border:1px solid #18A0F0}
.scoreModeButtonRightOn{width: 130px;height: 30px;line-height: 30px;display:block;float:left;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border:1px solid #18A0F0;background-color:white;color:#18A0F0;text-align:center;cursor:pointer;overflow:hidden;margin: 10px 10px 0 85px;}
.scoreModeButtonRightOn:hover{background-color:#18A0F0;color:white;border:1px solid #18A0F0}
.scoreModeButtonRightUn{width: 130px;height: 30px;line-height: 30px;display:block;float:left;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border:1px solid #ccc;background-color:white;color:#ccc;text-align:center;cursor:pointer;overflow:hidden;margin: 10px 10px 0 85px;}
.modeButtonLeft{width:130px;height:30px;line-height:30px;display:block;float:left;margin:0 5px 0 0;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border:1px solid #B4B4B4;background-color:white;color:gray;text-align:center;cursor:pointer;overflow:hidden}
.modeButtonLeft:hover{background-color:#18A0F0;color:white;border:1px solid #18A0F0}
.justForScroll{height: 111px;width:100%;padding:0 15px;margin:0px 0 15px 0;overflow-y:auto;}
.countDownTime{width:100px;height:100px;position:absolute;display:none;left: 50%;transform: translate(-50%,0);-ms-transform: translate(-50%, 0);-webkit-transform: translate(-50%, 0);top:270px;z-index:14;background:white;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px}
.recordingModule{width:1198px;height:620px;display:none;position:absolute;top:0px;z-index:11;background-color:gray;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;-ms-filter:"alpha(opacity=0)";border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px}
.jtdTime{width:1150px;height:618px;position:absolute;display:none;top:0px;z-index:12;background-color:#626262;filter:alpha(opacity=20);-moz-opacity:0.2;opacity:0.2;-ms-filter:"alpha(opacity=20)";border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px}
#jtdText{text-align:center;line-height:30px;color:#99D60B;font-size: 14px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;position:absolute;top:373px;left: 50%;transform: translate(-50%,0);-ms-transform: translate(-50%, 0);-webkit-transform: translate(-50%, 0);width:100px;background:white;z-index:13;display:none;}
.selfChallenging sup{font-weight:bold;position:absolute;top:2px;right:2px;width:27px;height:13px;background:url(../img/control_icons/top02.png) no-repeat;background-size:100%;cursor:auto}
.hadCurosePartInPerson sup{font-weight:bold;position:absolute;top:13px;left:8px;width:27px;height:13px;background:url(../img/control_icons/top02.png) no-repeat;background-size:100%}
.record,.stop,.play{width:200px;height:20px;background:#9f8;margin:5px 5px;cursor:pointer;text-align:center;line-height:20px}
#player{clear:both;display:block}
#jtdModel{width:300px;height:200px;display:none;position:absolute;display:none;z-index:13}
#playList p:hover{cursor:pointer}
#curoseIntroduction{width:1153px;min-height:200px;float:left;margin:10px 0;display:none}
.introductionHead{text-align:center;font-size:25px}
#curoseIntroductionTxt{font-size:14px;text-indent:2em;padding:50px}
#practice_mode2Show{/* width:152px; */position:absolute;top: 200px;left: 368px;display:none;z-index: 21;max-width: 400px;}
.practice_mode2ShowDiv{width: 200px;height:30px;text-align:center;color:white;line-height:30px;background:#18A0F0;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;float:  left;margin: 0 96px 10px;}
#practice_mode23{/* display:none; */font-size:12px;margin:0 0 0 10px;}
.roleNmaeStyle{color:#e2d413;margin:0 5px 0 0}
.lightNumColor1{color:#EA4F1F}
.lightNumColor2{color:#EE8839}
.lightNumColor3{color:#F8D65B}
.lightNumColor4{color:#F3F364}
.lightNumColor5{color:#33CB2F}
.lightNumColor6{color:#279C27}
.lightNumColor7{color:#124812}
.lightNumColor8{color:#0B280C}
#Jihuajiyi{width:155px !important;height:35px !important;border:none !important;line-height:35px}
.iciba_switch_bar{margin-top:7px !important}
#Jihuajiyi .iciba_switch-icon{margin:12px 0 !important}
#Jihuajiyi .iciba_switch_txt{height:10px !important;line-height:11px !important;color:#A3DA23 !important}
.iciba_switch_bar_wrap span{height:20px !important;line-height:19px !important}
#minuteScore1{color:#18A0F0}
#minuteScore2{color:#18A0F0}
#minuteScore3{color:#18A0F0}
.smallHorn{display:inline-block;width:22px;height:17px;background:url(../img/smallhorn.png) no-repeat;background-size:cover;cursor:pointer}
#surplusTime{width:62%;height:40px;border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;position:absolute;display:none;top:509px;left:32%;z-index:13;line-height:20px}
.surplusTimeS{width:140px;float:left;color:white;background:#A3DA23;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;font-size:22px;line-height:22px}
#loadbar{width:260px;text-align:center;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;float:left;height:30px}
#loadbar div{display:inline-block;color:#A3DA23}
#progressBar{display:block;font-size:16px;background-color:#A3DA23;text-align:center;color:white;line-height:24px;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;float:right;white-space:nowrap;overflow:hidden}
#changeSkin{width:80px;height:31px;margin:15px 20px;float:right}
#praticesIntroduction{width:200px;height:200px;float:left;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;overflow:hidden;margin:0 0 0 6px;background-color:white;color:#626262;border:1px solid #E2E2E2;margin:10px 0 10px 10px}
#praticesIntroductionTxt{font-size:14px}
.replayRecordVoice{min-width:90px;max-width:128px;height:30px;color:#626262;float:left;line-height:41px;border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;text-align:right;padding:0 4px}
.replayRecordVoiceContent{width:151px;height:80px;float:left}
.replayRecordVoiceContent01{width:100%;text-align:justify;font-size: 12px;}
.waveformPerfrom{width:760px;height:76px;float:left;overflow:hidden;margin:2px 0;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px}
.replayMyVoicePerfrom{width:800px;height:40px;float:left;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;margin-top:2px}
.replayRecordVoicePerfrom{width:800px;height:40px;float:left;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;margin-top:0px}
#nullRemind{width:100px;height:30px;line-height:26px;text-align:center;background:#F94B4B;color:white;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;margin:20px 85px;border:1px solid #F94B4B;cursor:pointer;position:absolute;display:none}
#playerMainLeftImg{width:122px;height:144px}
.playerMainLeftImg{width:120px;height:140px}
#playerMainRightImg{width:122px;height:144px;position:relative;top:37%;left:17%}
.playerMainRightImg{width:120px;height:140px}
.replayRecordVoiceOn{width:23px;height:23px;background:url(../img/metimg.png) -181px -24px no-repeat;background-size:300px;cursor:pointer;float:left;margin:12px auto 0}
.replayRecordVoiceOn:hover{background:url(../img/metimg.png) -156px -24px no-repeat;background-size:300px}
.replayRecordVoiceOnClick{width:28px;height:28px;background:url(../img/metimg.png) -156px -24px no-repeat;background-size:300px;cursor:pointer;float:left;margin:5px auto}
.replayRecordVoiceOnClick:hover{background:url(../img/metimg.png) -156px -24px no-repeat;background-size:300px}
.videoPlayPausedNo2{width:60px;height:60px;margin:0;background:url(../img/pkInfo.png) -189px 1px no-repeat;background-size:500%;cursor:pointer}
.videoPlayPausedNo2:hover{background:url(../img/pkInfo.png) -7px 1px no-repeat;background-size:500%}
.videoPlayPausedNo2Click{width:60px;height:60px;margin:0;cursor:pointer;background:url(../img/pkInfo.png) -189px -62px no-repeat;background-size:500%}
.videoPlayPausedNo2Click:hover{background:url(../img/pkInfo.png) -7px -62px no-repeat;background-size:500%}
.alert-box p{margin:0}
.alert-circle{position:absolute;top:0px;width:100%;height:100%}
.alert-sec-circle{stroke-dashoffset:0;stroke-dasharray:735;transition:stroke-dashoffset 1s linear}
.alert-sec-text{position:absolute;top:55px;left:25px;width:50px;color:#A3DA23;font-size:25px;text-align:center;z-index:3}
.alert-sec-unit{font-size:20px}
.alert-body{margin:35px 0}
.alert-head{color:#242424;font-size:28px}
.alert-concent{margin:25px 0 14px;color:#7B7B7B;font-size:18px}
.alert-concent p{line-height:27px}
.alert-btn{display:block;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;background-color:#4AB0F7;height:55px;line-height:55px;width:286px;color:#FFF;font-size:20px;text-decoration:none;letter-spacing:2px}
.alert-btn:hover{background-color:#6BC2FF}
.alert-footer{margin:0 auto;height:42px;width:120px}
.alert-footer-icon{float:left}
.alert-footer-text{float:left;border-left:2px solid #EEE;padding:3px 0 0 5px;height:40px;color:#0B85CC;font-size:12px;text-align:left}
.alert-footer-text p{color:#7A7A7A;font-size:22px;line-height:18px}
.jsSecBack{position:absolute;top:12px;left:25px;width:50px;color:#A3DA23;font-size:36px;text-align:center;height:42px;overflow:hidden}
.jsSecBackOne{width:40px;position:absolute;top:0px;left:14px;background:url(../img/control_icons/microfeng.png) no-repeat;background-size:64%;height:45px;z-index:2}
.jsSecBackTwo{width:24px;height:40px;position:absolute;top:30px;left:14px;background:#A3DA23}
.playOverShow{width:100%;height:100%;position:absolute;top:0px;display: none;background-size:100% 100%;z-index:9;}
.playOverShowtxt{width:60%;height:50%;position:absolute;top:10%;left:20%;background:white;filter:alpha(opacity=70);-moz-opacity:0.7;opacity:0.7;-ms-filter:"alpha(opacity=70)"}
.playOverShowGif{width:60%;height:20%;position:absolute;bottom:20%;left:20%}
.totalScoreTxtScore{width:45px;height:25px;text-align:right;float:left;font-size:15px;line-height:35px;display:none}
#totalScoreTxt{width:100px;height:50px;line-height:24px;cursor:pointer;color:#9E9E9E;background-color:white;border-top:none;border-bottom-right-radius:5px;border-bottom-left-radius:5px}
#totalScoreTxt:hover{color:#9AD60D}
#totalScoreNum{height:25px;line-height:25px;width:100px;font-size:18px;overflow:hidden;z-index:3;float:left;border:none;margin:-25px 0 0 0px}
.upTrangle{margin:0 35px;float:left;width:30px;height:25px;font-size:25px;transform:rotate(-91deg);-ms-transform:rotate(-91deg);-moz-transform:rotate(-91deg);-webkit-transform:rotate(-91deg);-o-transform:rotate(-91deg);text-align:center;display:none}
.downTrangle{margin:0 0 0 40px;float:left;width:20px;height:20px;background:url(../img/control_icons/sword.png) no-repeat;background-size:100% 100%}
#totalScoreNumBack{height:50px;width:101px;border:none;z-index:-1;margin-top:0px}
.viewTotalScoreContent{font-size:14px;text-align:center;width:100%;float:left;margin-top:20px}
.detailsForWords{float:left;width:100%;height:286px;overflow-y:auto;border-radius:7px;-webkit-border-radius:7px;-moz-border-radius:7px;-ms-border-radius:7px;-o-border-radius:7px}
.detailsForWordsEng{font-size:18px;float:left;color:#18A0F0;max-width:150px;word-wrap:break-word;padding:0 10px}
.detailsForWordsEng2{font-size: 16px;width: 40px;height:26px;float:left;color:#18A0F0;line-height: 26px;text-align: center;}
.detailsForWordsSco{font-size:12px;float:left;line-height:26px;margin:0 5px;color:green}
.detailsForWordsSco1{font-size: 12px;height:26px;float:left;line-height: 26px;width:40px;/* text-align:left; */margin:0 0 0 0px;color:green;}
.detailsForWordsSco2{font-size: 12px;height:26px;float:left;line-height: 26px;width:40px;/* text-align:left; */color:red;margin:0 0 0 0px;}
.detailsForWordsSco3{font-size: 12px;height:26px;float:left;line-height: 26px;width:40px;/* text-align:left; */color:orange;margin:0 0 0 0px;}
.VoiceAreaScore{width:60px;float:right;line-height:30px;height:30px;text-align:right;font-size: 12px;}
.pronounceChart{overflow:hidden}
.pronounceChart li{width: 40%;float:left;height:29px;line-height: 29px;text-align:center;cursor:pointer;margin:0 1.5%;color:#666666;}
.pronounceChart .onactive{border-bottom:2px solid #18A0F0;color:#18A0F0}
.subwordsDetailsOutputIMG{width:300px;float:left;position:absolute;left:300px;background:white;display:none;height:335px;/* border-left:1px solid #d0d0d0; */overflow-x:hidden;z-index:11;padding:0 10px;/* border-radius: 4px; */}
.subwordsDetailsOutputIMGname{width:100%;float:left;height: 30px;line-height: 30px;text-align:center;font-size:14px;}
.subwordsDetailsOutputIMGvideo{width:100%;float:left;height:140px;margin: 0 0 10px 0;}
#subwordsDetailsOutputIMGvideo{width:248px;height:100%;margin:0px auto;display:block;background-color:#555;border-radius:3px;overflow:hidden}
.subwordsDetailsOutputIMGadvice{width:100%;/* float:left */}
.adviceText1{font-size:14px;color:#18A0F0;padding: 0px 0 0 0;margin: 5px 0;}
.adviceText{color:black}
.adviceText,.adviceText2{color:black;font-size: 12px;}
.subwordsDetailsOutputIMGattention{width:100%;/* float:left; */font-size:14px;color:#18A0F0;text-align:justify;margin: 0 0 20px 0;}
.contentDetails{line-height:26px;margin:0;float:left;width:140px}
.subwordsContentDetails{width:128px;float:left;/* font-size: 12px; */text-align:  center;}
.contentSingleDetails{display:none;position:absolute;width:150px;top:100px;left:10px}
.detailsForWordsEng1{font-size:18px;height:30px;float:left;line-height:30px;color:#18A0F0;background:white}
.detailsForWords_name{width:100%;height:30px;float:left;line-height:30px}
.scoreChartsView{z-index:3;display:none}
.panelDisplayArea{width:80%;position:absolute;top:100px;left:10%;display:none;z-index:2;background:white;border:1px solid #18A0F0;padding:5px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px}
.panelDisplayAreaData{width:96%;float:left;background-color:white;height:200px;overflow-y:auto;margin:5px 15px}
.ERreceivedValArrCon{width:100%;float:left}
.ERreceivedValArrStyle{width:80%;line-height:30px;margin:3px 0;float:left;text-overflow:ellipsis}
.ERreceivedValArrClick{width:18%;background-color:#18A0F0;line-height:30px;margin:3px 0 3px 2%;float:left;color:white;text-align:center;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px}
.panelDisplayAreaLeft{width:100px;line-height:30px;font-weight:bold;color:#18A0F0;float:left}
.ERreceivedValArrStyleScore{margin:0 10px;color:#9EE642}
#pronounceButton{cursor:pointer}
.totalScorePart{width:300px;height:335px;background-color:white;z-index:13;position: absolute;left:0;padding-top:40px;/* border-radius: 4px; *//* display: none; */}
.openViewScore{width:70px;text-align:center;line-height: 26px;float:left;margin: 10px 0px 0 0;font-size: 16px;}
sub{bottom:0.65em !important}
.rightPartPreview{width:300px;height:335px;float:left;display:none;position:absolute;left:30px;background:white;padding:0 10px;z-index:12;/* border-left:1px solid #d0d0d0; *//* border-radius: 4px; */}
.viewTotalScoreContentButton{width:288px;float:left;margin:10px 10px;display:none}
.detailsForWordslist{width:100%;position:relative;top:0px}
.detailsForWordslist p{float:left;height:35px;line-height:35px;text-align:  center;}
.detailsForWordslist1{width:140px}
.detailsForWordslist2{width:40px}
.detailsForWordslist3{width:40px;text-align:left}
.detailsForWordslist4{width:100px}
.BigcontentDetails{width:100%;float:left;background:#f3f3f3;margin:4px 0}
.detailsForWordsRemark{width:100px;float:left;height:30px;line-height:30px}
.detailsForWordsIcon{width:25px;float:left;height:18px;margin: 5px 8px 0 7px;background: url(../img/msgtips/voice.png)  no-repeat;/* background-size:300px; */cursor:pointer;}
.detailsForWordsIcon:hover{/* background: url(../img/control_icons/horn3.gif)  no-repeat; *//* background-size: 72% 100%; */cursor:pointer;/* width: 18px; */}
.detailsForWordsIcon1{width:25px;float:left;height:18px;margin:5px 15px 0 0px;visibility:hidden}
.modeButtonRightRerror{width:25px;height:25px;position:absolute;top: 3px;right:0px;background:url(../img/control_icons/error001.png) no-repeat;background-size:100%;cursor:pointer;z-index:5;}
.modeButtonRightRerror:hover{background:url(../img/control_icons/error002.png) no-repeat;background-size:100%;cursor:pointer}
.modeButtonRightRerror1{width:25px;height:25px;position:absolute;top: 3px;right:0px;background:url(../img/control_icons/error001.png) no-repeat;background-size:100%;cursor:pointer;z-index:5;/* border-radius: 4px; */}
.modeButtonRightRerror1:hover{background:url(../img/control_icons/error002.png) no-repeat;background-size:100%;cursor:pointer}
.modeButtonRightRerrorBig{width:35px;height:35px;position:absolute;top:-4px;right:0px;background:url(../img/control_icons/error001.png) no-repeat;background-size:100%;cursor:pointer}
.modeButtonRightRerrorBig:hover{background:url(../img/control_icons/error002.png) no-repeat;background-size:100%;cursor:pointer}
#practice_mode21{font-size:12px;margin: 0px 13px 0px 0px;}
#practice_mode22{font-size:12px;/* margin:0 0 0 10px */}
.mode4DataSend{width:315px;height:110px;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;-ms-border-radius: 4px;-o-border-radius: 4px;position:absolute;display:none;top:25%;left: 50%;transform: translate(-50%,0);-ms-transform: translate(-50%, 0);-webkit-transform: translate(-50%, 0);z-index:13;background:white;border:1px solid #E2E2E2;padding:5px 0 0 17px;text-align:center;}
.mode4DataSend p{width:270px;height:50px;color:#18A0F0;line-height: 50px;font-size: 16px;font-weight:  bold;}
canvas{position:absolute;left:0;z-index:-2}
.flashPosition{position:absolute;top:14%;left:26%;z-index:9999;height:254px;width:500px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;display:none;background-color:#3c763d;overflow:hidden;border:1px solid #3c763d}
.flashPositionClickHere{position:absolute;width:175px;height:140px;top:80px;color:white}
.flashPositionClickHere1{margin:70px 0 0 0;text-align:right}
.flashPositionClickHere2{text-align:right}
.flashPositionSuggestion{width:100%;height:80px;text-align:left;font-size:14px;color:white;padding:0 109px}
.flashPositionSuggestion span{color:greenyellow}
#recorder-wrap{position:absolute;top:0%;left:0%;z-index:9999;height:1px;width:1px}
.flashPositionhide{position:absolute;top:218px;left:0;height:36px;width:100%;line-height:36px;text-align:center;color:white;font-size:16px;font-weight:bold;cursor:pointer}
.flashPositionhide:hover{background-color:white;color:#1697ed}
.introjs-helperNumberLayer{line-height:11px}
.waveformPerfromData1{width:100%;height:30px;float:left}
.waveformPerfromData2{width:100%;height:30px;float:left;border-top:1px solid #b9b7b7}
singleContentsRepair1{width:100%;float:left;height:30px;line-height:30px;text-align:center}
.singleContentsRepair1 p{width:16.5%;height:30px;line-height:30px;text-align:center;float:left}
.singleContentsRepair2{width:100%;float:left;height:30px;line-height:30px;text-align:center}
.singleContentsRepair2 p{width:16.5%;height:30px;line-height:30px;text-align:center;float:left}
.buttonSingle{min-width:80px;height:24px;line-height:24px;display:block;float:left;margin:3px 10px 0 0;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;background-color:white;padding:0 4px;color:#888888;text-align:center;cursor:pointer;overflow:hidden;border:none}
.buttonSingle:hover{background:#18A0F0;/* border:1px solid #18A0F0; */color:white;}
.metDirectoryPage{width:100%;min-height:1400px;height:100%;overflow:hidden}
.metDPtop{width:100%;height:340px;float:left}
.metDPtop img{width:100%;height:100%}
.metDPMiddle{width:1150px;height:430px;position:absolute}
.metDPMiddleGps{width:1150px;height:90px;line-height:90px;float:left;color:white}
.metDPMiddleGps i{font-style:normal}
.metDPMiddleGps a{margin:0 10px}
.metDPMiddleGps a:link{color:white}
.metDPMiddleGps a:visited{color:white}
.metDPMiddleGps a:hover{color:#18A0F0}
.metDPMiddleGps a:active{color:white}
.metDPMiddlePig{width:710px;height:340px;float:left}
.metDPMiddlePig img{width:100%;height:100%;border-top-left-radius: 4px;border-bottom-left-radius: 4px;}
.metDPMiddleTxt{width:440px;height:340px;float:left;background-color:#3A3A3A;font-weight:bold;border-top-right-radius: 4px;border-bottom-right-radius: 4px;}
.DPcourseName{width:100%;height:30px;float:left;color: #8BC34A;margin:50px 0 0 0;text-align:left;font-size:18px;padding-left:30px;}
.DPcourseNum{width:100%;height:30px;float:left;color:white;margin:38px 0 0 0;text-align:left;font-size:14px;padding-left:30px}
.DPcourseBiaoqian{width:100%;height:30px;float:left;color:white;margin:20px 0 0 0;text-align:left;font-size:14px;padding-left:30px}
.DPcourseButton{width:120px;float:left;margin:38px 0 0 140px}
.metDPbottom{width:1150px;position:absolute;top:550px}
.metDPbottomIntroduce{width:100%;padding:26px 82px 30px 30px;color: #888888;background-color:white;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;}
.metDPbottomIntroduceTitle{line-height:30px;font-weight:bold;font-size:16px}
.metDPbottomIntroduceText{width:100%;font-size:14px;text-indent:30px;padding:17px 0 0 20px}
.metDPbottomList{width:100%;margin:35px 0;padding:26px 30px 30px 30px;color:#AFAFAF;background-color:white;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px}
.metDPbottomListTitle{line-height:30px;font-weight:bold;font-size:16px}
.metDPbottomListText{width:100%;font-size:14px;margin:18px 0;max-height:650px;overflow-y:scroll}
.metDPbottomListTextSingle{width: 100%;margin:5px 0;padding: 0 29px;background-color:#F5F4F4;color:black;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;float:left;}
.metDPbottomListTextSingle a:hover{color:white}
.metDPbottomListTextSingleGray{width:100%;margin:5px 0;padding:0 32px;background-color:#F5F4F4;color: #8b8a8a;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;float:left;}
.metDPbottomListTextSingle:hover{background-color:#18A0F0;color:white}
.singleCourseContece{width:820px;height:30px;line-height:30px;float:left;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;overflow:hidden}
.singleCourseConteceScore{width:68px;float:left;height:30px;line-height:30px;letter-spacing:1px;/* color: #795548; */}
.singleCourseContece span{margin:0 10px 0 0}
.playIMG{width:24px;float:left;height:20px;line-height:30px;background:url(../img/metimg.png) -225px -25px no-repeat;background-size:300px;margin:5px 0;cursor:pointer}
.thumsUp{width:24px;float:left;height:20px;line-height:30px;background:url(../img/metimg.png) -272px -25px no-repeat;background-size:300px;margin:5px 0;cursor:pointer}
.playSongContent{line-height:36px;font-size: 14px;font-weight:bold;text-align: left;cursor:pointer;height:36px;float:left;width:180px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:#555;padding-left:10px;}
.playSongContentNext{font-size: 12px;line-height:30px;cursor:pointer;width: 170px;float:left;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.playSongContentNext:hover{color:#18A0F0}
.playSongContentTri{width: 6px;height: 6px;float:left;background-color:#626262;margin: 13px 10px 0 10px;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;/* display: none; */}
.hadCurosePartInPersonRank{/* height:100px; */cursor:pointer;float:left;}
.PersonRank0{width:30px;height:30px;position:absolute;background:url(../img/control_icons/jin.png) no-repeat;margin:0 0 0 0;z-index:5;background-size:100%}
.PersonRank1{width:30px;height:30px;position:absolute;background:url(../img/control_icons/yin.png) no-repeat;margin:0 0 0 0;z-index:5;background-size:100%}
.PersonRank2{width:30px;height:30px;position:absolute;background:url(../img/control_icons/tong.png) no-repeat;margin:0 0 0 0;z-index:5;background-size:100%}
.trainStatusShowOut{width:100%;height: 85%;position:absolute;top:0%;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;z-index:12;display:none;background:rgba(0,0,0,.5);}
.trainStatusShow{width: 732px;left: 50%;/* height: 258px; */top:12%;position:absolute;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;background-size:cover;z-index:9;margin-top:10px;color:#2581F0;margin: 10px 0 0 -366px;font-weight:bold;overflow:  hidden;}
.trainStatusShowTextImg{width:319px;margin: 0px auto;height:43px;background:url(../img/metimg.png) -8px -254px no-repeat;background-size:117%;}
.trainStatusShowText{width:100%;float:left;height:43px;text-align:center;line-height:30px;font-size:20px;color:#fcfdff}
.trainStatusShowText1{width:100%;float:left;height:20px;text-align:center;line-height:60px;font-size:30px;color:#2581F0;display:none}
.trainStatusShowText2{width:80%;float:left;height:30px;text-align:center;line-height:30px;font-size:30px;color:#2581F0;margin-left:10%;display:none}
.trainStatusShowText2 p{width:20%;height:30px;line-height:30px;font-size:16px;text-align:center;float:left}
.trainStatusShowData{width:100%;float:left;height:0;text-align:center;overflow-y:auto}
.singleContentsContent{width:80%;margin:2px 0 0 10%;height:36px;border:1px solid #2581F0;float:left}
.singleContentsContent1{width:100%;float:left;height:36px;line-height:36px;text-align:center}
.singleContentsContent1 p{width:20%;height:36px;line-height:36px;text-align:center;float:left}
.trainGetExpertion{width:732px;float:left;height:300px;text-align:center;border:15px solid #18A0F0;border-radius:17px;-webkit-border-radius:17px;-moz-border-radius:17px;-ms-border-radius:17px;-o-border-radius:17px;margin:-5px 0 0 0;box-shadow:3px 3px 5px #0F689D;}
.trainGetExpertionIn{width:702px;float:left;margin:0 auto;height:270px;border-left:5px solid #0F689D;border-top:5px solid #0F689D;box-shadow:3px 2px 14px #0F689D;background-color:black}
.trainExper{width:240px;float:left;height:100px;line-height:100px;text-align:center;font-size:30px;margin:45px 0 0 0;color:#F3CD0F}
.trainTurn{width:200px;float:left;height:220px;position:relative}
.trainCoin{width:230px;float:left;height:100px;line-height:100px;text-align:center;font-size:30px;color:#F3CD0F;margin:45px 0 0 0}
#trainTurnAround{width:100px;height:100px;z-index:2;position:absolute;top:60px;left:60px}
#trainTurnAroundLight{width:220px;height:220px;z-index:1}
.lrcDownTime{position:absolute;width:60px;height:30px;z-index:8;top:304px;right:57px;color:white;font-size:16px;line-height:30px;text-align:center;font-weight:bold;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px}
.trainTotalGetExp{width:100%;margin:9px 0 0 0;height:35px}
.trainTotalGetExpertion{width:100%;float:left;height:35px;text-align:center;margin-top:0px}
.trainTotalExp{width:315px;float:left;height:35px;line-height:45px;text-align:center;color:#F3CD0F;position:relative}
.trainTotalCoin{width:280px;float:right;height:35px;line-height:100px;text-align:center;font-size:16px;color:#f0ad4e;line-height:50px}
.trainTotalExpcontainer{width:150px;height:25px;position:absolute;top:0;left:78px;border-radius:7px;-webkit-border-radius:7px;-moz-border-radius:7px;-ms-border-radius:7px;-o-border-radius:7px;overflow:hidden}
.trainTotalExpDown{width:150px;height:25px;position:absolute;bottom:0px;left:0px;border-radius:7px;-webkit-border-radius:7px;-moz-border-radius:7px;-ms-border-radius:7px;-o-border-radius:7px;border:2px solid #f0ad4e;z-index:2;color:#f0ad4e;font-size:16px;line-height:20px}
.trainTotalExpUp{width:0px;height:22px;position:absolute;bottom:2px;left:0px;background:#0fd200;border-radius:0px;color:white;font-size:16px;line-height:25px;z-index:1}
.trainTotalCoinImg{width:66px;height:30px;float:right;background: url(../img/metimg.png) -3px -77px no-repeat;background-size:250%;}
.trainTotalCoinProgess{height:25px;border-radius:7px;-webkit-border-radius:7px;-moz-border-radius:7px;-ms-border-radius:7px;-o-border-radius:7px;z-index:2;float:right;line-height:30px;color:#FBD700;margin:0 20px 0 20px}
.trainTotalGetExpAvg{width:90px;float:left;height:35px;text-align:center;font-size:22px;color:#F3CD0F}
.trainTotalExpTxt{width:65px;height:30px;position:absolute;top:0;left:13px;color:#FBD700;font-size:25px;line-height:25px;text-align:center;text-shadow:2px 2px 2px #E98F0E}
.trainTotalExpNum{height:25px;position:absolute;bottom:20px;left:265px;color:#f0ad4e;font-size:14px;line-height:25px}
.trainTotalExpPreNum{width:60px;height:25px;position:absolute;bottom:20px;left:50px;color:#f0ad4e;font-size:16px;line-height:25px;text-align:right;padding:0 5px 0 0px}
.modeOutLineConfirm{width:1150px;/* height:200px; */position:absolute;top: 196px;z-index:88;display:none;}
.modeOutLineConfirmHintWindow{width:300px;height:228px;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;margin: 0px 425px;color:black;text-align:center;font-size:16px;overflow:hidden;background:white;position:absolute;}
.modeOutLineConfirmHintWindow_close{width:32px;height:32px;background: url(../img/control_icons/error001.png) no-repeat;background-size: 100% 100%;position: absolute;left: 730px;top: -16px;cursor: pointer;}
.H5EndFlashRecord{position:absolute;top: 50%;left: 50%;width:400px;background:white;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;padding:15px;z-index:50;display:none;margin: -115px 0 0 -200px;}
.H5EndFlashRecord h4{text-align:center}
.H5EndFlashRecord p{text-align:left;margin:10px 0}
.H5EndFlashRecord .modeButtonOn{margin:20px auto;float:none}
.modeOutLineConfirmHintWindow p{line-height:24px;text-align:left;text-indent:2em;padding:10px 14px;font-size:13px;min-height:186px;border-bottom: 1px solid #e4e4e4;letter-spacing:0.5px;text-align:justify;}
.noMoreCofirm{position:absolute;bottom: 6px;left:36px;font-size:11px;}
.modeOutLineConfirm .comfireBo{position:absolute;bottom:6px;left:104px}
.modeOutLineConfirm .modeOutLineConfirmDiv{position:absolute;bottom:4px;left:20px;font-size:13px}
.modeOutLineConfirm .comfireRe{right:0px}
.hiddenStences{display:none}
.subVideoControl{position:absolute;top:113px;right:2px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;cursor:pointer;width:24px;height:24px;cursor:pointer;z-index:10;background: url(../img/metimg.png) -202px -23px no-repeat;background-size:300px;background-color:#ffffff;display:none;}
.subVideoControlCon{position:relative;width:248px;height:140px;top:34px;z-index:10;left:16px}
.DynamicPlate{width:260px;height:140px;background:url(../img/classLesson.png) -17px -25px no-repeat;position:absolute;top:-36px;z-index:4}
.DynamicPlate:hover{top:0px;background:url(../img/classLesson.png) -315px -25px no-repeat;cursor:pointer}
.DynamicPlateImgHotArea{display:block;width:168px;height:34px;position:absolute;top:86px;left:44px;border-radius:16px;-webkit-border-radius:16px;-moz-border-radius:16px;-ms-border-radius:16px;-o-border-radius:16px}
.DynamicPlateImg{width:260px;height:140px;color:#FBFF00;position:absolute;top:52px;font-size:20px;text-align:center;left:-5px;font-weight:bold;text-shadow:0 0 0.3em rgb(113,0,0),0 0 0.3em #653800}
.LessonListEn{margin-left:4px;width:16px;font-size:18px;word-wrap:break-word;line-height: 30px;font-family:Arial;}
.LessonListCn{width:28px}
.selfChallenging{position:relative;width:130px;height:30px;float:left}
.selfChallenging buttom{width:130px;height:30px;display:block;margin:0px 13px 0px 0px;box-shadow:3px 3px 5px #888888;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border:1px solid #B4B4B4;background-color:white;color:gray;text-align:center;cursor:pointer;overflow:hidden}
.DPcourseNameL{min-width:56px;padding:0 10px 0 0}
.DPcourseNamer{min-width:76px;max-width:254px;height:54px;overflow:hidden}
.leaveBtn{width:130px;height:30px;display:block;float:left;margin:0 27%;box-shadow:3px 3px 5px #888888;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border:1px solid #B4B4B4;background-color:white;position:relative;color:gray;text-align:center;cursor:pointer;overflow:hidden}
.childrenFlash{width:1100px;height:408px;display:none}
.singleCourseChapter {margin: 10px 0 10px 0;font-weight: bold;font-size: 15px;color: #424242;float:left;}

.met_partice_lesson_score_button {
    font-size: 12px;
    display: inline-block;
    padding: 0 5px;
    border-radius: 2px;
    font-weight: bold;
}
.met_lesson_partice_toprank_loadmore{
        width: 70px;
        height: 70px;
        border-radius: 40px;
        -webkit-border-radius: 40px;
        -moz-border-radius: 40px;
        -ms-border-radius: 40px;
        -o-border-radius: 40px;
        float: left;
        margin: 15px 4px;
        line-height: 70px;
        text-align: center;
        color: white;
        font-size: 12px;
        cursor: pointer;
        background: #1696ee;
        background-image: linear-gradient(to right top, rgb(0, 255, 240), rgb(92, 159, 247) 40%, #8BC34A 80%);
}
.met_lesson_partice_score_tips_gif{width: 30px;height: 15px;background:url(../img/control_icons/finger_left.gif) no-repeat;display: inline-block;background-size: 100% 100%;}
.met_lesson_rank_control_slide {margin: -10px 0 30px 0;overflow: hidden;}
.met_lesson_rank_control_slide_icon {
    width: 32px;
    height:32px;
    float: right;
    cursor: pointer;
}
.met_lesson_rank_control_slide_icon1 {
    background:url(../img/control_icons/slide_up.png) no-repeat;
    background-size: 100% 100%;
        display: none;
}
.met_lesson_rank_control_slide_icon2 {
    background:url(../img/control_icons/slide_down.png) no-repeat;
    background-size: 100% 100%;
        display: none;
}
#replayRecordVoiceContent_pronunciation{position: relative;}
#pronunciation{
    float: left;
    line-height: 20px;
    margin-left: 10px;
    display: none;
}
#pronunciation span{
    display: block;
    border: 1px solid #fff;
    border-radius: 50%;
    cursor: pointer;
}
#pronunciation span:hover{color:#2fa9f0}
.pronunciationTrue{color:#2fa9f0}