*{margin: 0;padding: 0;}
html{width: 100%; height: 100%; margin: 0 auto;}
font-family: -apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Segoe UI,Arial,Roboto,PingFang SC,miui,Hiragino Sans GB,Microsoft Yahei,sans-serif;
}
body { font-size: 28px; line-height: 1.5; -webkit-touch-callout: none; height: 100%; max-width: 750px!important; min-width: 320px!important;  margin: 0 auto; color: #333333;}
a,ul,dl,dd,dt,div,p,h1,h2,h3,h4,h5,span,form,label,input,b,strong,em,i{padding: 0;margin: 0;}
strong{font-style: normal;}
h1,h2,h3,h4,h5,h6{font-weight: normal;}
input,a,select{outline: none;}
input{border: none;max-width:100%;text-indent:6px;}
input:focus {outline: none;}
textarea:focus {outline: none;}
select:focus{outline: none;}
a,a:hover{text-decoration: none; color: #333;}
a:link{text-decoration:none;}
a:visited{text-decoration:none;}
a:hover{text-decoration:none;}
a:active{text-decoration:none;}
textarea{margin-left: 5px;margin-right: 5px;outline:none;}
li{list-style: none;}
textarea{resize: none;}
input,a,select,textarea,label{-webkit-tap-highlight-color: transparent;}
input {-webkit-appearance:none; /*去除input默认样式*/}

.hidden{overflow: hidden }
.clear_fix:after{content: "";display: block;height: 0;clear: both;}
.fl{float: left;}
.fr{float: right;}
.wrap { width: 100%; }
.wrap-margin { margin: 0 20px; }
.container130 { width: 100%; height: 130px; }
.grey-line { width: 100%; height: 20px; background: #F4F4F4; }




/* banner图 */
/* .swiper{ width: 100%; height: 100%; } */
.main-banner { width: 100%; height: 280px; }
.swiper-slide {

	/* text-align: left;
	font-size: 18px;
	background: #fff;
	
	
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center; */
}

.swiper-slide img {
	display: block;
	width: 100%;
	height: 100%
	object-fit: cover;
}
body{ max-width: 750px; margin: 0 auto; }
/* 搜索区 */
.main-search { font-size: 28px; width: 100%; height: 80px; line-height: 80px; border-radius: 80px; padding: 0 80px; margin: 20px 0 40px 0; background: url('../images/icon-search.png') #F5F5F5 no-repeat 45px; position: relative;}

/* 金刚区 */
.main-menu{ width: 100%; }
.main-menu ul li{ float: left; text-align: center; width: 25%; }

.main-menu ul li span{display:block; margin-top: 10px; margin-bottom: 60px; font-size: 28px; color: #666; }

/* 好课推荐 */
.main-moudle-title { width: 100%; font-size: 36px; font-weight: 500; color: #1E2223; margin-bottom: 40px; }
.main-moudle-title i{ width: 6px; height: 32px; background: #E60011; display: inline-block;  margin-right: 10px; margin-bottom: -4px;}
.main-moudle-title a{ font-size: 24px; color: #999; display: inline-block; margin-top: 8px; float: right;}
.main-moudle-container{ width: 100%; height: 180px; margin-bottom: 40px; }
.main-moudle-container .moudle-image{ width: 240px; height: 180px; }
.main-moudle-container .moudle-image img { width: 100%; height: 100%; border-radius: 20px; }
.main-moudle-container .moudle-contents { width: 410px; height: 180px;}
.main-moudle-container .moudle-contents-height { height: 145px; }
.main-moudle-container .moudle-contents .title { font-size: 28px; font-weight: 500; color: #1E2223; display: -webkit-box;text-overflow: ellipsis;overflow: hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.main-moudle-container .moudle-contents .title .top{ font-size: 18px; color: #E60011; display: inline-block; padding: 0 5px; border: 2px solid #E60011; border-radius: 6px; vertical-align: middle; margin-right: 5px; margin-top: -3px; }
.main-moudle-container .moudle-contents .desc { font-size: 24px; margin-top: 6px; color: #999;  display: -webkit-box;text-overflow: ellipsis;overflow: hidden;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.main-moudle-container .moudle-contents .date { font-size: 22px; color: #CCC; }

/* 精品专题 */
.main-moudle-special { width: 100%; height: 370px; border: 1px solid #F2F2F2; border-radius: 14px; margin-bottom: 40px;  }
.main-moudle-special .moudle-image { width: 100%; height: 220px; }
.main-moudle-special .moudle-image img{ width: 100%; height: 100%;  border-top-left-radius: 14px; border-top-right-radius: 14px; }
.main-moudle-special .moudle-contents { width: 100%; height: 100%; padding: 10px 15px 0px 15px; }
.main-moudle-special .moudle-contents-height { width: 100%; height: 95px; }
.main-moudle-special .moudle-contents .title { font-size: 30px; font-weight: 500; color: #1E2223;padding: 0 5px;  display: -webkit-box;text-overflow: ellipsis;overflow: hidden;-webkit-box-orient:vertical;-webkit-line-clamp:1;}
.main-moudle-special .moudle-contents .desc { font-size: 24px; margin-top: 6px; color: #999;padding: 5px; display: -webkit-box;text-overflow: ellipsis;overflow: hidden;-webkit-box-orient:vertical;-webkit-line-clamp:1; }
.main-moudle-special .moudle-contents .date { font-size: 22px; color: #CCC;padding: 5px; text-align: right; }

/*底部导航*/
.footer{width: 100%; height: 110px; position: fixed; bottom: 0; background: #fff; z-index: 100; max-width: 750px; box-shadow: #666 0 -5px 5px -5px;}
.footer .footer_li{width: 25%;float: left;}
.footer .footer_li a{display: block; width: 100%;height: 100%;}
.footer_icon{height: 40px;margin: 16px 0px 12px 0px; text-align: center;}
.footer .footer_li p{font-size: 22px;color: #666;text-align: center; display: block;}
.footer .footer_li p.on{color: #E60011;}

/*资讯详情页*/
.article-detail .article-title { font-size: 36px; font-weight: 500; color: #1E2223; line-height: 1.5; margin-top: 20px; }
.article-detail .article-date{ font-size: 24px; color: #999; line-height: 80px; height: 80px;  }
.article-detail .article-contents { font-size: 28px; color: #666; line-height: 1.5; }
.article-detail .article-contents a{color: #666;}

/*专题详情页*/
.special-detail .special-moudle-image { width: 100%; height: 420px; }
.special-detail .special-moudle-image img { width: 100%; height: 100%; }
.special-detail .special-moudle-title { font-size: 36px; font-weight: 500; line-height: 1.5; color: #1E2223; margin-top: 25px; margin-left: 20px; margin-right: 20px; }
.special-detail .special-moudle-date { font-size: 24px; color: #999; margin-bottom: 20px; margin-top: 10px; margin-left: 20px; margin-right: 20px; }
.special-detail .special-moudle-line { width: 100%; height: 14px; background: #F8F7F5; margin-bottom: 20px;  }
.special-detail .special-moudle-contents {margin: 0 30px;}
.special-detail .special-moudle-contents .tabs-nav a{ font-size: 34px; font-weight: 500; color: #999; display: inline-block; margin-right:50px;  }
.special-detail .special-moudle-contents .tabs-nav a.active{ color: #1E2223;text-decoration: none; border-bottom: 3px solid #E60011; padding-bottom:10px; }
.special-detail .special-moudle-contents .tabs-container { margin-top: 15px; }
.special-detail .special-moudle-contents .tabs-container .swiper-slide{ min-height: 200px; }
.special-detail .special-moudle-contents .tabs-container .special-view-contents { width: 100%; line-height: 1.5; font-size: 28px; color: #666; margin-top: 20px;}
.special-detail .special-moudle-contents .tabs-container .special-view-contents a {font-size: 28px; color: #666;}
.special-detail .special-moudle-contents .special-relevant-contents { margin-top: 20px; }
.tabs-container .special-list-contents { width: 100%; }
.tabs-container .special-list-contents ul li{ width: 100%; height: 130px;  font-size:30px; font-weight: 500; color: #1E2223; padding-top: 25px; border-bottom: 2px solid #F2F1EE; }
.tabs-container .special-list-contents ul li a{ width: 100%;   display: -webkit-box;text-overflow: ellipsis;overflow: hidden;-webkit-box-orient:vertical;-webkit-line-clamp:1; }
.tabs-container .special-list-contents ul li span{ font-size: 24px; color: #999; display: block; }
.tabs-container .special-list-contents ul li span i{ font-style: normal; color: #666; }

/*用户会员中心*/
.mycenter-background {display: inline-block;  width: 100%; height: 420px; background: url('/static/index/images/mycenter-bg.jpg') top no-repeat;}
.mycenter-background .mycenter-head { width: 100%; text-align: center;  margin-top: 80px;}
.mycenter-background .mycenter-head img {width: 160px; height: 160px; border-radius: 100px; border: 5px solid #fff; }
.mycenter-background .mycenter-head h1{ font-size: 32px; color: #fff; margin-top: 20px; margin-bottom: 20px; }
.mycenter-background .mycenter-head h2{ font-size: 24px; color: #fff; margin-bottom: 15px;}
.mycenter-menu{ width: 100%; background: #fff; }
.mycenter-menu ul li{ background: url('/static/index/images/icon-jiantou.png') no-repeat;background-position:98% 42px; border-bottom: 1px solid #EEE; }
.mycenter-menu ul li img{ margin-right: 24px; margin-left: 30px; margin-top: -5px;}
.mycenter-menu ul li a{ display: inline-block; width: 100%;  height: 110px; line-height: 110px;  font-size: 30px; color: #666;}