*{
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box
}

html{
height:100%
}

body{
margin:0;
padding:0;
height:100%;
line-height:160%;
background:#fff;
font-size:15px;
color:#333;
font-family:"Microsoft YaHei","Source Han Sans CN",Verdana,Tahoma,Arial,simsun,"sans-serif";
overflow:hidden
}

em{
font-style:normal;
font-weight:normal
}

ul,li{
list-style:none
}

h1,h2,h3{
font-size:100%;
font-weight:normal
}

i,em{
font-style:normal
}

img{
border:0
}

a{
text-decoration:none;
color:#333
}

a:hover{
text-decoration:none;
color:#b8860b
}

*{
margin:0;
padding:0
}

input,button{
vertical-align:middle;
font-size:100%;
list-style:none;
outline:none;
border:0
}

.topRight{
float:right;
height:70px;
position:relative
}

.topRight .register{
color:#fff;
border:1px solid #b8860b;
background:#b8860b
}

.topRight .a{
width:70px;
line-height:32px;
height:32px;
font-size:14px;
text-align:center;
border-radius:4px;
border:1px solid #b8860b;
transition:0.3s;
display:inline-block;
margin-top:9px
}

.topRight .globalLoginBtn{
border:1px solid #ddd;
color:#333;
margin-right:12px
}

.topRight .globalLoginBtn:hover{
border:1px solid #b8860b;
background:#b8860b;
color:#fff
}

.container-fluid{
height:100%;
padding-top:50px;
background:#000
}

.height100{
height:100%
}

.player-box{
position:relative;
width:75%;
float:left;
background:#fff
}

.yixiaowan-player{
width:100%;
height:100%;
padding-bottom:36px;
text-align:center;
background:#383838
}

.yixiaowan-player video{
width:auto;
max-width:100%;
height:100%
}

.action-bar-wrap{
width:25%;
float:left;
background-color:#252525;
height:100%;
overflow-y:auto
}

.followus-weixin{
position:relative;
color:#999
}

.flw-weixin-box{
position:absolute;
display:none;
width:170px;
height:170px;
left:-60px;
bottom:27px;
background:url(../images/weixin.jpg) no-repeat 0 0;
background-size:170px auto
}

.followus-weixin:hover .flw-weixin-box{
display:block
}

#player-con{
width:100% !important;
height:100% !important
}

.prism-player .prism-cc-btn{
display:none !important
}

.prism-setting-cc,.prism-setting-audio,.prism-setting-quality{
display:none !important
}

.top-menu-wrap{
position:fixed;
width:100%;
background:#fff;
height:50px
}

.top-menu-wrap .play-logo{
width:80px;
height:39px;
float:left;
margin:7px 0 0 16px
}

.top-menu-wrap .play-logo img{
width:auto;
height:100%
}

.top-menu-wrap .menu-wrap{
overflow:hidden
}

.top-menu-wrap .top-lesson-list{
float:left;
line-height:50px;
font-size:16px;
color:#333;
padding-left:95px
}

#_userlogin{
float:right
}

#mainmenu{
width:35px;
height:50px;
margin-right:16px
}

#mainmenu .link{
display:block
}

#mainmenu .hy-tx{
width:35px;
height:35px;
border-radius:20px;
margin:7px 0
}

#mainmenu2{
display:none
}

.course-tool{
width:100%;
position:absolute;
bottom:0;
left:0;
padding:5px 0;
text-align:right;
background:#000
}

.click_pop{
line-height:26px;
background:#b8860b;
font-size:14px;
color:#fff;
display:inline-block;
padding:0 10px;
border-radius:3px;
cursor:pointer;
margin-right:15px
}

.click_pop:hover{
background:#a3760a;
color:#fff
}

.scroll-cont .content-list li{
height:74px;
border-bottom:1px #111 solid;
padding:12px 10px 15px 60px;
position:relative;
box-sizing:border-box
}

.scroll-cont .content-list li:hover{
background:#33333e
}

.scroll-cont .content-list li:before{
content:"";
position:absolute;
width:20px;
height:13px;
left:25px;
top:18px;
background:url(../images/icon-play-act.png) no-repeat;
z-index:5
}

.scroll-cont .content-list li.on:before{
background:url(../images/icon-play-active.gif) 4px -4px no-repeat
}

.scroll-cont .content-list a{
display:block;
cursor:pointer
}

.scroll-cont .content-list .name{
font-size:16px;
color:#999;
text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden;
line-height:24px
}

.scroll-cont .content-list li.on{
background:#1e1e1e
}

.scroll-cont .content-list li.on>a>.name{
color:#eee
}

.scroll-cont .content-list .info{
padding-top:10px
}

.scroll-cont .content-list .info span{
color:#999;
font-size:12px;
padding-right:10px
}