/* Init */
*{padding: 0; margin: 0; vertical-align: middle;}
a{text-decoration: none;}
body{min-width: 1200px; max-width: 1920px; margin: 0 auto; font-size: 14px; color: #333; font-family: "microsoft yahei"; background-color: #FFF;}
.page-wrap{position: relative; width: 1200px; margin: 0 auto;}
.page-side{position: absolute; top: 20px; right: 0; width: 410px;}

/* Card */
.card{border-radius: 6px; background-color: #FFF; box-shadow: 0 0 16px 10px rgb(7 17 27 / 10%);}
.card-head{height: 50px; line-height: 50px; padding-top: 10px; margin: 0 15px; font-size: 16px; border-bottom: solid 1px #EEE;}

/* Page-Head */
.page-head{height: 120px;}
.page-head .logo, .page-head .user{display: inline-block;}
.page-head .logo{height: 80px; padding: 20px 0;}
.page-head .logo img{height: 100%;}
.page-head .user{float: right; margin-top: 50px;}
.page-head .page-wrap{background: url(/static/images/8947.png) no-repeat center right; background-size: auto 100%;}

/* Page-Nav */
.page-nav{height: 50px; line-height: 50px; background-color: #e64346; font-size: 0;}
.page-nav a{display: inline-block; padding: 0 10px; color: #FFF; font-size: 16px;}
.page-nav a:hover,.page-nav a.hover{color: #fffa2c; font-weight: bold; background-color: transparent;}
.page-nav .page-wrap{width: 1300px;}

/* Page-Foot */
.page-foot{position: relative; margin-top: 30px; height: 170px; line-height: 2; font-size: 13px; color: #878787; border-top: solid 4px #e64346; background-color: #2a2c31;}
.page-foot .link{padding-top: 10px; border: 0;}
.page-foot .link a{display: inline-block; margin-right: 35px; color: #a4a4a4;}
.page-foot .media{position: absolute; right: 0; bottom: 0;}
.page-foot .media img.mp{width: 100px; height: 100px;}
.page-foot .media img.logo{height: 90px; margin-right: 50px;}

/* Page-Side */
.page-side .card-head{font-size: 18px; font-weight: bold; padding-left: 10px;}
.page-side .card-head:before{position: absolute; content: ''; width: 4px; height: 20px; margin-top: 16px; margin-left: -10px; border-radius: 2px; background-color: #e64346;}
.page-side .recommend{margin-bottom: 20px;}
.page-side .recommend .card-main{padding: 5px 0;}
.page-side .recommend .card-main a{display: block; margin: 0 15px; padding: 10px 0; color: #2a2c31;}

/* 首页 - 全屏滚动图 */
.fullSlide{width:100%;position:relative;height:450px;background:#000;}
.fullSlide .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul{width:100% !important;}
.fullSlide .bd li{width:100% !important;height:450px;overflow:hidden;text-align:center;background:#FFF center 0 no-repeat;}
.fullSlide .bd li a{display:block;height:450px;}
.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:10px;left:0;height:30px;line-height:30px;}
.fullSlide .hd ul{text-align:center;}
.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:42px;height:8px;margin:0 3px; border-radius: 4px; overflow:hidden; background:#000; filter:alpha(opacity=30); opacity:0.3; line-height:999px;}
.fullSlide .hd ul .on{background:#f00;}
.fullSlide .prev,.fullSlide .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:15%;z-index:1;width:40px;height:60px;background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;filter:alpha(opacity=30); opacity:0.3;display:none; border-radius: 5px;}
.fullSlide .next{left:auto;right:15%;background-position:-6px -137px;}

/* 首页 - 最新课程 */
.index-course{}


/* 文档列表 */
.doc-list a{display: block; padding: 15px 15px 15px 30px; background: url(/static/icon/1006.svg) no-repeat 0 center; background-size: 20px;}



#video_wrap a {float: left;margin-right: 52px;margin-top: 25px; width:260px;}
#video_wrap h1 {font-size: 14px;line-height: 40px;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
#video_wrap img{border-radius: 5px;}

/* 首页 - 无缝滚动 */
#famous_mod {height: 280px;}
#scroll{width: 100%; background: #FFF;overflow:hidden;padding-top: 15px;padding-bottom: 15px;} 
#scroll_0 {float: left;width: 800%; } 
#scroll_1 , #scroll_2{float: left; } 
#scroll_2{ margin-left:4px;}
#scroll a{display: block;float:left;margin-right: 7px;}
#scroll a em {background-color: #E6E6E6;display: block;text-align:center;height:30px;line-height:30px;}



/* Detail-Page */
.detail-head{margin-top: 20px; padding: 30px;}
.detail-head .title{height: 55px; font-size: 26px; font-weight: bold;}
.detail-head .title .type{display: inline-block; height: 26px; line-height: 26px; padding: 0 8px; font-weight: normal; color: #FFF; border-radius: 6px; font-size: 14px; background-color: #e64346;}
.detail-main{width: 760px; min-height: 690px; margin-top: 20px; padding: 0 20px 20px 20px;}



.introduction{margin-top: 15px; color: #878787; font-size: 14px;}



.tab-main .link{display: block; padding: 0 20px 0 45px; height: 45px; line-height: 45px; margin-bottom: 10px; color: #616161; cursor: pointer; background: url(/static/icon/1006.svg) no-repeat 15px center; background-size: 20px;}
.tab-main .link:hover{ background-color: #f5f5f5;}
.tab-main .group .name{position: relative; padding: 0 20px 0 45px; height: 45px; line-height: 45px; margin-bottom: 10px; color: #616161; background: #f5f5f5 url(/static/icon/1005.svg) no-repeat 15px center; background-size: 20px; cursor: pointer;}
.tab-main .group .name:after{position: absolute; content: ''; top: 12px; right: 12px; width: 20px; height: 20px; background: url(/static/icon/1007.svg) no-repeat center; background-size: 20px;}
.tab-main .group .name.fold:after{background-image: url(/static/icon/1008.svg)}
.tab-main .group .main .group{padding-left: 28px;}


/* Index */
.index .banner{width: 1140px; height: 400px; margin: 20px auto 0 auto; border-radius: 10px; overflow: hidden;}
.index .banner img{height: 100%;}
.index .section{position: relative;}
.index .section .eng{position: absolute; width: 100%; height: 180px; line-height: 180px; top: 0; font-size: 90px; font-weight: bold; color: #ededed; z-index: -1;}
.index .section .head{padding: 80px 0 50px 0; font-size: 30px; color: #3b3b3b; text-align: center; letter-spacing: 1px;}
.index .section .head span{display: inline-block; padding: 0 8px 5px 8px; color: #e64346; border-bottom: double 5px #e64346;}
.index .section .main{font-size: 0; text-align: justify; text-align-last: justify;}
.index .trends.section .main{font-size: 14px; }
.index .trends.section .main .item{display: inline-block; width: 48%; height: 100px; margin-bottom: 30px; font-size: 14px; border: solid 1px #DDD; border-radius: 7px;}
.index .course.section .main .item{display: inline-block; width: 23%; height: 200px; margin-bottom: 30px; font-size: 14px; border: solid 1px #DDD; border-radius: 7px;}
.index .books.section .main .item{display: inline-block; width: 11.5%; height: 200px; margin-bottom: 30px; font-size: 14px; border: solid 1px #DDD; border-radius: 7px;}


.document.answer .answer-item .title{width: auto; margin-bottom: 0; background-image: url(/static/icon/1006.svg);}





/* .tab-head span{width: 25%;} */
/* .tab-head{position: absolute; width: 100vw; max-width: 600px; background-color: #FFF; height: 48px; line-height: 48px; font-size: 0; padding-top: 2px; border-bottom: solid 1px #F5F5F5;}
.tab-head.fixed{position: fixed; z-index: 9999; top: 0; background-color: #FFF;}
.tab-head span{display: inline-block; text-align: center; font-size: 15px; color: #2B333B; text-align: center; cursor: pointer;}
.tab-head span.active{font-weight: bold;}
.tab-head span.active:after{position: absolute; content: ' '; width: 2em; height: 3px; background-color: #ff7070; margin: 46px 0 0 -3em; border-radius: 2px;}
.tab-item{display: none;}
.tab-body{padding: 62px 12px 12px 12px; background-color: #FFF;} */



/* .tab-main .group .main{padding-left: 28px;} */



/* @media screen and (max-width: 1200px) {
	html,body{width: unset; min-width: unset; background-color: #FFF;}
	.page-wrap{width: unset;}
	.page-side{position: unset; margin-top: 25px;}
	
	.page-head{height: 66px;}
	.page-head .logo{height: 50px; padding: 8px;}
	
	.page-nav{height: unset;}
	.page-nav .page-wrap{width: unset;}
	
	.page-main{}
	
	.detail-head{padding: 15px; border-radius: 0; box-shadow: none;}
	.detail-main{width: unset; box-shadow: none;}
	
	.detail-head .introduction{padding-bottom: 20px; border-bottom: dotted 1px #c3c3c3;}
	
	.page-foot{padding: 0 15px 20px 15px; height: unset;}
} */