.clearfix:after,.clearfix:before{display:table;content:' '}.clearfix:after{clear:both}.mode-wide .m-cont-ni .m-viewPlayer_in{height:auto}.broadcast_tutorial .m-cont-ni .m-viewPlayer_in,.watch_tutorial .m-cont-ni .m-viewPlayer_in{background:#fff}.m-playerMock_top{display:table;width:100%}.m-playerMock_view{position:relative;display:table-cell;width:60%;vertical-align:middle;background:#333}.m-playerMock_view .videoTool{position:absolute;bottom:0;width:100%;height:38px;padding-top:6px;letter-spacing:-.4em;background:rgba(0,0,0,.45)}.m-playerMock_view .videoTool>div:first-child{float:left}.m-playerMock_view .videoTool>div:first-child span{border-right:1px solid rgba(255,255,255,.3)}.m-playerMock_view .videoTool>div:last-child{float:right}.m-playerMock_view .videoTool>div:last-child span{border-left:1px solid rgba(255,255,255,.3)}.m-playerMock_view .videoTool>div span{display:inline-block;width:41px;padding:3px 0;text-align:center;background:#0c3d78}.m-playerMock_view .videoButton{position:absolute;top:0;right:0;bottom:0;left:0;display:none;width:300px;height:112px;margin:auto;text-align:center}.m-playerMock_view .videoButton a{font-size:16px;font-weight:700;line-height:48px;display:block;width:300px;height:48px;color:#333;border:1px solid #ddd;border-radius:4px;background-color:#f7f7f7;background-image:-webkit-gradient(linear,left top,left bottom,from(#f7f7f7),to(#efefef));background-image:linear-gradient(to bottom,#f7f7f7 0,#efefef 100%)}.m-playerMock_view .videoButton a:first-child{margin-bottom:16px}.m-playerMock_view .videoComment{position:absolute;top:0;left:0;-webkit-transition:all .3s ease;transition:all .3s ease}.m-playerMock_view .videoComment span{font-size:24px;font-weight:700;display:block;white-space:nowrap;color:#fff}.m-playerMock_view .videoTool-mode{position:absolute;right:48px;bottom:50px;padding:16px 16px 0;border-radius:2px;background:rgba(0,0,0,.5)}.m-playerMock_view .videoTool-mode a{display:block;margin-bottom:14px;color:#fff}.m-playerMock_view .videoTool-mode a:hover{text-decoration:none}.m-playerMock_view .videoTool-mode a i{margin-right:4px;vertical-align:middle}.m-playerMock_view .videoTool-mode a.crt{color:#b3b3b3}.m-playerMock_view .videoTool-mode a.crt i{background-position:-21px -16px}.m-playerMock_view .videoTool-mode:after{position:absolute;right:15px;display:block;content:'';border-width:10px 8px 0;border-style:solid;border-color:rgba(0,0,0,.5) transparent transparent}.m-playerMock_comment{display:table-cell;width:40%;padding-left:10px;vertical-align:top}.m-playerMock_comment .commentList{width:100%;padding:0 16px 0 8px}.m-playerMock_comment .commentList.small{font-size:14px}.m-playerMock_comment .commentList.medium{font-size:18px}.m-playerMock_comment .commentList td,.m-playerMock_comment .commentList th{padding:2px 8px 8px;vertical-align:middle}.m-playerMock_comment .commentList th{overflow:hidden;width:74px}.m-playerMock_comment .commentList span{font-size:11px;display:block;margin-bottom:2px;color:#999}.m-playerMock_comment .commentList span.time{text-align:right}.m-playerMock_comment .commentList div{display:inline-block;overflow:hidden;height:1em;padding-top:2px}.m-playerMock_comment .commentList img{float:left;margin-right:4px}.commentTab,.m-playerMock_tool>div>div:last-child{float:right}.m-playerMock_tool .input{display:inline-block;height:28px;padding:8px;border:1px solid #ddd;border-radius:2px;background:#f2f2f2}.m-playerMock_tool .input.s{width:83px}.m-playerMock_tool .input.l{width:800px;color:#999}.m-playerMock_tool>div{padding:8px 0}.m-playerMock_tool>div:first-child{border-bottom:1px solid #ddd}.m-playerMock_tool>div>div{display:inline-block}.m-playerMock_tool>div>div div{display:inline-block;vertical-align:middle}.m-playerMock_tool>div>div>span{margin-right:16px}.m-playerMock .btn-tool{display:table-cell;width:36px;height:28px;text-align:center;vertical-align:middle;border:1px solid #ccc;border-radius:3px;background-color:#efefef;background-image:-moz-linear-gradient(top,#f7f7f7 0,#efefef)}.m-playerMock .btn-tool i{margin:2px auto auto}.m-playerMock .btn-tool.pay{border:none;background-color:#f2ac29;background-image:-moz-linear-gradient(top,#f2ac29 0,#e69705)}.m-playerMock .btn-tool.text{font-size:12px;font-weight:700;width:auto;padding:8px 10px;color:#555}.commentTab_wp{overflow:hidden;width:100%;height:38px;background:#ddd}.tab1-active .commentTab_tab1,.tab2-active .commentTab_tab2,.tab3-active .commentTab_tab3{background:#eee}.commentTab li{display:inline-block;width:42px;height:38px;cursor:pointer}.tab1-active .tab1{display:visible}.tab1-active .tab2,.tab1-active .tab3{display:none}.tab2-active .tab2{display:visible}.tab2-active .tab1,.tab2-active .tab3{display:none}.tab3-active .tab3{display:visible}.tab3-active .tab1,.tab3-active .tab2{display:none}.icon-blockSetTab,.icon-commentSetTab,.icon-commentTab{display:block;width:42px;height:38px;background:url(../../img/tutorial/icons-tab.png) no-repeat}.icon-commentSetTab{background-position:-42px 0}.icon-blockSetTab{background-position:-84px 0}.icon-cross,.icon-delete,.icon-loud,.icon-mute,.icon-reload{display:block;background:url(../../img/tutorial/icons-commentSet.png) no-repeat}.icon-mute{width:17px;height:11px}.icon-loud{width:19px;height:16px;background-position:-18px 0}.icon-delete{width:15px;height:18px;background-position:-38px 0}.icon-reload{width:21px;height:20px;background-position:-54px 0}.icon-avatar,.icon-cross,.icon-fontColor{width:16px;height:16px}.icon-cross{background-position:-75px 0}.icon-avatar,.icon-camera,.icon-comment,.icon-door,.icon-fontColor,.icon-fontSize,.icon-liveCamera,.icon-onLineNumber,.icon-pastTime,.icon-record,.icon-report,.icon-survey,.icon-tip,.icon-transmission,.icon-video,.icon-viewNumber{display:inline-block;background:url(../../img/tutorial/icons-tool.png) no-repeat}.icon-fontColor{background-position:-17px 0}.icon-fontSize{width:19px;height:16px;background-position:-34px 0}.icon-pastTime{width:10px;height:10px;background-position:-53px 0}.icon-onLineNumber{width:10px;height:11px;background-position:-64px 0}.icon-viewNumber{width:12px;height:12px;background-position:-75px 0}.icon-tip{width:18px;height:18px;background-position:-88px 0}.icon-door{width:13px;height:18px;background-position:-107px 0}.icon-report{width:17px;height:16px;background-position:-121px 0}.icon-liveCamera{width:14px;height:16px;background-position:-139px 0}.icon-comment{width:20px;height:18px;background-position:-154px 0}.icon-transmission{width:17px;height:17px;background-position:-175px 0}.icon-camera{width:17px;height:15px;background-position:-193px 0}.icon-record{width:11px;height:11px;background-position:-211px 0}.icon-video{width:16px;height:13px;background-position:-223px 0}.icon-survey{width:16px;height:14px;background-position:-240px 0}.text-icon{font-size:14px;font-weight:700}.icon-micVolume,.icon-videoComment,.icon-videoFullScreen,.icon-videoMode,.icon-videoReload,.icon-videoSetting,.icon-videoVolume{display:inline-block;height:19px;background:url(../../img/tutorial/icons-videoTool.png) no-repeat}.icon-videoReload{width:19px}.icon-videoSetting{width:19px;background-position:-19px 0}.icon-videoVolume{width:21px;background-position:-38px 0}.icon-micVolume{width:23px;background-position:-59px 0}.icon-videoComment{width:19px;background-position:-82px 0}.icon-videoMode{width:21px;background-position:-101px 0}.icon-videoFullScreen{width:21px;background-position:-122px 0}.icon-viewMode{display:inline-block;width:21px;height:16px;background:url(../../img/tutorial/icons-viewMode.png) no-repeat}.icon-viewMode.wide{background-position:-21px 0}.icon-viewMode.normal{background-position:-42px 0}.tab1,.tab2,.tab3{overflow:hidden}.tab1{border-top:10px solid #f2f2f2}.tab2,.tab3{border-top:1px solid #ccc;background:#eee}.tab2 .title,.tab3 .title{font-size:22.4px;font-size:1.4rem;font-weight:700;padding:10px 0 10px 10px;color:#999;background:#fff}.tab2 .title a,.tab3 .title a{display:inline-block;float:right;padding:0 16px;border-left:1px solid #ccc}.tab2 .inner,.tab3 .inner{padding:32px 16px 0}.tab2 .inner ul,.tab3 .inner ul{margin-bottom:32px}.tab2 .inner li,.tab3 .inner li{margin-bottom:16px}.tab2 .volume,.tab3 .volume{display:inline-block;padding:16px;background:#ddd}.tab2 .volume>div,.tab3 .volume>div{display:table-cell;padding-left:4px;vertical-align:middle}.tab2 .volume>div:first-child,.tab3 .volume>div:first-child{padding-left:0}.tab2 .volume_bar,.tab3 .volume_bar{width:130px;height:3px;background:grey}.tab2 .volume_bar span,.tab3 .volume_bar span{position:relative;display:block;width:100px;height:3px;background:#ff5065}.tab2 .volume_bar span:after,.tab3 .volume_bar span:after{position:absolute;top:-4px;right:0;width:11px;height:11px;content:'';border-radius:50%;background:#ff5065}.tab2 .buttons a,.tab3 .buttons a{display:inline-block;width:80px;padding:7px 0;text-align:center;border-radius:4px}.tab2 .buttons a.active,.tab3 .buttons a.active{color:#fff;background:#b3b3b3}.m-blockTab{background:#fff}.m-blockTab_tab{display:table;width:100%;table-layout:fixed}.m-blockTab_tab>div{font-weight:700;display:table-cell;padding:8px 0;text-align:center;color:#fff;border-right:1px solid #fff;background:#b3b3b3}.m-blockTab_tab>div.active{color:#333;background:#fff}.m-blockTab_table table{width:100%}.m-blockTab_table th{width:40%}.m-blockTab_table td,.m-blockTab_table th{height:24px;padding:0 6px;vertical-align:middle}.m-blockTab_table thead td{border-left:1px solid #ddd}.m-blockTab_table tbody tr:nth-child(odd){background:#f2f2f2}.m-blockTab_tool{display:table;width:100%;height:40px;border-top:1px solid #ddd}.m-blockTab_tool>div{display:table-cell;padding-left:6px;vertical-align:middle}.m-blockTab_tool>div:last-child{padding-right:6px;text-align:right;text-align:-webkit-right}.m-playerMock_view,.m-playerMock_view .videoTool>div span{-webkit-transition:all .3s ease;transition:all .3s ease}.m-playerMock_view.narrow{width:20%}.m-playerMock_view.narrow .videoTool>div span{background:0 0}.mode-wide .m-playerMock{width:1200px}.mode-wide .m-playerMock_comment{height:540px;background:url(../../img/tutorial/ajuster.gif) left top no-repeat}.mode-wide .tab1,.mode-wide .tab2,.mode-wide .tab3{height:502px}.mode-wide .tab1{background:url(../../img/tutorial/scroll-bar.gif) right top no-repeat}div.m-playerMock_view{overflow:hidden}div.videoComment span{position:relative;left:800px;-webkit-animation-duration:10s;animation-duration:10s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}div.videoComment span.comment1{-webkit-animation-name:comment1;animation-name:comment1}div.videoComment span.comment2{-webkit-animation-name:comment2;animation-name:comment2}div.videoComment span.comment3{-webkit-animation-name:comment3;animation-name:comment3}div.videoComment span.comment4{-webkit-animation-name:comment4;animation-name:comment4}div.videoComment span.comment5{-webkit-animation-name:comment5;animation-name:comment5}div.videoComment span.comment6{-webkit-animation-name:comment6;animation-name:comment6}@-webkit-keyframes comment1{0%{left:720px}100%,33%,66%{left:-250px}34%{left:-250px;visibility:hidden}35%{left:720px;visibility:hidden}36%{left:720px;visibility:visible}}@keyframes comment1{0%{left:720px}100%,33%,66%{left:-250px}34%{left:-250px;visibility:hidden}35%{left:720px;visibility:hidden}36%{left:720px;visibility:visible}}@-webkit-keyframes comment2{0%,10%{left:720px}100%,43%,76%{left:-84px}44%{left:-84px;visibility:hidden}45%{left:720px;visibility:hidden}46%{left:720px;visibility:visible}}@keyframes comment2{0%,10%{left:720px}100%,43%,76%{left:-84px}44%{left:-84px;visibility:hidden}45%{left:720px;visibility:hidden}46%{left:720px;visibility:visible}}@-webkit-keyframes comment3{0%,15%{left:720px}100%,48%,81%{left:-168px}49%{left:-168px;visibility:hidden}50%{left:720px;visibility:hidden}51%{left:720px;visibility:visible}}@keyframes comment3{0%,15%{left:720px}100%,48%,81%{left:-168px}49%{left:-168px;visibility:hidden}50%{left:720px;visibility:hidden}51%{left:720px;visibility:visible}}@-webkit-keyframes comment4{0%,20%{left:720px}100%,53%,86%{left:-250px}54%{left:-250px;visibility:hidden}55%{left:720px;visibility:hidden}56%{left:720px;visibility:visible}}@keyframes comment4{0%,20%{left:720px}100%,53%,86%{left:-250px}54%{left:-250px;visibility:hidden}55%{left:720px;visibility:hidden}56%{left:720px;visibility:visible}}@-webkit-keyframes comment5{0%,25%{left:720px}100%,58%,91%{left:-84px}59%{left:-84px;visibility:hidden}60%{left:720px;visibility:hidden}61%{left:720px;visibility:visible}}@keyframes comment5{0%,25%{left:720px}100%,58%,91%{left:-84px}59%{left:-84px;visibility:hidden}60%{left:720px;visibility:hidden}61%{left:720px;visibility:visible}}@-webkit-keyframes comment6{0%,30%{left:720px}100%,63%{left:-164px}64%{left:-164px;visibility:hidden}65%{left:720px;visibility:hidden}66%{left:720px;visibility:visible}}@keyframes comment6{0%,30%{left:720px}100%,63%{left:-164px}64%{left:-164px;visibility:hidden}65%{left:720px;visibility:hidden}66%{left:720px;visibility:visible}}