body{background-color: #f2f2f2;}

.flagbox{color: #fff;padding: 30px 20px 10px;font-size: 16px;font-weight: bold;line-height: 26px;border-radius: 10px;margin-bottom: 10px;}
.flagbox img{width: 100%;margin-top: 30px;}
.panel-box{padding: 30px 40px;}
.panel-box .home-title{font-size: 20px;font-weight: bold;margin-bottom: 30px;}
.panel-box .home-title >a{font-size: 14px;font-weight: normal;color: #212121;}
.panel-box .home-title a>i{font-size: 14px;margin-left: 2px;}
.tipimg{display: flex;flex-direction: column; min-height: 60px; padding-left: 120px;background-image: url(../pres/imgs/msg.jpg); background-position: left center; background-repeat: no-repeat;}
.tipimg>p{align-self: center;text-align: left; width: 100%;}
.tipimg>p>a{padding-left: 24px;background-image: url(../pres/imgs/listyle.png);background-position:left center; background-repeat: no-repeat; color:#212121;font-size: 16px;line-height: 32px;}


.course-img img{width: 100%;object-fit:cover;}
.course-content .title{display: flex; min-height: 60px;}
.course-content .title>p{font-size: 22px;line-height: 30px; display: inline-block; align-self: center;text-align: left; width: 100%;}
.course-content .line-bar{display: flex;margin: 5px 0px;}
.course-content .line-bar>span:nth-child(3){color:#f33b3f}
.course-content .line-bar .progress{width: 69%; display: inline-flex; margin: 6px 8px;height: 12px;}
.course-content .data-bar>p{margin-left: 8px;}
.course-content .study{background-color: #72ccff;}
.course-content .score{background-color: #ffa36c;}
.course-content .disabled{cursor: not-allowed;}




.cert-bill-bar .panel-box{height: 230px;}
.cert-bill-bar .iconimg>span{color: #777;}
.cert-bill-bar .iconimg>i{font-size: 50px;color:#fbbbbc;}
.cert-bill-bar .youxiao {position: relative;}
.cert-bill-bar .youxiao i{position: absolute;z-index: 99;font-size: 100px;top: -30px;right: 10px;}

.safe a{display: inline-block;width: 25%;text-align: center;color:#777;margin-top: 10px;}
.safe a>span{ display:inline-block;margin-left: -6px; margin-right: -4px; height:12px; width: 12px;background-size: contain;}
.baohu span{ background: url(../imgs/baohu.png) no-repeat;}
.acc_set{background-image: url(../imgs/accSafe.png);background-size:contain;height: 86px;}
.acc_set a{width: 40%;text-align: left;font-size: 16px;}


.cbd .form-control{height: 40px;}
.foll_right{display: inline;}
.infoform .form-group{margin-bottom: 20px;}
.infoform .control-label{padding-top:8px;color: #777;font-weight: normal;}
.infoform .form-control,.infoform .checkbox-inline{display: none;}
.infoform .showlabel{display: inline-block;}
.edit .form-control,.edit .checkbox-inline{display: inline-block;}
.edit .showlabel{display: none;}

.ptb100{padding-top: 100px;padding-bottom: 100px;}

/**卡券**/
.ticket{margin-bottom: 20px;}
.content-box{padding: 10px;}
.ticket_box{padding: 0;background-color:#f2f2f2 ; color:#212121; border: 1px solid #e5e5e5;margin: 0 auto;border-radius: 10px;overflow: hidden;}
.ticket .valuebox{height: 160px;background-image:linear-gradient(to bottom,#f33b3f 0,#f02353 100%);color: #fff;position: relative;}
.tic_disabled .valuebox{background-image:linear-gradient(to bottom,#969595 0,#2a2929 100%);}
.ticket .valuebox b{width: 100%; position: absolute;bottom: 0px;background-size: 150%; background: url(../gres/imgs/small_ticket.png) repeat-x;height:10px ;}
.ticket .oneline p{font-size: 12px;}
.ticket .oneline .tag_btn{margin-top: 6px;}
.chapter i{position: absolute;z-index: 999;font-size: 100px;top: -20px;right: 16px;color: #fff;}

.fdgray{color: #333;}
.panel-order{margin-bottom: 40px;}
.panel-order .panel-header{padding: 10px 15px ;background-color:#f5f5f5;color: #aaa;}
.split_row{padding:10px 15px;background-color:#f5f5f5;position: relative;border-bottom: 1px solid #e5e5e5;border-top: 1px solid #e5e5e5;}
.split_row .arrowup{top:-10px;left:253px; position: absolute;background:url(../gres/imgs/split-arr.png) no-repeat;width: 17px;height: 10px;overflow: hidden;}
.panel-order .panel-body .media-heading{padding-top: 6px;height: 48px;display: table-cell; vertical-align:bottom;}
.panel-order .panel-body,.detail_list .panel-body{border-top: 1px solid #e5e5e5;}
.panel-order .panel-body:first-child,.detail_list .panel-body:first-child{border-top: none;}
.panel-order .panel-body h3{margin-bottom: 2px;}
.panel-order .panel-body .alert{margin-top: -3px;margin-bottom: 10px; padding: 2px 8px;}


/* 时间线 */
.timeline{padding-left: 40px;}
.timeline .time_border{border-left: 2px solid #985F0D;position: relative;}
.timeline .time_border ul{margin-left: -21px;}
.timeline .time_border ul li{font-size: 26px;color: #737373;}
.timeline .time_border ul .active{color: #f33b3f;}
.timeline .time_border ul p{color: #212121;font-size: 18px;font-weight: 500;}
.timeline .time_border ul .active p{color: #f33b3f;}

.fs18px{font-size: 16px;font-weight: 500;}
.course_detail-box{font-size: 16px;font-weight: 500;}
.course_detail .title{height: 48px;display: table-cell; vertical-align:bottom;padding: 15px 0px 15px;}


/*课程详情**/
.course_detail{}
.course_detail p{padding: 5px 0px;}
.course_detail span{cursor: pointer; padding: 5px 12px 5px 10px;border: 1px solid  #f33b3f;margin-right: 14px;position: relative;}
.course_detail span:hover{color:#f33b3f;}
.course_detail .active {background:url(../pres/imgs/checked.png)  no-repeat;color: #f33b3f; background-position:right bottom;}
.course_detail .disabled{color: #888888;border: 1px dashed #ccc;cursor:not-allowed;}
.course_detail .disabled:hover{color:#888;}
.course_tips{position: relative;}
.course_tips label{margin-left: 2px; margin-right: 5px;}
.course_tips .buy-btn{position: absolute; right: 30px;top: 22px;}
.course_tips .fdgray b{font-size: 22px;}

.detailInfo-bar{}
.detailInfo-bar .toptag{width: 300px;margin: 0 auto;font-size: 18px;font-weight: 600;}
.detailInfo-bar .toptag li{padding-bottom: 8px;cursor: pointer;}



.courseorder-bar .panel-body{border-top: 1px solid #ddd;}
.courseorder-bar .panel-body:first-child{border-top: none;}



.cour_detail_catalog p{font-size: 20px;font-weight: 600px;padding: 12px 20px;background-color: #f2f2f2;}
.cour_detail_catalog dl{width: 100%;border-bottom: 1px solid #ddd;padding: 15px;margin: 0;}
.cour_detail_catalog dl dt{display: inline-block;font-weight: normal;border-right:1px solid #ddd ;}
.cour_detail_catalog dl dt:last-child{border-right: none;}
.cour_detail_catalog dl dt:first-child{width: 70%;margin-left: 30px;}
.cour_detail_catalog dl dt:nth-child(2){width: 10%;color: #333;text-align: center;}
.cour_detail_catalog dl dt:nth-child(3){width: 10%;color: #333;text-align: center;}
.cour_detail_catalog dl:last-child{border-bottom: none;}
.f20{font-size: 20px!important;}


.use_ticket{}
.use_ticket .course_detail span{
	color: #fff;
	display: inline-block;
	width: 100%;padding: 20px;
	border: none;
}
.use_ticket .course_detail .ticket-bg {margin-bottom: 20px; border: 2px soid #f33b3f; background-image:linear-gradient(to bottom,#f33b3f 0,#f02353 100%); border-radius: 10px;overflow: hidden;}
.use_ticket .course_detail .active {background-image:url(../pres/imgs/checked32.png)}
.use_ticket .course_detail .disabled{background-image:linear-gradient(to bottom,#969595 0,#2a2929 100%);} 
.use_ticket_tips{padding: 12px 20px;background-color:#f4f4f4;}


.addressList{margin-top: 30px; }
.addressList .item{margin-bottom: 30px;}
.addressList .item .detailaddress{height: 40px;display: table-cell;vertical-align: middle;}
.addressList .item .jiaobiao{display: none;}
.addressList .default .jiaobiao{display:block; position: absolute;z-index: 99;font-size: 80px;top: -27px;right: 6px;color: #f33b3f;}
.addressList .default .opreat button:nth-child(3){display: none;}

.addressList .item .opreat{background-color: #f2f2f2;border-top: 1px solid #ddd;padding: 6px 10px 8px;text-align: right;}
.addressList .item .opreat button{margin-right: 6px;}
.pointer{cursor: pointer;}



/****发票****/
.fgold{color: #9e520a;}
.fweg{font-weight: normal;}
.fwhite{color: #fff!important;}
.ml10{margin-left: 10px;}
.mb10{margin-bottom: 10px;}
.invoceBox{}
.invoceBox .info-content{margin-bottom: 50px;}
.invoicetable{border: 2px solid #800000;position: relative;}
.invoicetable .info-title{padding: 10px; width: 30px;text-align: center;display: table-cell;height: 100%;vertical-align: middle;border-right: 1px solid #800000;color: #9e520a;font-size: 18px;font-weight: 600;}
.invoicetable .info-line{display: table-cell; padding: 10px;width: 100%;}
.invoicetable .info-line span{display: inline-block;width: 120px;text-align: right;color: #9e520a;font-size: 16px;font-weight: 600;}
.border-top{border-top: 1px solid #800000;}

.order-content span{width: 100%!important;text-align: center!important;;}
.order-content dl{margin: 0;padding: 0;width: 100%;}
.order-content dl dt{display: inline-block;font-weight: normal;border-right: 1px solid #800000;padding: 3px 15px;}
.order-content dl dt:nth-child(1){width: 40%;}
.order-content dl dt:nth-child(2){width: 30%;text-align: right;}
.order-content dl dt:nth-child(3){width: 30%;text-align: center;}
.order-content dl dt:last-child{border-right: none;}

.fillInvoice .form-control{height: 45px;}
.secondform .form-group{margin-left: 0;margin-right: 0;vertical-align: middle;}
.innerAddress{display: inline-block; width: 60%;height: auto;cursor: pointer;position: relative;padding-right: 25px;}
.innerAddress i{position: absolute;right: 5px;top: 45%;}

.selectAddress .addressList{margin-top: 5px;}
.selectAddress .item{cursor: pointer;}
.selectAddress .disabled{cursor: not-allowed;}
.selectAddress .disabled .content-box *{color:#737373!important;}
.selectAddress .item .cansend{position: absolute;right: 60px;color: #f33b3f!important;display: none;}
.selectAddress .disabled .cansend{display: block;}
.selectAddress .selected{border: 1px solid  #f33b3f;background:url(../pres/imgs/checked.png)  no-repeat;background-position:right bottom;}}

 .canuseorder-info{}
 .panel-heading dl dt{border-right: none;text-align: center;}
  .canuseorder-info dl dt{padding: 6px 15px;margin: 0;font-size: 16px;}
 .canuseorder-info label{font-weight: normal;margin: 0;padding: 0;display: inline;cursor: pointer;}
  .canuseorder-info label input{margin: 0;line-height: 18px;}
  .healcard{max-width: 600px;width: 100%;margin: 0 auto;}
  .healcard .qrimgbox{position: relative;}
  .healcard .qrimgbox .qrcode{width: 150px;height: 150px;position: absolute;top: 20px;right: 8px;}
  .healcard .qrimgbox .qrcode img{width: 100%;}
  .healcard .qrimgbox .chapterimg{position: absolute;width: 150px;height: 150px;bottom: -30px;}
  .healcard .qrimgbox .chapterimg img{width: 100%;}

.fixpostion{position: relative;}
 
.certList .certItem{margin: 0 auto;width: 70%;}
.certList .certItem .title{font-size: 22px;font-weight: 600;line-height: 30px; text-align: center;margin-bottom: 20px;}
.scoretable th{text-align: center;}
.scoretable tbody tr td{line-height: 45px;}

.chapterList {}
.chapterList .title{border-top: 1px solid #ddd;padding: 30px 0px;}
.chapterList .title:first-child{border: none;}
.chapterList .chapter-item{padding: 10px 0;}
.chapterList .chapter-item a{color: #000;}
.chapterList .chapter-item a:hover{color: #337ab7;}
.chapterList .line-bar{margin-top: 6px;}
.chapterList .progred{background-color: #ff5959;}

@media  (min-width:1500px){
	.vidplaypage{max-width: 1600px;width: 90%;}
}

@media  (min-width:1200px){
	.vdtable{display: flex;}
	.vdtable .leftplaybox{flex: 1;}
	.vdtable .rightchapterbox{flex: none; max-width: 400px;padding-right: 4px;}
	.vidchapterList{overflow-y: scroll!important;padding-bottom: 50%;max-height: 560px;}
}

@media   (max-width:1100px){
	.vidplaypage{width: 100%!important;padding: 0px 10px;}
}



.p10{padding: 10px;}
.bgwhite{background-color: #fff;}
.vidplaypage{}
.vdtable{}
.vdtable .leftplaybox{margin-bottom: 30px;margin-left: 15px;margin-right: 15px;}
.vdtable .rightchapterbox{margin-right: 15px;z-index: 0; }
.vdtable .leftplaybox .playwindow{background-color:#000;padding: 30px 20px 20px 10px;padding-bottom: 50%;  height: 100%; max-height: 520px;}
.playwindow .vidloading{position: relative;width: 100%;height: 100%;}
.playwindow .vidloading .loadbox{color: #fff;text-align: center;position: absolute;z-index: 999;top: 20%; width: 100%;height: 300px; background-color: #000;}


.playwindow .vidplayend{position: relative;width: 100%;height: 100%;display: none;}
.playwindow .vidplayend .endtxtbox{color: #fff;text-align: center; position: absolute;z-index: 999999;top:150px; width: 100%;height: 300px; background-color: transparent;}
.endopreate-box{background-color: rgba(0,0,0,.6);border: 1px solid #000; width:50%;height: 90%;margin: 0 auto;}



.vdtable .leftplaybox .playwindow .playsize{width: 100%;padding-bottom: 48%;}
.vdtable .leftplaybox .playwindow .tcplayer {margin: 0 auto;}

.playwindow .vidplaytitlebar{position: relative;}
.playwindow .vidplaytitlebar .vidplaytitle{position: absolute;z-index: 999;color: #fff;font-size: 18px;}

.chapterctrl{position: absolute;left: -15px; width: 26px;background-color: rgba(0,0,0,.8);cursor: pointer;}
.closeChapter{top: 26%; color: rgba(255,255,255,.8); border-top-right-radius: 10px;border-bottom-right-radius: 10px;border: 1px solid #000;font-size: 14px;padding: 10px 3px;}
.openChapter{padding:10px 0px 10px 6px;  background-color: rgba(255,255,255,.8);color: rgba(0,0,0,.8);z-index: 10; top:120px;left: auto; right:-20px; border-top-left-radius: 10px;border-bottom-left-radius: 10px;}
.vidchapterList .chapteritems{padding: 10px 0 10px 20px;margin-right: 15px;}
.chapteritems  .title{font-size: 18px;font-weight: 600;}
.chapteritems  .item{cursor: pointer; margin-left: 10px;font-size: 18px;border-top: 1px solid #ddd;position: relative;}
.chapteritems  .item .linepgress{position: absolute;z-index:-1;background-color: rgba(245,245,245,.7);height: 100%;}
.chapteritems  .finish .linepgress{background-color: rgba(243,59,63,.1);}
.chapteritems  .active .linepgress{background-color: #faebcc;}
.chapteritems  .active {color: #f33b3f;}
.chapteritems  .item .content{z-index: 20;padding: 5px 2px;}
.chapteritems  .item .content img{display: none;height: 26px;margin-left: 3px;}
.chapteritems  .item .statusflag{font-size: 14px;color: #777;padding: 2px 15px 5px;}
.statusflag span{width: 32%;display: inline-block;}
.chapteritems  .active .content img{display: inline-block;}
.chapteritems  .finish .linepgress{width: 100%!important;}
.chapteritems  .finish.active .linepgress{background-color: rgba(243,59,63,.1);}

.chapteritems  .item .studying{display: none;}
.chapteritems  .item.active .studying{display: inline-block;}
.chapteritems  .item.finish.active .studying{display: none;}
.chapteritems  .item .endstudy{display: none;}
.chapteritems  .item.finish .endstudy{display: inline-block;}
.chapteritems  .item.finish .studygress{display:none;}
.chapteritems  .item.finish .studyed,.chapteritems  .item.active .studyed{display: none;}




.currentChapter{margin: 10px;padding: 10px}
.currentChapter>div{display: table-cell;height: 150px;vertical-align: middle;}
.teachertab{margin: 10px; padding: 10px;}
.teachertab>div{height: 150px;}
.teachertab .teacherScroolInfo{max-height: 118px;overflow-y: scroll;}


.course-status-tag span:nth-child(0),.course-status-tag span:nth-child(1){width: 25%;display: inline-block;}
.course-status-tag span:nth-child(2){margin-right: 100px;}
.w100{width: 100%;}

.f22{font-size: 22px;font-weight: bold;}
.endbgcolor{background-color: #0386f9;height: 190px;}
.endtopbg{  min-height: 190px;padding-left: 10px; padding-top:60px; color:#fff;background: url(../pres/imgs/studyexam.jpg) no-repeat;background-position: right;background-size:contain ;}

.statusqrcode{width: 150px;height: 150px;}
.statusqrcode img{width: 100%;}
.statustext{height: 150px;display: table-cell;vertical-align: middle;}


.noticeList .noticeItem{border-bottom: 1px solid #ddd;padding: 30px;}
.noticeList .noticeItem:first-child{border-top: 1px solid #ddd;}
.cbdcontent{min-height: 1220px;}
.noticeItem .text-gray{color: #777777;}