@charset "utf-8";
body{overflow-x:hidden;padding-top:60px;}
.even{background:#f1f1f1;padding:1px 0 30px 0;margin-top:30px;}
.mobile .layui-container{padding:0 7px;}
section{clear:both;}
/*main*/
.main{margin:20px auto 9px auto;box-shadow:0 5px 20px 0 rgba(0,0,0,.3);border-radius:5px;}
.main-top{height:360px;display:flex;border-radius:5px;}
/*banner*/
.banner{background-color:#fff;flex:1;border-top-right-radius:5px;}
.banner a div{width:100%;height:100%;background-position:center center;background-size:100%;border-top-right-radius:5px;}
/*course*/
.main .course{background:#39364d;width:256px;height:360px;padding-top:10px;border-top-left-radius:5px;box-sizing:border-box;}
.main .course .cat{display:block;font-size:18px;text-align:center;color:white;font-weight:bold;padding:6px;}
.main .course .item{color:#fff;height:50px;line-height:50px;padding:0px 0 0px 9px;position:relative}
.main .course .item:hover{background:#4D4F5F;}
.main .course .item a{font-size:12px;color:#fff;}
.main .course .item a:hover{color:#5FB878;}
.main .course .item a.pa{font-weight:bold;font-size:14px;}
.main .course .item .son a:nth-child(-n+2):after{content:'/';padding:3px;}
.main .course .item i{font-size:10px;position:absolute;right:0;top:0;color:rgba(255,255,255,.3);}
/*shicao*/
.main .shicao{background:#fff;box-sizing:border-box;border-radius:5px;padding:9px;margin:0 auto;}
.main .shicao a{display:inline-block;width:16.3%;overflow:hidden;padding-left:54px;box-sizing:border-box;margin:12px 0 0 0;height:48px;background:url('https://oss.acc6.com/base/icon_shicao.png') no-repeat 0px 0px;}
.main .shicao a p{font-size:12px;padding-top:5px;color:#999;}
.shicao a.icon2{background-position:0 -48px;}.shicao a.icon3{background-position:0 -96px;}.shicao a.icon4{background-position:0 -144px;}.shicao a.icon5{background-position:0 -192px;}.main .shicao a.icon6{background-position:0 -240px;}.shicao a.icon7{background-position:0 -288px;}
.shicao a.icon8{background-position:0 -336px;}.shicao a.icon9{background-position:0 -384px;}.shicao a.icon10{background-position:0 -432px;}.shicao a.icon11{background-position:0 -478px;}.shicao a.icon12{background-position:0 -526px;}.shicao a.icon13{background-position:0 -574px;}.shicao a.icon14{background-position:0 -622px;}
.main .mobile .shicao a p{font-size:10px;}
/*askList*/
.askList{position:relative;padding:9px 5px 12px 5px;border-bottom:1px dotted #eee;}
.askList .title{font-size:16px;max-width:90%;line-height:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.askList .title:before{content:'已答';padding:3px;margin-right:6px;font-size:12px;background-color:red;color:#fff;border-radius:2px;}
.askList .reply{font-size:14px;line-height:22px;padding:9px 0 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.askList .reply:before{content:'答：';font-weight:bold;}
/*teacherWrag*/
.teacherItem{position:relative;text-align:center;width:240px;height:300px;margin:0 20px;display:inline-block;}
.teacherItem img{width:100%;}
.teacherItem .title{position:absolute;left:0;right:0;bottom:0;padding:3px 20px;line-height:56px;background:linear-gradient(180deg,rgba(0, 0, 0, 0) 0%, #000000 100%); font-size:20px; color:#fff; border-radius:0 0 4px 4px;}
.teacherItem .desc{display:none;text-align:left;line-height:20px;font-size:12px;overflow:hidden;}
.teacherItem:hover .title{top:0x;background-color: rgba(0,0,0,.7);color: #fff;}
.teacherItem:hover .desc{display:block;}
.teacherItem .try{position:absolute;z-index:9;top:0;right:0;padding:3px 5px 5px 9px;color:#fff;font-size:12px;background-color:#e85308;border-radius:11px 0px 0px 11px;}
/*liveItem*/
.liveItem dl{display:flex;height:100px;}
.liveItem dt{width:100px;text-align:center;color:#9ea7b0;}
.liveItem dt img{width:72px;height:72px;border-radius:50%;margin-bottom:5px;}
.liveItem dd{flex:1;}
.liveItem .time{margin-top:9px;color:#ff7745;}.liveItem .time i{margin-right:3px;color:#ff7745;}
.liveItem .title{margin:9px 0;font-size:16px;color:#04253C;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.liveItem .tool a{color:gray;display:inline-block;width:48%;}
/*courseList*/
.courseList{width:100%;position:relative;overflow:hidden;}
.courseList img{width:100%;transition:all 0.6s;max-height:160px;}
.courseList:hover img{transform:scale(1.02);}
.courseList h4{font-size:16px;padding:7px 0px 12px 2px;}
.courseList h4 span{font-size:14px;float:right;}
.courseList p{background-color:rgba(0,0,0,0.4);bottom:40px;left:0;position:absolute;text-align:center;width:100%;z-index:99;}
.courseList:hover p{visibility:visible;}
.courseList p a{font-size:14px;padding:4px 18px;color:white;display:inline-block;}
.courseList>span{z-index:9;position:absolute;top:0;left:0;padding:3px 9px 3px 5px;color:#fff;font-size:12px;background-color:#e85308;border-radius:0px 0px 37px 0px;}
.more a{padding:5px}
/*types*/
.types-title{height:36px;background:url('https://oss.acc6.com/base/title_bg.png') no-repeat 0px 0px;background-size:16%;padding-left:180px;margin:24px 0;display:flex;align-items:center;justify-content: space-between;}
.types-title .menu{}
.types-title .menu li{position:relative;padding:0 14px;margin:0;float:left;font-size:14px;line-height:30px;cursor:pointer;color:#545c63;transition:all .2s}
.types-title .menu li:hover{color:#5FB878}
.types-title .menu li.active{color:#5FB878;font-weight:700}
.types-title .menu li.active:after{content:'';position:absolute;left:50%;bottom:0;margin-left:-.7em;width:1.4em;height:2px;border-radius:100px;background-color:#5FB878}
.types-title .more{line-height:36px;color:#6d7278;transition:all .2s;display:flex;}