/*CSS Document */
/*reset */
body{padding:0;margin:0;height: 100%; width: 100%;}
a {color: #333; text-decoration: none; border: 0; background-color: transparent;outline:none; }
a:hover{ text-decoration: none; color:#034D88;}
body,div,p,q,iframe,form,
ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6{ margin: 0; padding: 0;}
img,fieldset{border: none 0;}
body,td,textarea{ line-height:1.2;}
body,input,textarea,select,button{margin: 0; font-size: 14px;font-family:sans-serif;}
div,p,table,th,td{ font-size:1em; font-family:sans-serif; line-height:inherit;}
ul,dl,li{list-style: none;font-family:sans-serif;}
em,i,u,q,s,dl,caption{ font-style: normal; font-weight: normal; text-decoration: none; }
hr{ clear:both; margin:7px 0; +margin: 0;  border:0 none;font-size: 1px; line-height:1px;color: #ddd; background-color:#ddd; height: 1px;}
h1,h2,h3,h4,h5,h6{color:#8c8c8c}
textarea {line-height:1.2;}
* html textarea,*+html textarea {overflow:auto; overflow-x: hidden; }/* 使多行文本框不显示默认的竖向滚动条 */
* html iframe, * html frame {overflow:auto; }/* 使浮动窗口不显示默认的竖向滚动条 */
* html input {overflow: hidden; }/* 使按钮文字不溢出 */
/* end reset */
.clearfix:after{content:""; height:0; line-height:0; display:block; visibility:hidden; clear:both;}
.clearfix{zoom:1;}
.container{width: 1200px;margin: 0 auto;}
.fl{float: left;}
.fr{float: right;}

.container{width: 1800px;margin: 0 auto;}

.top{background: #fff;width:100%;height: 75px;padding-top: 26px;}
.main{width:100%;height:800px;background: #2E2E36;padding-top: 30px;}

.logo{float: left;}

.topbtn{width: auto;height: 52px;background:;margin-bottom: 20px;float: right;}
.qq,.wechat,.tel{width: 150px;height: 50px;border-radius: 50px;background: #FDDE51;/*background:linear-gradient(to right, #A39DEC , #D3CEF2);*/line-height: 50px;float: right;margin-right: 10px;cursor: pointer;text-align: center;}
.topbtn img{vertical-align: middle;}
.wechat{position: relative;}
.tel{position: relative;}
.wechat_layer{z-index: 999;margin-top: 5px;position: absolute;left: 10px;display: none;z-index: 999;}
.tel_layer{position: absolute;left: -10px;margin-top: 5px;display: none;z-index: 999;}

.videoTit{font-weight:bold;margin-bottom:30px;height:50px;line-height: 50px;width: auto;padding:0 20px;float: left;background: #C53F4F;position: relative;}
.videoTit h3{font-weight: normal;color: #fff;font-size: 24px;}
.videoTit i{display: inline-block;width:37px;height:50px;background: url(/views/site/images/images13/title_arrow02.png);position: absolute;right:-37px;top: 0;}

.rightBox{width: 900px;height: 630px;float: left;position: relative;}
.videoBox{width: 900px;height: 563px;background: #000;float: left;}
.videoBox video{width:900px;height: 563px;}
.lecture{width: 840px;height:563px;background: #27282F;float: left;overflow-y: auto;overflow-x: hidden;padding: 30px 30px;line-height:36px;color: #fff;}
/*视频下按钮*/
.rbtn{width: 900px;}
.rbtn li{float: left;width: 225px;background: #26262B;height: 60px;line-height: 60px;text-align: center;cursor: pointer;border-right: 1px solid #333;font-size: 18px;color: #999999;}
.rbtn li i{display: inline-block;}
.rbtn li i{width: 22px;height: 22px;vertical-align: middle;margin-right: 10px;margin-top: -5px;}
i.rbtn01{background: url(/views/site/images/images13/rbtnimg01.png) center center no-repeat;}
i.rbtn02{background: url(/views/site/images/images13/rbtnimg02.png) center center no-repeat;}
i.rbtn03{background: url(/views/site/images/images13/rbtnimg03.png) center center no-repeat;}
i.rbtn04{background: url(/views/site/images/images13/rbtnimg06.png) center center no-repeat;}
i.rbtn05{background: url(/views/site/images/images13/rbtnimg05.png) center center no-repeat;}

/*讲义按钮*/
.lecture_btn{width: 110px;height: 36px;line-height: 36px;float: right;color: #fff;font-size: 16px;text-align: center;cursor: pointer;margin-bottom: 30px;margin-right: 10px;border:1px solid #C53F4F;}
.lecture_btn:hover{background:#EC414D linear-gradient(to right, #E44540 , #FC5C49);}
.fontsize_btn{width: 36px;font-size: 16px;line-height: 33px;}


/*弹出框*/
.mask{width: 100%;height: 100%;background-color:#000;background:rgba(0,0,0,.6);filter:alpha(opacity=60);position: absolute;top: 0;left: 0;display: none;}

.popDialog{position: absolute;right: 0;left: 0;top:20%;margin-left:auto;margin-right:auto;width: 450px;height: auto;background: #fff;border-radius: 10px;display: none;box-shadow: 0 0 15px #333;}
.popDialog .tit{background: url(/views/site/images/images13/popDialog_tit02.png) center center no-repeat;width: 306px;height: 95px;margin-top: -20px;border-radius: 10px 0 0 0;margin-bottom: 10px;}
.popDialog .tit h3{color: #333;font-size: 24px;font-weight: normal;position: absolute;top: 15px;left: 140px;}
.popDialog .close{background: url(/views/site/images/images13/close.png) center center no-repeat;width: 18px;height: 18px;position: absolute;right:15px;top:15px;cursor: pointer;}
.popDialog label{font-size: 16px;margin-right: 10px;float: left;line-height: 32px;width: 80px;}
.popDialog .con{width: 400px;margin: 0 auto;}
.popDialog .cue{color: #FB3527;display: block;margin-left:90px;margin-top: 5px;}

.question input{width:300px;height:auto;line-height: 32px;border: 1px solid #BDBBBD;}
.answer{margin-top: 20px;}
.answer textarea{width: 300px;height: 150px;line-height: 24px;border: 1px solid #BDBBBD;}
.btn{width: 230px;margin: 30px auto;}
.btn .submit,.btn .cancel{display: inline-block;width: 96px;height: 30px;line-height: 30px;border-radius: 15px;text-align: center;}
.btn .submit{background:linear-gradient(to right, #F75526 , #FB3327);filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = #F75526, endColorstr = #FB3327);color: #fff;}
.btn .cancel{background: #ddd;color: #666;margin-left: 20px;}

.dialogError .tit{background: url(/views/site/images/images13/dialogError_tit.png);}




/*随堂测试题*/
.dialogQuiz .tit{background: url(/views/site/images/images13/dialogQuiz_tit.png);}
.dialogQuiz b{color: #333;font-size: 16px;margin-bottom: 5px;display: inline-block;}
.dialogQuiz p{font-size: 16px;line-height: 28px;margin-bottom: 15px;}
.dialogQuiz .chooseAnswer{border-top: 1px dotted #ccc;padding-top: 10px;}
.dialogQuiz .answer{color: #E01C0F;margin-top: 10px;}
.dialogQuiz input[type="radio"]{width: 20px;height: 20px;vertical-align: middle;margin-right: 5px;}
.dialogQuiz .btn{margin: 10px auto 30px;}
.dialogQuiz .btn .submit{margin:0 auto;width: 120px;height:36px;display: block;font-size: 16px;border-radius: 20px;line-height: 36px;}

.showCatalog,.showNote{width: 440px;height: 280px;background: ;position: absolute;bottom: 62px;left: 0;display: none;z-index: 999;}
.showCatalog .tab-hd,.showNote .tab-hd{height: 40px;line-height: 40px;text-align: center;font-size: 16px;}
.showCatalog .tit{float: left;cursor: pointer;width: 180px;border-bottom: 2px solid #EE491F;border-bottom: none;background: #E13B29;color: #fff;}
.showCatalog .tit.active{background: #fff;color: #E13B29;}

.showCatalog .tab-bd,.noteMain{padding: 10px;background: #fff;height: 220px;color: #fff;overflow-x: hidden;overflow-y: auto;}
.showCatalog .tab-bd ul{display: none;}
.showCatalog .tab-bd ul.thisclass{display: block;}
.showCatalog .tab-bd li{height: 36px;line-height: 36px;border-bottom: 1px dotted #ccc;padding: 0 10px;color: #333;}
.showCatalog .tab-bd li a{width:260px;display:inline-block;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;float: left;}
.showCatalog .tab-bd li span{color: #E13B29;float: right;}

.showCatalog .closeCatalog,.showNote .closeNote{width: 80px;height: 40px;background: #2E2E36;color: #fff;position: absolute;top: 0;right: 0;text-align: center;line-height: 40px;cursor: pointer;}

.showNote{position: absolute;left: 180px;}
.showNote .tit{width:100%;background: #E13B29;color: #fff;height: 40px;line-height: 40px;font-size: 16px;}
.showNote textarea{width: 98%;height: 180px;}
.showNote .btn{width: 70px;height: 30px;background: #E13B29;position: absolute;bottom: -22px;right: 12px;text-align: center;line-height: 30px;cursor: pointer;border-radius: 20px;}

@media screen and (max-width: 1280px){
	.main{overflow-x: auto;min-width: 1200px;}
	.container{width:100%;min-width:1200px;}
	.rightBox{width: 600px;height: 435px;}
	.videoBox{width: 600px;height: 375px;}
	.videoBox video{width:600px;height: 375px;}
	.lecture{width: 540px;height:375px;}
	.rbtn{width: 600px;}
	.rbtn li{width: 119px;font-size: 14px;}
	.showCatalog,.showNote{width: 400px;height: 280px;}
}

@media screen and (min-width: 1270px) and (max-width: 1460px) {
	.container{width: 1200px;height: auto;}
	.rightBox{width: 600px;height: 435px;}
	.videoBox{width: 600px;height: 379px;}
	.videoBox video{width:600px;height: 379px;}
	.lecture{width: 540px;height:379px;}
	.rbtn{width: 600px;}
	.rbtn li{width: 119px;font-size: 14px;}
	.showCatalog,.showNote{width: 400px;height: 280px;}

}
@media screen and (min-width: 1401px)and (max-width: 1500px) {
	.container{width: 1300px;}
	.rightBox{width: 650px;height: 466px;}
	.videoBox{width: 650px;height: 407px;}
	.lecture{width: 590px;height: 407px;}
	.videoBox video{width:650px;height: 407px;}
	.rbtn{width: 650px;}
	.rbtn li{width: 129px;}
}
@media screen and (min-width: 1501px)and (max-width: 1700px) {
	.container{width: 1500px;}
	.rightBox{width: 750px;height: 529px;}
	.videoBox{width: 750px;height: 463px;}
	.lecture{width: 690px;height: 463px;}
	.videoBox video{width:750px;height: 463px;}
	.rbtn{width: 750px;}
	.rbtn li{width: 149px;}
}
@media screen and (min-width: 1701px){
	.container{width: 1800px;}
	.rightBox{width: 900px;height: 623px}
	.videoBox{width: 900px;height: 547px;}
	.lecture{width: 840px;height: 547px;}
	.videoBox video{width:900px;height: 547px;}
	.rbtn{width: 900px;}
	.rbtn li{width: 179px;}
	.popDialog{top: 30%;}
}
@media screen and (min-height:0px) and (max-height: 700px){
	.top{padding: 0;margin: 0;height: 70px;margin-top: 20px;}
}