/*子页辅助样式*/
.red { color: #e65050; }
.left-auto { position: relative; display: block; overflow: hidden; _zoom: 1; float:left;width:calc(100% - 275px);}
.right-auto { position: relative; display: block; overflow: hidden; _zoom: 1;width:calc(100% - 275px); }
.right-260 { position: relative; display: block; float: right; width: 260px; overflow: hidden; margin-left:15px;}
.left-260 { position: relative; display: block; float: left; width: 260px; overflow: hidden;margin-right:15px; }
.left-925 { position: relative; float: left; margin: 0; padding: 0; width: calc(100% - 235px); }
.left-220 { position: relative; display: block; float: left;padding: 0; width: 220px; margin-left:15px;}
.right-320{position: relative; display: block; float: right; width: 320px; overflow: hidden; margin-left:15px;}
.left-t320 { position: relative; display: block; overflow: hidden; _zoom: 1; float:left;width:calc(100% - 335px);}
.bg-wrap { margin: 0; padding: 0; background: #fff; }
.bg-wrap:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.bg-wrap.nobg { background: none; }
.line15 { clear: both; font-size: 0px; height: 15px; overflow: hidden; }

.sidebar-box { margin: 0 0 15px; padding: 20px; background: #fff; }
.sidebar-box h4 { margin: 0; padding: 0 0 15px; border-bottom: 1px solid #e0e0e0; color: #333; font-size: 16px; font-weight: 300; line-height: 20px; }
.sidebar-box .txt-list li { margin-top: 15px; line-height: 20px; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.sidebar-box .txt-list li label { display: inline-block; margin: 0 5px 0 0; width: 16px; height: 16px; line-height: 16px; color: #fff; font-size: 12px; font-weight: 400; text-align: center; background: #999; border-radius: 2px; vertical-align: middle; }
.sidebar-box .txt-list li label.hot { background: #f40; }
.sidebar-box .txt-list li a { line-height: 20px; }
.sidebar-box .side-img-list { padding-bottom: 0; }
.sidebar-box .side-img-list li { padding: 10px 0; }
.sidebar-box .tags-box { margin: 0 0 0 -10px; }
.sidebar-box .tags-box:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.sidebar-box .tags-box a { display: block; float: left; margin: 10px 0 0 10px; padding: 5px; color: #555; font-size: 12px; line-height: 20px; border: 1px solid #f0f0f0; }
.sidebar-box .tags-box a:hover { border-color: #f77e20; }
.tags-box a i { margin-left: 2px; color: #999; font-style: normal; }
.side-img-list { text-align: left; padding: 10px 0 11px 0; background: #fff; }
.side-img-list li { display: block; padding: 10px 15px; }
.side-img-list li:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.side-img-list li .img-box { position: relative; float: left; width: 60px; height: 60px; overflow: hidden; }
.side-img-list li .img-box label { position: absolute; top: 1px; left: 1px; display: block; width: 16px; height: 16px; line-height: 16px; color: #fff; font-size: 12px; font-weight: normal; text-align: center; background: #666; }
.side-img-list li:first-child .img-box label { background: #f40; }
.side-img-list li .img-box img { margin: 0; padding: 0; border: 1px solid #ebebeb; width: 58px; height: 58px; object-fit: cover;object-position: center;}
.side-img-list li .txt-box { display: block; margin-left: 75px; font-size: 12px; }
.side-img-list li .txt-box a { display: block; height: 40px; line-height: 20px; overflow: hidden; }
.side-img-list li .txt-box span { display: block; color: #999; height: 20px; line-height: 20px; }
/*类别列表*/
.navbar li { padding-top: 10px; }
.navbar li h5 { display: block; color: #f77e20; font-size: 14px; font-weight: normal; line-height: 30px; }
.navbar li p { font-size: 12px; line-height: 30px; }
.navbar li p a { display: inline-block; margin-right: 5px; }

/*内容标题样式*/
.meta { margin: 0; padding: 50px 50px 0 50px; }
.meta:after { clear: none; content: ""; display: block; height: 0; visibility: hidden; }
.meta h2 { margin: 0 0 20px; padding: 0; color: #333; font-size: 24px; font-weight: 300; line-height: 1em;font-weight:bold; }
.meta .info { margin: 0 0 10px; position: relative; }
.meta .info span { margin-right: 10px; color: #b0b0b0; font-size: 12px; line-height: 14px; }
.meta .info span i { margin-right: 5px; display: inline-block; font-size: 14px; }
.meta .note { margin-top: 10px; padding: 15px 20px; background: #f5f5f5; line-height: 22px; color: #757575; font-size: 12px; }
.meta .info .jshare { position: absolute; right: 0; top: 0; }
/*内容详细样式*/
.entry { margin-top: 20px; padding: 0 50px 15px; font-size: 14px; line-height: 2em; word-wrap: break-word; }
.entry img { max-width: 100% !important; height: auto !important; }
.entry h2, .entry h3, .entry h4 { margin: 0.8em auto; padding-bottom: 5px; border-bottom: 1px solid #f6f6f6; color: #333; }
.entry h2 { font-size: 1.2em; }
.entry h3, .entry h4 { font-size: 1.1em; }
.entry strong { color: #DC2523; }
.entry ul, .entry ol { margin: 1em; padding: 0; }
.entry li { margin-left: 1em; }
.entry ul li { list-style: disc outside none; }
.entry ol li { list-style: decimal outside none; }
.entry p { display: inherit; margin: 1em 0; color: #333; word-wrap: break-word; }
.entry a { text-decoration: underline; }
.entry code { display: block; padding: 0.5em; background: #eee; border-radius: .5em; color: #777; font-family: 'courier new'; font-size: 12px; line-height: 1.7em; }
.entry table { margin: 10px auto; border-left: 1px solid #eee; border-top: 1px solid #eee; }
.entry table th { background: #F9F9F9; text-align: center; }
.entry table td, .entry table th { border-bottom: 1px solid #eee; border-right: 1px solid #eee; padding: 0.35em 0.5em; }

/*上下一条样式*/
.next-box { position: relative; padding: 10px 50px 20px; line-height: 20px; color: #444; font-size: 14px; }
.next-box:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.next-box p { display: block; width: 49%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;color:#999; }
.next-box p a { color: #000; }
.next-box p.prev { float: left; }
.next-box p.next { float: right; }

/*相关列表样式*/
.rel-list { margin-top: -15px; }
.rel-list:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.rel-list .nodata { color: #999; font-size: 14px; line-height: 50px; }
.rel-list li { display: block; float: left; margin: 15px auto 0 0; padding: 0; width: 50%; overflow: hidden; _float: none; _width: auto; }
.rel-list li .img-box { position: relative; display: block; float: left; width: 98px; height: 98px; border: 1px solid #e8e8e8; overflow: hidden; }
.rel-list li .img-box img { min-width: 100%; min-height: 100%; width: 100%; _height: 100%; overflow: hidden; object-fit: cover;object-position:center;}
.rel-list li .info { margin: 0 auto 0 115px; padding-right: 15px; _margin-top: -15px; _padding-right: 0; }
.rel-list li .info h3 { display: block; font-size: 14px; font-weight: normal; height: 30px; line-height: 30px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.rel-list li .info p { color: #555; font-size: 12px; height: 48px; line-height: 22px; overflow: hidden; }
.rel-list li .info span { line-height: 22px; color: #999; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.rel-box { position: relative; padding: 0 50px 0; }
.rel-box .rel-list { margin: 0 0 15px 0; }

.slide-tit { border-bottom: 1px solid #f0f0f0; line-height: 1em; font-size: 16px; font-weight: normal; }
.slide-tit strong { padding: 10px 0; float: right; color: #999; font-size: 12px; font-weight: normal; }
.slide-tit span { position: relative; top: 1px; display: inline-block; padding: 10px 0; border-bottom-width: 1px;border-bottom-style:solid; }
/*图文列表样式*/
.n-list { padding: 15px 30px; }
.n-list li { display: block; padding-bottom: 15px; border-bottom: 1px solid #f0f0f0; overflow: hidden; position:relative;}
.n-list li:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.n-list li h2 { padding: 15px 0 15px; font-size: 18px; line-height: 24px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.n-list li h2 a { color: #333; text-decoration: none; }
.n-list li h2 a:hover { color: #f77e20; }
.n-list li .note{overflow:hidden;}
.n-list li .note b { position: relative; display: block; float: left; margin-right: 16px; width: 200px; height: 118px; border: 1px solid #e8e8e8; font-style: normal; }
.n-list li .note b img { min-width: 100%; min-height: 100%; width: 100%; _height: 100%; object-fit: cover;object-position:center;}
.n-list li .note b.download{width:118px;border:0;}
.n-list li .note b.download img{object-fit:contain;max-width:100%;max-height:100%;}
.n-list li .note p { display: block; font-size: 14px; max-height: 84px; line-height: 28px; font-weight: 500; color: #666; overflow: hidden; }
.n-list li .note .info { padding-top: 10px; height: 20px; line-height: 20px; }
.n-list li .note .info span { margin-right: 10px; color: #999; font-size: 12px; }
.n-list li .note .info span i { margin-right: 3px; font-size: 12px; }
.n-list li .rightBtn{position:absolute;right:0;border-width:1px;border-style:solid;width:120px;top:50%;margin-top:-18px;display:inline-block;height:36px;line-height:36px;text-align:center;border-radius:5px;}
.n-list li .rightBtn:hover{color:#fff !important;}
.n-list .nodata { margin-top: 30px; color: #666; font-size: 14px; line-height: 100px; text-align: center; }

/*会员头像容器*/
.avatar-box { padding: 10px 15px; border-bottom: 1px solid #e0e0e0; height: 60px; background: #fafafa; border-top-left-radius:10px; border-top-right-radius:10px;}
.avatar-box .img-box { position: relative; display: block; float: left; margin-right: 10px; width: 60px; height: 60px; border-radius: 60px; background: #fff; text-align: center; overflow: hidden; }
.avatar-box .img-box img { padding: 2px; width: 54px; height: 54px; border: 1px solid #f5f5f5; border-radius: 60px; background: #fff; }
.avatar-box .img-box i { color: #ccc; font-size: 54px; line-height: 78px; background: #fff; }
.avatar-box h3 { margin: 0; color: #333; font-weight: normal; line-height: 32px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.avatar-box p { color: #666; font-size: 14px; line-height: 20px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.avatar-box p b { font-weight: normal; }
/*会员中心导航*/
.center-nav {margin:5px 0;}
.center-nav ul li { padding: 0; overflow: hidden; border-bottom:1px #eee solid;}
.center-nav ul li:last-child{border-bottom:0;}
.center-nav ul li h2 { font-size: 16px; height:46px;line-height:46px;padding:0 15px 0 15px;cursor:pointer;position:relative;}
.center-nav ul li h2:hover{background:#f7f7f7;}
.center-nav ul li h2 i.fa-chevron-down,.center-nav ul li h2 i.fa-chevron-up {  font-size: 14px; position:absolute;right:15px;top:18px;color:#999;}
.center-nav ul li h2 span { font-weight: bold; }
.center-nav ul li h2 i.itemStartIcon{margin-right:5px;}
.center-nav ul li h2.currectActived{border-bottom:1px #eee solid;font-weight:bold;}
.center-nav ul li .list { font-size: 14px; margin-bottom:5px;display:none;}
.center-nav ul li .list p {height:40px;line-height:40px;}
.center-nav ul li .list a { display: block; height: 40px; line-height: 40px;padding-left:58px; position:relative;border-left-width:2px;border-left-style:solid;border-left-color:#fff;}
.center-nav ul li .list a:hover{background-color:#f1f1f1;border-left-color:#f1f1f1;}
.center-nav ul li .list a i { font-size:14px;position:absolute;left:38px;top:15px;}
.center-nav ul li .list a.currectSelected{background-color:#f1f1f1;}
.center-head { margin: 15px 50px 0; padding: 15px; background: #fafafa; }
.center-head .img-box { display: block; float: left; width: 116px; height: 116px; text-align: center; border-radius: 110px; background: #fff; overflow: hidden; }
.center-head .img-box img { padding: 2px; width: 110px; height: 110px; border: 1px solid #f5f5f5; border-radius: 110px; background: #fff; }
.center-head .img-box i { color: #ccc; font-size: 110px; line-height: 1.3em; }
.center-head .list-box { position: relative; display: block; margin-left: 135px; }
.center-head .list-box h3 { display: block; color: #333; font-size: 16px; font-weight: normal; line-height: 42px; }
.center-head .list-box ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.center-head .list-box ul li { display: block; float: left; width: 33.32%; color: #666; font-size: 14px; line-height: 32px; }
.center-head .list-box ul li p { text-align: center; }
.center-head .list-box ul li .link-btn { display: inline-block; padding: 5px 15px; color: #fff !important; font-size: 12px; line-height: 18px; vertical-align: middle; }
.center-info { position: relative; margin: 0 50px 0; padding: 15px 30px; background: #fff; }
.center-info ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.center-info ul li { display: block; float: left; width: 50%; _width: 49.8%; line-height: 30px; color: #333; }
.center-tit { margin: 0 50px; padding: 10px 15px; background: #fafafa; line-height: 24px; }
.center-tit span { float: right; font-size: 12px; }
.center-tit h3 { color: #000; font-size: 14px; font-weight: normal; font-weight:bold;}
.center-tit h3 i { margin-right: 5px; font-size: 14px; }

.sub-tit { margin: 0 50px 10px; padding-top: 35px; height: 42px; border-bottom: 1px solid #e0e0e0; font-size: 16px; }
.sub-tit a.add { display: block; margin-right: 10px; float: right;  font-size: 14px; line-height: 42px; }
.sub-tit a.add i { display: inline-block; margin-right: 5px;  font-size: 14px; }
.sub-tit ul { display: inline-block; }
.sub-tit ul li { margin: 0; padding: 0; display: inline-block; *display: inline; *zoom: 1; }
.sub-tit ul li a { display: inline-block; padding: 0 15px; line-height: 42px; }
.sub-tit ul li.selected a { border-bottom-width: 2px;border-bottom-style:solid; }

/*表格样式*/
.table-wrap { margin: 0 50px 20px; }
.ftable { margin: 15px 0; width: 100%; border: 1px solid #f0f0f0; background: #fff; }
.mtable { margin: 15px 0; width: 100%; background: #fff; _width: auto; }
.mtable th, .ftable th { padding: 15px; color: #6e717a;  font-weight: 400; background: #fbfbfb; border-bottom: 1px solid #e8e8e8; }
.mtable td, .ftable td { padding: 15px; color: #333; border-bottom: 1px solid #F3F3F3; }
.ftable td .img { padding: 1px; width: 60px; height: 60px; border: 1px solid #e8e8e8; }
.ftable td s { color: #999; text-decoration: line-through; }
.mtable .tr_odd_bg, .ftable .tr_odd_bg { background: #f9f9f9; }
.ftable tr:hover td,.mtable tr:hover td{background-color:#fafafa;}

/*科目导航*/
.textbook-nav i { margin-right: 5px; }
.textbook-nav-box { width: 800px; }
.textbook-nav-box a { display: inline-block; padding: 8px 12px; margin: 8px; border: 1px #eee solid; background: #fafafa;border-radius:10px;}
.textbook-nav-box a:hover, .textbook-nav-box a.selected { color: #000; border-color: #999; background:#eee;}

/*会员卡券*/
.vipcard { width: calc((100% - 30px) / 3); float: left; height: 240px; display: inline; background: #eee; border-radius: 12px; position: relative; }
.vipcard:nth-child(2) { margin-left:15px ;margin-right:15px; }
.vipcard:nth-of-type(n+4){margin-top:15px;}
.vipcard .cardimg { width: 100%; height: 200px; border-radius: 12px; object-fit:cover;object-position:center; }
.vipcard .vcLogo { position: absolute; left: 15px; top: 15px; color: #fff; font-size: 16px; display: inline-block; max-width: 200px; overflow: hidden; text-shadow: 1px 1px 1px #333; }
.vipcard .vcValue { position: absolute; right: 10px; top: 10px; font-size: 18px; color: #fff; display: inline-block; width: 108px; height: 36px; padding-top: 20px; padding-left: 10px; background: url(/images/vipcardvalue.png) no-repeat 0 0; }
.vipcard .vcTitle { position: absolute; left: 0; top: 77px; width: 100%; height: 46px; display: inline-block; overflow: hidden; line-height: 46px; color: #fff; font-size: 20px; text-align: center; font-weight:bold;}
.vipcard .vcNo { position: absolute; left: 15px; top: 15px; color: #fff; text-shadow: 1px 1px 1px #333; }
.vipcard .vcExpires { position: absolute; right: 15px; top: 175px; color: #fff; text-shadow: 1px 1px 1px #333; }
.vipcard .vcPrice { position: absolute; left: 15px; bottom: 8px; font-size: 16px; color: #f40; font-weight: bold; }
.vipcard .vcBuyDate { position: absolute; left: 15px; bottom: 9px; }
.vipcard a.vcContent { position: absolute; right: 15px; bottom: 9px; }
.vipcard .vcBuyBack { width: 100%; height: 200px; border-radius: 12px; display: block; background: #000; opacity: 0.6; position: absolute; left: 0; top: 0; z-index: 1; display: none; }
.vipcard a.vcBuy { position: absolute; position: absolute; left: 50%; top: 50%; width: 120px; height: 40px; margin: -40px 0 0 -60px; z-index: 2; display: none;  color: #fff !important; text-align: center; line-height: 40px; border-radius: 3px; font-size: 14px; }
.vipcard[sale]:hover .vcBuyBack, .vipcard[sale]:hover a.vcBuy { display: block; }
.vipofflineimg { display: inline-block; width: 60px; height: 47px; background: url(/images/vipcardoffline.png) no-repeat 0 0; position: absolute; left: 10px; top: 75px; z-index: 3; }
.vipoverdueimg { display: inline-block; width: 65px; height: 49px; background: url(/images/vipcardcancel.png) no-repeat 0 0; position: absolute; left: 10px; top: 75px; z-index: 3; }

/*物流样式*/
.accept-box { margin-bottom: 50px; padding: 0; background: #fff; border: 1px solid #f0f0f0; }
.accept-box dl { padding: 0 !important; }
.accept-box dl.head { position: relative; margin: 0; padding: 0; background: #fbfbfb; border-bottom: 1px solid #e8e8e8; }
.accept-box dl.head dd { margin-left: 10px; }
.accept-box dl.head .btn-pay { position: absolute; top: 6px; right: 6px; display: block; padding: 0 15px; color: #fff !important; font-size: 12px; height: 24px; line-height: 24px; background: #52A152; border: 1px solid #417F41; border-radius: 2px; }
/*订单进度*/
.order-progress { position: relative; margin: 20px 50px; height: 55px; }
.order-progress li { position: relative; float: left; width: 20%; text-align: center; }
.order-progress.mini li { width: 25%; }
.order-progress li .progress { display: block; margin-right: 1px; line-height: 20px; color: #424242; font-size: 12px; text-align: center; background: #eee; }
.order-progress li .info { display: block; margin-top: 15px; line-height: 20px; color: #757575; font-size: 12px; text-align: center; }
.order-progress li.active .progress { color: #fff; background: #83c44e; }
.order-progress li.first .progress { border-top-left-radius: 20px; border-bottom-left-radius: 20px; }
.order-progress li.last .progress { border-top-right-radius: 20px; border-bottom-right-radius: 20px; }
/*学员中心分页*/
.page-foot .btn-box a { display: inline-block; margin-right: 10px; padding: 5px 15px; line-height: 20px; border: 1px solid #eee; font-size: 12px; vertical-align: middle; }
.page-foot .right { float: right; }

/*内容相册样式*/
.album-list { position: relative; margin: 0 50px; }
.album-list:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.album-list ul { margin: 0 0 0 -15px; *zoom: 1; }
.album-list li { float: left; width: 25%; }
.album-list li a { display: block; margin: 15px 0 0 15px; padding: 1px; border: 1px solid #e8e8e8; }
.album-list li a img { display: block; width: 100%; height: auto; }
/*附件下载样式*/
.attach-list { margin: 0 50px 15px; color: #757575; }
.attach-list ul li { margin-top: 15px; padding: 15px; border: 1px solid #ebebeb; }
.attach-list ul li .link-btn { display: block; float: right; margin-top: 7px; padding: 5px 15px; border-width:1px;border-style:solid; line-height: 20px; font-size: 14px; cursor: pointer; color:#fff !important;}
.attach-list ul li .link-btn i { font-size: 14px; }
.attach-list ul li .icon-box { display: inline-block; margin-right: 5px; line-height: 38px; color: #ccc; }
.attach-list ul li .icon-box i { font-size: 38px; }
.attach-list ul li .info { display: inline-block; }
.attach-list ul li .info h3 { line-height: 20px; color: #333; font-size: 16px; }
.attach-list ul li .info span { margin-right: 5px; line-height: 18px; color: #999; font-size: 12px; }

/*类别导航样式*/
.screen-box { display: block; position: relative; margin: 0 0 15px; padding: 0 15px; background: #fff;border-radius: 10px; }
.screen-box dl { margin: 0; padding: 5px 0; clear: both; display: block; border-top: 1px solid #f7f7f7; }
.screen-box dl:after { clear: none; content: ""; display: block; height: 0; visibility: hidden; }
.screen-box dl:first-child { border-top: none; }
.screen-box dl dt { display: block; float: left; padding-left: 10px; width: 80px; line-height: 40px;font-weight:bold; }
.screen-box dl dd { position: relative; margin-left: 92px; padding-top: 6px; overflow: hidden; }
.screen-box dl dd a { display: inline-block; margin: 0 6px 6px 0; padding: 8px 10px;  line-height: 12px; border-radius: 10px;}

/*排序样式*/
.sort-box { position: relative; margin: 0 0 15px; height: 36px; background: #fff; overflow: hidden; }
.sort-box a { display: block; float: left; margin-left: -1px; padding: 0 15px; line-height: 36px; height: 36px; border-left: 1px solid #e8e8e8; border-right: 1px solid #e8e8e8; }
.sort-box a.skinSelectedBgColor{color:#fff !important;}

/*图片列表样式*/
.img-list { }
.img-list:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.img-list .nodata { color: #999; line-height: 80px; text-align: center; }
.img-list li { position: relative; float: left; width: calc((100% - 80px) / 5);border-radius: 10px; height: 290px; margin-right: 20px;margin-top: 20px;box-shadow: 0 0 10px #eee; background:#fff;}
.img-list li:nth-child(5n+0){margin-right:0;}
.img-list li:hover { box-shadow:0 0 20px #ccc; }
.img-list li:hover img{transform: scale(1.2);transition: all 0.5s linear;}
.img-list li .img-box { display: block; position: relative; width: 100%; height: 168px; overflow: hidden; text-align:center;border-top-left-radius:10px;border-top-right-radius:10px; }
.img-list li .img-box .abs-txt { position: absolute; top: 8px; left: 0; display: inline-block; padding: 0 6px; color: #fff; font-size: 12px; line-height: 24px; background: #c81623; text-align: center; border-radius: 0 3px 3px 0; }
.img-list li .img-box img { width: 100%; height: 100%;object-fit:cover;object-position:center;border-top-left-radius:10px;border-top-right-radius:10px; }
.img-list li .info { display: block; text-align: left; margin: 0px 15px; }
.img-list li .info h3 { display: block; line-height: 20px; height: 40px;padding-top:10px;font-weight: normal;}
.img-list li .info p { display: block; line-height: 28px; color: #999; font-size: 12px; }
.img-list li .info p.price { padding-top: 10px; line-height: 18px; }
.img-list li .info p.price b { margin-right: 2px; color: #f40; font-size: 16px; }
.img-list li .info p strong { float: right; font-weight: normal; }
.img-list li .info p span.price { color: #fb2104; font-size: 14px; font-weight: 600; }
.img-list li em { position: absolute; margin: -30px auto auto -30px; top: 50%; left: 50%; width: 60px; height: 60px; font-style: normal; filter: alpha(Opacity=80); -moz-opacity: 0.8; opacity: 0.8; }
.img-list li em i { color: #fff; font-size: 60px; line-height: 60px; }
.img-list li a:hover em { filter: alpha(Opacity=100); -moz-opacity: 1; opacity: 1; }
.img-list li .abs-bg { position: absolute; left: 0; bottom: 0; width: 100%; height: 50px;}
.img-list li .remark { position: absolute; left: 0; bottom: 20px; right: 0; width: 100%; height: 50px; line-height: 20px; text-align: left; overflow: hidden; }
.img-list li .remark h3 { padding: 5px 15px 0; font-size: 18px; font-weight: normal; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.img-list li .remark p { margin-top:10px;padding: 0 15px; font-size: 12px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.img-list li .remark p b { color: #f40; }
.img-list li .remark p b.free { color: #5fb41b; }
.img-list li .remark p del { margin-left: 10px; }

/*商品缩略图样式*/
.goods-box { position: relative; margin-bottom: 15px; padding: 30px; font-size: 12px; background: #fff; }
.goods-pic { position: relative; float: left; width: 370px; *z-index: 1; }
.pic-box { float: left; }
.pic-preview { width: 368px; height: 368px; border: 1px solid #e8e8e8; }
.pic-scroll { margin-top: 10px; width: 370px; }
.pic-scroll .prev { float: left; margin-right: 5px; }
.pic-scroll .next { float: right; }
.pic-scroll .prev, .pic-scroll .next { display: block; font-family: "宋体"; text-align: center; width: 10px; height: 60px; line-height: 60px; border: 1px solid #e8e8e8; background: #f7f7f7; cursor: pointer; text-decoration: none; }
.pic-scroll .items { position: relative; float: left; width: 335px; height: 62px; overflow: hidden; }
.pic-scroll .items ul { position: absolute; margin: 0; padding: 0; width: 999999px; height: 100%; }
.pic-scroll .items ul li { float: left; margin: 0; padding: 0; width: 67px; text-align: center; }
.pic-scroll .items ul li img { padding: 2px; border: 1px solid #e8e8e8; width: 56px; height: 56px; }
.pic-scroll .items ul li img:hover { padding: 1px; border: 2px solid #d70000; }
/*商品规格*/
.goods-spec { position: relative; margin: 0 0 0 395px; overflow: hidden; }
.goods-spec h1 { display: block; color: #555; font-size: 20px; font-weight: 700; line-height: 1.1em; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.goods-spec .subtitle { margin-top: 5px; color: #888; font-size: 14px; line-height: 18px; }
.goods-spec .spec-box { position: relative; margin-top: 10px; }
.goods-spec .spec-box.line { padding-top: 10px; border-top: 1px solid #efefef; }
.goods-spec .spec-box:after { clear: none; content: ""; display: block; height: 0; visibility: hidden; }
.goods-spec .spec-box dl { clear: both; display: block; }
.goods-spec .spec-box dl:after { clear: none; content: ""; display: block; height: 0; visibility: hidden; }
.goods-spec .spec-box dl dt { float: left; width: 80px; line-height: 38px; min-height: 38px; color: #999; }
.goods-spec .spec-box dl dd { position: relative; margin-left: 80px; padding: 5px 0; line-height: 26px; min-height: 26px; color: #6c6c6c; }
.goods-spec .spec-box dl dd s { display: inline-block; text-decoration: line-through; }
.goods-spec .spec-box dl dd .price { display: inline-block; margin-right: 5px; color: #f40; font-size: 24px; font-weight: 700; font-style: normal; }
.goods-spec .spec-box dl dd .items li { position: relative; float: left; margin: 0 5px 8px 0; padding: 1px; line-height: 20px; vertical-align: middle; }
.goods-spec .spec-box dl dd .items li a { display: block; padding: 1px; color: #666; min-width: 10px; width: auto !important; text-align: center; text-decoration: none; border: 1px solid #eee; cursor: pointer; white-space: nowrap; text-overflow: ellipsis; vertical-align: middle; }
.goods-spec .spec-box dl dd .items li a span { display: inline-block; padding: 5px 9px; font-style: normal; line-height: 20px; }
.goods-spec .spec-box dl dd .items li a img { width: 36px; height: 38px; vertical-align: middle; }
.goods-spec .spec-box dl dd .items li a.selectedPlain { margin: -1px; border: 2px solid #f40; }
.goods-spec .spec-box dl dd .stock-box { display: block; float: left; margin-right: 10px; width: 64px; }
.goods-spec .spec-box dl dd .stock-box input { float: left; margin-right: 3px; width: 42px; height: 30px; line-height: 30px; text-align: center; border: 1px solid #e8e8e8; }
.goods-spec .spec-box .stock-box a { display: block; float: left; margin-bottom: 4px; width: 15px; height: 12px; line-height: 12px; color: #333; font-size: 11px; text-align: center; border: 1px solid #e8e8e8; cursor: pointer; overflow: hidden; }
.goods-spec .spec-box .stock-txt { float: left; line-height: 32px; }
.goods-spec .spec-box .btn-buy { margin-top: 15px; }
.goods-spec .spec-box .btn-buy .buy { display: inline-block; margin-right: 10px; padding: 0 30px; color: #fff; font-size: 16px; line-height: 38px;  cursor: pointer; }
.goods-spec .spec-box .btn-buy .add { display: inline-block; padding: 0 30px; color: #fff; font-size: 16px; line-height: 38px;  border-radius: 2px; cursor: pointer; }
.goods-spec .spec-box .btn-buy button.over { color: #999 !important; background: #f7f7f7 !important; cursor: default; }
/* 图片放大镜样式*/
.jqzoom { position: relative; float: left; display: block; margin: 0; padding: 0; width: 368px; height: 368px; border: none; cursor: crosshair; }
.jqzoom img { width: 368px; height: 368px; }
.zoomdiv { position: absolute; top: 0; left: 0; z-index: 100; display: none; width: 368px; height: 368px; background: #fff; border: 1px solid #e8e8e8; text-align: center; overflow: hidden; }
.jqZoomPup { position: absolute; top: 0; left: 0; z-index: 10; visibility: hidden; width: 20px; height: 20px; border: 1px solid #aaa; background: #fff; opacity: 0.5; -moz-opacity: 0.5; -khtml-opacity: 0.5; filter: alpha(Opacity=50); }
/*商品Tab样式*/
.goods-tab .tab-head { display: block; height: 42px; border-bottom: 1px solid #f0f0f0; background: #fff; }
.goods-tab .tab-head ul li { float: left; margin-left: -1px; border-left: 1px solid #f0f0f0; border-right: 1px solid #f0f0f0; }
.goods-tab .tab-head ul li a { display: block; padding: 0 30px; height: 42px; line-height: 42px;  font-size: 14px; }
.goods-tab .tab-content { display: none; }

/*购物车样式*/
.cart-info { position: absolute; top: -50px; left: 0; margin: 0; padding: 15px; border: 1px solid #DFC795; width: 302px; height: auto; background: #fcfbda; text-align: left; z-index: 2; }
.cart-info .ico { display: block; float: left; margin-top: 5px; width: 46px; height: 46px; }
.cart-info .ico i { color: #5ba61b; font-size: 46px; line-height: 1em; }
.cart-info .ico.error i { color: #fb1605; }
.cart-info .msg { margin-left: 60px; }
.cart-info .msg strong { margin-bottom: 10px; color: #444; font-size: 15px; }
.cart-info .msg p { padding-bottom: 8px; line-height: 1.8em; }
.cart-info .msg .link-btn { display: inline-block; margin: 0; padding: 0 25px; color: #fff !important; font-size: 12px; height: 30px; line-height: 30px; text-align: center; vertical-align: middle; }
.cart-info .msg .close { position: absolute; display: block; top: 5px; right: 5px; width: 20px; height: 20px; text-align: center; cursor: pointer; }
.cart-info .msg .close i { color: #999; font-size: 14px; line-height: 20px; }

.cart-head { position: relative; margin: 0 50px; padding: 30px 0; }
.cart-head h2 { float: left; font-size: 18px; line-height: 35px; }
.cart-head h2 i { display: inline-block; margin-right: 5px; color: #83c44e; font-size: 23px; line-height: 35px; vertical-align: middle; }
.cart-head .cart-setp { position: relative;  overflow:hidden;margin-left:150px;}
.cart-head .cart-setp li { position: relative; float: left; width: 33.33%; height: 35px; line-height: 35px; text-align: center; color: #999; font-size: 12px; *width: 33.3%; }
.cart-head .cart-setp li .progress { margin-right: 1px; height: 35px; line-height: 35px; color: #424242; background: #eee; }
.cart-head .cart-setp li .progress span { margin-right: 2px; font-size: 14px; font-weight: 600; }
.cart-head .cart-setp li.active .progress { color: #fff; background: #83c44e; }
.cart-head .cart-setp li.first .progress { border-top-left-radius: 20px; border-bottom-left-radius: 20px; }
.cart-head .cart-setp li.last .progress { border-top-right-radius: 20px; border-bottom-right-radius: 20px; }

.cart-box { position: relative; margin: 0 50px; }
.cart-box .cart-table { border: 1px solid #eee; }
.cart-box .cart-table th { padding: 0.8em 0.5em; color: #555; font-size: 13px; font-weight: 400; background: #f5f5f5; border-bottom: 1px solid #eee; }
.cart-box .cart-table td { padding: 1em 0.5em; color: #555; font-size: 13px; border-bottom: 1px solid #eee; }
.cart-box .cart-table td .stxt { margin-top: 5px; color: #666; font-size: 12px; line-height: 20px; }
.cart-box .cart-table td input.checkall { padding: 0; border: 1px solid #eee; background: #fff; }
.cart-box .cart-table td .img { padding: 1px; width: 60px; height: 60px; border: 1px solid #eee; }
.cart-box .cart-table td .buy-box { margin: auto; padding: 0; width: 74px; height: 22px; overflow: hidden; }
.cart-box .cart-table td .buy-box a { display: block; float: left; width: 20px; height: 20px; font-size: 12px; line-height: 20px; text-align: center; border: 1px solid #e8e8e8; overflow: hidden; }
.cart-box .cart-table td .buy-box .input { float: left; margin: 0; padding: 0; width: 30px; font-size: 12px; height: 20px; line-height: 20px; text-align: center; ime-mode: Disabled; border-radius: 0; border-left: 0; border-right: 0; }

.item-box { clear: both; padding: 20px 0; font-size: 14px; }
.item-box li { display: block; float: left;  height: 28px; line-height: 28px; width:calc(100% / 5);}
.item-box li label input { margin-right: 3px; }
.item-box li em { color: #999; }

.buy-foot { margin: 20px 0; font-size: 14px; }
.buy-foot .left-box { float: left; }
.buy-foot .left-box dl { clear: both; padding-bottom: 10px; line-height: 28px; }
.buy-foot .left-box dl dt { color: #6c6c6c; }
.buy-foot .left-box dl dd .input { width: 230px; padding: 5px; border: 1px solid #e0e0e0; }
.buy-foot .right-box { float: right; text-align: right; }
.buy-foot .right-box p { line-height: 38px; }
.buy-foot .right-box p .price { color: #f00; font-weight: 700; }
.buy-foot .right-box p.txt-box { margin-top: 10px; font-size: 18px; font-weight: 700; }
.buy-foot .right-box p.btn-box { margin-top: 20px; }
.buy-foot .right-box p.btn-box .btn { display: inline-block; margin: 0 0 0 5px; padding: 8px 25px; width: auto; height: auto; line-height: 20px; color: #fff;  border: 0; border-radius: 3px; cursor: pointer; font-size:16px;}
.buy-foot .right-box p.btn-box .button { }
.buy-foot .right-box p.btn-box .submit {  }
.buy-foot .right-box p.btn-box .gray { background: #ddd; }

.cart-foot { margin: 0 50px; padding: 20px 0 30px; height: 40px; }
.cart-foot .left-box { float: left; line-height: 40px; }
.cart-foot .left-box a { margin-right: 20px; font-size: 14px; }
.cart-foot .right-box { float: right; }
.cart-foot .right-box button { display: inline-block; margin: 0 0 0 5px; padding: 8px 25px; width: auto; height: auto; line-height: 20px; color: #fff;  border: 0; border-radius: 3px; cursor: pointer; font-size:16px;}
.cart-foot .right-box .submit {  }
.cart-foot .right-box .button { }

.address-list { margin: 20px 0 0; padding: 10px; color: #555; font-size: 14px; border: 1px solid #f7f7f7; max-height: 300px; overflow: auto; }
.address-list li { margin: 5px 0; padding: 5px 10px; height: 20px; line-height: 20px; cursor: pointer; }
.address-list li span { margin-left: 10px; }
.address-list li label em { margin-left: 5px; color: #999; }
.address-list li.selected { padding: 10px; font-size: 15px; background: #fff0e8; border-radius: 3px; }
.address-list li.selected span { color: #333; font-weight: 700; }
.address-info.form-box { margin: 0; }

/*新闻搜索*/
.search-tit { display: block; margin: 0 30px; padding-top: 15px; line-height: 38px; border-bottom: 1px solid #f0f0f0; }
.search-tit h3 { display: inline-block; color: #333; font-size: 16px; font-weight: normal; }
.search-tit span { margin-left: 15px; color: #999; font-size: 14px; }
.search-tit span strong { margin: 0 2px; color: #1e7bb3; font-weight: 600; }

/*教师列表*/
.teacher-list { }
.teacher-list:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.teacher-list li { position: relative; float: left; width: calc((100% - 100px) / 6);border-radius: 10px; height: 310px; margin-right: 20px;box-shadow: 0 0 10px #eee; margin-bottom: 20px;background:#fff;}
.teacher-list li:nth-child(6n+0){margin-right:0;}
.teacher-list li:hover { box-shadow:0 0 20px #ccc; }
.teacher-list li:hover img{transform: scale(1.2);transition: all 0.5s linear;}
.teacher-list li .img-box { display: block; position: relative; width: 100%; height: 210px; overflow: hidden; text-align:center;border-top-left-radius:10px;border-top-right-radius:10px; }
.teacher-list li .img-box img { width: 100%; height: 100%;object-fit:cover;object-position:top;border-top-left-radius:10px;border-top-right-radius:10px; }
.teacher-list li .abs-bg { position: absolute; left: 0; bottom: 50px; height: 36px;text-overflow:ellipsis;width:calc(100% - 30px);line-height:18px; -webkit-line-clamp:2;display: -webkit-box;-webkit-box-orient:vertical;overflow:hidden;padding:0 15px;color:#999;font-size:12px;}
.teacher-list li .remark { position: absolute; left: 0; bottom: 5px; right: 0; width: 100%; height: 40px; text-align: left; overflow: hidden; }
.teacher-list li .remark h3 { padding: 5px 15px 0; font-size: 16px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;position:relative; }
.teacher-list li .remark h3 span { color:#666;right:15px;top:7px;font-size:14px;font-weight:normal;position:absolute;}
.teacher-list li .remark h3 font{color: #fb2104; font-weight:bold;}

/*课程套餐新版20240521*/
.vipcardPackageItem{border-width: 1px;border-style: solid;background: #fff;padding: 3px 5px;margin-right:5px;}
.vipcardPackageSwitchTitle{font-size:16px;display:none;}
.vipcardPackageSwitchList{padding:15px 10px;margin-bottom:15px;background:#f5f8fa;border-radius: 10px;height:40px;}
.vipcardPackageSwitchRollWrap{width:calc(100% - 60px);height:40px;position:relative;overflow:hidden;float:left;}
.vipcardPackageSwitchRollBetauy::after,.vipcardPackageSwitchRollBetauy::before{content:"";width:30px;height:70px;position:absolute;top:0;}
.vipcardPackageSwitchRollBetauy::after,.vipcardPackageSwitchRollBetauy::before{right:0;background-image:linear-gradient(to right,rgba(245,248,250,.2),rgba(245,248,250,1));z-index:1;}
.vipcardPackageSwitchRollBetauy::before{left:0;background-image:linear-gradient(to right,rgba(245,248,250,1),rgba(245,248,250,.2));z-index:2;display:none;}
.vipcardPackageSwitchRoll{position:absolute;height:40px;width:2000px;top:0;left:0;}
.vpsItem{padding:0 12px;display:block;border-radius:10px;font-size:16px;height: 40px;line-height: 40px;float:left;white-space: nowrap;}
.vpsItem.skinBaseColor{font-weight:bold;}
.vipcardPackageSwitchRollBtn{width:60px;height:40px;float:left;display:none;line-height:40px;text-align:right;}
.vipcardPackageSwitchRollBtn span{display:inline-block;cursor:pointer;}
.vipcardPackageSwitchRollBtn span i{font-size:18px;}
.vipcardPackageSwitchWrap{border:1px #eee solid;padding:10px;}
.vipcardPackageSwitchMore{font-size:16px;text-align:center;padding:20px 0;font-weight:bold;}
.vipcardPackageSwitchMore a i{margin-left:5px;}
.cChapterTips{background: rgba(255, 197, 82, .2);border-top-left-radius:10px;border-top-right-radius:10px;padding:10px 20px;color: #9e651c;font-weight: lighter;}
.cChapterTips i{margin-right:5px;}
/*课程套餐20241121考试模块样式调整*/
.vipcardPackageWrapTitle{height:40px;position:relative;line-height:40px;padding-left:15px;font-weight:bold;font-size:16px;background:#fafafa;}
.vipcardPackageWrapTitle span{width:4px;height:18px;border-radius:3px;position:absolute;left:0;top:50%;margin-top:-9px;}
.vipcardPackageWrapTitle .vpsMore{position:absolute;right:0;font-weight:normal;font-size:14px;}
.vipcardPackageWrapTitle .vpsMore i{margin-left:5px;}
.vipcardPackageWrapPannel{}
.vipcardPackageWrapApp{width:100px;text-align:center;float:left;display:block;margin-top:20px;}
.vipcardPackageWrapApp span{display:inline-block;width:72px;height:72px;line-height:64px;border-radius:20px;text-align:center;margin-bottom:8px;}
.vipcardPackageWrapApp span.oneApp{background:#5caa04;}
.vipcardPackageWrapApp span.twoApp{background:#cc3c05;}
.vipcardPackageWrapApp span i{font-size:42px;color:#fff;vertical-align: middle;}
/*学员中心20241127样式调整*/
.trChapterActived{position:relative;}
.trChapterActived::after{content:"";display:inline-block;width:20px;height:20px;position:absolute;background:#fff;left:50%;margin-left:-10px;bottom:-12px;transform:rotate(45deg);border-left:1px #eee solid;border-top:1px #eee solid;box-shadow:-1px -1px 2px #ddd;}
.trChapterWrap{padding:2px 0 0 0 !important;background-color:#fff !important;}
.processChapterWrap{box-shadow:0 0 8px #ddd;padding:15px;}
.processChapterWrap li a[data-vtype='2']:hover{background:#f7f7f7;border-radius: 10px;}
.courseProcess{display:inline-block;width:50px;height:30px;vertical-align:middle;line-height:30px;}
.courseProcessTimer{position:absolute;right:20px;font-size:12px;color:#666;}
.courseProcessBarOut{width:40px;height:8px;display:inline-block;vertical-align:middle;border-radius:5px;box-shadow:0 0 3px #ccc inset;background:#fafafa;text-align:left;}
.courseProcessBarIn{display:inline-block;width:0;height:8px;background-image:linear-gradient(#03c761,#08a536);vertical-align:top;border-radius:5px;}
.opt-btn{display:inline-block;padding: 5px 15px; color: #fff !important;font-size: 12px;line-height: 18px;vertical-align: middle;border-radius:2px;}
.opt-btn:hover{color:#fff !important;}
.opt-btn.opt-btn-plan{color:inherit !important;border:1px #fff solid;padding: 4px 14px;}
.tdCornInfo{position:absolute;background:url(../../../images/expire-leftcorn.png) no-repeat 0 0;width:40px;height:40px;background-size:cover;display:inline-block;left:0;top:0;}