.wrap{background: #f6f6f6; padding-bottom: 50px;}
.borderB0{
    border-bottom: 0 !important;
}
/* title */
.t-sggtit{height: 39px; border-bottom: 1px solid #e0e0e0;margin: 26px auto 30px;}
.t-sggtit i{display: inline-block; *display: inline; *zoom: 1; width: 3px; height: 20px; background: #FF0000; margin: -1px 0 0 7px; vertical-align: -2px; *vertical-align: 4px; _vertical-align: 3px; overflow: hidden;}
.t-sggtit .ggtit-l{border-bottom: none; font-weight: bold; padding: 0 3px; line-height: 39px; height: 39px; font-size: 24px; border-bottom: 1px solid #FF0000; color: #333333; font-weight: bold;}
.t-sggtit .more{font-size: 14px;color: #666666;}
.t-sggtit a{line-height: 39px; color: #666; font-size: 14px; vertical-align: middle;}
.t-sggtit a .moreicon{width: 15px; height: 15px; background: url(../images/more.png) no-repeat; vertical-align: middle;}
.t-sggtit .a2{margin: 0 10px;}
.nav-panelBg{height: 46px; line-height: 46px; background: #FF0000;}
.nav-panelBg ul li{position: relative; width: 200px; float: left; text-align: center; font-size: 16px; color: #ffffff; cursor: pointer;}
.nav-panelBg ul li i{display: inline-block; *display: inline; *zoom: 1; width: 10px; height: 7px; background: url(../images/nav1.png) no-repeat center center; margin-left: 10px;}
.nav-panelBg .listbox{width: 100%; background: #fff; position: absolute; z-index: 4;}
.nav-panelBg .listbox a{display: block;}

/* 详情-右侧广告位 */
.r-title{ height:46px; line-height:46px; padding:4px 0 0 0; _margin-top:20px; _height:26px; _line-height:26px;}
.r-title .t1{ font-size:16px;font-weight: bold;}
.r-title .t1 i{ display:inline-block; width:5px; height:14px; background:#FF0000; margin:0 10px 0 0; vertical-align:-2px; *vertical-align:4px; _vertical-align:3px; overflow:hidden;}
.r-title_tab{ height: 39px; border-bottom: 1px solid #e0e0e0;}
.r-title_tab li{ float:left; width:92px; height:39px; line-height:39px; text-align:center; font-size:16px; color:#666; position:relative; cursor:pointer;}
.r-title_tab li span{ width:1px; height:13px; background:#e0e0e0; position:absolute; right:0; top:14px;}
.r-title_tab li.on{ border-bottom: 1px solid #FF0000;}
.r-title_tab li.on i{ display:block; width:11px; height:5px; overflow:hidden; position:absolute; left:50%; margin-left:-5px; bottom:-5px; background-position:-23px -2736px;}


/*详情-课程头部*/
/*详情-课程头部*/
.xq-tmain{ width: 1160px; background: #fff; padding: 30px 20px 30px; margin-bottom: 30px;}
.xq-tmain .mbx{ height: 54px; line-height: 54px; font-size: 14px; color: #999;}
.xq-tmain .mbx a{ color: #999;}
.xq-tmain .piclht{overflow: hidden;width: 511px;height: 288px;position:relative;z-index: 1;}
.xq-tmain .piclht .bd{ z-index:1;}
.xq-tmain .piclht .bd li{float: left;width: 468px;height: 288px;width: 511px;height: 288px;}
.xq-tmain .piclht .bd li img{width: 511px;height: 288px;}
.xq-tmain .piclht .hd{ position: absolute; width: 100%; height:12px; text-align: center; bottom:20px; left:0; z-index: 2;}
.xq-tmain .piclht .hd li{ overflow: hidden; position: relative; display: inline-block; *display: inline; *zoom: 1; width:12px; height:12px; background: #fff; line-height: 40px; opacity:0.3; filter:alpha(opacity=30); cursor:pointer; vertical-align: top; margin: 0 5px; border-radius: 50%;}
.xq-tmain .piclht .hd li.on{ opacity:1; filter:alpha(opacity=100);}
.xq-tmain .rbox{width: 627px;}
.xq-tmain .rbox-tit{ height: 26px; line-height: 22px; font-size: 20px; margin-bottom: 18px;font-weight: 700;}
.xq-tmain .rbox-tit .ms,
.xq-tmain .rbox-tit .wl { display: inline-block; width: 48px; height: 22px; line-height: 22px; border: 1px solid #FF0000; text-align: center; color: #FF0000; font-size: 14px; vertical-align: 2px; margin-right: 12px; border-radius: 0px 6px 0px 6px; font-weight: normal; }
.xq-tmain .rbox-tit .wl{ border: 1px solid #4abaf4; color: #4abaf4;}
/* .xq-tmain .rbox-cen{ background: #eee; margin-bottom: 20px; padding: 12px 0 20px;} */
.xq-tmain .rbox-cen .jg{ height: 44px; line-height: 44px; padding-left: 20px; font-size: 18px; color: #FF0000; font-weight: 700;}
.xq-tmain .rbox-cen .jg b{ font-size: 30px; vertical-align: -4px;}
.xq-tmain .rbox-cen .jg del{ font-size: 14px; color: #999; font-weight: 400; margin-left: 20px;}
.xq-tmain .rbox-cen .jg span{ font-size: 14px; color: #666666; font-weight: normal; vertical-align: bottom; }
.xq-tmain .rbox-cen .jg span.price{
    color: #FF0000;
}
.xq-tmain .rbox-cen .txt,
.xq-tmain .rbox-cen .txt2 {
    overflow: hidden;
    width: 520px;
    min-height: 30px;
    line-height: 45px;
    font-size: 14px;
    color: #666;
    padding-left: 20px;
}
.xq-tmain .rbox-cen .txt2{ width: 650px;}
.xq-tmain .rbox-cen .txt .kmtxt{
    padding: 4px 15px;
    font-size: 14px;
    border: 1px solid #e7e7e7;
    font-weight: normal;
}
.xq-tmain .rbox-cen .xing,.xq-tmain .rbox-cen .xing2{ display: inline-block; width: 16px; height: 15px; vertical-align: middle; margin-right: 5px; background-position: 0 -300px;}
.xq-tmain .rbox-cen .xing2{ background-position: 0 -350px;}
.xq-tmain .rbox-cen .ewm{ top: 20px; right: 30px; width: 106px;}
.xq-tmain .rbox-cen .ewm-pic{ width: 106px; height: 106px;}
.xq-tmain .rbox-cen .ewm-txt{ line-height: 34px; text-align: center; font-size: 14px; color: #666;}

.xq-tmain .rbox-bot{ height: 32px; margin-bottom: 14px; clear: both;}
.xq-tmain .rbox-bot .ltxt{ width: 80px; line-height: 32px; font-size: 14px; color: #666;}
.xq-tmain .rbox-bot .chkName{ position: relative; float:left; margin:0 20px 0 0; width:198px; height:30px; line-height:30px; font-size:14px; text-align:center; cursor:pointer; border:1px solid #ccc; position:relative; overflow:hidden;}
.xq-tmain .rbox-bot .chkName i.gou{ display: none;}
.xq-tmain .rbox-bot .chkName.on{ border:1px solid #f4674b;}
.xq-tmain .rbox-bot .chkName.on i.gou{ display:block; width:16px; height:14px; position:absolute; right:0; bottom:0; background:url(../images/kq_05.png) no-repeat;}
.xq-tmain .rbox-bot .chkName .coursechk{ position:absolute; left:-10px; top:-30px;}

.xq-tmain .rbox-han{ height: 46px; padding-top: 12px;}
.xq-tmain .rbox-han .han { position: relative; overflow: hidden; display: block; width: 180px; height: 44px; background-color: #FF0000; border-radius: 22px; line-height: 44px; text-align: center; font-size: 18px; color: #fff; margin-right: 20px; cursor: pointer; }
.xq-tmain .rbox-han .han:hover{ text-decoration: none; background: #e15f45;}
.xq-tmain .rbox-han .buynum{ font-size: 14px; line-height: 46px; color: #999999; }
.xq-tmain .rbox-han .buynum b{ font-size: 14px; font-weight: normal; color: #FF0000; }
.xq-bmain .xq-left { width: 820px; /* height: 1379px; */ min-height: auto !important; background-color: #ffffff; box-shadow: 0px 5px 30px 0px #e8e8e8; border-radius: 4px; padding: 12px 30px 0; }
.xq-bmain .xq-left .nav{ border-bottom: 1px solid #f5f5f5; }
.xq-bmain .xq-left .nav span{ display: inline-block; *zoom: 1; *display: inline; line-height: 55px; font-size: 18px; margin-right: 46px; cursor: pointer; }
.xq-bmain .xq-left .nav span.on{ font-weight: bold; border-bottom: 3px solid #FF0000; }
.xq-bmain .xq-left .conbox{ font-size: 14px; padding-top: 30px; }
.xq-bmain .xq-left .conbox.conbox1 p,.xq-bmain .xq-left .conbox.conbox2 p{line-height: 30px;}
.xq-bmain .xq-left .conbox .item{ /* margin-bottom: 60px; */ padding: 30px 0; border-bottom: 1px solid #f5f5f5; }
.xq-bmain .xq-left .conbox .item .picbox{ width: 120px; height: 120px; border-radius: 50%; margin-right: 30px; overflow: hidden; vertical-align: middle; }
.xq-bmain .xq-left .conbox .item .picbox img{ width: 120px; height: auto; object-fit: cover; }
.xq-bmain .xq-left .conbox .item .txtbox{ width: 650px; vertical-align: middle; font-size: 14px; padding-bottom: 10px; }
.xq-bmain .xq-left .conbox .item .txtbox .title{ font-size: 18px; color: #333333; font-weight: bold; margin-bottom: 9px; }
.xq-bmain .xq-right .jionFlock .r-box{ width: 290px; height: 250px; background-color: #ffffff; box-shadow: 0px 5px 30px 0px #e8e8e8; border-radius: 4px; padding: 30px 0 0 ; }
.xq-bmain .xq-right .jionFlock .r-title{ line-height: 0; height: auto; margin-bottom: 20px; }
.xq-bmain .xq-right .r-box .qrbox{ width: 250px; height: 225px; background-color: #f3f3f3; border: solid 1px #e4e4e4; margin: 0 auto;border-radius: 10px;}



.xq-bmain .xq-right .r-box .qrbox img{ display: block; width: 150px; height: 150px; margin: 15px auto;}
.xq-bmain .xq-right .r-box .qrbox p{ text-align: center; line-height: 25px; }

.xq-bmain .xq-right .live .item { width: 265px; height: 250px; background-color: #ffffff; box-shadow: 0px 0px 20px 0px #eeeeee; border-radius: 4px; font-size: 16px; color: #333333; padding: 20px 14px 20px; margin-right: 0; margin-bottom: 20px; }
.xq-bmain .xq-right .live .item .info{ height: 100px; }
.xq-bmain .xq-right .live .item .title{ font-weight: 600; }
.xq-bmain .xq-right .live .item .title .hot{ width: 47px; height: 28px; background: url(../images/hot.png) no-repeat center center; top: 0; right: 3px; }

.xq-bmain .xq-right .live .item .title .state{ font-size: 12px; padding: 1px 2px; border-radius: 2px; margin-right: 8px; font-weight: normal; }
.xq-bmain .xq-right .live .item .title .zbz{ border: solid 1px #FF0000; color: #FF0000; }
.xq-bmain .xq-right .live .item .title .zbing{ border: solid 1px #FF0000; color: #FF0000; }
.xq-bmain .xq-right .live .item .title .zbend { border: solid 1px #999898; color: #999898; }
.xq-bmain .xq-right .live .item .time{ font-size: 12px; vertical-align: middle; margin-top: 13px; }
.xq-bmain .xq-right .live .item .time .tmicon{ display: inline-block; width: 12px; height: 12px; background: url(../images/time.png) no-repeat center center; vertical-align: middle; margin-top: -4px; margin-right: 8px; }
.xq-bmain .xq-right .live .item .fdtxt{ display: inline-block; padding: 0 12px; line-height: 24px; background-color: #f5f5f5; border-radius: 0px 6px 0px 6px; margin-top: 12px; font-size: 12px; }
.xq-bmain .xq-right .live .item .teabox{ /* margin-top: 40px; */ }
.xq-bmain .xq-right .live .item .teabox .list{ display: inline-block; *zoom: 1; *display: inline; font-size: 12px; }
.xq-bmain .xq-right .live .item .teabox .list .imgbox{ display: inline-block; *zoom: 1; *display: inline; width: 260px; height: 150px;  vertical-align: middle; margin-right: 14px; overflow: hidden; margin-bottom: 7px; }
.xq-bmain .xq-right .live .item .teabox .list .imgbox img{ width: 265px; height: auto; object-fit: cover; }
.xq-bmain .xq-right .live .item .teabox .pritxt{ display: inline-block; *zoom: 1; *display: inline; font-size: 14px; line-height: 18px; color: #FF0000; }
.xq-bmain .xq-right .live .item .teabox .pritxt b{ color: #FF0000; font-size: 17px; }
.xq-bmain .xq-right .live .item .line{ width: 250px; height: 1px; background-color: #f6f6f6; margin: 20px auto; }
.xq-bmain .xq-right .live .item .bottom{ font-size: 12px; }
.xq-bmain .xq-right .live .item .bottom .left{ line-height: 32px; }
.xq-bmain .xq-right .live .item .bottom .left b{ color: #FF0000; }
.xq-bmain .xq-right .live .item .bottom .buybtn{ width: 90px; height: 32px; line-height: 32px; text-align: center; background-color: #FF0000; border-radius: 16px; font-size: 12px; color: #ffffff; }
.xq-bmain .xq-right .live .item .bottom .buybtn.zbing{ background-color: #FF0000; color: #ffffff; }

.xq-bmain .xq-right .live .item .bottom .buybtn.zbend{width: 88px;height: 30px;line-height: 30px;background-color: #fff;color: #FF0000;border: 1px solid #FF0000;}
.xq-bmain .xq-right .live .item .bottom .buybtn.yuyue{background-color: #FF0000;color: #ffffff;}
.xq-bmain .xq-right .live .item .bottom .buybtn.zbyuyueend{width: 88px;height: 30px;line-height: 30px;background: #FFFFFF;border: 1px solid #E2E2E2;color: #cccccc;}

/* 2022/4/28 新增代码 */
/* 分享c */
.new-share.share { height: 36px; padding-bottom: 23px; width: auto; min-height: 20px;padding: 0; background: none; }
.new-share.share .info-share{ width:400px;}
.new-share.share .info-share a{ margin: 0; padding: 0; height: auto;}
.new-share.share .info-share .bds_more{ background: none; color: #666; line-height: 36px; margin-right: 10px;}
.new-share.share .info-share .bds_weixin{ width: 36px; height: 36px; margin-right: 20px; background:url(../images/ico.png) no-repeat 0 -183px;  _background:url(../images/ico.gif) no-repeat 0 -183px;}
.new-share.share .info-share .bds_qzone{ width: 36px; height: 36px; margin-right: 20px; background:url(../images/ico.png) no-repeat 0 -228px;  _background:url(../images/ico.gif) no-repeat 0 -228px;}
.new-share.share .info-share .bds_tsina{ width: 36px; height: 36px; margin-right: 20px; background:url(../images/ico.png) no-repeat 0 -271px;  _background:url(../images/ico.gif) no-repeat 0 -271px;}
.new-share.share .jc{ line-height: 36px; color: #666;}
.new-share.share .jc-an{ display: block; width: 40px; height: 18px; border: 1px solid #cccccc; line-height: 18px; text-align: center; color: #999; border-radius: 3px; margin: 8px 12px 0 0;}
.new-share.share .jc-an:hover{ border: 1px solid #FF0000; color: #FF0000; text-decoration: none;}
@font-face{font-family:"socialshare";src:url("/css/2020share/iconfont.eot");src:url("../fonts/iconfont.eot") format("embedded-opentype"),url("../fonts/iconfont.ttf") format("truetype"),url("../fonts/iconfont.svg#iconfont") format("svg")}.social-share{font-family:"socialshare" !important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale}.social-share *{font-family:"socialshare" !important}.social-share .icon-tencent:before{content:"\f07a"}.social-share .icon-qq:before{content:"\f11a"}.social-share .icon-weibo:before{content:"\f12a"}.social-share .icon-wechat:before{content:"\f09a"}.social-share .icon-douban:before{content:"\f10a"}.social-share .icon-heart:before{content:"\f20a"}.social-share .icon-like:before{content:"\f00a"}.social-share .icon-qzone:before{content:"\f08a"}.social-share .icon-linkedin:before{content:"\f01a"}.social-share .icon-diandian:before{content:"\f05a"}.social-share .icon-facebook:before{content:"\f03a"}.social-share .icon-google:before{content:"\f04a"}.social-share .icon-twitter:before{content:"\f06a"}.social-share a{position:relative;text-decoration:none;margin:4px;display:inline-block;outline:none}.social-share .social-share-icon{position:relative;display:inline-block;width:32px;height:32px;font-size:20px;border-radius:50%;line-height:32px;border:1px solid #666;color:#666;text-align:center;vertical-align:middle;transition:background 0.6s ease-out 0s}.social-share .social-share-icon:hover{background:#666;color:#fff}.social-share .icon-weibo{color:#ff763b;border-color:#ff763b}.social-share .icon-weibo:hover{background:#ff763b}.social-share .icon-tencent{color:#56b6e7;border-color:#56b6e7}.social-share .icon-tencent:hover{background:#56b6e7}.social-share .icon-qq{color:#56b6e7;border-color:#56b6e7}.social-share .icon-qq:hover{background:#56b6e7}.social-share .icon-qzone{color:#FDBE3D;border-color:#FDBE3D}.social-share .icon-qzone:hover{background:#FDBE3D}.social-share .icon-douban{color:#33b045;border-color:#33b045}.social-share .icon-douban:hover{background:#33b045}.social-share .icon-linkedin{color:#0077B5;border-color:#0077B5}.social-share .icon-linkedin:hover{background:#0077B5}.social-share .icon-facebook{color:#44619D;border-color:#44619D}.social-share .icon-facebook:hover{background:#44619D}.social-share .icon-google{color:#db4437;border-color:#db4437}.social-share .icon-google:hover{background:#db4437}.social-share .icon-twitter{color:#55acee;border-color:#55acee}.social-share .icon-twitter:hover{background:#55acee}.social-share .icon-diandian{color:#307DCA;border-color:#307DCA}.social-share .icon-diandian:hover{background:#307DCA}.social-share .icon-wechat{position:relative;color:#7bc549;border-color:#7bc549}.social-share .icon-wechat:hover{background:#7bc549}.social-share .icon-wechat .wechat-qrcode{display:none;border:1px solid #eee;position:absolute;z-index:9;top:-205px;left:-84px;width:200px;height:192px;color:#666;font-size:12px;text-align:center;background-color:#fff;box-shadow:0 2px 10px #aaa;transition:all 200ms;-webkit-tansition:all 350ms;-moz-transition:all 350ms}.social-share .icon-wechat .wechat-qrcode.bottom{top:40px;left:-84px}.social-share .icon-wechat .wechat-qrcode.bottom:after{display:none}.social-share .icon-wechat .wechat-qrcode h4{font-weight:normal;height:26px;line-height:26px;font-size:12px;background-color:#f3f3f3;margin:0;padding:0;color:#777}.social-share .icon-wechat .wechat-qrcode .qrcode{width:105px;margin:10px auto}.social-share .icon-wechat .wechat-qrcode .qrcode table{margin:0 !important}.social-share .icon-wechat .wechat-qrcode .help p{font-weight:normal;line-height:16px;padding:0;margin:0}.social-share .icon-wechat .wechat-qrcode:after{content:'';position:absolute;left:50%;margin-left:-6px;bottom:-13px;width:0;height:0;border-width:8px 6px 6px 6px;border-style:solid;border-color:#fff transparent transparent transparent}.social-share .icon-wechat:hover .wechat-qrcode{display:block}

.rbox-han{ position: relative; }
.sharebox{ display: inline-block; position: absolute; right: 0; transform: scale(0.9) }
.sharebox .new-share.share{ display: inline-block; }
.sharebox .appShare{ position: relative; display: inline-block; width: 114px; height: 35px; background: url(../images/app.png) no-repeat; font-size: 14px; color: #FF0000; line-height: 35px; top: -9px; right: -5px; cursor: pointer; }
.sharebox .appShare .tit{ display: inline-block; text-indent: 44px; }
.sharebox .appShare .appInfo{ display: none; position: absolute; right: -30px; top: 65px; width: 440px; min-height: 290px; background: #fff; box-shadow: 0 0 20px #ccc; color: #333; }
.sharebox .appShare .appInfo:after{ position: absolute; top: -17px; right: 68px; content: ' '; width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-bottom: 19px solid #fff; }
.sharebox .appShare .top{ margin-top: 30px; padding: 30px 30px 0 30px; margin-bottom: 30px; }
.sharebox .appShare .top .qr{ display: block; width: 145px; height: 145px; padding: 10px; border: 1px solid #f5f4f4; box-shadow: 0 0 20px #ccc; }
.sharebox .appShare .top .txt{ display: block; width: 183px; color: #333333; margin-left: 30px; font-size: #666666; font-size: 14px; }
.sharebox .appShare .top .txt h4{ font-size: 18px; margin-bottom: 20px; }
.sharebox .appShare .top .txt .item{ width: 89px; display: inline-block; margin-bottom: 13px; }
.sharebox .appShare .appInfo .botm{ text-align: center; background: #fcfcfc; padding-bottom: 20px; }
.sharebox .appShare .appInfo .botm .list{ margin: 18px; }
.sharebox .appShare .appInfo .botm .list .t1{ font-size: 12px; color: #999999; }
.sharebox .appShare .appInfo .botm .list .t2{ font-size: 14px; }
.sharebox .appShare .txtcon{ position: relative; bottom: -10px; width: 102px; height: 18px; line-height: 18px; margin: 0 auto; text-align: center; font-size: 14px; }

.botqr{
    margin-left: -30px;
    border-top: 30px solid #F6F6F6;
    width: 820px;
    height: 160px;
    background: #fff;
    padding: 30px;
    margin-top: 2px;
}
.botqr .item{
    width: 385px;
    height: 160px;
    border: 1px solid #f6f6f6;
    border-left: 6px solid #f6f6f6;
}
.botqr .item>img{
    width: 120px;
    height: 120px;
    margin: 18px;
}
.botqr .item .txt{
    width: 210px;
    text-align: center;
    font-size: 16px;
    margin-top: 40px;
}