/*  common */
.container{margin:10px auto 20px;}
.leftbox{width:860px;}
.rightbox{width:320px;}
.mainbox{background:#fff;padding:20px 30px;}
.rightbox .mainbox{padding:15px 20px;}

.layer-box{padding:30px;background:#fff;}
.layer-btn-area{position:fixed;bottom:0;left:0;right:0;padding:10px 0!important;background:#f0f4f7!important;border-top:1px #e0e0e0 solid!important;text-align:center;}
.layer-btn-area .btn{margin:0 10px;}

.btn-area{padding:20px;text-align:center;}
.btn-area .btn{margin:0 5px;}

.pfixedTL{position:fixed;right:50%;top:20px;margin-right:-600px;z-index:999;}
.pfixedTR{position:fixed;left:50%;top:20px;margin-left:-600px;z-index:999;}

/*-----------首页-------------*/

/* banner */
.index-banner{position:relative;}
.index-banner .arrow-left,.index-banner .arrow-right{position:absolute;top:50%;margin-top:-55px;z-index:9;opacity:.6;filter:alpha(opacity=60);}
.index-banner .arrow-left span,.index-banner .arrow-right span{font-size:100px;color:#fff;}
.index-banner .arrow-left{left:50px;}
.index-banner .arrow-right{right:50px;}
.index-banner .arrow-left:hover,.index-banner .arrow-right:hover{opacity:1;filter:alpha(opacity=100);}
.index-banner .swiper-container{width:100%;height:340px;}
.index-banner .swiper-container .swiper-slide a{display:block;width:100%;height:340px;}
.index-banner .swiper-container .swiper-slide a img{width:100%;max-width:100%;height:340px;}
.index-banner .swiper-container .swiper-slide img{width:100%;max-width:100%;height:340px;}
.index-banner .pagination{width:100%;position:absolute;left:0;right:0;bottom:20px;text-align:center;z-index:999;}
.index-banner .swiper-pagination-switch{display:inline-block;width:10px;height:10px;border-radius:8px;background:#fff;margin:0 5px;cursor:pointer;opacity:.6;filter:alpha(opacity=60);}
.index-banner .swiper-active-switch{opacity:1;filter:alpha(opacity=100);}

/*宣传标语*/
.slogan{padding:40px 0;background:#fff;}
.slogan ul li{float:left;width:299px;text-align:center;}
.slogan ul li:not(:last-child){border-right:1px solid #eee;}
.slogan ul li>.iconfont{font-size:60px;height:70px;line-height:70px;}
.slogan ul li:nth-child(1)>.iconfont{color:#00cccc;}
.slogan ul li:nth-child(2)>.iconfont{color:#ff8787;}
.slogan ul li:nth-child(3)>.iconfont{color:#a0e307;}
.slogan ul li:nth-child(4)>.iconfont{color:#b0b0ff;}
.slogan ul li>h2{font-size:22px;color:#666;margin:5px 0 10px;}
.slogan ul li>p{color:#999;}

/*for*/
.for-img{width:100%;height:280px;}
.for-txt{padding:40px 0 60px;background:#fff;text-align:center;}
.for-txt h2{font-size:22px;color:#333;text-align:center;margin-bottom:30px;}
.for-txt ul{width:80%;margin:0 auto;}
.for-txt ul li{float:left;width:33%;text-align:center;}
.for-txt ul li img{width:120px;height:120px;margin-bottom:20px;}


/*--------------APP下载------------------*/
.btn-back{position:absolute;right:50px;top:30px;line-height:35px;padding:2px 20px;border-radius:20px;font-size:18px;color:#fff;border:1px solid #fff;z-index:999;background:transparent;}
.btn-back:hover{border-width:2px;color:#fff;}

.app-down{position:relative;height:900px;background:url(../images/app-bg.jpg) center top no-repeat;}

.app-down .layout{width:1000px;}

.app-down .tabs{position:relative;width:800px;padding:60px 100px 0 100px;height:100px;border-bottom:1px solid #ccc;margin-bottom:59px;text-align:center;}
.app-down .tabs>a{position:relative;display:inline-block;margin:20px 0 0 0;width:33.33%;text-align:center;}
.app-down .tabs>a>span{display:inline-block;border:1px solid #666;width:50px;height:50px;border-radius:50%;text-align:center;line-height:50px;margin-right:10px;position:relative;}
.app-down .tabs>a>span>.iconfont{font-size:25px;color:#666;}
.app-down .tabs>a>span>.icon-jiaoshi{font-weight:bold;}
/*.app-down .tabs>a>span>b{display:none;width:16px;height:16px;background:#fff;border:1px solid #ccc;border-radius:50%;position:absolute;bottom:-38px;left:50%;margin-left:-8px;}*/
.app-down .tabs>a>span>b{display:none;width:21px;height:11px;position:absolute;bottom:-30px;left:50%;margin-left:-11px;background:url(../images/pc-arrow-01.png) center top no-repeat;}
.app-down .tabs>a>em{font-size:16px;}
.app-down .tabs>a:hover{color:#333;}
.app-down .tabs>a.active>span>b{display:inline-block;}

.app-down .arrow-left,.app-down .arrow-right{position:absolute;top:50%;margin-top:-55px;z-index:9;opacity:.6;filter:alpha(opacity=60);}
.app-down .arrow-left span,.app-down .arrow-right span{font-size:80px;color:#000;}
.app-down .arrow-left{left:50px;}
.app-down .arrow-right{right:50px;}
.app-down .arrow-left:hover,.app-down .arrow-right:hover{opacity:1;filter:alpha(opacity=100);}

.app-down .swiper-container{width:100%;height:680px;}

.app-box{}

.app-box .app-cover{width:243px;height:342px;padding:60px 24px 170px 28px;margin-right:90px;float:left;background:url(../images/mobile-bg.png);overflow:hidden;}
.app-box .cclive-cover{width:423px;height:241px;padding:24px 25px 115px 22px;margin-right:90px;margin-top:80px;float:left;background:url(../images/cclive-bg.png);overflow:hidden;}
.app-box .app-title{font-size:46px;color:#343434;font-weight:400;}
.app-box .app-info{padding:15px 0;font-size:20px;color:#999;line-height:30px;margin-bottom:50px;}

.app-box .down-box{}
.app-box .down-box h3{font-size:18px;font-weight:normal;margin-bottom:20px;}
.app-box .down-box .qrcode{width:150px;height:150px;background-color:#fff;float:left;margin-right:40px;}
.app-box .down-box .software .btn{border-radius:20px;width:120px;}
.app-box .down-box .software .btn .iconfont{margin-right:10px;}
.app-box .down-box .software b{line-height:35px;margin-left:20px;}
.app-box .down-box .down-btn h5{font-size:14px;color:#999;}
.app-box .down-box .down-btn p{margin-bottom:10px;}
.app-box .down-box .down-btn p .btn{border-radius:20px;width:145px;margin:10px 0;padding-left:20px;padding-right:20px;margin-right:10px;}
.app-box .down-box .down-btn p .iconbtn .iconfont{font-size:28px;margin-right:5px;}

.app-box .qrcode-info{padding:50px 0 0;font-size:18px;}

/*------------课程邀请-------------*/
.invitation-container{margin:20px auto;}
.invitation-container>.layout{background:#fff;}
.invitation{background:url(../images/invitation.png) center 80px no-repeat;padding:260px 150px 100px 150px;margin:0 auto;}
.invitation .box{text-align:center;border:1px solid #d2d2d2;border-radius:5px;padding:50px;background:#f8f8f8;}
.invitation .info{margin-top:30px;border-bottom:1px dashed #eee;padding-bottom:20px;}
.invitation .info h2{font-size:16px;margin-bottom:5px;}
.invitation .info p{color:#999;}

/*------ 创建编辑课程相关信息--------------*/
.creat-container{border:1px solid #d2d2d2;background:#fff;padding:30px;margin:0 auto 20px;}
.creat-cloumn{margin-top:20px;padding-bottom:5px;}
.creat-cloumn>h2{font-size:18px;font-weight:normal;}

.creat-tip{color:#999;border-bottom:1px dotted #eee;padding-bottom:10px;margin-bottom:20px;}

.creat-box-cloumn>h2{font-size:16px;font-weight:normal;padding-bottom:5px;}
.creat-box{border:1px solid #eee;padding:30px;background:#f8f8f8;}

.creat-btn-area .btn{margin-right:10px;}

/*课时*/
.table-classhour td{color:#333;}
.table-classhour .oper a{display:inline-block;margin:0 1px;vertical-align:middle;}
.table-classhour .oper a>i{font-size:24px;color:#666;}
.table-classhour .oper a:hover>i{color:#2693E0;}
.table-classhour .edit-control{height:30px;line-height:30px;border:0 none;margin:0;padding:0;width:100%;font-weight:bold;}

/*附件*/
.upload-btn{margin-bottom:10px;margin-top:5px;}
.upload-btn .iconbtn>.iconfont{font-size:18px;}

.upload-box{border:1px solid #eee;padding:20px 20px 10px 20px;margin-bottom:10px;background:#fff;}
.upload-box .box{margin-bottom:10px;}
.upload-box .box .title,
.upload-box .box .down,
.upload-box .box .edit,
.upload-box .box .del{display:inline-block;vertical-align:middle;height:36px;line-height:36px;}
.upload-box .box .down,
.upload-box .box .edit,
.upload-box .box .del{margin:0 3px;}
.upload-box .box a>.iconfont{font-size:24px;}
.upload-box .box a>.icon-bianji{font-size:22px;}
.upload-box .box a:hover{color:#2693E0;}
.upload-box .box .title{max-width:600px;padding:0 10px;border-radius:3px;background:#f8f8f8;overflow:hidden;cursor:default;}
.upload-box .box .title .edit-control{display:none;width:100%;height:36px;line-height:36px;border:0 none;background:#f8f8f8;font-weight:bold;color:#333;}

.image-success-list{}
.image-success-list .box{float:left;position:relative;width:120px;height:100px;margin-right:10px;border:1px solid #eee;background:#fff;padding:1px;text-align:center;overflow:hidden;}
.image-success-list .box img{max-width:120px;max-height:100px;}
.image-success-list .box .del{display:inline-block;width:24px;height:24px;line-height:24px;background:#999;color:#fff;text-indent:0;margin:0;text-align:center;position:absolute;right:1px;top:1px;}
.image-success-list .box .del:hover{background:#2693E0;color:#fff;}

.audio-success-list{}
.audio-success-list .box{}
.audio-success-list .box .audio-item{margin-bottom:10px;}
.audio-success-list .box .audio-box .audiojs{display:inline-block;vertical-align:top;}

.other-success-list{}
.other-success-list .box{}


/*上传提示*/
.upload-tips{position:relative;display:inline-block;vertical-align:top;margin-left:20px;margin-top:5px;}
.upload-tips .btn-tips{}
.upload-tips .btn-tips>em{color:#999;}
.upload-tips .btn-tips>.iconfont{font-size:12px;color:#fff;line-height:21px;background:#b3b5be;border-radius:50%;display:inline-block;vertical-align:top;width:21px;height:21px;text-align:center;}
.upload-tips .upload-info{width:800px;position:absolute;left:-215px;top:30px;z-index:2;display:none;}
.upload-tips .upload-info .arrow-tips{display:inline-block;width:11px;height:6px;background:url(../images/tips-top.png) center center no-repeat;position:absolute;left:220px;top:-5px;overflow:hidden;}
.upload-tips .upload-info .content{padding:10px;background:#fff;border:1px solid #cecbce;-moz-box-shadow:0 0 2px 2px #eee;-webkit-box-shadow:0 0 2px 2px #eee;box-shadow:0 0 2px 2px #eee;}
.upload-tips .upload-info .content p{margin:5px 0;font-size:12px;color:#999;}


/*------ 作业问答详情相关信息--------------*/
.detail-cloumn{border-bottom:1px solid #d2d2d2;padding-bottom:10px;}
.detail-cloumn>h2{font-size:16px;font-weight:normal;}
.detail-cloumn>h2>*{display:inline-block;vertical-align:middle;line-height:30px;}
.detail-cloumn>h2>.iconfont{font-size:18px;}
.detail-cloumn>h2>em{margin-left:5px;}
.detail-cloumn .btns .btn{margin-left:5px;}

/*收作业*/
.collect-task{padding:30px 0;text-align:center;}
.collect-task p{margin:5px;text-align:center;}

.circle-box{position:relative;width:120px;height:120px;margin:0 auto;}
.circle-box>p{position:absolute;top:50%;margin-top:-23px;width:100%;text-align:center;color:#2693e0;font-size:30px;}
.circle-box circle{transform-origin:center;transform:rotate(-90deg);transition:stroke-dasharray .3s ease-in;}

/*批作业*/
.review-task{padding:30px 0;}
.review-task .student{margin-bottom:20px;}
.review-task .student .user{display:inline-block;width:50px;height:50px;border-radius:50%;margin-right:10px;}
.review-task .student p{margin-top:3px;}

/*附件*/
.attachment-imgs{padding-bottom:10px;}
.attachment-imgs .pic{float:left;position:relative;width:120px;height:100px;margin-right:10px;margin-bottom:10px;border:1px solid #eee;background:#fff;padding:1px;text-align:center;overflow:hidden;}
.attachment-imgs .pic img{max-width:120px;max-height:100px;}

.attachment-audios{padding-bottom:10px;}
.attachment-audios .audiojs{margin-bottom:10px;}

.attachment-files{padding-bottom:10px;}
.attachment-files .box{margin-bottom:10px;}
.attachment-files .box a{display:inline-block;padding:5px 10px;border-radius:3px;background:#f8f8f8;overflow:hidden;}
.attachment-files .box a>.iconfont{color:#999;margin-right:5px;}

/*作业&&问答*/
.zwcontent{border-bottom:1px dotted #eee;padding-bottom:20px;margin-bottom:20px;}
.zwcontent .title{font-size:16px;color:#2693E0;margin-bottom:10px;}
.zwcontent .dl-horizontal dt{width:80px;color:#999;margin-bottom:10px;}
.zwcontent .dl-horizontal dd{margin-left:80px;margin-bottom:10px;}

/*提交学生*/
.hand-student{padding-bottom:20px;}
.hand-student ul li{border-bottom:1px dotted #eee;}
.hand-student ul li>a{display:block;padding:15px;}
.hand-student ul li>a .user{display:inline-block;width:50px;height:50px;border-radius:50%;margin-right:15px;}
.hand-student ul li>a p{margin-top:3px;}
.hand-student ul li>a:hover{background:#f8f8f8;}
.hand-student .nodatas{padding:30px 20px 10px;}

/*在线答题*/
.online-answer{padding-bottom:20px;}
.online-answer .enter-box{position:relative;}
.online-answer .enter-box textarea{width:770px;height:100px;padding-bottom:30px;}
.online-answer .enter-box .num{position:absolute;left:725px;bottom:0;line-height:30px;}
.online-answer .upload-btn{margin:10px 0;}
.online-answer .sub-btn{padding:30px 0;}
.online-answer .sub-btn b{display:inline-block;vertical-align:middle;color:#999;line-height:40px;margin-left:20px;}

/*问答*/
.wen,.da{position:absolute;left:0;top:0;}
.wen>em,.da>em{display:inline-block;width:30px;height:30px;line-height:30px;text-align:center;font-size:16px;color:#fff;position:absolute;left:0;top:0;}
.wen>i,.da>i{display:inline-block;border-right:50px solid transparent; }
.wen>i{border-top:50px solid #ff9933;}
.da>i{border-top:50px solid #2693E0;}

.ask-answer{position:relative;padding:30px 40px 10px;}
.ask-answer .info{border-bottom:1px dotted #eee;padding-bottom:15px;margin-bottom:20px;}
.ask-answer .info .title{font-size:16px;margin-bottom:10px;}
.ask-answer .info p{color:#999;margin-top:5px;}
.ask-answer .info .student{text-align:center;}
.ask-answer .info .student .user{width:50px;height:50px;border-radius:50%;}
.ask-answer .info .student p{background:#f8f8f8;border-radius:3px;padding:3px 10px;}

.ask-answer .info .teacher{}
.ask-answer .info .teacher .user{width:50px;height:50px;border-radius:50%;margin-right:20px;}
.ask-answer .info .teacher p{color:#999;margin-top:3px;}

/*最新问答*/
.newest-ask{padding:5px 0 10px;}
.newest-ask .box{border-bottom:1px solid #eee;padding:10px 0 10px 25px;position:relative;}
.newest-ask .box>i{color:#999;position:absolute;left:0;top:10px;}
.newest-ask .box .title{display:block;}
.newest-ask .box .time{color:#999;}

/*在线答疑*/
.student-ask{}
.student-ask .form-horizontal .label-control{text-align:left;margin-bottom:5px;}
.student-ask .form-horizontal .form-group .form-control:not(select){width:770px;}

/*使用帮助*/
.help-container{padding:20px 0;background:#fff;}

.help-left{width:220px;float:left;padding-right:40px;}
.help-right{width:940px;float:right;padding-bottom:50px;}

.help-left .lefttop{display:block;border:1px solid #dde5eb;height:80px;line-height:80px;padding-left:30px;background:#f5fafe;}
.help-left .lefttop>*{display:inline-block;vertical-align:top;}
.help-left .lefttop .iconfont{font-size:40px;margin-right:5px;color:#66b2ea;}
.help-left .lefttop em{font-size:20px;color:#2693E0;}

.help-left .leftmenu{border:1px solid #dde5eb;background:#fff;}
.help-left .leftmenu ul li{border-bottom:1px dashed #dde5eb;position:relative;}
.help-left .leftmenu ul li.noline{border:0 none;}
.help-left .leftmenu ul li h4{cursor:pointer;background:#f5fafe;padding-left:30px;text-decoration:none;display:block;line-height:60px;}
.help-left .leftmenu ul li h4>*{display:inline-block;vertical-align:top;}
.help-left .leftmenu ul li h4 em{font-size:16px;color:#333;width:150px;}
.help-left .leftmenu ul li h4 .iconfont{font-size:16px;color:#acbfcc;width:30px;text-align:center;}
.help-left .leftmenu ul li .list-item{padding:5px 0;position:relative;}
.help-left .leftmenu ul li .list-item a{color:#666;display:block;height:36px;line-height:36px;padding-left:30px;position:relative;text-decoration:none;font-size:14px;overflow:hidden;width:180px;white-space:nowrap;text-overflow:ellipsis;}
.help-left .leftmenu ul li .list-item a:hover{color:#2693E0;}
.help-left .leftmenu ul li.active h4{background:#fff;}
.help-left .leftmenu ul li.selected h4{border-bottom:1px dashed #dde5eb;}
.help-left .leftmenu ul li.selected h4 .iconfont{transform:rotateX(180deg);-webkit-transform:rotateX(180deg);color:#66b2ea;}
.help-left .leftmenu ul li .list-item a.on{color:#2693E0;}

.help-right .crumbs{border-bottom:1px solid #d2d2d2;}

.help-right .help-box{margin-top:20px;}

.step-box{overflow:hidden;}
.step-box ul{width:110%;}
.step-box ul li{float:left;width:300px;margin-right:20px;}
.step-box ul li .box{padding:20px 20px 0 20px;height:75px;border:1px solid #2693e0;border-radius:5px;}
.step-box ul li .box .ico-radius{height:50px;width:50px;line-height:50px;text-align:center;border-radius:50%;border:1px solid #2693e0;margin-right:20px;}
.step-box ul li .box .ico-radius .iconfont{font-size:26px;color:#2693e0;}
.step-box ul li .box .txt h5{font-size:16px;font-weight:normal;}
.step-box ul li .box .txt p{color:#999;font-size:12px;}

.hot-answers-box{border:1px solid #d2d2d2;border-radius:5px;padding:20px;overflow:hidden;}
.hot-answers-box ul{width:110%;}
.hot-answers-box ul li{float:left;padding:5px 10px 5px 0;width:435px;}
.hot-answers-box ul li a{display:inline-block;}
.hot-answers-box ul li a .iconfont{color:#bbb;font-size:12px;}

.quick-help-box{overflow:hidden;}
.quick-help-box .quick{width:110%;}
.quick-help-box .quick .box{float:left;border:1px solid #d2d2d2;border-radius:5px;padding:20px;overflow:hidden;background:#fcfcfc;width:418px;margin-right:20px;margin-bottom:20px;}
.quick-help-box .quick .box ul{width:110%;}
.quick-help-box .quick .box ul li{float:left;padding:5px 10px 5px 0;width:195px;}
.quick-help-box .quick .box ul li a{display:inline-block;}
.quick-help-box .quick .box ul li a .iconfont{color:#bbb;font-size:12px;}
.quick-help-box .quick .box h4{font-size:16px;font-weight:normal;margin-bottom:5px;}

.help-list{}
.help-list li{padding:15px 0;border-bottom:1px dashed #eee;width:940px;}
.help-list li a .iconfont{color:#bbb;font-size:12px;}

.help-content{}
.help-content>.title{font-size:24px;margin-bottom:20px;}
.help-content>.article{padding-bottom:30px;font-size:16px;color:#666;}
.help-content>.article p{margin-bottom:15px;}

/*关于我们*/
.article-title{font-size:24px;text-align:center;padding:30px;border-bottom:1px solid #d2d2d2;}
.article-content p{margin-bottom:15px;}
.article-content .tt{padding-top:20px;font-size:16px;font-weight:bold;}
.article-content .textindent{text-indent:2em;}

.contact-us{background:url(../images/service.jpg) center top no-repeat;width:600px;margin:80px auto 40px auto;padding-top:200px;}
.contact-us .box{border:1px solid #eee;box-shadow:0 1px 1px rgba(0, 0, 0, .2);-webkit-box-shadow:0 1px 1px rgba(0, 0, 0, .2);padding:30px;background:#f8f8f8;}
.contact-us .box h2{font-weight:normal;font-size:16px;}
.contact-us .box p{margin:10px 0;}


/*APP下载-H5*/
/*.app-h5-body,.app-h5-page{display:flex;display:-webkit-flex;flex-direction:column;align-content:center;justify-content:center;}*/
.app-h5-body{background:#fefacb;text-align:center;}
.app-h5-title{color:#fd9927;font-weight:bold;margin:30px 0;}
.app-h5-page{width:80%;margin:0 auto 30px;text-align:center;}
.app-h5-page .img{width:100%;max-width:500px;}
.app-h5-btnarea{display:block;width:100%;background:#fefacb;text-align:center;padding-bottom:40px;}
.app-h5-btnarea p{margin-top:10px;}
.app-h5-btnarea p .btn{padding:10px 40px;border-radius:30px;background:#ffeb9a;color:#c28916;box-shadow:2px 2px 2px #ffdd6f inset;-webkit-box-shadow:2px 2px 2px #ffdd6f inset;}
@media only screen and (min-width: 320px) {
	.app-h5-page{width:70%;}
	.app-h5-title{font-size:22px;}
	.app-h5-btnarea p .btn{width:160px;font-size:16px;}
}
@media only screen and (min-width: 375px) {
	.app-h5-title{font-size:24px;}
	.app-h5-btnarea p .btn{width:180px;font-size:18px;}
}
@media only screen and (min-width: 414px) {
	.app-h5-title{font-size:28px;}
	.app-h5-btnarea p .btn{width:200px;font-size:20px;}
}
@media only screen and (orientation:portrait) and (min-height: 640px){
	.app-h5-btnarea{position:fixed;bottom:0;z-index:999;}
}
@media screen and (orientation:landscape) and (min-height: 960px) { 
	.app-h5-btnarea{position:fixed;bottom:0;z-index:999;}
} 
.openBrowser{width:100%;height:100%;position:fixed;left:0;right:0;bottom:0;top:0;background:rgba(0,0,0,.8);text-align:center;z-index:999999;display:none;}
.openBrowser>.ts{width:80%;max-width:900px;margin-top:30px;}
.openBrowser>.iknow{width:30%;max-width:300px;}

/*上传样式重置*/
#uploadLoading{width:120px;padding:40px 10px 10px 10px;border-radius:5px;text-align:center;background-color:#fff;background-position:center 10px;background-repeat:no-repeat;}
.isuploading{color:#999;}