.banner-modular{background:url(../images/student-banner.png) no-repeat}
.tab-condition{margin-top:26px}
.tab-condition .nav{height:96px}
.tab-condition .nav>li{display:table;width:151px;height:160px;float:left;text-align:center;margin-right:18px;position:relative;border-width:1px;border-style:solid;box-sizing:border-box}
.tab-condition .nav>li:before{content:"";border-right:solid 6px transparent;border-left:solid 6px transparent;position:absolute;bottom:-6px;left:104px;display:inline-block;text-align:center}
.tab-condition .nav>li:hover{cursor:pointer}
.tab-condition .nav li a:hover{background:0 0}
.tab-condition .nav>li.active:after{content:"";border-top:solid 6px #fff;border-right:solid 6px transparent;border-left:solid 6px transparent;position:absolute;bottom:0;z-index:5;bottom:-5px;left:104px;display:inline-block}
.tab-condition .nav>li .right-content{display:inline-block;text-align:left;width:108px;vertical-align:middle;text-align:center}
.tab-condition .nav .nav-title{display:table-cell;vertical-align:middle;font-size:18px;box-sizing:content-box;padding:0}
.tab-condition .nav .nav-title>.right-content>h3{font-size:18px;color:#fff}
.tab-condition .nav .nav-title>.right-content>h4{font-size:12px;color:#fff;margin-top:6px;line-height:18px}
.tab-condition .nav>li.tab1{background-color:#FB764A;border-color:#FB764A;color:#FB764A}
.tab-condition .nav>li.tab1:before{border-top:solid 6px #FB764A}
.tab-condition .nav>li.tab2{background-color:#ff6884;border-color:#ff6884;color:#ff6884;box-sizing:content-box}
.tab-condition .nav>li.tab2:before{border-top:solid 6px #ff6884}
.tab-condition .nav>li.tab3{border-color:#28baff;background-color:#28baff;color:#28baff;box-sizing:content-box}
.tab-condition .nav>li.tab3:before{border-top:solid 6px #28baff;box-sizing:content-box}
.tab-condition .nav>li.tab4{border-color:#4cd66c;background-color:#4cd66c;color:#4cd66c;box-sizing:content-box}
.tab-condition .nav>li.tab4:before{border-top:solid 6px #4cd66c;box-sizing:content-box}
.tab-condition .nav>li.tab5{border-color:#ffa133;background-color:#ffa133;color:#ffa133;box-sizing:content-box}
.tab-condition .nav>li.tab5:before{border-top:solid 6px #ffa133;box-sizing:content-box}
.tab-condition .nav>li.tab6{border-color:#8E8BF0;background-color:#8E8BF0;color:#8E8BF0;box-sizing:content-box}
.tab-condition .nav>li.tab6:before{border-top:solid 6px #8E8BF0;box-sizing:content-box}
.tab-condition .nav>li.tab7{border-color:#00cccc;background-color:#00cccc;color:#00cccc;box-sizing:content-box}
.tab-condition .nav>li.tab7:before{border-top:solid 6px #00cccc;box-sizing:content-box}
.tab-condition .nav>li.active{background-color:#fff;box-sizing:content-box}
.tab-condition .nav>li .left-logo{display:inline-block;vertical-align:middle}
.tab-condition .nav>li.tab1 .left-logo>.pic{width:40px;height:39px;background:url(../images/student-tab1.png) no-repeat}
.tab-condition .nav>li.tab1.active .left-logo>.pic{background:url(../images/student-tab1-hover.png) no-repeat}
.tab-condition .nav>li.tab1.active .nav-title>.right-content>h3{color:#FB764A}
.tab-condition .nav>li .left-logo>.pic{margin-bottom:10px}
.tab-condition .nav>li.tab2 .left-logo>.pic{width:44px;height:44px;background:url(../images/student-tab2.png) no-repeat}
.tab-condition .nav>li.tab2.active .left-logo>.pic{background:url(../images/student-tab2-hover.png) no-repeat}
.tab-condition .nav>li.tab2.active .nav-title>.right-content>h3{color:#ff6884}
.tab-condition .nav>li.tab3 .left-logo>.pic{width:44px;height:44px;background:url(../images/student-tab3.png) no-repeat}
.tab-condition .nav>li.tab3.active .left-logo>.pic{background:url(../images/student-tab3-hover.png) no-repeat}
.tab-condition .nav>li.tab3.active .nav-title>.right-content>h3{color:#28baff}
.tab-condition .nav>li.tab4 .left-logo>.pic{width:44px;height:44px;background:url(../images/student-tab4.png) no-repeat}
.tab-condition .nav>li.tab4.active .left-logo>.pic{background:url(../images/student-tab4-hover.png) no-repeat}
.tab-condition .nav>li.tab4.active .nav-title>.right-content>h3{color:#4cd66c}
.tab-condition .nav>li.tab5 .left-logo>.pic{width:44px;height:44px;background:url(../images/student-tab5.png) no-repeat}
.tab-condition .nav>li.tab5.active .left-logo>.pic{background:url(../images/student-tab5-hover.png) no-repeat}
.tab-condition .nav>li.tab5.active .nav-title>.right-content>h3{color:#ffa133}
.tab-condition .nav>li.tab6 .left-logo>.pic{width:44px;height:44px;background:url(../images/student-tab6.png) no-repeat}
.tab-condition .nav>li.tab6.active .left-logo>.pic{background:url(../images/student-tab6-hover.png) no-repeat}
.tab-condition .nav>li.tab6.active .nav-title>.right-content>h3{color:#8E8BF0}
.tab-condition .nav>li.tab7 .left-logo>.pic{width:44px;height:44px;background:url(../images/student-tab4.png) no-repeat}
.tab-condition .nav>li.tab7.active .left-logo>.pic{background:url(../images/student-tab4-hover.png) no-repeat}
.tab-condition .nav>li.tab7.active .nav-title>.right-content>h3{color:#00cccc}
.tab-condition .nav>li.active .nav-title .right-content>h4{color:#999}
.contents{clear:both;color:#666;font-size:14px;margin-top:20px}
.contents>ul{padding:18px 20px 18px 20px;background-color:#f6f6f6}
.contents>ul li{position:relative;overflow:hidden}
.contents>ul li:not(:last-child){margin-bottom:20px}
.contents li>div{display:inline-block}
.contents li>.show-more{position:absolute;right:0;cursor:pointer}
.contents li>.show-more>i{margin-left:5px;width:14px;height:14px;display:inline-block}
.contents li>.show-more>i.down{background:url(../images/ico-more-nav.png) no-repeat top center}
.contents li>.show-more>i.up{background:url(../images/cursor-up.png) no-repeat top center}
.contents li>.label{vertical-align:top;margin-right:10px;color:#666}
.contents .conditions{max-width:90%;margin-left:-4px;vertical-align:middle;overflow:hidden;height:26px}
.contents .conditions a{box-sizing:border-box;display:inline-block;padding:0 7px 3px 7px;margin-right:26px;margin-bottom:5px;border-width:1px;border-style:solid;border-color:transparent;border-radius:2px;color:#666}
/*.contents .conditions a:first-child{color:red;}*/
.contents .conditions a:hover{border-color:#D60000}
.contents .conditions .menu_box_xuanzhong{color:red}
.books{background-color:#fff;width:280px;padding:20px 10px 15px 10px;box-sizing:border-box;border:solid 1px #dcdcdc;z-index:11;background:#fff}
.books>.book{color:#666;font-size:14px;width:100%}
.books>.book:hover{cursor:pointer}
.books>.book+.book{border-top:solid 1px #dcdcdc;padding-top:16px}
.books>.book:not(:first-child){padding-top:16px}
.books>.book:not(:last-child){padding-bottom:15px}
.books>.book>.book-name{line-height:30px}
.books>.book>.book-name>.text{width:88%;padding-left:10px;font-size:16px;display:inline-block;vertical-align:middle;color:#666}
.books>.book>.book-name>.down{display:inline-block;line-height:30px;width:9px;height:6px;vertical-align:middle;background:url(../images/down.png) no-repeat center center}
.books>.book>.book-name>.up{display:inline-block;line-height:30px;width:9px;height:6px;background:url(../images/up.png) no-repeat right center}
.books>.book>.sub-content{margin-left:38px}
.books>.book>.sub-content>li{height:37px;overflow:hidden}
.books>.book>.sub-content>li a{width:inherit;line-height:37px;overflow:hidden;font-size:14px;color:#666}
.books>.book.active>.book-name a,.books>.book>.sub-content>li.active a,.books>.book>.sub-content>li:hover a{color:#d60000;cursor:pointer}
.curriculum-con{padding-top:10px}
.public-list-r{min-height:520px;overflow:hidden;margin-top:-5px}
.public-list-r>ul{width:900px;padding:5px 5px 0 5px}
.public-list-r li.has-order>p{position:absolute;display:block;z-index:1;border-top:solid 30px #f80;border-right:solid 40px transparent;left:0;top:0}
.public-list-r li.has-order .order{position:absolute;z-index:2;left:2px;top:2px;color:#fff;font-family:"microsoft yahei"}
.public-list-r>ul>li{position:relative;float:none;display:inline-block;height:auto;border:solid 1px #dcdcdc;box-sizing:border-box;margin-right:16px;margin-bottom:20px;vertical-align:top}
.public-list-r>ul>li:nth-child(1),.public-list-r>ul>li:nth-child(2),.public-list-r>ul>li:nth-child(3){margin-top:0}
.public-list-r>ul>li.h226{height:226px}
.public-list-r>ul>li.h186{height:186px}
.public-list-r>ul>li .try{position:absolute;right:0;z-index:1;width:50px;height:40px;line-height:40px;text-align:center;background:url(../images/try-listen-right-top.png) no-repeat}
.public-list-r>ul>li>.pre{position:absolute;top:0;width:100%;display:table;z-index:10}
.public-list-r>ul>li>.pre .backdrop{position:absolute;display:block;width:100%;height:100%;left:0;background:#000;opacity:.5;filter:alpha(opacity=50);z-index:10}
.public-list-r>ul>li>.pre>.wrapper{position:relative;font-size:24px;color:#fff;text-align:center;line-height:22px;display:table-cell;vertical-align:middle;z-index:11}
.public-list-r>ul>li>.pre>.wrapper>*{display:inline-block;vertical-align:middle}
.public-list-r>ul>li>.pre>.wrapper>img{margin-right:7px}
.public-list-r-text>p{height:auto}
.public-list-r-text .download{width:18px;height:18px;margin-right:8px;font-size:12px;background:url(../images/download-circle.png)}
.public-list-r-text a,.public-list-r-text span{color:#666}
.public-list-r-text .split{padding:0 0 0 4px}

.public-list-r-b>.public-list-r-title>a{color:#666}
.public-list-r-b>.public-list-r-title a:hover,.public-list-r-b>.public-list-r-title:hover{color:#f60;cursor:pointer}
.public-list-r-t1{width:280px}
.public-list-r-t1>.left,.public-list-r-t1>.right{height:60px;max-height:60px}
.public-list-r-t1>.left{display:table-cell;vertical-align:middle;width:60px;font-size:14px;color:#fff;background:#536e9a;text-align:center}
.public-list-r-t1>.left>span{font-size:30px;margin-right:3px}
.public-list-r-t1>.right{display:table-cell;vertical-align:middle;width:208px;background:#788dae;padding-left:10px;padding-right:10px;font-size:16px;line-height:26px;color:#fff;box-sizing:content-box}
.public-list-r-t1>.right span{display:block;max-height:50px;overflow:hidden}
.public-list-r-b1{padding-right:10px;padding-left:10px;overflow:auto;min-height:156px;box-sizing:content-box}
.public-list-r-b1>.public-list-r-text{margin-bottom:48px}
.public-list-r-b1>ul{width:100%;float:left;margin-top:20px;padding-bottom:48px}
.public-list-r-b1>ul>li{padding-left:8px;height:auto;position:relative;width:100%;box-sizing:content-box}
.public-list-r-b1>ul>li:not(:nth-child(1)){margin-top:20px}
.public-list-r-b1>ul>li:hover{box-shadow:none}
.public-list-r-b1>ul>li .num{position:absolute;left:0;top:0;width:18px;height:18px;line-height:18px;text-align:center;background:url(../images/yellow-circle.png) no-repeat;color:#fff}
.public-list-r-b1>.public-list-r-title,.public-list-r-b1>ul>li a.public-list-r-title{display:inline-block;padding-left:18px;height:18px;line-height:16px;margin:0;width:90%;color:#666;font-size:14px;box-sizing:content-box}
.public-list-r-b1>.public-list-r-title{padding-top:20px;padding-bottom:22px;padding-left:5px}
.public-list-r-b1>.public-list-r-text{padding-left:5px}
.public-list-r-b1 a.public-list-r-title>a{color:#666}
.public-list-r-b1 a.public-list-r-title>span.title{display:inline-block;height:18px;max-width:190px;overflow:hidden}
.public-list-r-b1 a.public-list-r-title:hover,.public-list-r-b1 a.public-list-r-title:hover a{cursor:pointer;color:#f60}
.public-list-r-b1>ul>li>a.public-list-r-title>.title{float:left}
.public-list-r-b1 a.public-list-r-title>.price{float:right}
.public-list-r-b1>ul>li .public-list-r-text{border-left:solid 2px #e8e8e8;padding-left:18px;height:58px;display:table}
.public-list-r-b1>ul>li .public-list-r-text>.wrapper{display:table-cell;vertical-align:middle}
.public-list-r-b1 .bottom{text-align:right;float:left;position:absolute;bottom:0;right:10px;height:30px;line-height:30px;padding-right:2px;width:260px;color:#999;border-top:solid 1px #f6f6f6;background:#fff}
.public-list-r-b1 .bottom>span{display:inline-block;margin-left:-4px}
.public-list-r-b1 .bottom>.teacher{margin-right:14px}
.public-list-r-b1 .bottom>.teacher-name{margin-right:8px}