@charset "utf-8";
/* 公用样式-by:zhwang王智洪 */
body{margin:0px;padding:0px;font-size:100%;font-family:"微软雅黑";color:#444;background:#f5f5f5;font-size:15px;}
html{-webkit-text-size-adjust:none;}
ol,ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,img,p{margin:0px;padding:0px;list-style:none;border:none;}
a{text-decoration:none;color:#444;display:block;font-family:"微软雅黑";}
.video embed, .video object, .video iframe {width:100%;height: auto; } 
.fl{ float:left}
.fr{ float:right}
.clear{ clear:both}
*{ box-sizing:border-box}
.slate3-shadow {transition: box-shadow .2s, -webkit-transform .2s;transition: box-shadow .2s, transform .2s;
transition: box-shadow .2s, transform .2s, -webkit-transform .2s;cursor:pointer}
.slate3-shadow:hover {-webkit-transform: translateX(5px);
transform: translateX(5px)}

.headbar,.newbanner,.bottombox,.bottombar{ min-width:1200px}
/*新闻主页*/
.newbanner{ height:320px; display:block; overflow:hidden; width:100%; background-color:#cccccc}
.new_picbanner{width:100%; height:100%; display:block; overflow:hidden; background-repeat:no-repeat; background-position:center top; background-size:cover; }
.newcatnavbar{ background-color:#fff; display:block; overflow:hidden; width:100%}
.newcatnavbar ul{ padding:12px 0 12px 10px; display:block; overflow:hidden; width:1190px; margin:0 auto}
.newcatnavbar li{height:40px; line-height:40px; display:block; float:left; margin-right:25px}
.newcatnavbar li a{height:40px; line-height:40px; display:block; cursor:pointer;text-align:center;transition: all .25s; font-size:15px}
.newcatnavbar li a:hover,.newcatnavbar li a.on{ color:#f60; border-bottom:3px solid #f60}
.newcontbar{ display:block; overflow:hidden; margin:15px auto; width:1200px}
.bg-white{ background-color:#fff;}
.pane{ display:block; overflow:hidden; margin-bottom:15px}
.module{ display:block; overflow:hidden; padding:25px 20px}
.todaytl{ display:block; overflow:hidden}
.todaytl a{height:36px; line-height:36px; font-size:16px; color:#fff; padding:0 16px; display:block; float:left; margin-right:10px; background-color:#ff6600}
.todaynewbar{ display:block; padding-top:24px;}

.item-a{width:376px; display:block; position:relative}
.yx-rotaion{ height:210px; display:block; width:376px; background-color:#dedede; position:relative; margin-bottom:28px}

.a-list{}
.a-list li{position:relative;height:30px;line-height:30px;list-style-position:inside;white-space:nowrap;overflow:hidden}
.a-list li span{ font-size:14px; display:inline-block; vertical-align:middle;margin-right:5px;color:#a6a6a6; line-height:30px; float:left;transition:all 0.2s; cursor:pointer}
.a-list li a{overflow:hidden;white-space:nowrap; text-overflow:ellipsis; max-width:300px; display:inline-block;color:#666; font-size:14px; line-height:30px; float:left; transition:all 0.2s}
.a-list li a:hover{ color:#f60}
.a-list li span:hover{ color:#bbb}

.item-b{width:352px; margin-left:30px; position:relative}
.item-b .a-list li a{ width:291px}
.itemb_titl{height:44px; line-height:44px; width:100%; display:block; overflow:hidden; position:absolute;left:0; top:-44px;}
.itemb_titl h3{ float:left; line-height:44px; font-size:16px; color:#000; font-weight:normal}
/*换一换*/
.change-btn {width: 80px;height: 25px;border-radius: 5px;transition: all .2s;line-height: 22px;color:#999;text-align: center; cursor: pointer; margin:12px 10px 0}
.change-btn i {display: inline-block;width: 13px;height: 15px;margin-right: 4px;background:url(../images/new/icon_change.png) no-repeat 0 0;vertical-align: -2px;transition: -webkit-transform .3s;transition: transform .3s;transition: transform .3s, -webkit-transform .3s}
.change-btn:hover { color:#f60}
.change-btn:hover i {background:url(../images/new/icon_change_hv.png) no-repeat 0 0;-webkit-transform: rotate(360deg);transform: rotate(360deg)}

.item-c{width:362px; margin-left:30px}
.item-c .col-cards{ margin-right:6px; float:left}
.col-cards-item{position:relative; margin-bottom:6px}
.big .col-cards-item{width:148px; height:89px;}
.sm .col-cards-item{width:118px; height:70px;}
.xsm .col-cards-item{width:84px; height:89px;}
.item-c .xsm{margin-right:0}
.col-cards-item-info,.col-cards-item-detail,.col-cards-item .mark{position: absolute;	top: 0;	left: 0;width: 100%;height: 100%;font-size: 15px;color: #fff;text-align: center}
.col-cards-item-info,.col-cards-item-detail{-webkit-backface-visibility: hidden;backface-visibility: hidden;transition: .6s;transform-style: preserve-3d}
.col-cards-item .title {position: absolute;top: 50%;left: 50%;width: 100%;transform: translate(-50%, -50%)}
.col-cards-item .col-cards-item-info {z-index: 1;transform: rotateX(0deg)}
.col-cards-item .col-cards-item-detail {transform: rotateX(180deg)}
.col-cards-item .col-cards-item-detail .mark {background-color: rgba(0,0,0,.6)}
.col-cards-item .col-cards-item-detail .img {width: 100%;height: 100%}
.col-cards-item.hover .col-cards-item-info,.col-cards-item:hover .col-cards-item-info {z-index: 0;transform: rotateX(180deg)}
.col-cards-item.hover .col-cards-item-detail,.col-cards-item:hover .col-cards-item-detail {z-index: 1;transform: rotateX(0deg)}
.color-beige {background-color: #fac38c}
.color-azure{background-color: #88d5f2}
.color-green{background-color: #56dbaa}
.module-bill{width:300px;display:block; overflow:hidden; background-color:#fff}
.module-bill h3.bill-logo{ display:block; text-align:center; overflow:hidden; font-weight:normal; padding-top:30px; padding-bottom:6px}
.bill-slogan{text-align:center;color:#a1a1a1;line-height:20px;margin-bottom:8px; font-size:14px}
.bill-ad{width:260px; height:162px; display:block; overflow:hidden; margin:0 auto}
.bill-ad a{ display:block; overflow:hidden; cursor:pointer}
.bill-ad a img{width:100%; height:100%}
.billist{display:block; overflow:hidden; padding:10px 22px 16px}
.billist li a{ height:29px; line-height:29px; font-size:12px; color:#666; cursor:pointer;overflow:hidden;white-space:nowrap; text-overflow:ellipsis; transition:all 0.4s}
.billist li a:hover{ color:#f60}
.module_subject{ padding:25px 30px 9px}
.subject_left{ width:515px}
.subleft_titlb{ display:block; overflow:hidden; padding-bottom:18px}
.subleft_titlb a{ width:88px; height:26px; line-height:25px; text-align:center; color:#666; font-size:14px; border:1px solid #d5d5d5; background-color:#fff; float:left; margin-right:10px; transition:all .5s; cursor:pointer;}
.subleft_titlb a:hover,.subleft_titlb a.on{ background-color:#f60; border:1px solid #f60; color:#fff}
.subject_right{width:310px}
.subleft_left_item{ display:block;}
.litp .fl a{overflow:hidden;white-space:nowrap; text-overflow:ellipsis; color:#7f8080}

/*课程列表优化*/
.lipd{width:216px; height:auto; margin-left:0; margin-right:30px; margin-bottom:20px}
.rectwopic{width:216px; height:120px}
.litxt{ height:32px; line-height:30px}
/*排行榜*/
.lumtl{height:40px; line-height:40px; display:block; overflow:hidden;}
.lumtl h3{height:40px;line-height:40px; font-size:18px; color:#000;float:left; font-weight:normal}
.lumbox{ display:block; overflow:hidden; padding:5px 0}
.leaderboard{ display:block; overflow:hidden}
.leaderboard li,.leaderboard li a{display:block; overflow:hidden; cursor:pointer;transition: all .2s;}
.leaderboard li{padding:5px 0}
.leaderboard li a .lealibar{display:block}
.leaderboard li a .lealibar em{ display:inline-block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; color:#666; max-width:206px; height:20px; line-height:20px;}
.leaderboard li a .lealibar font{display:inline-block;height:20px; line-height:20px; color:#a6a6a6; font-size:14px; float:right; text-align:right}
.leaderboard li a i,.leaderboard li a .lealibar em{ font-style:normal}
.leaderboard li a i{width:20px; height:20px; text-align:center; line-height:20px; float:left; background-color:#8eb9f5; font-size:12px; color:#fff; border-radius:20px; margin-right:10px}
.leaderboard li a i.one{background-color:#f54545;}
.leaderboard li a i.two{background-color:#ff8547;}
.leaderboard li a i.three{background-color:#ffac38;}
.leaderboard li a .lealibat{display:none; overflow:hidden; background-color:#fafafa}
.leaderboard li a .lealibat .lealibatpic{ height:60px; float:left; margin-right:10px;transition: all .2s;}
.leaderboard li a .lealibat .lealibatpic img{ height:100%}
.leaderboard li a .lealibat h3{ font-size:14px; line-height:16px; font-weight:normal; padding-right:5px; padding-top:5px; padding-bottom:5px}
.leaderboard li a .lealibat em{ font-size:14px; color:#a6a6a6; font-style:normal}
.leaderboard li a:hover .lealibat{ display:block}
.leaderboard li a:hover .lealibar{ display:none}
.leaderboard li a:hover .lealibat h3{ color:#f60}

.module-sort{ padding:25px 30px}
.module-sort .qualistbar{ margin-top:0}
.module-sort .qualistbar li{ width:auto}
.module-sort .qualistbar li a{ width:134px;transition: all .2s;}
.modulecolbar{ display:block; overflow:hidden; padding-top:12px}
.sortleftbar{width:780px; display:block; overflow:hidden}
.more{ float:right; color:#999; line-height:40px; font-size:14px; cursor:pointer; padding-right:5px}
.more:hover{ color:#f60}
.sort-colbar{ width:390px; padding-right:20px}
.sortlist li{ display:block; overflow:hidden}
.sortlist li a{ display:block;overflow:hidden; height:29px; line-height:29px; font-size:14px; color:#666; float:left; max-width:324px; white-space:nowrap; text-overflow:ellipsis;}
.sortlist li i{width:16px; height:29px; display:block; float:left; background:url(../images/new/icon_sortlist.png) no-repeat center center;}
.sortlist li:hover a{ color:#f60}
.sortlist li:hover i{background:url(../images/new/icon_sortlist_hv.png) no-repeat 0 0;}
/*推荐子专业*/
.subspecialty{ display:block; overflow:hidden; padding-top:15px}
.culum{}
.culum a{ display:block; overflow:hidden; cursor:pointer;}
.cul-pic{width:175px; height:100px; display:block; overflow:hidden; }
.cul-pic img,.currpic img{width:100%; height:100%;transition:all 0.3s}
.culum p{ height:30px; line-height:30px; font-size:14px; color:#666666; width:175px;overflow:hidden;white-space:nowrap; text-overflow:ellipsis;}
.sortleftbar .more{ margin-right:20px}

.sortrightbar{ width:356px}
.branchbar{ display:block;}
.branchbar .lipd{ margin:24px 20px 0px 0px; width:168px;}
.branchbar .rectwopic{ width:168px; height:97px}
.branchbar .litxt a{ width:168px}
.branchbar .list-img .play-cover:before {content: "";left: 50%;top: 50%; margin: -30px 0 0 -30px;width: 60px; height: 60px;transition: all .25s;background:url(../images/view.png) no-repeat center center; background-size:80%}
.branchbar .lipd.mr0{ margin-right:0px}

.curriculum{ display:block; overflow:hidden}
.currlib{ margin-top:12px; display:block; overflow:hidden; padding-bottom:12px; border-bottom:1px dotted #ddd}
.currlib a{ display:block; overflow:hidden; cursor:pointer; position:relative}
.currpic{width:157px; height:90px; display:block; overflow:hidden; float:left; margin-right:10px; background-color:#ddd}
.currlib a p{ font-size:16px; color:#333}
.currlib a span{ position:absolute; left:168px; bottom:0; font-size:12px; color:#7f80800}
.currlib a:hover p{ color:#f60}
.mr12{ margin-right:12px}

/*备注：特注快速导航及右侧菜单栏*/
.scroll-nav a,.right-bar,.right-bar a,.fullcourcent{ box-sizing:border-box}

/*备注：新闻聚合页面*/
.apexbar{ width:100%; height:30px; display:block; overflow:hidden; background-color:#f5f5f5}
.apexbox{ width:1200px; display:block; height:30px; overflow:hidden; margin:0 auto}
.apexlist li{ float:left; height:30px; line-height:30px; margin-right:2px}
.apexlist li a{ height:30px; line-height:30px; padding:0 10px; font-size:12px; color:#333; cursor:pointer}
.apexlist li a:hover,.apexlist li a.on{ background-color:#dfdfdf;}
.apex_userbar{ line-height:30px; height:30px; display:block; float:right}
.apexuser_toux{width:22px; height:22px; display:block; overflow:hidden; float:left; margin-top:4px; border-radius:22px; }
.apexuser_toux img{width:22px; height:22px; display:block; overflow:hidden;border-radius:22px;}
.apexuser_user,.apexuser_enroll{ height:30px; line-height:30px; float:left; color:#333333; padding:0 12px 0 5px; font-size:12px; cursor:pointer}
.apexuser_user:hover,.apexuser_enroll:hover{ color:#f60}
.apexline{width:1px; height:18px; display:block; overflow:hidden; background-color:#cccccc; margin-top:6px; float:left}
.apexuser_enroll{ padding:0 0 0 12px}
.topbar,.newlistopbar{ display:block; overflow:hidden; background-color:#fff}
.top_pourbar{ height:100px; display:block; width:1200px; margin:0 auto; padding:10px 0}
.group_logo{width:156px; height:80px; display:block; overflow:hidden; float:left;}
.group_logo img{ height:80px}
.topgroupbanner{width:683px; height:80px; display:block; overflow:hidden; float:left; margin-right:20px}
.topgroupbanner img{ height:100%; width:100%}
.hoterm{ display:block; overflow:hidden; float:left;height:80px; width:341px}
.hotetl{width:24px; height:80px; display:table-cell; text-align:center; float:left; overflow:hidden; background-color:#f5f5f5;writing-mode:lr-tb; font-size:14px; color:#aaa; line-height:16px; vertical-align:middle; padding-top:7px}
.hotextbar{ display:block; overflow:hidden; padding:4px 10px; float:left; width:317px}
.hotextbar a{ display:inline-block; color:#999999; margin:0 5px; font-size:14px; line-height:24px; cursor:pointer}
.hotextbar a:hover{ color:#666}
.topbar .newcatnavbar{ background-color:#0066cc;}
.topbar .newcatnavbar ul{ padding:8px 0 8px 10px}
.topbar .newcatnavbar li a{color:#fff}
.topbar .newcatnavbar li a:hover,.topbar .newcatnavbar li a.on{ color:#ff0; border-bottom:3px solid #ff0}
.poly_term{ padding:20px 15px; width:782px;}
.poly_sidebar{width:402px; padding:25px 20px}
.aggregatereading,.readbox{display:block}
.readbox .lipd{ margin:10px 15px 24px}
.readbox .rectwopic{width:220px; height:126px}
.poly_term .newbox{ overflow:visible}
.poly_term .newbox .artcont{ overflow:visible}
.poly_term .newbox .artlist{ margin:0 auto 18px; width:auto}
.poly_term .newbox .artbox{ padding-right:15px; width:520px}
.poly_term .newbox .artlist{ background-color:#fbfbfb}

.poly_findbar{ display:block; overflow:hidden}
.polseach{ height:50px; display:block; overflow:hidden}
.polseach_input{ height:50px; line-height:50px; padding:0 10px; border:1px solid #cccccc; border-right:none; font-size:16px; width:272px; float:left; display:block; overflow:hidden}
.polseach_btn{width:90px; height:50px; text-align:center; display:block; overflow:hidden; background:url(../images/new/icon_find.png) no-repeat center center #fdd100; cursor:pointer; transition:all 0.5s}
.polseach_btn:hover{background:url(../images/new/icon_find.png) no-repeat center center #ffea00;}
.hotword{ display:block; overflow:hidden; padding:10px 0; line-height:24px; color:#999; height:60px}
.hotword span,.hotword a{ display:inline-block;line-height:24px; color:#999; font-size:14px; margin:0 10px 5px 0; cursor:pointer}
.hotword a:hover{ color:#666}

.poly_item{ display:block; overflow:hidden}
.poly_item .item-c{ margin-left:0; display:block; overflow:hidden; padding:10px 0}
.lartent .culum{ margin:8px 12px 10px 0}
.lartent .cul-pic{ display:block; width:170px; height:97px;}
.lartent .culum p{ width:170px; line-height:24px; padding:4px 0; overflow:hidden;}
.newest{ padding:10px 0; display:block; overflow:hidden}
.sortlist{height:204px; display:block; overflow:hidden}
.newest .sortlist li a{ max-width:300px}
.newest .sortlist li span{ display:block;overflow:hidden; height:29px; line-height:29px; font-size:14px; color:#a6a6a6; float:right; padding-right:5px}
.newest .sortlist li:hover span{ color:#f60}
.random .sortlist li a{ max-width:340px}
.newline{ height:1px; display:block; margin:2px auto 12px; border-bottom:1px solid #ededed;}
 

/*备注：新闻列表*/
.artbanner{width:1200px; height:120px; display:block; overflow:hidden; margin:10px auto}
.artbanner img{width:100%; height:100%;display:block;transition: all .2s linear;}
.artxiseachbar{width:1200px; margin:0 auto}
.newitem{ padding:15px 20px 20px; margin:0 0 15px}
.newitem .readbox .rectwopic{width:202px; height:116px}
.newitem .readbox .lipd{ margin:20px 15px 10px;width:202px}

.hotranking{ padding:10px 0}
.hotranking li a{ max-width:324px; height:30px; line-height:30px}
.hotranking li i{ background:none}
.hotranking li i{width:20px; height:20px; text-align:center; line-height:20px; float:left; background-color:#8eb9f5; font-size:12px; color:#fff; border-radius:20px; margin-right:10px; margin-top:5px; font-style:normal}
.hotranking li i.one,.hotranking li:hover i.one{background-color:#f54545;}
.hotranking li i.two,.hotranking li:hover i.two{background-color:#ff8547;}
.hotranking li i.three,.hotranking li:hover i.three{background-color:#ffac38;}
.hotranking li:hover i{ background:none #8eb9f5}
.lumtl2{ height:50px}
.arigbanner{ width:362px}
.kfbar2{ margin:20px auto}

.a-list li span a{ color:#999}
.item-b .a-list li span a{ width:auto; color:#999}





/* 监听浏览器宽度不小于1900px时 */ 
@media screen and (min-width: 1900px) { 
	.newcatnavbar ul{width:1426px}
	.newcontbar{width:1400px}
	.newcatnavbar li a{width:73px}
	.module{ padding:25px 35px}
	.item-a{width:390px}
	.item-b{width:508px}
	.item-c{ margin-left:40px}
	.item-b .a-list li a{width:440px;max-width:446px;}
	.module-bill{width:360px}
	.bill-ad{width:300px; height:187px}
	.billist{ padding:10px 30px 16px}
	.subject_left{width:590px}
	.subject_right{width:360px}
	.rectwopic{width:250px; height:144px}
	.billist li a{height:33px; line-height:33px}
	.leaderboard li a .lealibar em{max-width:268px}
	.leaderboard li a .lealibat .lealibatpic{height:70px}
	.leaderboard li{padding:6px 0}
	.qualistbar li{ margin-right:16px}
	.module-sort .qualistbar li a{width:153px}
	.sortrightbar{width:420px}
	.branchbar .rectwopic{width:200px; height:115px}
	.sortleftbar{width:904px}
	.sort-colbar{width:452px}
	.cul-pic{width:202px; height:117px}
	.mr12{ margin-right:20px}
	.sortlist li a{max-width:416px}
	.currlib{margin-top:15px; padding-bottom:15px}
	.headbar, .newbanner, .bottombox, .bottombar{ min-width:1400px}
	.bottombox{width:1400px}
	
	/*新闻聚合页\列表页面*/
	.apexbox{width:1400px}
	.top_pourbar{width:1400px}
	.topgroupbanner{width:883px}
	.poly_term{width:983px}
	.poly_term .newbox .artbox{width:718px}
	.readbox .rectwopic{width:287px; height:164px}
	.newest .sortlist li a,.random .sortlist li a{height:31px; line-height:31px}
	.newest .sortlist li i,.random .sortlist li i{height:31px}
	.newest{padding:12px 0}
	.newline{ margin:5px auto 15px}
	.hotranking .sortlist li a{max-width:330px}
	.newitem .readbox .rectwopic{width:242px; height:138px}
	.kfbar2{ margin:22px auto}
	.artbanner{width:1400px; height:140px}
	.artxiseachbar{width:1400px}
}