.container{width:100%!important;background:#fafafa}
.en{display:none!important}
a{text-decoration:none;color:#fff}
img{border:0;width:100%}
nav{height:60px;background:#ff6700;width:100%;line-height:60px}
nav ul{max-width:1100px;width:1100px;margin:0 auto;overflow:hidden}
nav ul li{width:15%;text-align:right;color:rgba(255,255,255,.6);cursor:pointer}
nav .teacher li{width:22%}
nav ul li a{color:rgba(255,255,255,.6)}
nav ul li.selected a{color:#fff}
nav ul div{float:left;width:100px;margin-top:10px}
nav ul div img{width:100%}
nav ul li,header ul li{float:left}
h1,h2,h3,h4,h5,h6{font-weight:400}
.content{background:#fff;max-width:1100px;width:1100px;margin:0 auto;overflow:hidden;margin-top:12px;border-radius:4px}
.mask{position:fixed;background:rgba(0,0,0,.8);width:100%;height:100%;top:0;z-index:1}
.showPanel{width:300px;padding:20px 40px 15px;background:#efefef;position:fixed;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border-radius:4px;outline:0;border:0;z-index:2}
.showPanel input[type=password],.showPanel input[type=text],.showPanel input[type=button]{height:40px;line-height:40px;background:#fff;margin-bottom:20px;border-radius:4px;outline:0;border:0;font-size:15px;width:100%}
.showPanel .phone-wrapper{font-size:0}
.showPanel .area-code{display:inline-block;width:50px;height:40px;line-height:40px;vertical-align:top;border-radius:4px;text-align:center;font-size:15px;background-color:#fff}
.showPanel input[type=text]{margin-left:10px;width:240px}
.showPanel input[type=checkbox]{margin-bottom:20px}
.showPanel input[type=button]{background:#02be00;color:#fff;cursor:pointer;margin-bottom:0}
.showPanel div[type=tip]{margin-top:15px;text-align:right;font-size:13px}
.showPanel .title-wrapper{padding:0 30px}
.showPanel div[type=title]{display:inline-block;width:115px;height:40px;text-align:center;cursor:pointer}
.showPanel div[type=title] .role{padding:5px 10px 10px}
.showPanel div[type=title] .active{color:#02bd00;border-bottom:2px solid #02bd00}
.showPanel .verify-wrapper{font-size:16px}
.showPanel .verify-wrapper .verify-code{margin-left:0;width:190px}
.showPanel .verify-wrapper .verify-btn-code{display:inline-block;margin-left:4px;background-color:#f60;color:#fff;width:100px;height:40px;line-height:40px;border-radius:6px;text-align:center;cursor:pointer}
.code-login{margin-bottom:20px;color:#576D96;text-align:right}
#countrylist{position:absolute;top:110px}
#countrylist ul{background:#fff;border-radius:5px;max-height:200px;max-width:209px;width:200px;overflow-y:scroll;text-align:center}
#countrylist ul li{font-size:15px;margin:5px 0}
.content .left{float:left;width:220px;border-right:1px solid #f0f0f0;padding-bottom:220px}
.left>div{margin:auto}
.left img{width:100%;height:100%}
.left .QRcode{width:100px;height:100px;margin:40px auto 10px}
.left .gift{width:116px;height:112px;margin:40px auto 20px}
.left .service{width:108px;height:109px;margin:40px auto 20px}
.left h3,.left h4,.left h5{padding:0 20px;text-align:center}
.left h3{font-size:22px;color:#fd6800;margin:20px auto}
.left p{padding:0 20px;font-size:16px;margin:20px auto 40px}
.left{font-size:14px;color:#fa7621}
.left h5{font-size:14px}
.left p,.left h5{color:#505050}
.left .check-course-btn a{display:inline-block;margin-top:40px;width:180px;height:45px;line-height:45px;border-radius:4px;background-color:#02bd00;font-size:16px;color:#fff}
.mycontract a{margin-top:40px;width:100%;display:block;color:#576096;font-size:16px;font-weight:400;text-align:center;text-decoration:underline}
.content .right{width:818px;float:left;padding:30px}
.myCourse,.myTeacher,.myOrder,.myLive,.myPlayback,.myCheck{height:20px;line-height:20px;border-left:4px solid #ff6700;padding-left:10px;color:#505050;float:left;margin-top:10px}
.check-env-title{height:20px;line-height:20px;border-left:4px solid #ff6700;padding-left:10px;color:#505050;margin-top:10px}
.check-env{margin-bottom:30px;padding:15px 13px 30px;border-bottom:1px solid #f0f0f0}
.check-env-btn{margin-left:25px;display:inline-block;width:125px;height:40px;line-height:40px;font-size:15px;border-radius:5px;background:#02be00;color:#fff}
header{overflow:hidden}
header ul{float:right}
header ul li{height:40px;line-height:40px;padding:0 15px;background:#02be00;color:#fdffff;margin-left:22px;border-radius:4px;cursor:pointer}
.check-env{}
.courseWrapper,.reserveWrapper,.liveWrapper,.playbackWrapper{overflow:hidden;padding:30px 0;border-bottom:1px solid #f0f0f0}
.courseWrapper .avatar,.courseWrapper .date,.courseWrapper .title,.reserveWrapper .avatar,.reserveWrapper .date,.reserveWrapper .title,.liveWrapper .title,.playbackWrapper .avatar,.playbackWrapper .date,.playbackWrapper .title{float:left}
.playbackWrapper .avatar img{border-radius:50%}
.liveWrapper .title .live-tag{display:inline-block;vertical-align:top;margin-right:5px;padding:0 5px;border-radius:5px;border:1px solid #01b1ea;font-size:14px;color:#01b1ea}
.avatar{width:70px;height:70px;margin-right:14px;position:relative}
.avatar img{width:100%;height:100%}
.avatar i{position:absolute;width:34px;height:20px;right:0;bottom:0}
.avatar i.online{background:url(//s04.cdn.ipalfish.com/palfish_front_fis3/rtc/images/status_online_514987c.png) center center no-repeat}
.avatar i.offline{background:url(//s04.cdn.ipalfish.com/palfish_front_fis3/rtc/images/status_offline_b9cd94c.png) center center no-repeat}
.avatar i.busy{background:url(//s04.cdn.ipalfish.com/palfish_front_fis3/rtc/images/status_busy_1c7ae52.png) center center no-repeat}
.courseWrapper ul,.reserveWrapper ul,.playbackWrapper ul{float:right}
.courseWrapper ul li,.teacherWrapper ul li,.reserveWrapper ul li,.liveWrapper ul li{float:left;height:36px;line-height:36px;border:1px solid #dcdcdc;border-radius:30px;margin-left:30px;padding:0 15px;cursor:pointer}
.liveWrapper ul li{float:right}
#course,#reserve,#playback{float:left;width:100%}
#reserve .newkid-avatar img{border-radius:50%}
.msg_icon{display:inline-block;margin-top:0;padding-left:10px;width:16px;background-image:url(//s04.cdn.ipalfish.com/palfish_front_fis3/rtc/images/info_173d078.png);background-repeat:no-repeat;height:14px}
.call_icon{display:inline-block;margin-top:0;padding-left:10px;width:14px;background-image:url(//s04.cdn.ipalfish.com/palfish_front_fis3/rtc/images/phone_green_5bc793b.png);background-repeat:no-repeat;height:14px}
.playbackWrapper ul li{float:left;height:40px;border-radius:40px;margin:15px 0 0 10px;padding-right:15px;cursor:pointer}
.playbackWrapper ul li .progress-wrapper{position:relative;display:inline-block;vertical-align:top;width:92px;height:40px;line-height:40px}
.playbackWrapper .title h3{width:250px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.progress-wrapper{margin:0 7px;padding:0 7px}
.progress-wrapper .progress-btn{display:inline-block;position:absolute;left:0;top:13px;width:12px;height:12px;border:1px solid #02bd00;border-radius:50%;background-color:#fff}
.progress-wrapper .progress-fill{width:0;height:2px;position:absolute;top:19px;background-color:#02bd00}
.progress-wrapper .progress-bg{width:99px;position:absolute;top:19px;height:2px;background-color:rgba(2,189,0,.2)}
.playbackWrapper ul .audio{border-left:0;background-color:rgba(2,189,0,.2)}
.playbackWrapper ul .audio .audio-tag{width:50px;display:inline-block;text-align:center}
.playbackWrapper ul .video{border-left:0;background-color:rgba(255,102,0,.2)}
.playbackWrapper ul li .audio-tag,.playbackWrapper ul li .video-tag{vertical-align:top;line-height:40px}
.playback-audio{display:inline-block;width:40px;height:40px;margin-right:10px;background-image:url(//s04.cdn.ipalfish.com/palfish_front_fis3/rtc/images/audio_play_bf0ef23.png);background-repeat:no-repeat;background-size:40px 40px}
.playback-video{display:inline-block;width:40px;height:40px;margin-right:10px;background-image:url(//s04.cdn.ipalfish.com/palfish_front_fis3/rtc/images/video_play_26fdc20.png);background-repeat:no-repeat;background-size:40px 40px}
.audio-duration{display:inline-block;vertical-align:top;height:40px;width:50px;text-align:center;line-height:40px}
.audio-playing .playback-audio{animation:audio-playing .8s infinite}
@keyframes audio-playing{0%{background-image:url(//s04.cdn.ipalfish.com/palfish_front_fis3/rtc/images/audio_play1_537e926.png)}
50%{background-image:url(//s04.cdn.ipalfish.com/palfish_front_fis3/rtc/images/audio_play2_c0aabce.png)}
100%{background-image:url(//s04.cdn.ipalfish.com/palfish_front_fis3/rtc/images/audio_play3_bf6f5ca.png)}}
.call_room{background-image:url(//s04.cdn.ipalfish.com/palfish_front_fis3/rtc/images/callroom_f2b4b8d.png)}
.live-finish{color:#929292}
.teacherWrapper ul li i{padding-left:5px}
.border-img{border-radius:50%}
.teacherWrapper{position:relative}
.teacherWrapper ul{overflow:hidden;margin:0 auto;width:162px}
.teacherWrapper ul li{margin-left:0;padding:0 10px}
.teacherWrapper{width:25%;margin:40px 0 20px;float:left}
.teacherWrapper .avatar{width:90px;height:90px;margin:0 auto}
.teacherWrapper .avatar img{border-radius:100%}
.teacherWrapper p{text-align:center;margin:20px auto;line-height:30px}
.dwQRcode{width:150px;margin-left:40px;border:1px solid #999;border-radius:4px;position:absolute;top:150px;z-index:1;background-color:#fff}
.dwQRcode img{width:100%;height:100%}
.liveWrapper .avatar{width:165px;float:left}
.liveWrapper .title{width:410px}
.liveWrapper li{margin-top:20px}
.checkWrapper{position:relative;vertical-align:top;display:inline-block;width:370px;padding:20px 15px;border:1px solid #f0f0f0;border-radius:7px;margin-right:10px;margin-top:10px}
.checkWrapper:nth-of-type(even){margin-right:0}
.checkWrapper .title h4{margin-bottom:5px}
.checkWrapper .tag{position:absolute;left:0;top:0;display:block;width:40px;height:20px;line-height:20px;border-top-left-radius:7px;border-bottom-right-radius:7px;background-color:#f60;color:#fff;font-size:12px;text-align:center}
.checkWrapper .enter{position:absolute;right:10px;bottom:28px;display:inline-block;width:90px;height:40px;line-height:40px;text-align:center;background-color:#02bd00;color:#fff;border-radius:4px;cursor:pointer}
.pagination{position:relative;padding-bottom:40px;margin-top:40px;display:none}
.pagination ul{overflow:hidden;position:absolute;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}
.pagination ul li{float:left;margin-right:40px;border-radius:4px;border:1px solid #d0d0d0;padding:0 5px;cursor:pointer;height:36px;line-height:36px}
.pagination ul li a{color:#505050}
.emptyTip{float:left;margin-top:80px;margin-left:80px}
.chooseCallMethod{width:480px;height:400px;padding:0 40px;position:fixed;background-color:#fff;border-radius:5px;left:0;top:0;right:0;bottom:0;margin:auto;box-shadow:0 0 40px 5px #eee}
.chooseCallMethod .title{height:100px;line-height:100px;font-size:24px;color:#505050;text-align:center}
.chooseCallMethod .closeBtn{display:inline-block;position:absolute;top:16px;right:16px;width:22px;height:22px;cursor:pointer;background-image:url(//s04.cdn.ipalfish.com/palfish_front_fis3/rtc/images/closebtn_c0bd2bf.png)}
.chooseCallMethod button{margin-bottom:32px;width:100%;height:50px;background-color:#f90;border-radius:5px;border:0;outline:0;cursor:pointer;font-size:20px;color:#fff}
.directCall button{background-color:#02bd00}
.palfish-alert{z-index:5;text-align:center}
.custom-mask{display:none;width:100%;height:100%;position:fixed;left:0;top:0;z-index:4;background:rgba(0,0,0,.4);text-align:center}
.custom-alert-wrapper{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:7px;width:420px;height:220px;background:#f8f8f8}
.custom-alert-wrapper p{margin:40px 0 30px;line-height:30px;font-size:18px}
.custom-alert-wrapper .btn{display:inline-block;width:350px;height:60px;line-height:60px;background:#02be00;border-radius:7px;color:#fff;font-size:18px}
.custom-close-icon{position:absolute;display:inline-block;right:-25px;top:-25px;width:50px;height:50px;background:url(//s04.cdn.ipalfish.com/palfish_front_fis3/rtc/images/close_icon_4c1f3f0.png) no-repeat}
.word-btn{border:1px solid #02bd00;line-height:40px;text-align:center;padding-right:0;padding:0 15px}