﻿/*修复样式问题*/

/*banner图*/
.bannerGroup > .bannerWrap { height: 474px; }
.bannerGroup > .bannerWrap > div > .banner { width: 936px; height: 474px; position: relative; }
.bannerGroup > .bannerWrap > div > .banner > ul > li { width: 936px; height: 474px; position: absolute; top: 0; left: 0; display: none; }
.bannerGroup > .bannerWrap > div > .banner > ul > li:first-child { display: block; }
.bannerGroup > .bannerWrap > div > .banner > ul > li > a { display: inline-block; width: 936px; height: 474px; }
.bannerGroup > .bannerWrap > div > .banner > ul > li > a > img { width: 936px; height: 474px; }
.bannerGroup > .bannerWrap > div > .banner > ol { width: 192px; height: 10px; position: absolute; bottom: 20px; left: 50%; margin-left: -96px; z-index: 1000; }
.bannerGroup > .bannerWrap > div > .banner > ol > li { background-color: #fff; opacity: .5; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); }
.bannerGroup > .bannerWrap > div > .banner > ol > li { float: left; width: 28px; height: 4px; margin: 0 2px; cursor: pointer; }
.bannerGroup > .bannerWrap > div > .banner > ol > li.current { opacity: 1; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100); }

/*样式修改*/
/*导航*/
.navWrap-xueyuan-list { border-bottom: 1px solid #eee; }

/*xueyuan新样式*/
.clearfix:after { content: "."; display: block; height: 0; visibility: hidden; clear: both; }
.ellipsis { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
/*首页*/
/*banner右侧-课程列表tab*/
#banner-courseList { width: 264px; height: 474px; position: relative; overflow: hidden;}
#banner-courseList > .header { width: 264px; height: 65px; background-color: #404040; color: #888; }
#banner-courseList > .header li { width: 50%; height: 65px; line-height: 65px; text-align: center; float: left; font-size: 18px; cursor: pointer; }
#banner-courseList > .header .active { color: #fff; }
#banner-courseList > .content { width: 264px; height: 409px; padding: 12px 0; background-color: #292927; color: #fff; }
#banner-courseList > .content ul { display: none; }
#banner-courseList > .content ul:first-child { display: block; }
#banner-courseList > .content li { width: 264px; height: 38px; line-height: 38px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#banner-courseList > .content a { display: block; width: 264px; height: 38px; padding: 0 10px; color: #999; }
#banner-courseList > .content a:hover { background-color: #404040; }
#banner-courseList > .content a span { display: inline-block; width: 22px; height: 22px; text-align: center; line-height: 18px; border: 1px solid #6f6f6f; font-size: 12px; margin-right: 8px; }
#banner-courseList > .content a span.active { background-color: #ef9632; border-color: #ef9632; color: #fff; }
/*主体内容-栏目*/
.wrapFull { padding-top: 40px; background-color: #f5f5f5; }
.column-4-ttl { height: 35px; line-height: 35px; margin-bottom: 20px; }
.column-4-ttl span.symbol { display: inline-block; width: 8px; height: 35px; background-color: #d3b050; }
.column-4-ttl a.subTtl { line-height: 45px; margin-left: 20px; font-size: 14px; }
.column-4-ttl h3 { line-height: 35px; font-size: 24px; margin-left: 10px; }
.column-4-ttl a.more { font-size: 18px; }
.column-4-content { margin-right: -40px; }
.column-4-item { margin-right: 40px; margin-bottom: 25px; }
.column-4-item-img { width: 270px; height: 150px; text-align: center; line-height: 150px; font-size: 0; position: relative; overflow: hidden; }
.column-4-item-img img {width: 270px;height: auto; max-width: 100%; max-height: 100%; vertical-align: middle; transform: scale(1,1); transition: all .3s; -moz-transition: all .1s; /* Firefox 4 */ -webkit-transition: all .1s; /* Safari 和 Chrome */ -o-transition: all .1s; /* Opera */ }
.column-4-item:hover .column-4-item-img img { transform: scale(1.2,1.2); }
.column-4-item-img span { display: block; width: 60px; height: 20px; text-align: center; line-height: 20px; color: #fff; font-size: 12px; position: absolute; top: 10px; left: 10px; }
.column-4-item-img span.red { background-color: #de231d; }
.column-4-item-img span.yellow { background-color: #bc8f22; }
.column-4-item-img span.blue { background-color: #0066fc; }
.column-4-item-img span.gray { background-color: #3B3B3B; }
.column-4-item-txt { width: 270px;height: 80px; padding: 15px 8px; background-color: #fff; }
.column-4-item-txt .ttl { height: 35px; }
.column-4-item-txt h3 { font-size: 18px; color: #333; line-height: 22px; white-space: nowrap;}
.column-4-item-txt p { color: #888; margin-top: 8px; }
.column-4-item-txt .price .new { font-size: 24px; font-weight: 700; color: #EE4014; }
.column-4-item-txt .price .old { text-decoration: line-through; margin-left: 10px; color: #707070; }
.column-5-content { margin-bottom: 20px; }
.column-5-content-left { width: 380px; margin-right: 25px; }
.column-5-content-right { width: 820px; margin-right: -25px; }
.column-5-itemS { margin-right: 25px; margin-bottom: 5px; }
.column-5-itemB-img { width: 380px; height: 270px; text-align: center; line-height: 270px; font-size: 0; position: relative; overflow: hidden; }
.ribbon { width: 75px; height: 0px; border-left: 10px solid transparent; position: absolute; right: 0; top: 10px; }
.ribbon-red { border-top: 14px solid #de231d; border-bottom: 14px solid #de231d; }
.ribbon-yellow { border-top: 14px solid #bc8f22; border-bottom: 14px solid #bc8f22; }
.ribbon-blue { border-top: 14px solid #0066fc; border-bottom: 14px solid #0066fc; }
.ribbon-gray { border-top: 14px solid #3B3B3B; border-bottom: 14px solid #3B3B3B; }
.ribbon-txt { width: 75px; height: 28px; text-align: center; padding-left: 10px; line-height: 28px; position: absolute; right: 0; top: 10px; color: #fff; font-size: 14px; }
.column-5-itemB-img img { max-width: 100%; max-height: 100%; vertical-align: middle; transform: scale(1,1); transition: all .3s; -moz-transition: all .1s; /* Firefox 4 */ -webkit-transition: all .1s; /* Safari 和 Chrome */ -o-transition: all .1s; /* Opera */ }
.column-5-itemB:hover .column-5-itemB-img img { transform: scale(1.2,1.2); }
.column-5-itemS-img { width: 180px; height: 100px; text-align: center; line-height: 100px; font-size: 0; position: relative; overflow: hidden; }
.column-5-itemS-img img { max-width: 100%; max-height: 100%; vertical-align: middle; transform: scale(1,1); transition: all .3s; -moz-transition: all .1s; /* Firefox 4 */ -webkit-transition: all .1s; /* Safari 和 Chrome */ -o-transition: all .1s; /* Opera */ }
.column-5-itemS:hover .column-5-itemS-img img { transform: scale(1.2,1.2); }
.column-5-itemB-txt { width: 380px; height: 95px; /*加上价格之后height需要修改*/ padding: 15px 10px; background-color: #fff; }
.column-5-itemB-txt h3 { font-size: 18px; color: #333; line-height: 22px; }
.column-5-itemB-txt p { color: #888; margin-top: 8px; }
.column-5-itemB-txt .price { font-size: 24px; font-weight: 700; color: #EE4014; margin-top: 10px; }
.column-5-itemS-txt { width: 180px; height: 75px; /*加上价格之后height需要改为100px*/ padding: 15px 10px; background-color: #fff; margin-bottom: 10px; }
.column-5-itemS-txt h3 { font-size: 16px; color: #333; line-height: 22px; }
.column-5-itemS-txt p { color: #888; margin-top: 5px; }
.column-5-itemS-txt .price { font-weight: 700; color: #EE4014; margin-top: 5px; }

/*列表页*/
.xueyuan-list-breadcrumb { font-size: 16px; border-bottom: 1px solid #eee; padding: 30px 0; }
.xueyuan-list-breadcrumb a { color: #333; }
.xueyuan-list-breadcrumb a:hover { color: #BB8E13; }
.xueyuan-list-breadcrumb .symbol { margin: 0 10px; }
.xueyuan-list-breadcrumb .active { color: #bbb; }
.xueyuan-list-sort { font-size: 16px; padding: 30px 0; }
.xueyuan-list-sort a { display: inline-block; color: #333; margin-right: 30px; }
.xueyuan-list-sort a:hover { color: #BB8E13; }
.xueyuan-list-full { padding-top: 30px; padding-bottom: 60px; background-color: #f5f5f5; }
.xueyuan-list-tabTtl { margin-bottom: 20px; }
.xueyuan-list-tabTtl li { border-bottom: 4px solid transparent; padding: 0 5px 10px 5px; font-size: 16px; float: left; margin-right: 30px; color: #333; cursor: pointer; }
.xueyuan-list-tabTtl li.active { border-bottom: 4px solid #BB8E13; color: #BB8E13; }
.xueyuan-list-tabContent > div { display: none; }
.xueyuan-list-tabContent > div:first-child { display: block; }

/*页码*/
.SCon_picfy { clear: both; text-align: center; }
.SCon_picfy p { padding-top: 40px; }
.SCon_picfy p a { color: #595959; border: 1px solid #dddddd; padding: 0 11px 0 11px; line-height: 22px; height: 22px; margin-left: 5px; }
.SCon_picfy p a.curpage { background: #C18F08; }
.SCon_picfy span { color: #595959; float: left; padding: 4px 0 0 5px; }

.SCon_picfy { margin-bottom: 60px; }
.SCon_picfy p a, #btnJump, #JumpPage { display: inline-block; height: 35px; line-height: 35px; padding: 0 13px; background-color: transparent; border: 1px solid #ddd; border-radius: 5px; margin: 0 3px; }
#JumpPage { width: 70px; text-align: center; vertical-align: top; }
.SCon_picfy p a:hover, #btnJump:hover, .SCon_picfy p a.curpage { background-color: #C18F08; color: #fff; border-color: #C18F08; }
