.loading_all{text-align: center;font-size: 16px;color: #5c5c5e;width: 100%;height: 64px;line-height: 64px;}
.loading{text-align: center;font-size: 16px;color: #5c5c5e;width: 100%;padding: 50px 0}
.loading span{display: inline-block;position: relative;}
.loading span:before{content: '';position: absolute;left: -45px;top: 10px;background: url(../images/left_dot.png) no-repeat center center;width: 28px;height: 4px;background-size: 28px 10px;}
.loading span:after{content: '';position: absolute;right: -40px;top: 10px;background: url(../images/right_dot.png) no-repeat center center;width: 28px;height: 4px;background-size: 28px 4px;}



.comm_head{background: #F5F5F7;height: 60px;line-height: 60px;width: 100%;padding: 0 20px; box-sizing: border-box;    -moz-box-sizing: border-box;    -webkit-box-sizing: border-box;-ms-box-sizing: border-box; -o-box-sizing: border-box;margin-top: 20px;}
.comm_head .comm_title{font-size: 16px;color: #313233;font-weight: bold;float: left;}
.comm_con{margin-top: 20px;}
.comm_con ul li{display: block;float: left;width: 278px;position: relative;background: #fff;border:1px solid #EBECF2;margin-bottom: 32px; box-sizing: border-box; }
.comm_con .top_img{position: relative;width:278px;height: 210px;overflow: hidden;}
.comm_con .top_img img{width:100%;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;display: block;}
.comm_con .class_info{padding:10px;}
.comm_con .tit{
    font-size: 16px;
    color: #37373B;
    display: inline-block;
    height: 50px;
    /* max-width: 100%; */
    overflow: hidden;
    /* white-space: nowrap; */
    /* text-overflow: ellipsis; */
}
.comm_con .info1{margin-top: 10px;}
.comm_con .info1 span{
    display: inline-block;
    background: #e6e6e6;
    padding: 2px 5px;
    margin-right: 5px;
}

.comm_con .info2{margin-top: 10px;}
.comm_con .info2 .pr_span{
    float: left;
    font-size: 14px;
    display: inline-block;
    padding: 5px 0;
}
.comm_con .info2 .btn_detail {
    float: right;
    display: inline-block;
    font-size: 14px;
    color: #ffffff;
    background: #3477ff;
    padding: 5px;
    border-radius: 3px;
}
 

/*课程详情*/
.class_top{padding-bottom: 36px;border-bottom: 1px solid #EDEDED}
.class_top .classLimg{width: 540px;height: 410px;float: left;}
.class_top .classLimg img{width: 100%;object-fit: cover}
.class_top .classRcon{float: left;margin-left: 30px;width: 630px; position: relative;}
.class_top .classRcon .ap_arcrank{position: absolute;width: 144px;height: 84px; top: 80px;right: 20px;z-index: 1;}
.class_top .classRcon .ap_arcrank0{background: url("../images/arcrank0.png") no-repeat;}
.class_top .classRcon .ap_arcrank2{background: url("../images/arcrank2.png") no-repeat;}
.class_top .classRcon .ap_arcrank3{background: url("../images/arcrank3.png") no-repeat;}
.class_top .classRcon .ap_arcrank999{background: url("../images/arcrank999.png") no-repeat;}
.class_top .classRcon .ap_unshow{background: url("../images/arcrank_unshow.png") no-repeat;}

.class_top .classRcon .class_title{
    font-size: 28px;
    color: #3B3B3B;
    font-weight: bold;
    line-height: 36px;
    margin-bottom: 20px;
}
.class_top .classRcon .class_info{}
.class_top .classRcon .class_info dl {
    margin: 10px 0;
    overflow: hidden;
}
.class_top .classRcon .class_info dl dt{
    float: left;
    vertical-align: middle;
    font-size: 16px;
	color: #999;
}
.class_top .classRcon .class_info dl dd {
    float: left;
    /* margin-left: 7px; */
    font-size: 16px;
    color: #787878;
    font-weight: 700;
}
.class_top .classRcon .see_youhui{ color:#3477ff;}
.class_top .classRcon .det_org {border: 1px solid #EDEDED;border-radius: 4px;background: #FAFBFC;padding: 10px;margin-top: 20px;}
.class_top .classRcon .det_org h3{font-family: "微软雅黑"," 黑体"; font-size: 18px;}
.class_top .classRcon .org_lianxi {margin: 10px 0;overflow: hidden;}
.class_top .classRcon .see_store{font-size: 14px;color: #fff;display: inline-block;padding: 2px 10px;margin-left: 10px;background: #3477ff;border-radius: 12px;}
.class_top .classRcon .see_contact{}
.class_top .classRcon .see_person{}

.class_top .class_entroll{margin-top: 40px; position: relative;}
.class_top .class_entroll .p{}
.class_top .class_entroll a.enroll{
    /* float: left; */
    width: 200px;
    height: 60px;
    background: #23b8ff;
    box-shadow: 0px 7px 23px 0px rgb(51 119 255 / 47%);
    border-radius: 30px;
    line-height: 60px;
    text-align: center;
    color: #fff;
    font-size: 20px;
    display: inline-block;
}
.class_top .class_entroll .source{margin-left:10px;}

.btn_group{position: absolute;width: 145px;right: 0;top: 20px;}
.btn_group button{background: none; border: none; outline: none; cursor: pointer; float: left; text-align: center;}
.btn_group em{display: inline-block; width: 18px; height: 15px; background-repeat: no-repeat;  vertical-align: middle; margin-right: 8px;margin-top: -5px;}
.btn_group .store-btn {float: left;}
.btn_group .store-btn button em{background-image: url(../images/like.png); background-position: top left; background-repeat: no-repeat; }
.btn_group .store-btn.curr button em{background-image: url(../images/like2.png); background-position: top center; background-repeat: no-repeat;width: 20px;height: 17px; }
.btn_group .share-btn{float: right; position: relative;}
.btn_group .share-btn  em{background-image: url(../images/share.png); background-position: top center; background-repeat: no-repeat; width: 16px; height: 16px;  }
#sharre{position: absolute;width: 52px;height: 21px;top: 0;left: 0;right: 0;bottom: 0;opacity: 0}
.btn_group .share-btn span{ font-size: 14px; color:#919191}




.cla_manage .all_class{width:100px;height:26px;background:#B7B9C4;border-radius:3px;line-height: 26px;text-align: center;font-size: 12px;color: #fff;float: right;margin-top: 20px;cursor: pointer;position: relative;}
.cla_manage .all_class:hover:after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0,.1);filter: Alpha(opacity=10); -moz-opacity:0.1;-khtml-opacity: 0.1;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=10);}

.cla_manage .close_all{width:100px;height:26px;background:rgba(183,185,196,1);border-radius:3px;line-height: 26px;text-align: center;font-size: 12px;color: #fff;float: right;margin-top: 20px;cursor: pointer}

/*课程内容*/
.classDetail{width:900px;float:left}
.classDetail .cla_h3{font-size: 16px;font-weight: bold;color: #37373B}
.classDetail .claInfo{border: 1px solid #EDEDED;border-radius: 4px;background: #FAFBFC;width: 100%;box-sizing: border-box;    -moz-box-sizing: border-box;    -webkit-box-sizing: border-box;-ms-box-sizing: border-box; -o-box-sizing: border-box;padding: 0 30px 40px;margin-top: 20px;font-size: 16px;color: #5D5E5E;line-height: 28px;}
.classDetail .claInfo .claDetp{font-size: 16px;color: #37373B;font-weight: bold;margin-top: 40px;margin-bottom: 20px;}
.classDetail .claInfo img{max-width: 100%; height: auto; display: block; margin: 0 auto;}
.classDetail .imglist{border: 1px solid #EDEDED;padding: 20px 30px;margin-top: 20px;}
.classDetail .imglist img{max-width: 100%; height: auto; display: block; margin: 0 auto;}

/*侧栏*/
/*推荐课程*/
.page_right{width: 280px; float:right;}
.cla_command .cla_tit {
    font-size: 16px;
    font-weight: bold;
    color: #37373B;
    margin-top: 20px;
    background: #efefef;
    padding: 5px 10px;
}


/*报名弹窗*/
.entr_mask{position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,.6); z-index: 9999;display: none;}
.entr_container{position: fixed; left: 50%; margin-left: -280px; top: 50%; margin-top: -240px; width: 560px;   box-sizing: border-box;    -moz-box-sizing: border-box;    -webkit-box-sizing: border-box;-ms-box-sizing: border-box; -o-box-sizing: border-box;background-color:#fff;  padding: 20px 20px 30px 30px;z-index: 9999; border-radius: 14px;}
.entr_container .close_alert{width: 14px;height: 14px;position: absolute;right: 20px;top: 20px;cursor: pointer;}
.entr_container p.t1{font-size: 16px;color: #37373b;font-weight: bold;}
.entr_container .entr_div{width: 100%;padding-top: 8px;padding-left: 20px;background: #fcfafb; box-sizing: border-box;    -moz-box-sizing: border-box;    -webkit-box-sizing: border-box;-ms-box-sizing: border-box; -o-box-sizing: border-box;padding-top: 24px;margin-top: 14px;padding-bottom: 30px;margin-bottom: 28px}
.entr_container .entr_div .entr_tit{font-size: 16px;font-weight: bold;color: #37373b;margin-bottom: 20px;}
.entr_container .entr_div .entr_tit2{margin-top: 20px;}
.entr_container form{width: 430px;}
.entr_container form input{display: block;width: 100%;height: 42px;border: 1px solid #dedede;border-radius: 4px;line-height: 42px;margin:10px auto;padding-left: 20px;box-sizing: border-box;    -moz-box-sizing: border-box;    -webkit-box-sizing: border-box;-ms-box-sizing: border-box; -o-box-sizing: border-box;font-size: 14px;color: #5e5e5e}
.entr_container form input::placeholder{color: #919191}
.entr_container form input::-moz-placeholder{color:#919191;}              　　
.entr_container form input::-webkit-input-placeholder{color:#919191;}       
.entr_container form input::-ms-input-placeholder{color:#919191;} 
.entr_confirm{border: 1px solid #dedede;box-sizing: border-box;    -moz-box-sizing: border-box;    -webkit-box-sizing: border-box;-ms-box-sizing: border-box; -o-box-sizing: border-box;width: 430px;padding: 10px;border-radius: 4px;background: #fff}
.entr_confirm .entr_l{width: 200px;height: 150px;float: left;position: relative;overflow: hidden;}
.entr_confirm .entr_l img{width:100%;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;display: block;}
.entr_confirm .entr_r{margin-left: 220px;}
.entr_confirm .entr_r .entr_title{font-size: 18px;color: #363636;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;max-width: 180px;}
.entr_confirm .entr_r .entr_class{font-size: 16px;color: #f85959;margin-top: 10px;}
.entr_container .entr_div .entr_price{font-size: 16px;color: #37373b;margin-top: 25px;font-weight: bold;}
.entr_container .entr_div .entr_price .price_det{font-size: 22px;color: #ff653b;margin-left: 5px;}
.entr_container ul{float: right;}
.entr_container ul li{width: 140px;height: 44px;text-align: center;line-height: 44px;border-radius: 22px;font-size: 16px;color: #fff;font-weight: bold;float: left;cursor: pointer;position: relative;}
.entr_container ul li:hover:after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0,.1);filter: Alpha(opacity=10); -moz-opacity:0.1;-khtml-opacity: 0.1;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=10);border-radius: 22px;}

.entr_container ul li.btn_cancel{background: #c8c9cf;margin-right: 36px;color: #fff}
.entr_container ul li.btn_submit{background: #f85959;margin-right: 4px}
.entr_container ul li.btn_submit a{color: #fff;display: block;}
/* 分页 */
.pagination-gotopage {float: right; margin-left: 15px;}
.pagination-gotopage label {float: left; line-height: 28px; margin-right: 8px;font-size: 14px;color: #5a5a5e;}
.pagination-pages {display: inline-block;}
.pagination-pages a, .pagination-pages span {float: left; min-width: 18px; height: 28px; padding: 0 5px; margin: 0 7px 0 0; text-align: center; line-height: 28px; font-size: 14px; cursor: pointer; color: #BEBFC4; text-decoration: none;background-color:#F5F5F7;border-radius: 3px}
.pagination-pages .curr {background: #f85959; color: #fff;}
.pagination-pages a:hover { background: #f85959; color: #fff;}
.pagination-pages .prev {display: inline-block;}
.pagination-pages .prev,.pagination-pages .next{width: 56px!important;background-color: #F5F5F7;border-radius: 3px}
.pagination-pages .next {padding: 0 8px;}
.pagination-pages .prev.disabled,.pagination-pages .next.disabled{display: none;}


.pagination2 {padding: 10px 0 30px; text-align: center; line-height: 32px; font-size: 14px; color: #BEBFC4; margin-top: 30px;font-weight: bold;}
.pagination .page_info {display: none;}

.fix {position: fixed; top: 0; margin: 0; z-index: 100; width: 1200px;}