.chat-group-list .chat-user-name,.chat-target-name{vertical-align:middle;overflow:hidden;word-wrap:normal;display:inline-block}.chat-group-list .chat-user-name,.chat-member-name,.chat-target-name{white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis}.chat-content{position:absolute;top:41px;bottom:0;left:0;right:190px;border-right:1px solid #d9ecec}.chat-body{top:0;bottom:0;left:0;right:0}.chat-header{position:absolute;top:0;left:0;right:0;padding:10px}.chat-header .fa{border:none;outline:0;background:0 0;font-size:25px;color:#737575}.chat-friend-add{display:inline-block;vertical-align:middle;right:13px}.chat-target-name{font-size:17px;max-width:75%}.chat-group-expandable:before{content:'';position:absolute;width:0;height:0;border:6px solid transparent;border-top-color:#4493f7;top:8px;left:7px}.chat-collapse:before{border-top-color:transparent;border-left-color:#4493f7;left:11px;top:6px}.chat-group-name{position:relative;margin-bottom:5px}.chat-group-name .fa{display:inline-block;font-size:20px;color:#353131;width:15px}.chat-group-name .fa-angle-down{position:relative;left:-4px}.chat-group-name a{padding-left:10px;color:#353131;text-decoration:none}.chat-group-count{color:#737575;position:absolute;right:8px;top:5px;font-size:12px}.chat-group-list li{cursor:pointer;margin:10px 0;padding:2px 12px;position:relative}.chat-member-role,.chat-no-target{position:absolute;text-align:center}.chat-group-list li:hover{background:#f9f9f9}.chat-group-list .chat-user-name{width:95px;color:#737575}.chat-group-list a{color:#545353;text-decoration:none}.chat-no-target{margin:auto;width:180px;height:100px;color:#cfcfcf}.chat-member-role{top:25px;right:4px;background:red;color:#fff;display:inline-block;width:16px;height:16px;line-height:16px;border-radius:50%;font-size:11px;border:2px solid #fff}.chat-teacher-answer{right:22px;background:#ffb400}.chat-notify-window .chat-header .chat-btn{float:right;border:1px solid transparent;background:0 0;padding:2px 4px;border-radius:3px;margin:0 10px}.chat-notify-window .chat-header .chat-image-icon{display:inline-block;vertical-align:bottom}.chat-notify-window .chat-header .active{border-color:#c7c7c7;background:#ececec}.chat-center{top:0;bottom:0;left:0;right:0}.chat-group-detail .chat-body{overflow:auto;bottom:40px}.chat-group-detail .chat-foot{left:0;right:0;bottom:0;background:#fff;text-align:center;padding:5px}.chat-group-detail .chat-foot .chat-btn{border:none;outline:0;background:#4493f7;color:#fff;padding:5px 20px;border-radius:5px}.chat-group-item{padding:0 15px;position:relative}.chat-detail-head{font-size:16px;color:#5a5b5b;display:inline-block;margin:15px 0;background:#fff;padding-right:20px}.chat-detail-head:after{display:block;content:'';height:1px;background:#ececec;position:absolute;top:25px;left:15px;right:15px;z-index:-1}.chat-course-img{max-width:120px;max-height:80px}.chat-detail-content .chat-course-info{margin-left:130px;min-height:80px;padding:0}.chat-course-name{font-size:16px;color:#5a5b5b;word-wrap:break-word;word-break:break-all}.chat-course-member{width:50px;text-align:center;margin:5px;cursor:pointer;position:relative}.chat-course-member .chat-avatar{width:40px;height:40px}.chat-member-name{width:50px;overflow:hidden;word-wrap:normal}.chat-msg,.chat-record-content{white-space:normal}.chat-user-detail{width:300px;height:200px;margin:auto;text-align:center}.chat-user-detail .chat-avatar{width:50px;height:50px}.chat-user-detail .chat-detail-name{font-size:18px;color:#5a5b5b}.chat-user-detail p{padding:5px 0}.chat-loading{width:200px;text-align:center;height:25px;font-size:18px;margin:40px auto}.chat-item{position:relative}.chat-body-left,.chat-body-right,.chat-editor,.chat-history,.chat-item .chat-avatar,.chat-resize,.chat-resize-corner,.chat-unread-msg{position:absolute}.chat-item .chat-avatar{width:30px;height:30px;border:1px solid #eaeaec}.chat-close-window{float:right;border:none;background:0 0;outline:0;color:#737575;padding:0;margin:0;height:24px}.chat-type-group .chat-body-left{right:180px}.chat-body-right{width:180px;right:0;top:0;bottom:0;overflow:auto}.chat-body-right .chat-user-name{width:100px}.chat-history{padding:10px;overflow:auto;top:0;bottom:130px;left:0;right:0;border-bottom:1px solid #eaeaec}.chat-history ul{padding:0 14px}.chat-time{color:#9c9c9c;text-align:center;margin:0 0 10px;font-size:12px}.chat-editor{bottom:0;left:0;right:0}.chat-editor-input{padding:0 0 0 10px}.chat-editor-input textarea{background:0 0;width:100%;height:40px;border:none;padding:7px 0}.chat-open-record{right:0;padding:2px 4px;border:1px solid transparent}.chat-btn-opened{background:#ececec!important;border:1px solid #c7c7c7!important;border-radius:3px}.chat-editor-helper{padding:3px 10px}.chat-editor-helper a{margin-right:10px;color:#737575;text-decoration:none}.chat-send{padding:10px 15px;text-align:right}.chat-send .chat-btn{padding:3px 14px;border-radius:3px;background:#fff;border:1px solid #c7c7c7}.chat-send .chat-btn-active{color:#fff;background:#4493f7;border:1px solid #1377f5;margin-left:10px}.chat-show-more{text-align:center;margin-bottom:10px}.chat-show-more a{color:#0095CE}.chat-show-more .fa{margin-right:5px}.chat-unread-msg{bottom:137px;background:#fff;padding:3px 10px;border-radius:3px;right:20px;border:1px solid #c7c7c7}.chat-unread-msg:after,.chat-unread-msg:before{content:'';position:absolute;width:0;height:0}.chat-unread-msg:after{border:6px solid transparent;border-top-color:#fff;bottom:-12px;right:21px}.chat-unread-msg:before{border:7px solid transparent;border-top-color:#c7c7c7;bottom:-14px;right:20px}.chat-resize-left,.chat-resize-right{top:0;bottom:0;width:10px;cursor:ew-resize}.chat-resize-bottom,.chat-resize-top{left:0;right:0;height:10px;cursor:ns-resize}.chat-resize-left{left:-5px}.chat-resize-right{right:-5px}.chat-resize-top{top:-5px}.chat-resize-bottom{bottom:-5px}.chat-resize-corner{width:16px;height:16px}.chat-resize-corner-tl{top:-8px;left:-8px;cursor:nw-resize}.chat-resize-corner-tr{top:-8px;right:-8px;cursor:ne-resize}.chat-resize-corner-bl{bottom:-8px;left:-8px;cursor:ne-resize}.chat-resize-corner-br{bottom:-8px;right:-8px;cursor:nw-resize}.chat-msg{display:inline-block;padding:6px 8px;border-radius:5px;margin-bottom:10px;vertical-align:top;min-height:20px;position:relative;word-wrap:break-word;word-break:normal;text-align:left;max-width:300px}.chat-friend-item>.chat-dis-inlineblock,.chat-record-head .chat-btn,.chat-record-head span,.chat-record-painfo input,.chat-record-painfo span,.chat-user-name{vertical-align:middle}.chat-msg:before{content:'';display:block;position:absolute;width:0;height:0;border:7px solid transparent}.chat-msg img{width:100%}.chat-msg .chat-msg-has-content{color:#666}.chat-others .chat-msg{background:#ececec;margin-left:45px}.chat-others .chat-msg:before{border-bottom-color:#ececec;top:0;left:-6px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.chat-others img{left:0}.chat-mine{text-align:right}.chat-mine .chat-msg{background:#E4F7F5;margin-right:55px}.chat-mine .chat-msg:before{border-right-color:#E4F7F5;top:0;right:-6px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.chat-mine img{right:0}.chat-msg-sender{display:block;margin:0 0 5px 45px;color:#737575;font-size:12px}.chat-img-zoom{cursor:-webkit-zoom-in}.chat-img-drag{cursor:move}.chat-big-img{padding:10px;background:rgba(109,109,109,.5);border-radius:5px;text-align:center;display:inline-block;position:relative}.chat-big-img button{position:absolute;top:-12px;right:-12px;font-size:20px;z-index:9999;background:#4493f7;color:#fff;border:none;width:35px;height:35px;line-height:35px;border-radius:50%;box-shadow:0 0 5px rgba(0,0,0,.5);cursor:pointer}.chat-big-img div{padding:20px;overflow:auto;background:#fff}.chat-big-img .fa{font-size:30px}.chat-big-img a{display:inline-block}.chat-msg-file{background:#fff;padding:10px;border-radius:5px;text-align:left;word-wrap:normal}.chat-msg-filesize{font-size:12px;color:#8d8e8e}.chat-msg-file-icon{float:left}.chat-msg-file .chat-msg-file-info{margin-left:40px}.chat-msg-file .chat-msg-file-info p a,.chat-window a.chat-msg-link{color:#0095CE}.chat-screenshot-preview{display:inline-block;background:#fff;border:1px solid #eaeaec;box-shadow:0 0 10px rgba(0,0,0,.2);text-align:center}.chat-screenshot-preview img{border:1px solid #eaeaec;padding:5px}.chat-screenshot-preview button{margin:10px 20px;width:80px;border:1px solid #eaeaec;padding:3px 0;background:0 0}.chat-screenshot-preview button:first-child{background:#4493f7;color:#fff;border:1px solid #1377f5;border-radius:4px}.chat-screenshot-preview-head{padding:10px;background:#efefef;font-weight:800;color:#737575}.chat-screenshot-preview-body{padding:10px}.chat-msg-upload{background:#fff;padding:10px;width:100%;-moz-box-sizing:border-box;box-sizing:border-box}.chat-msg-progress-outter{display:inline-block;position:relative;width:100%;height:4px;background:#fbf0e0;border-radius:2px}.chat-msg-progress-inner{display:inline-block;position:absolute;top:0;left:0;height:100%;background:#4493f7;border-radius:2px}.chat-msg-history-tips{text-align:center;margin:10px auto 15px;color:#cdcece;position:relative;width:120px;z-index:1}.chat-msg-history-tips span{background:#fff;display:block}.chat-msg-history-tips:after,.chat-msg-history-tips:before{display:block;position:absolute;content:'';width:120px;height:1px;background:#cdcece;right:50%;top:50%;z-index:-1}.chat-msg-history-tips:after{right:auto;left:50%}.chat-recommend-course{background:#fff;border-radius:4px;border:1px solid #eaeaec;position:relative}.chat-course-recommend-head{font-size:12px;padding:2px 5px;border-bottom:1px solid #eaeaec}.chat-course-cover{position:absolute;top:40px;left:10px}.chat-course-cover img{width:90px;height:45px}.chat-course-info{margin-left:100px;padding:10px;min-height:unset}.chat-join-course{text-align:center;margin-bottom:10px}.chat-join-course .chat-msg-has-content{word-break:break-all;background:#ececec;display:inline-block;padding:2px 5px;border-radius:3px;font-size:12px;text-align:left}.chat-ask-tips{text-align:center;margin:15px}.chat-ask-tips>span{background:#f6efcf;font-size:12px;padding:3px 10px;border-radius:3px;color:#ddad68}.chat-msg-record{width:100%;position:absolute;top:0;bottom:0;left:0;background:#fff}.chat-msg-record .chat-btn{border:none;outline:0;background:0 0}.chat-msg-record .chat-msg-file{border:1px solid #c7c7c7}.chat-record-body,.chat-record-foot{border-top:1px solid #eaeaec;right:0;left:0}.chat-record-head{font-size:12px;padding:2px 8px;position:absolute;top:0;left:0;color:#737575;border-right:1px solid #eaeaec}.chat-record-head .chat-btn{font-size:20px;color:#737575}.chat-record-body{position:absolute;top:30px;bottom:30px;overflow:auto}.chat-record-tab{padding:2px 5px}.chat-record-tab .chat-btn{padding:2px 8px;border-radius:3px;color:#737575}.chat-record-tab .chat-current-tab{background:#4493f7;color:#fff}.chat-record-day{width:100px;text-align:center;margin:15px auto;background:#dfdfdf;color:#fff;border-radius:3px}.chat-record-name,.chat-record-time{color:#0095CE}.chat-msg-mine .chat-record-name,.chat-msg-mine .chat-record-time{color:#1377f5}.chat-msg-record .chat-record-list-pd{padding-bottom:30px}.chat-msg-record .chat-record-list-pd .record-hint{width:70%;margin:auto}.chat-record-foot{padding:2px 10px;bottom:0;background:#fff}.chat-record-foot .fa{color:#737575;font-size:18px;margin:0 3px;min-width:10px;border:1px solid transparent;padding:2px}.chat-record-search-option{bottom:30px;background:#e7f0ed;left:0;right:0;padding:2px 10px}.chat-record-search-option .chat-btn{border:1px solid #eaeaec;background:#fff;border-radius:3px;width:45px}.chat-record-pa{right:10px}.chat-msg-tips,.chat-user-name,.ellipsis{-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal}.chat-record-editpa{width:35px;text-align:center;color:#737575;border:1px solid transparent}.chat-record-editing,.chat-record-editpa:hover{border:1px solid #c7c7c7}.chat-add-friend-confirm{width:440px;height:285px;position:relative}.chat-add-friend-confirm>div{position:absolute;top:0;bottom:0;padding:40px 20px}.chat-add-friend-confirm .chat-body-add-left{width:120px;left:0}.chat-add-friend-confirm .chat-body-add-left>p{font-size:12px;max-width:90px;color:#999;height:18px;line-height:18px}.chat-add-friend-confirm .chat-body-add-left>p.name{color:#666;margin-top:15px}.chat-add-friend-confirm .chat-body-add-right{padding:40px 29px;left:120px;right:0;border-left:1px solid #ecf9f9}.chat-add-friend-confirm .chat-body-add-right .title{font-size:12px;color:#999}.chat-add-friend-confirm .chat-body-add-right textarea{margin-top:10px;border:1px solid #f2f2f2;width:240px;height:100px;padding:10px}.chat-add-friend-confirm .chat-body-add-right textarea:focus{border-color:#e2e2e2}.chat-add-friend-confirm .chat-foot{margin-top:25px;text-align:right}.chat-add-friend-confirm .chat-foot .chat-btn{padding:5px 22px;border-radius:3px;color:#fff;font-size:14px;cursor:pointer}.chat-add-friend-confirm .chat-foot .chat-btn.ok{background:#02c0b9;border:1px solid #02c0b9}.chat-add-friend-confirm .chat-foot .chat-btn.cancel{color:#666;background:#fff;border:1px solid #d9d9d9;margin-left:8px}.chat-search-detail{width:440px}.chat-search-detail .chat-search-full{padding:20px}.chat-search-detail .chat-friend-search{position:relative}.chat-search-detail .chat-friend-search .chat-search-name{border:1px solid #4493f7;outline:0;width:325px;display:block;height:30px;padding:0 10px;-moz-box-sizing:border-box;box-sizing:border-box;font-size:12px}.chat-search-detail .chat-friend-search .chat-btn{border-radius:3px;position:absolute;top:0;right:0;bottom:0;outline:0;border:none;color:#fff;background:#02c0b9;font-size:12px;width:60px}.chat-user-avatar{width:70px;height:70px;display:inline-block}.chat-friend-item{width:200px;margin:10px 0}.chat-friend-item>.chat-dis-inlineblock>span{display:block;font-size:12px;margin-top:4px}.chat-friend-item .chat-user-avatar{width:40px;height:40px;border-radius:2px}.chat-friend-item .chat-user-name{width:130px}.chat-friend-item .pending{color:orange}.chat-friend-item .confirm{color:#02c0b9}.chat-searching{border-color:#5ca1f8}.chat-searching .chat-btn{background:#5ca1f8}.chat-no-search{margin:50px 0 35px;text-align:center;color:#737575}.chat-no-search div{margin:20px auto}.chat-user-name{display:inline-block;width:100px;font-size:12px;color:#666;overflow:hidden}.chat-btn-addfriend{display:block;font-size:10px;border:none;outline:0;padding:1px 5px;background:#02c0b9;border-radius:2px;margin-top:3px;color:#fff;cursor:pointer}.chat-btn-addfriend>i{vertical-align:baseline}.chat-search-more{position:absolute;bottom:0;left:0;right:0;text-align:center;padding:3px 0;border-top:1px solid #eaeaec}.chat-search-more .chat-btn{text-decoration:none;border:1px solid #eaeaec;padding:1px 2px;line-height:16px;color:#737575}.chat-search-pa{text-align:center;margin-bottom:20px}.chat-search-pa .chat-btn{background:0 0;border:1px solid #eaeaec;margin:0 -1px 0 0;padding:2px 8px;color:#737575}.chat-search-pa .chat-active{margin:0;border-color:#4493f7}.chat-search-pa .search-pa-total{margin-left:5px;vertical-align:middle;display:inline-block}.chat-request-list .chat-body-left{height:100%;overflow:auto;display:block}.chat-request-item{padding:10px}.chat-request-item>div{position:relative;background:#fff;border:1px solid #e1e1e1;padding:5px 10px;border-radius:3px}.chat-request-item .chat-btn{border:1px solid #c7c7c7;background:#ececec;padding:2px 8px;border-radius:3px;margin:0 4px}.chat-request-item .chat-black-text{color:#737575}.chat-request-item .chat-user-avatar{vertical-align:bottom}.chat-request-btn{position:absolute;top:50%;right:12px;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}.chat-add-group .chat-add-main{width:470px;padding:15px 30px}.chat-add-group .chat-add-main .chat-add-head>p{font-size:12px}.chat-add-group .chat-add-main .chat-add-head>p:first-child{height:60px}.chat-add-group .chat-add-main .chat-add-head>p .left{display:inline-block;width:75px;color:#666;vertical-align:middle}.chat-add-group .chat-add-main .chat-add-head>p .right{display:inline-block;color:#999}.chat-add-group .chat-add-main .chat-add-head>p .right .name{font-size:12px;width:250px;border:1px solid #f2f2f2;padding:5px 7px}.chat-add-group .chat-add-main .chat-add-head>p .right span{vertical-align:middle}.chat-add-group .chat-add-main .chat-add-head>p .right .tips{display:block;position:absolute;margin-top:5px}.chat-add-group .chat-add-main .chat-add-head>p .right .tips i{margin:-4px 0 0 5px}.chat-add-group .chat-add-main .chat-add-content{position:relative}.chat-add-group .chat-add-main .chat-add-content .chat-left,.chat-add-group .chat-add-main .chat-add-content .chat-right{bottom:0;top:0;right:0;width:210px}.chat-add-group .chat-add-main .chat-add-content .chat-left{left:0;right:auto;margin-top:15px}.chat-add-group .chat-add-main .chat-add-content .chat-right>.head{font-size:12px;height:30px;line-height:40px;min-height:30px}.chat-add-group .chat-add-main .chat-add-content .chat-right>ul li:hover .chat-remove-select{display:inline-block}.chat-add-group .chat-add-main .chat-add-content .chat-group-list>li{height:30px;margin:2px 0}.chat-add-group .chat-add-main .chat-add-content .chat-group-list>li:hover{background:#d9ecec}.chat-add-group .chat-add-main .chat-add-content .chat-group-list>li .chat-avatar{margin-top:4px;width:23px;height:23px;border-radius:0}.chat-add-group .chat-add-main .chat-add-content .chat-group-list>li .chat-avatar>img{vertical-align:baseline}.chat-add-group .chat-add-main .chat-add-content .chat-group-list>li .chat-user-name{width:125px}.chat-add-group .chat-add-main .chat-add-content .chat-group-list>li .chat-remove-select{color:#8c9e9e;background:#c2d4d4;width:34px;height:34px;display:none;position:absolute;line-height:34px;right:0;top:0;border:none;font-size:12px}.chat-add-group .chat-add-main .chat-add-content .chat-user-search{padding:0;border:none;height:30px}.chat-add-group .chat-add-main .chat-add-content .chat-user-search input{width:198px;height:25px;display:block;border-radius:0;margin:0;border:1px solid #eaeaec;padding:0 5px;font-size:12px}.chat-add-group .chat-add-main .chat-add-content .chat-user-search .chat-btn{right:10px;top:4px}.chat-add-group .chat-add-main .chat-add-content .user-list{margin-top:15px;background:#effcfc;height:225px;overflow-y:auto;overflow-x:hidden}.chat-add-group .chat-foot{margin:5px 25px 15px;bottom:0;left:0;right:0;text-align:right;padding:5px}.chat-add-group .chat-foot .chat-btn{padding:5px 22px;border-radius:3px;color:#fff;font-size:14px;cursor:pointer}.chat-add-group .chat-foot .chat-btn.ok{background:#02c0b9;border:1px solid #02c0b9}.chat-add-group .chat-foot .chat-btn.cancel{color:#666;background:#fff;border:1px solid #d9d9d9;margin-left:8px}.chat-system-notice .notice-head{font-size:12px;right:0;left:0;padding-left:10px;background:#ecf9f9;position:absolute;height:40px;line-height:40px;border-bottom:1px solid #d9ecec}.chat-system-notice .notice-content,.chat-system-notice .notice-course-detail{margin:0;position:absolute;top:41px;bottom:0;right:0;left:0;background:#fff;padding:0}.chat-system-notice .notice-content .notice-tab-switch{padding:10px}.chat-system-notice .notice-content .notice-tab-switch>ul li{display:inline-block;height:25px;line-height:25px;width:70px;text-align:center;cursor:pointer;margin-right:10px}.chat-system-notice .notice-content .notice-tab-switch>ul li.active{width:68px;height:23px;line-height:23px;background:#ecf9f9;color:#84cbc8;border:1px solid #84cbc8;border-radius:2px}.chat-system-notice .notice-content .notice-tab-switch .read-point{border:4px solid #f46b0a;border-radius:4px;position:absolute}.chat-system-notice .notice-content .notice-container{position:absolute;overflow:auto;right:0;left:0;bottom:0;top:45px;padding:0 10px}.chat-system-notice .notice-content .notice-container>ul li{margin:10px 0}.chat-system-notice .notice-content .notice-container>ul li>.n-m-time{height:20px;color:#666;margin-bottom:5px;font-size:12px}.chat-system-notice .notice-content .notice-container>ul li>.n-m-content{background:#f4f8f8;border:1px solid #d4e8e8;border-radius:3px;width:100%}.chat-system-notice .notice-content .notice-container>ul li>.n-m-content.self{border-color:#d4e8e8;background:#fff}.chat-system-notice .notice-content .notice-container>ul li>.n-m-content:hover{border-color:#fcedd4;background:#fff8ed}.chat-system-notice .notice-content .notice-container>ul li:first-child{margin-top:0}.chat-system-notice .notice-content .notice-container>ul li div.chat-avatar{vertical-align:top;margin:13px 7px 13px 15px;width:44px;height:44px}.chat-system-notice .notice-content .notice-container>ul li .notice-info{margin-top:13px;display:inline-block}.chat-system-notice .notice-content .notice-container>ul li .notice-info .name>a,.chat-system-notice .notice-content .notice-container>ul li .notice-info .text>a{color:#02c0b9;vertical-align:baseline}.chat-system-notice .notice-content .notice-container>ul li .notice-info .name{max-width:330px;font-size:14px;color:#141414}.chat-system-notice .notice-content .notice-container>ul li .notice-info .text{max-width:330px;margin-top:7px;font-size:12px;color:#141414}.chat-system-notice .notice-content .notice-container>ul li .notice-info .text span:first-child{color:#a7a7a7}.chat-system-notice .notice-content .notice-container>ul li .notice-option-grp{display:inline-block;float:right}.chat-system-notice .notice-content .notice-container>ul li .notice-option-grp .notice-option{margin:22px;font-size:12px}.chat-system-notice .notice-content .notice-container>ul li .notice-option-grp .notice-option>button{border:1px solid #929291;background:#fff;color:#000;margin:0 4px;padding:3px 23px;border-radius:2px;font-size:12px}.chat-system-notice .notice-content .notice-container>ul li .notice-option-grp .notice-option>button:hover{background:#ddd}.chat-system-notice .notice-content .notice-container>ul li .notice-option-grp .notice-option>span{margin:0 4px;display:inline-block;padding:4px 18px;color:#a7a7a7}.chat-system-notice .notice-content .notice-container>ul li .test-tag{top:-5px;left:15px;text-align:center;line-height:20px;position:absolute;width:40px;height:20px;color:#fff;font-size:12px}.chat-system-notice .notice-content .notice-container>ul li .test-tag:before{content:'';width:0;height:0;position:absolute;border:2px solid;left:40px}.chat-system-notice .notice-content .notice-container>ul li .test-tag.orange{background:#f9c45f}.chat-system-notice .notice-content .notice-container>ul li .test-tag.orange:before{border-color:transparent transparent #f4a409 #f4a409}.chat-system-notice .notice-content .notice-container>ul li .test-tag.blue{background:#48c2f0}.chat-system-notice .notice-content .notice-container>ul li .test-tag.blue:before{border-color:transparent transparent #10a3db #10a3db}.chat-system-notice .notice-content .notice-container>ul li.test-mode .notice-info{margin-top:17px}.chat-system-notice .notice-content .notice-container>ul li.test-mode .notice-info .text{color:#666}.chat-system-notice .notice-content .notice-container>ul li.test-mode .notice-info .text>a{color:#06c}.chat-system-notice .notice-content .notice-container>ul li.test-mode .notice-option-grp .notice-option>a{margin:0 10px;border:none;background:0 0;color:#508ec7}.chat-system-notice .notice-content .notice-container>ul li.test-mode .notice-option-grp .notice-option>a:hover{text-decoration:#508ec7}.chat-system-notice .notice-content .notice-container .non-request{width:100%;height:100%;font-size:16px;color:#585858;text-align:center;margin:50px 0}.chat-system-notice .notice-course-detail .top-bar{padding:10px}.chat-system-notice .notice-course-detail .top-bar>.btn-grp>button{border:1px solid #929291;background:#fff;color:#000;margin-right:7px;padding:3px 23px;border-radius:2px;font-size:12px}.chat-system-notice .notice-course-detail .top-bar>.btn-grp>button.green{color:#fff;background:#44b549;border-color:#44b549}.chat-system-notice .notice-course-detail .top-bar>.btn-grp>button.red{color:#fff;background:#e60012;border-color:#e60012}.chat-system-notice .notice-course-detail .top-bar>.btn-grp>label{color:#459ae9;float:right;line-height:25px}.chat-system-notice .notice-course-detail .course-detail{overflow-y:auto;position:absolute;bottom:0;top:45px;right:0;left:0}.chat-system-notice .notice-course-detail .course-detail .course-info{margin:0 10px 10px;border:1px solid #f2f2f2}.chat-system-notice .notice-course-detail .course-detail .course-info>dt{color:#2d2d2d;line-height:40px;height:40px;padding-left:20px;background:#f4f5f9;border-bottom:1px solid #f2f2f2}.chat-system-notice .notice-course-detail .course-detail .course-info>dd>dl>dt{vertical-align:top;display:inline-block;padding:20px;width:115px}.chat-system-notice .notice-course-detail .course-detail .course-info>dd>dl>dd{color:#2d2d2d;display:inline-block;width:750px;vertical-align:top;padding:20px 0}.chat-system-notice .notice-course-detail .course-detail .course-info>dd>dl>dd>.cover{display:inline-block;width:192px;height:108px}.chat-system-notice .notice-course-detail .course-detail .course-info>dd>dl>dd>.cover-r{vertical-align:top;height:108px;margin-left:15px;display:inline-block}.chat-system-notice .notice-course-detail .course-detail .course-info>dd>dl>dd>.cover-r .title{margin-bottom:48px;font-size:16px;color:#2d2d2d;width:300px}.chat-system-notice .notice-course-detail .course-detail .course-info>dd>dl>dd>.cover-r .other{color:#8d8d8d}.chat-system-notice .notice-course-detail .course-detail .course-info>dd>dl>dd>.staging-num{color:#02c0b9}.chat-system-notice .notice-get-more{text-align:center;margin-top:10px;padding:10px}.chat-system-notice .notice-get-more>button{font-size:14px;color:#8a8a8a;border:none;background:0 0}.image-attention-cancel,.image-attention-icon,.image-attention-icon-check,.image-chat-add-group,.image-chat-bar-emoticon,.image-chat-bar-file,.image-chat-bar-picture,.image-chat-close-btn-normal,.image-chat-close-btn-select,.image-chat-group-add,.image-chat-group-mg,.image-chat-group-remove,.image-chat-n-add,.image-chat-n-add-b,.image-chat-n-add-user,.image-chat-n-check,.image-chat-n-contact,.image-chat-n-contact-active,.image-chat-n-notice,.image-chat-n-search,.image-chat-n-setting,.image-chat-n-user,.image-chat-n-user-active,.image-chat-on,.image-chat-people,.image-chat-search,.image-chat-send-end,.image-chat-star,.image-chat-star-full,.image-chat-switch-teacher,.image-close-chat-window,.image-menu-people,.image-menu-people-check,.image-menu-teacher,.image-menu-teacher-check,.image-new-information,.image-return-go{background-image:url(/chat/imgs/sprite.png)}.chat-system-notice .notice-c-t-modal{padding:20px 30px}.chat-system-notice .notice-course-cover{margin:17px 7px 13px 15px;vertical-align:top;display:inline-block}.chat-system-notice .notice-course-cover>img{width:80px;height:45px}.image-attention-cancel,.image-attention-icon,.image-attention-icon-check{width:13px;height:12px}.image-attention-cancel{background-position:-65px -86px}.image-attention-icon-check{background-position:-52px -86px}.image-attention-icon{background-position:-78px -86px}.image-chat-add-group{background-position:-85px -14px;width:14px;height:14px}.image-chat-bar-emoticon,.image-chat-bar-file,.image-chat-bar-picture,.image-chat-close-btn-normal,.image-chat-close-btn-select{width:16px;height:16px}.image-chat-bar-emoticon{background-position:-69px 0}.image-chat-bar-file{background-position:-69px -16px}.image-chat-bar-picture{background-position:0 -41px}.image-chat-close-btn-normal{background-position:-16px -41px}.image-chat-close-btn-select{background-position:-69px -32px}.image-chat-group-add{background-position:-13px -86px;width:13px;height:13px}.image-chat-group-mg{background-position:-39px -24px;width:12px;height:15px}.image-chat-group-remove{background-position:0 -73px;width:14px;height:13px}.image-chat-n-add-b{background-position:-48px -41px;width:16px;height:16px}.image-chat-n-add-user{background-position:-85px -58px;width:13px;height:14px}.image-chat-n-add{background-position:-102px -24px;width:12px;height:12px}.image-chat-n-check{background-position:-14px -73px;width:16px;height:11px}.image-chat-n-contact,.image-chat-n-contact-active{width:13px;height:13px}.image-chat-n-contact-active{background-position:-26px -86px}.image-chat-n-contact{background-position:0 -86px}.image-chat-n-group{background-image:url(/chat/imgs/sprite.png);background-position:-85px 0;width:17px;height:14px}.image-chat-n-notice{background-position:-102px -36px;width:10px;height:12px}.image-chat-n-search,.image-chat-n-setting{width:16px;height:16px}.image-chat-n-search{background-position:-32px -57px}.image-chat-n-setting{background-position:0 -57px}.image-chat-n-user,.image-chat-n-user-active{width:13px;height:12px}.image-chat-n-user-active{background-position:-102px 0}.image-chat-n-user{background-position:-102px -12px}.image-chat-on{background-position:0 0;width:28px;height:24px}.image-chat-people,.image-chat-search,.image-chat-send-end{height:16px}.image-chat-people{background-position:-19px -24px;width:20px}.image-chat-search{background-position:-16px -57px;width:16px}.image-chat-send-end{background-position:-28px 0;width:23px}.image-chat-star-full{background-position:-85px -45px;width:14px;height:13px}.image-chat-star{background-position:-39px -86px;width:13px;height:12px}.image-chat-switch-teacher{background-position:0 -24px;width:19px;height:17px}.image-close-chat-window{background-position:-32px -41px;width:16px;height:16px}.image-menu-people,.image-menu-people-check{width:18px;height:16px}.image-menu-people-check{background-position:-51px -16px}.image-menu-people{background-position:-51px 0}.image-menu-teacher,.image-menu-teacher-check{width:17px;height:15px}.image-menu-teacher-check{background-position:-65px -57px}.image-menu-teacher{background-position:-48px -57px}.image-new-information,.image-return-go{width:11px}.image-new-information{background-position:-102px -48px;height:8px}.image-return-go{background-position:-85px -28px;height:17px}.image-a_aini,.image-a_baibai,.image-a_baiyan,.image-a_beishang,.image-a_bishi,.image-a_bizui,.image-a_chanzui,.image-a_chijing,.image-a_dahaqi,.image-a_dalian,.image-a_ding,.image-a_ganmao,.image-a_guzhang,.image-a_haha,.image-a_haixiu,.image-a_hehe,.image-a_heng,.image-a_hexian,.image-a_hua,.image-a_huaiyi,.image-a_huaxiao,.image-a_huaxin,.image-a_jiyan,.image-a_keai,.image-a_kelian,.image-a_ku,.image-a_kun,.image-a_lei,.image-a_liuhan,.image-a_liwu,.image-a_nu,.image-a_numa,.image-a_paishou,.image-a_qian,.image-a_qinqin,.image-a_shayan,.image-a_shengbing,.image-a_shikao,.image-a_shiwang,.image-a_shuijiao,.image-a_taikaixin,.image-a_tian,.image-a_touxiao,.image-a_tu,.image-a_wabishi,.image-a_weiqu,.image-a_wu,.image-a_xiaoku,.image-a_xixi,.image-a_xu,.image-a_yinxiao,.image-a_yiwen,.image-a_yun,.image-a_zan,.image-a_zhuakuang,.image-a_zhutou,.image-a_zuiyou{background-image:url(/chat/imgs/sprite-emoji.png);width:32px;height:32px}.image-a_aini{background-position:-32px 0}.image-a_baibai{background-position:-160px -96px}.image-a_baiyan{background-position:0 -32px}.image-a_beishang{background-position:-32px -32px}.image-a_bishi{background-position:-64px 0}.image-a_bizui{background-position:-64px -32px}.image-a_chanzui{background-position:0 -64px}.image-a_chijing{background-position:-32px -64px}.image-a_dahaqi{background-position:-64px -64px}.image-a_dalian{background-position:-96px 0}.image-a_ding{background-position:-96px -32px}.image-a_ganmao{background-position:-96px -64px}.image-a_guzhang{background-position:0 -96px}.image-a_haha{background-position:-32px -96px}.image-a_haixiu{background-position:-64px -96px}.image-a_hehe{background-position:-96px -96px}.image-a_heng{background-position:-128px 0}.image-a_hexian{background-position:-128px -32px}.image-a_hua{background-position:-128px -64px}.image-a_huaiyi{background-position:-128px -96px}.image-a_huaxiao{background-position:0 -128px}.image-a_huaxin{background-position:-32px -128px}.image-a_jiyan{background-position:-64px -128px}.image-a_keai{background-position:-96px -128px}.image-a_kelian{background-position:-128px -128px}.image-a_ku{background-position:-160px 0}.image-a_kun{background-position:-160px -32px}.image-a_lei{background-position:-160px -64px}.image-a_liuhan{background-position:0 0}.image-a_liwu{background-position:-160px -128px}.image-a_nu{background-position:0 -160px}.image-a_numa{background-position:-32px -160px}.image-a_paishou{background-position:-64px -160px}.image-a_qian{background-position:-96px -160px}.image-a_qinqin{background-position:-128px -160px}.image-a_shayan{background-position:-160px -160px}.image-a_shengbing{background-position:-192px 0}.image-a_shikao{background-position:-192px -32px}.image-a_shiwang{background-position:-192px -64px}.image-a_shuijiao{background-position:-192px -96px}.image-a_taikaixin{background-position:-192px -128px}.image-a_tian{background-position:-192px -160px}.image-a_touxiao{background-position:0 -192px}.image-a_tu{background-position:-32px -192px}.image-a_wabishi{background-position:-64px -192px}.image-a_weiqu{background-position:-96px -192px}.image-a_wu{background-position:-128px -192px}.image-a_xiaoku{background-position:-160px -192px}.image-a_xixi{background-position:-192px -192px}.image-a_xu{background-position:-224px 0}.image-a_yinxiao{background-position:-224px -32px}.image-a_yiwen{background-position:-224px -64px}.image-a_yun{background-position:-224px -96px}.image-a_zan{background-position:-224px -128px}.image-a_zhuakuang{background-position:-224px -160px}.image-a_zhutou{background-position:-224px -192px}.image-a_zuiyou{background-position:0 -224px}.online-chat{display:none;position:fixed;top:0;left:0;font-family:'Microsoft Yahei';font-size:14px;z-index:9999}.online-chat button{cursor:pointer;outline:0}.online-chat ul{margin:0;padding:0;list-style:none}.online-chat .a-arrow{border:5px solid}.online-chat .a-arrow.top{border-color:#000 transparent transparent}.online-chat .a-arrow.right{border-color:transparent #000 transparent transparent}.online-chat .a-arrow.bottom{border-color:transparent transparent #000}.online-chat .a-arrow.left{border-color:transparent transparent transparent #000}.online-chat .chat-init-loading{position:fixed;width:340px;height:110px;top:0;bottom:0;right:0;left:0;margin:auto;background:#fff;box-shadow:0 0 20px rgba(0,0,0,.5);z-index:99;border-radius:4px}.online-chat .chat-init-loading>img{width:58px;margin:20px 30px}.online-chat .chat-init-loading>span{font-size:16px;word-spacing:8px;letter-spacing:2px}.group-list li{cursor:pointer;padding:10px 0 10px 20px;margin:0;border-bottom:1px solid #d9ecec}.group-list li img{width:36px;height:36px;margin-right:10px;background:url(../imgs/group-head.png) no-repeat;background-size:36px}.group-list li span{display:inline-block;width:150px;vertical-align:middle}.ellipsis{overflow:hidden}.chat-pos-fixed{position:fixed;z-index:999;display:none}.chat-pos-center{top:0;left:0;width:100%;height:100%}.chat-abs,.chat-re{position:absolute}.chat-rlt{position:relative}.chat-bg-transparent{background:rgba(0,0,0,.4)}.chat-dis-table{display:table;width:100%;height:100%}.chat-dis-tablecell{display:table-cell;text-align:center;vertical-align:middle}.chat-dis-inlineblock{display:inline-block}.chat-login .chat-btn{max-width:230px;padding:7px 10px;color:#737575;background:#fff;border:1px solid #eaeaec}.chat-login .chat-btn:hover{color:#4493f7}.chat-login .chat-unread{z-index:1;left:32px;right:auto;top:0}.chat-login-tips{margin:auto;width:130px;height:100px;text-align:center;color:#cfcfcf}.chat-login-tips a{color:#0095CE}.chat-login-icon{vertical-align:middle;margin-right:10px}.chat-right-content{position:absolute;top:0;left:186px;right:0;bottom:0}.chat-right-content.chat-main-window{background:#fff}.chat-right-content.chat-head-false .false-head{right:0;left:0;background:#ecf9f9;position:absolute;height:40px;line-height:40px;border-bottom:1px solid #d9ecec}.chat-right-content.chat-head-false .false-content{margin:0;position:absolute;top:41px;bottom:0;right:0;left:0;background:url(/chat/imgs/chat-non-chat.png) center no-repeat #fff;padding:0}.chat-menu{width:100%;height:40px;line-height:35px;text-align:center;border-bottom:1px solid #d9ecec;background:#ecf9f9}.chat-menu>li{float:left;width:92px;line-height:40px}.chat-menu>li>a{display:block;font-size:12px;text-decoration:none;text-align:center}.chat-menu>li>a>span{vertical-align:middle;display:inline-block;height:18px;line-height:18px;width:100%;border-right:1px solid #e6e6e6}.chat-menu>li:last-child span{border-right:0}.chat-menu .chat-unread{top:0;right:0;left:inherit}.chat-menu .chat-avatar{width:35px;height:35px}.chat-menu .chat-active{color:#4493f7}.chat-menu .chat-menu-icon{vertical-align:top;margin-top:3px}.chat-menu .ellipsis{display:inline-block;max-width:60px}.chat-menu .chat-rel:hover{z-index:1}.chat-menu .chat-rel .contact-course>span>.a-arrow{border-color:#55bab6 transparent transparent}.chat-menu .chat-rel .contact-course>span>.a-arrow.top{margin:-9px 0 0 3px}.chat-menu .chat-rel .contact-course>div{display:none}.chat-menu .chat-rel .contact-course>div:after,.chat-menu .chat-rel .contact-course>div:before{z-index:1;display:block;content:'';position:absolute;width:0;height:0}.chat-menu .chat-rel .contact-course>div:after{border:6px solid transparent;border-bottom-color:#fff;left:56px;top:29px}.chat-menu .chat-rel .contact-course>div:before{border:7px solid transparent;border-bottom-color:#d9ecec;left:55px;top:26px}.chat-menu .chat-rel .contact-course>div>ul{padding:5px 0;position:absolute;display:block;max-height:200px;z-index:1;width:249px;background:#fff;border:1px solid #d9ecec;overflow-y:auto;box-shadow:0 0 10px #d8dfdf}.chat-menu .chat-rel .contact-course>div>ul>li{text-align:left;height:35px;line-height:35px;color:#242424;background:#fff;font-size:12px;padding-left:30px}.chat-menu .chat-rel .contact-course>div>ul>li:hover{background:#ecf9f9}.chat-menu .chat-rel .contact-course>div>ul>li>span{display:inline-block;padding-left:10px;max-width:170px}.chat-menu .chat-rel.course-down:hover .contact-course>div,.chat-online{display:block}.chat-menu .chat-rel .contact-course>div>ul>li>.all{color:#1ab5af}.chat-menu .chat-rel .contact-course>div>ul>li.load-more{text-align:center;color:#585858}.chat-menu .chat-rel .contact-course>div>ul>li.load-more:hover{background:#fff;text-decoration:overline;color:#585858}.chat-menu .chat-rel.course-down:hover .contact-course .span .arrow{-webkit-transform:rotateZ(180deg);-moz-transform:rotateZ(180deg);-o-transform:rotateZ(180deg);-ms-transform:rotateZ(180deg);transform:rotateZ(180deg)}.chat-add-menu{background:#fff;border:1px solid #c7c7c7;bottom:45px;left:10px;z-index:1;border-radius:3px;box-shadow:0 2px 8px rgba(0,0,0,.1);outline:0}.chat-add-menu a{width:80px;text-align:left;padding:10px}.chat-add-menu:after,.chat-add-menu:before{display:block;content:'';position:absolute;width:0;height:0}.chat-add-menu:after{border:10px solid transparent;border-top-color:#fff;left:10px;bottom:-18px}.chat-add-menu:before{border:11px solid transparent;border-top-color:#c7c7c7;left:9px;bottom:-21px}.chat-online{width:6px;height:6px;background:#4493f7;border:1px solid #eaeaec;margin:5px auto 0;border-radius:50%}.chat-avatar{display:inline-block;width:30px;height:30px;overflow:hidden;vertical-align:middle;margin-right:10px;border-radius:3px}.chat-avatar img{display:inline-block;width:100%;height:100%}.menber-link .u-panel{z-index:2}.chat-window{position:fixed;top:0;bottom:0;right:0;left:0;margin:auto;background:#fff;width:830px;height:460px;box-shadow:0 0 20px rgba(0,0,0,.5);z-index:99}.chat-left-content{display:inline-block;width:185px;height:100%;border-right:1px solid #d9ecec;background:#fff}.chat-left-content .chat-bottom{border-top:1px solid #d9ecec;left:0;right:0;bottom:0;height:30px;line-height:30px;width:inherit;font-size:12px}.chat-left-content .chat-bottom>div>a{vertical-align:top;text-align:center;display:inline-block;width:90px;font-size:12px}.chat-left-content .chat-bottom>div>a:hover{text-decoration:none;color:#02c0b9}.chat-left-content .chat-bottom>div>a>i{margin-top:-4px}.chat-right-nav{top:41px;background:#f5f9f9;position:absolute;right:0;bottom:0;border-left:1px solid #d9ecec}.chat-right-nav .right-nav-content{width:190px}.chat-right-nav .right-nav-content>.title{background:#e6f3f3;text-indent:15px;height:30px;line-height:30px;color:#666;font-size:12px}.chat-right-nav .right-nav-content>.title.guide-dir{height:29px;text-align:center;line-height:normal;background:#fff;border-bottom:1px solid #d9ecec}.chat-right-nav .right-nav-content>.title i{position:absolute;right:16px;top:8px;cursor:pointer}.chat-right-nav .no-data{text-align:center}.chat-right-nav .no-data img{margin-top:30%}.chat-right-nav .no-data p{font-size:12px;color:#ccc}.chat-right-nav .more-course-btn{border-radius:2px;cursor:pointer;display:inline-block;padding:3px 35px 3px 10px;margin:3px 0 0 -25px;position:relative;overflow:visible}.chat-right-nav .more-course-btn>span{display:inline-block;max-width:170px}.chat-right-nav .more-course-btn:hover{background:#e3efef}.chat-right-nav .more-course-btn:hover ul{display:block}.chat-right-nav .more-course-btn:before{display:block;content:'';position:absolute;width:0;height:0;border:4px solid transparent;border-top-color:#666;right:15px;top:10px}.chat-right-nav .more-course-btn ul{z-index:1;background:#fff;top:25px;left:50%;margin-left:-111px;display:none;position:absolute;border:1px solid #e3efef;width:220px;max-height:300px;overflow-y:auto}.chat-right-nav .more-course-btn ul li{margin:1px;height:30px;line-height:30px;background:#fff;font-size:12px}.chat-right-nav .more-course-btn ul li:hover{background:#e3efef}.chat-right-nav .more-course-btn ul li>span{display:inline-block;max-width:170px;margin-left:-24px}.chat-right-nav .tab-title ul{width:100%;height:40px;line-height:40px;background:#ecf9f9}.chat-right-nav .tab-title ul li{display:inline-block;width:80px;text-align:center;font-size:12px;color:#8f9595;height:32px;line-height:25px;margin:8px 24px 0;cursor:pointer}.chat-right-nav .tab-title ul li.active{background:#fff;border-radius:5px 5px 0 0;color:#81d4d0}.chat-right-nav .active-course{padding:0 20px}.chat-right-nav .active-course .course-introduce{display:none;border-bottom:1px solid #ebebeb;padding-top:20px;padding-bottom:10px}.chat-right-nav .active-course .course-introduce .introduce{overflow:hidden}.chat-right-nav .active-course .course-introduce .introduce img{float:left;width:135px;height:75px}.chat-right-nav .active-course .course-introduce .introduce p{font-size:12px;color:#828282;padding-left:144px}.chat-right-nav .active-course .course-introduce .introduce p.title{font-size:14px;color:#41affc;line-height:22px;padding-left:144px;width:200px}.chat-right-nav .active-course .course-introduce .introduce p.creator{margin-top:15px}.chat-right-nav .active-course .course-introduce .introduce p.creator span{color:#41affc}.chat-right-nav .active-course .course-introduce .introduce p.price{margin-top:5px}.chat-right-nav .active-course .course-introduce .introduce p.price span{color:#ff9f16;margin-left:12px}.chat-right-nav .active-course .course-introduce .plan{font-size:14px}.chat-fog,.chat-notice>.notice,.chat-search>input{font-size:12px}.chat-right-nav .active-course .course-introduce .plan label{color:#2d2d2d;width:85px;display:inline-block}.chat-right-nav .active-course .course-introduce .plan .progress-bar{display:inline-block;height:20px;background:#f2f2f2;position:relative;width:178px;line-height:20px;vertical-align:middle}.chat-right-nav .active-course .course-introduce .plan .progress-bar div{width:60%;background:#bedc6e;height:20px;position:absolute}.chat-right-nav .active-course .course-introduce .plan .progress-bar span{position:absolute;left:80px;color:#999}.chat-serve .chat-serve-list{top:0;left:0;right:0;bottom:0;padding:10px;overflow:auto}.chat-serve-course{position:relative;margin-bottom:10px;border-bottom:1px solid #eaeaec}.chat-serve-course .chat-btn{position:absolute;border:none;background:#4493f7;color:#fff;padding:3px 10px;border-radius:4px;right:5px;top:18px}.chat-serve-course .chat-btn span{margin-right:3px;vertical-align:middle}.chat-head img,.chat-serve-course .chat-avatar{margin-right:5px}.chat-scrollbar{scrollbar-width:8px;scrollbar-arrow:none;scrollbar-arrow-visible:none;scrollbar-3dlight-color:#00f;scrollbar-base-color:#f9f9f9;scrollbar-darkshadow-color:#ececec;scrollbar-face-color:#ececec;scrollbar-highlight-color:#dfdfdf;scrollbar-shadow-color:#000}.chat-scrollbar::-webkit-scrollbar{width:8px;background-color:transparent}.chat-scrollbar::-webkit-scrollbar-thumb{background-color:#ececec;border-radius:5px}.chat-scrollbar::-webkit-scrollbar-thumb:hover{background-color:#ececec}.chat-scrollbar::-webkit-scrollbar-thumb:active{background-color:#dfdfdf}.chat-head{left:0;right:0;background:#ecf9f9;height:24px;padding:8px;color:#737575;border-bottom:1px solid #d9ecec}.chat-head i{cursor:pointer}.chat-head img{width:25px;height:25px}.chat-head span{margin:auto;display:inline-block;vertical-align:middle}.chat-head .chat-btn{top:7px;right:10px;border:none;background:0 0;color:#737575}.chat-head .chat-head-title{font-size:12px;color:#666}.chat-head .find-teacher-head{color:#737575;padding-left:20px;text-align:left}.chat-main-body{top:0;left:0;right:0;bottom:0}.chat-user-search{position:relative;border-bottom:1px solid #d9ecec}.chat-user-search input{width:150px;height:25px;display:block;border-radius:150px;margin:8px auto;border:1px solid #eaeaec;padding-left:30px}.chat-user-search .chat-btn{position:absolute;top:6px;left:40px;border:none;cursor:pointer}.chat-notice{background:#ecf9f9;height:30px;line-height:30px;cursor:pointer;border-bottom:1px solid #d9ecec}.chat-notice:after,.chat-notice:before{display:block;content:'';position:absolute;width:0;height:0}.chat-fog,.chat-search,.chat-search>input{height:30px;line-height:30px}.chat-notice:after{border:6px solid transparent;border-bottom-color:#ecf9f9;left:46px;top:29px}.chat-notice:before{border:7px solid transparent;border-bottom-color:#d9ecec;left:45px;top:26px}.chat-notice>i{margin-left:15px}.chat-notice>.o-point{border:4px solid #f46b0a;border-radius:4px;float:right;margin:12px 15px}.chat-search{position:relative;border-bottom:1px solid #d9ecec}.chat-search>i{position:absolute;right:8px;top:8px}.chat-search>input{vertical-align:top;border:none;background:0 0;width:130px;margin-left:15px}.chat-fog{cursor:pointer;border-bottom:1px solid #d9ecec;background:#f8fefe;padding-left:15px;color:#666}.chat-fog>i{color:#02c0b9;float:right;font-size:16px;margin:7px 10px 0 0}.chat-fog>i.empty{color:#cfcfcf}.chat-delete-window{border:none;background:0 0;outline:0;padding:0;font-size:8px;color:#737575;position:absolute;top:12px;left:6px;cursor:pointer}.group-list{bottom:0;top:81px;position:absolute;width:250px;overflow:auto;overflow-x:hidden}.chat-msg-list{position:absolute;top:103px;left:0;right:0;bottom:31px;overflow:auto;width:185px;overflow-x:hidden}.chat-msg-list .non-recent-user{margin:0;position:absolute;top:0;bottom:0;right:0;left:0;background:url(/chat/imgs/chat-non-chat-left.png) center no-repeat #fff;padding:0}.chat-progress-bar{width:100%;height:10%;overflow:hidden}.chat-add-friend-btn,.chat-unread{height:18px;color:#fff;position:absolute}.chat-add-friend-btn{border:none;background:#4493f7;width:18px;border-radius:50%;top:8px;right:8px;outline:0;cursor:pointer}.chat-add-friend-btn:after{content:'+';display:block;position:absolute;top:-5px;left:1px;font-size:20px;font-weight:100}.chat-msg-tips,.chat-unread,.right-nav-list ul li:hover .extra-operate{display:inline-block}.chat-unread{top:2px;left:45px;background:red;min-width:18px;line-height:18px;text-align:center;border-radius:9px;font-size:10px;-moz-box-sizing:border-box;box-sizing:border-box;padding:0 2px}.chat-unread.s-t{min-width:16px;height:16px;line-height:16px}.chat-msg-tips{overflow:hidden;max-width:150px;vertical-align:middle}.chat-current{background:#e3efef}.chat-disable{color:#dadada!important;cursor:not-allowed!important}.no-select{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.right-nav-list ul{top:30px;right:0;bottom:0;left:0;overflow:auto;position:absolute}.right-nav-list ul li{cursor:pointer;height:20px;padding-left:15px;margin:3px}.right-nav-list ul li:hover{background:#f6f4e4}.right-nav-list ul li .member-identity{position:absolute;left:2px;margin-top:3px}.right-nav-list ul li .extra-operate{display:none;float:right;margin-right:5px;margin-top:4px}.right-nav-list ul li .extra-operate.image-chat-group-remove{right:22px}.right-nav-list ul li>img{width:16px;height:16px;display:inline-block;vertical-align:top;margin-top:2px}.right-nav-list ul li>span{font-size:12px;color:#666;max-width:100px;display:inline-block;margin-top:2px}.right-nav-list .related-course{position:absolute;overflow:auto;top:190px;left:0;right:0;bottom:0}.right-nav-list .related-course .related-item{text-align:center;margin-top:10px}.right-nav-list .related-course .related-item>img{display:inline-block;width:160px;height:90px}.right-nav-list .related-course .related-item>a{display:block;margin:5px auto;color:#74b8e8;width:160px}.right-nav-list .load-grp-more{display:block;text-align:center}.right-nav-list .load-grp-more a{padding:5px;color:#737575;font-size:12px;display:inline-block;width:100px;border-top:1px solid #ededed}.right-nav-list .personal-info{padding:15px}.right-nav-list .personal-info>img{width:40px;height:40px}.right-nav-list .personal-info>div{margin-top:10px}.right-nav-list .personal-info>div span{display:block;font-size:12px;height:25px;line-height:25px}.chat-head-btn{position:absolute;cursor:pointer}.chat-head-btn.first{right:15px;top:12px;z-index:1}.chat-head-btn.second{right:45px;top:12px}.chat-head-btn.image-chat-n-setting:hover ul{display:block}.chat-head-btn.image-chat-n-setting ul{display:none;right:-10px;top:16px;border:1px solid #adadad;width:160px;position:absolute;z-index:1}.chat-head-btn.image-chat-n-setting ul li{background:#fff;height:30px;line-height:30px}.chat-head-btn.image-chat-n-setting ul li>.check-icon{width:25px;text-align:center;height:30px;vertical-align:top;font-size:20px;color:#788289;display:inline-block;background:#ebeded}.chat-head-btn.image-chat-n-setting ul li>.check-icon>i{margin-top:-4px}.chat-head-btn.image-chat-n-setting ul li>span{font-style:normal;margin-left:7px;color:#303030;font-size:12px}.load-btn{height:40px;line-height:40px;text-align:center;bottom:0;left:0;cursor:pointer}.attention-box p,.attention-box ul li,.friend-list p,.friend-list ul li{line-height:50px;padding-left:20px;border-bottom:1px solid #d9ecec;cursor:pointer}.chat-friend-list{top:103px;position:absolute;width:185px;bottom:31px;overflow:auto;overflow-x:hidden}.chat-friend-list .friend-list-loading{top:0;bottom:0;position:absolute;left:0;right:0;background:url(/chat/imgs/chat-friend-list-loading.gif) center no-repeat #fff}.friend-list ul li{height:50px}.friend-list ul li img{display:inline-block;width:36px;height:36px;margin-right:10px;vertical-align:middle}.attention-box p,.attention-box ul li,.friend-list p{height:50px}.friend-list ul li span{display:inline-block;width:150px;vertical-align:middle}.attention-box p span,.friend-list p span{width:170px;display:inline-block;vertical-align:middle}.friend-list p i{margin-right:5px;vertical-align:middle}.attention-box ul li img{display:inline-block;width:36px;height:36px;margin-right:10px;vertical-align:middle}.attention-box ul li span{display:inline-block;width:150px;vertical-align:middle}.attention-btn{float:right;margin-right:20px;cursor:pointer}.attention-btn i,.cancel-attention-btn i{margin-right:5px}.attention-btn i{vertical-align:middle}.attention-btn span{vertical-align:middle;width:48px;font-size:12px;color:#fdc730}.attention-btn span.no-attention{color:#646464}.cancel-attention-btn{position:absolute;right:10px;top:18px;width:75px;height:22px;line-height:22px;text-align:center;border:1px solid #ff9f16;color:#ff9f16;border-radius:5px;cursor:pointer}.cancel-attention-btn em{font-size:12px;font-style:normal}.chat-record-content{padding:2px 8px}.chat-record-content>a img{max-width:300px}.chat-view-pic{position:fixed;width:100%;height:100%;top:0;left:0;z-index:10000;overflow:auto;background-color:rgba(0,0,0,.6)}.chat-view-pic .close{position:fixed;top:6px;right:10px;font-size:50px;z-index:2}.chat-view-pic .close:hover{color:#c3c3c3}.chat-view-pic>img{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:1;max-width:100%;max-height:100%}.chat-notice-modal{position:fixed;right:0;bottom:0}.find-teacher-box{width:120px;position:absolute;top:-2px;right:0}.find-teacher-box>span{font-size:12px;color:#8d8d8d}.find-teacher-box:hover>ul{display:block}.find-teacher-box>ul{position:absolute;display:none;overflow-y:auto;box-shadow:0 0 5px #e6e6e6;border:1px solid #e6e6e6;background:#fff;width:180px;top:42px;right:5px;max-height:310px}.find-teacher-box>ul li{cursor:pointer;text-align:left;margin-left:10px}.find-teacher-box>ul li>img{width:30px;height:30px}.find-teacher-box>ul li>.ellipsis{max-width:110px}.find-teacher-box>ul:after,.find-teacher-box>ul:before{display:block;content:'';position:absolute;width:0;height:0}.find-teacher-box>ul:before{border:6px solid transparent;border-bottom-color:#e6e6e6;right:13px;top:-12px}.find-teacher-box>ul:after{border:5px solid transparent;border-bottom-color:#fff;right:14px;top:-10px}.chat-warning-top{position:relative;height:80px;background:#fff5da;border-bottom:1px solid #f5c671;color:#ee9c1c}.chat-warning-top>i{font-size:18px;position:absolute;top:23px;left:30px}.chat-warning-top .content{position:absolute;width:470px;line-height:20px;margin:20px 55px}.simple.chat-window,.warning.chat-window{width:570px;height:550px}.simple.chat-right-content,.warning.chat-right-content{top:0;left:0;right:0;bottom:0}.simple.chat-right-content .chat-head .chat-head-title,.warning.chat-right-content .chat-head .chat-head-title{margin-left:10px}.simple.chat-right-content .chat-content,.warning.chat-right-content .chat-content{right:0;border:none}.simple.close-simple,.warning.close-simple{position:absolute;border:none;background:0 0;color:#666;font-size:34px;right:10px;top:-4px}.warning.chat-right-content .chat-head{background:#02c0b9;height:24px;padding:3px;border:none}.warning.chat-right-content .chat-head .chat-head-title{color:#fff;margin-left:10px}.warning.chat-right-content .chat-body-left{background:#fefbf7}.warning.chat-right-content .chat-content{top:111px}.warning.close-simple{color:#fff;font-size:26px;right:7px;top:-5px}.friend-box .add-group-user-more{text-align:center}.friend-box .add-group-user-more>a{font-size:12px}.friend-box p{height:30px;line-height:30px;padding-left:23px;cursor:pointer;position:relative}.friend-box p .a-arrow{position:absolute;color:#b2afac}.friend-box p .a-arrow.left{border-color:transparent transparent transparent #b2afac;top:11px;left:11px}.friend-box p .a-arrow.top{border-color:#b2afac transparent transparent;top:14px;left:9px}.friend-box p span{color:#666;font-size:12px;display:inline-block;width:170px;vertical-align:middle}.chat-user-recent-msg,.chat-user-recent-msg:hover,.chat-user-recent-time:hover{color:#a1a19f}.chat-user-list li{cursor:pointer;border-radius:3px;padding:2px 0 2px 5px;margin:3px;position:relative}.chat-user-list li a{display:block;width:100%;height:100%}.chat-user-list li .chat-recent-close,.chat-user-list li .chat-unread{right:3px;top:21px}.chat-user-list li .chat-unread{background:#f46b0a;left:inherit}.chat-user-list li .chat-recent-close{position:absolute;display:none}.chat-user-list li:hover .chat-recent-close{display:inline}.chat-recent-right{display:inline-block;font-size:12px;vertical-align:middle}.chat-recent-right .chat-user-name{width:70px}.chat-user-recent-msg{width:100px;display:block;overflow:hidden;height:16px}.chat-user-recent-time{position:absolute;right:0;top:4px;-webkit-transform:scale(.8);-moz-transform:scale(.8);-ms-transform:scale(.8);-o-transform:scale(.8);transform:scale(.8);color:#a1a19f}.chat-msg img.kx-emoticon,.chat-record-content img.kx-emoticon{width:32px;height:32px;vertical-align:text-bottom}.notice-modal{width:340px;margin:10px;background:#fff;border-radius:4px;box-shadow:0 0 12px #999}.notice-modal button{background:0 0;border:none;cursor:pointer}.notice-modal a:hover{text-decoration:none}.notice-modal .notice-header{height:35px;background:#02c0b9;border-radius:4px 4px 0 0}.notice-modal .notice-header>button{float:right;color:#fff;font-size:26px;line-height:32px;margin-right:9px}.notice-modal .notice-header>span{margin-left:10px;color:#fff;font-size:14px;display:inline-block;line-height:35px;height:35px}.notice-modal .notice-header>span>i{vertical-align:baseline;margin-right:5px}.notice-modal .notice-header>span .count-down{color:#8bece9;font-size:12px;vertical-align:top}.notice-modal .notice-body{min-height:50px;padding:10px 20px}.notice-modal .notice-body .container{color:#666;font-size:12px}.notice-modal .notice-body .body-list>ul>li{height:25px;font-size:12px;line-height:25px}.notice-modal .notice-body .body-list>ul>li>i{color:#02c0b9;font-size:14px;vertical-align:top;line-height:25px}.notice-modal .notice-body .body-list>ul>li>span{color:#666;display:inline-block;max-width:200px;margin-left:5px}.notice-modal .notice-body .body-list>ul>li>a{float:right;color:#02c0b9}.notice-modal .notice-body .body-list .more{margin-left:25px}.notice-modal .notice-body .body-single>ul>li{height:25px;font-size:12px;line-height:25px}.notice-modal .notice-body .body-single>ul>li>i{width:15px;text-align:center;color:#02c0b9;font-size:14px;vertical-align:top;line-height:25px}.notice-modal .notice-body .body-single>ul>li>span{color:#666;display:inline-block;max-width:270px;margin-left:5px}.notice-modal .notice-body .body-ready .notice{height:25px;font-size:12px;line-height:25px;color:#666}.notice-modal .notice-body .body-ready .notice>span{color:#02c0b9}.notice-modal .notice-body .body-ready>ul>li{height:25px;font-size:12px;line-height:25px}.notice-modal .notice-body .body-ready>ul>li>i{width:15px;text-align:center;color:#02c0b9;font-size:14px;vertical-align:top;line-height:25px}.notice-modal .notice-body .body-ready>ul>li>span{color:#666;display:inline-block;max-width:260px;margin-left:15px}.notice-modal .notice-body .body-ready .more{margin-left:35px}.notice-modal .notice-footer{border-top:1px solid #f2f2f2;height:40px;border-radius:0 0 4px 4px}.notice-modal .notice-footer>span{color:#02c0b9;display:inline-block;height:40px;line-height:44px;font-size:12px;margin-left:20px}.notice-modal .notice-footer>a{margin:9px;padding:3px 10px;float:right;border-radius:3px;background:#02c0b9;color:#fff;font-size:12px}.chat-modal .bg-mask,.chat-modal .modal-main{position:fixed;z-index:100}.chat-modal .bg-mask{top:0;left:0;width:100%;height:100%;background:#000;opacity:.3}.chat-modal .modal-main{box-shadow:0 2px 15px rgba(35,35,35,.5);top:50%;left:50%;background-color:#fff;min-width:360px;border-radius:3px}.chat-modal .modal-main .ml-header{border-radius:3px 3px 0 0;background:#ecf9f9;height:35px;line-height:35px;text-align:left;padding-left:10px}.chat-modal .modal-main .ml-header .close,.chat-modal .modal-main .ml-header .title{color:#999}.chat-modal .modal-main .ml-header .title{font-size:12px}.chat-modal .modal-main .ml-header .close{color:#999;float:right;font-size:30px;margin:-2px 7px 0 0;text-decoration:none;cursor:pointer}.chat-modal .modal-main .ml-body{font-size:14px;min-height:50px;color:#676767}.chat-modal .modal-main .ml-footer{height:50px;float:right;margin-right:20px}.chat-modal .modal-main .ml-footer .cancel,.chat-modal .modal-main .ml-footer .ok{padding:5px 14px;border-radius:3px;color:#fff;font-size:14px;cursor:pointer}.chat-modal .modal-main .ml-footer .ok{background:#02c0b9;border:1px solid #02c0b9}.chat-modal .modal-main .ml-footer .cancel{color:#3a3a3a;background:#f3f3f3;border:1px solid #d9d9d9;margin-left:8px}.chat-modal .text-blue{color:#40bee1}.chat-audio{cursor:pointer}.chat-audio audio.audio-player{display:none}.chat-audio>img{height:22px;width:16px}.chat-audio>span{font-size:12px;vertical-align:middle;margin:0 10px 0 5px;color:#666}.chat-record-content .chat-audio{border:1px solid #BBB;border-radius:3px;padding:2px 8px;display:inline-block}.chat-emoticon-list{z-index:1;background:#fff;border:1px solid #d9ecec;box-shadow:0 0 5px #d9ecec;position:absolute;bottom:130px;width:490px;left:0}.chat-emoticon-list>.img-list{padding:15px}.chat-emoticon-list>.img-list>span{display:inline-block;padding:3px}.chat-emoticon-list>.img-list>span:hover{background:#f3f3f3}