@charset "utf-8";
/* CSS Document */

*{
	margin: 0;padding: 0;
}
a{
	text-decoration: none;
	color: #333;
}
a,input,button{
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
input,button{
    border-radius: 0;
}
dl, dt, dd, ul, ol, li{
	list-style: none;
}
html,body{
	width: 100%;
	height: 100%;
}
body{
	font-family:"微软雅黑", Arial, Helvetica," sans-serif";
	min-width: 320px;
	background: #fff;
}
img{max-width: 100%;border: none;}
.clear{clear:both;}
.left{float: left;}
.right{float: right;}
.flexbox{ display:flex;}


/*首页*/
.banner{ width:100%; height:940px; background:url(../images/banner.jpg) no-repeat top center;}
.menu{ background:rgba(255,255,255,0.7); height:70px;}
.menu-conn{ width:1200px; margin:0 auto;}
.menu-nr{height:70px; align-items: center;/*垂直*/
			justify-content: center;/*水平*/
			display: flex;}
.menu-nr ul li{ float:left; padding-right:50px;}
.menu-nr ul li a{ font-size:14px; color:#313131;}
.menu-img{ float:left; padding-right:10px; display:block;}
.menu-nr ul li a.dq{ color:#c3141c; font-weight:bold;}
.login{display: flex;height: 70px;
		display: -webkit-flex;
		align-items: center;
		justify-content:center;}
.login-nr{color:#fff; font-size:14px; width:50px; height:30px; background:#000; text-align:center; line-height:30px; border-radius:5px;}
.index-menu{ width:1200px; margin:60px auto; overflow:hidden;}
.index-menu ul li{ width:400px; float:left;}
.index-menu-img{ width:106px; margin:0 auto;}
.index-menu-title{ font-size:20px; padding-top:10px; text-align:center;}
.index-menu-conn{ font-size:14px; text-align:center; margin:0 auto; width:300px; padding-top:20px; line-height:23px;}
.footer{ border-top:#ececec 1px solid; width:100%;}
.footer-conn{ width:1200px; margin:20px auto; text-align:center; font-size:14px;}

/*平台介绍*/
.about-banner{ width:100%; background:url(../images/about-banner.jpg) no-repeat top center; height:395px;}
.about-pt{ width:1200px; margin:0 auto; padding:60px 0;}
.about-pt-title{ width:200px; margin:0 auto;}
.about-pt-conn{ background:url(../images/about-pcimg.jpg) no-repeat top center; height:420px; margin-top:60px;}
.about-pt-conn-text{ width:610px; font-size:16px; color:#0e0d0d; text-indent:2em; line-height:36px; padding:85px 0 0 35px;}
.about-about{ width:1200px; margin:60px auto;}
.about-title{ width:220px; margin:0 auto;}
.about-conn{ width:1200px; padding-top:60px;}
.about-conn-nr p{ font-size:16px; color:#0e0d0d; text-indent:2em; line-height:36px; padding-bottom:10px;}
.about-culture{ background:url(../images/about-aboutimg.jpg) no-repeat top center; height:380px; margin-top:20px;}
.about-culture ul li{ float:left; width:600px; padding-top:110px;}
.about-culture-conn{ width:460px; margin:0 auto; padding-bottom:30px;}
.about-culture-conn p{ font-size:18px; color:#fff; line-height:30px; text-align:center;}

/*app下载*/
.app-banner{ background:url(../images/app-banner.jpg) no-repeat top center; height:885px; width:100%;}

/*招商入驻*/
.join-banner{ width:100%; background:url(../images/join-banner.jpg) no-repeat top center; height:395px;}
.join-pt{ width:1200px; margin:60px auto; overflow:hidden;}
.join-pt-title{ width:200px; margin:0 auto;}
.join-pt-conn{ margin:60px 0;}
.join-pt-text{ width:600px; font-size:16px; color:#0e0d0d; text-indent:2em; line-height:36px;}
.join-pt-img{ width:580px;}
.join-tj{ width:100%; background:url(../images/join-tjbanner.jpg) no-repeat top center; height:730px;}
.joni-tj-conn{ width:1200px; margin:0 auto; padding:60px 0; overflow:hidden;}
.join-tj-title{ width:200px; margin:0 auto;}
.join-tj-connnr{ padding-top:60px;}
.join-tj-connnr ul{ width:1300px;}
.join-tj-connnr ul li{background:#fff; padding:60px 0px; width:290px; margin-right:10px; float:left; height:320px;}
.join-tj-c-img{ width:70px; margin:0 auto;}
.join-tj-c-title{ font-size:20px; color:#666666; text-align:center; padding-top:15px;}
.join-tj-c-conn{ padding:0 20px; font-size:16px; line-height:36px; color:#666; padding-top:30px;}
.join-rz{ width:1200px; margin:60px auto; overflow:hidden;}
.join-rz-title{ width:200px; margin:0 auto;}
.join-rz-conn{ padding-top:60px;}

/*联系我们*/
.contant-banner{ width:100%; background:url(../images/join-banner.jpg) no-repeat top center; height:395px;}
.contant-lx{ width:1200px; margin:0 auto;}
.contant-lx ul li{ float:left; border-right:#d9d9d9 1px solid; width:398px; padding-top:40px; height:200px; position:relative;}
.contant-lx ul li:last-child{ border: none; }
.contant-lximg{ width:70px; margin:0 auto;}
.contant-lxtitle{ font-size:18px; color:#666666; text-align:center; padding-top:10px;}
.contant-lxconn{ font-size:18px; line-height:30px; width:350px; margin:0 auto; padding-top:10px; text-align:center;}
.contant-x{ position:absolute; bottom:-12px; left:0;}
.contant-map{ width:1200px; margin:60px auto; overflow:hidden;}
.contant-map-title{ width:470px; margin:0 auto;}
.contant-map-conn{ margin-top:20px;}

/*登录页*/
.login-banner{ background:url(../images/login-banner.jpg) no-repeat top center; height:800px;}
.login-conn{ width:1200px; margin:0 auto; height:800px; align-items: center;/*垂直*/
justify-content: flex-end;/*水平*/
display: flex;}
.login1{ width:385px; background:#fff; padding:20px 0;}
.login-title{ border-bottom:#eff0f2 1px solid; font-size:18px; color:#404d56; width:360px; margin:0 auto; text-align:center; padding-bottom:15px;}
.login-connnr{ width:325px; margin:0 auto; padding-top:20px;}
.user{ font-size:14px; color:#818181; padding-top:20px;}
.user-input{ margin-top:5px;}
.user-inputconn{ background:#f5f6f8; border-radius:5px; height:40px; line-height:40px; background-image:url(../images/login-user.jpg); background-repeat:no-repeat; background-position:15px center; border:none; padding-left:40px; width:275px; padding-right:10px;}
.pass-inputconn{ background:#f5f6f8; border-radius:5px; height:40px; line-height:40px; background-image:url(../images/login-lock.jpg); background-repeat:no-repeat; background-position:15px center; border:none; padding-left:40px; width:275px; padding-right:10px;}
.jzmm{ margin:20px 0;}
.jzmm span{ display:block; float:left; font-size:14px; color:#818181; padding-right:5px;}
.jzmcconn{ width:15px; height:15px; margin-top:3px;}
.login-btn{ width:300px; margin:30px auto;}
.l-btnconn{ background:#be131a; border-radius:30px; height:45px; line-height:45px; border:none; width:300px; font-size:16px; color:#fff; outline: 0; cursor: pointer;}

/*发布页*/
.fb-banner{ background:url(../images/join-banner.jpg) no-repeat top center; height:395px;}
.fb-conn{ padding:60px 0; width:1100px; margin:0 auto; overflow:hidden;}
.fb-title{ width:325px; margin:0 auto;}
.fb-connnr{ padding:60px 0;}
.fb-connnr ul li{ width:365px; float:left;}
.fb-img{ width:155px; margin:0 auto;}
.fb-text{ font-size:18px; color:#444444; text-align:center; width:155px; margin:0 auto; padding-top:10px;}

/*发布图文页*/
.fb-spacing{ height:50px;}
.fb-tw{ background:#f3f3f3;}
.fb-twnr{ width:1200px;  margin:0 auto; background:#fff; padding:60px 0; overflow:hidden;}
.fb-twnr-title{ border-top:1px #f3f3f3 solid; height:1px; padding:0 20px;}
.fb-twnr-title span{ position:relative; background:#fff; top:-18px; font-size:24px; color:#292929;}
.fb-twnr-conn{ width:930px; margin:0 auto; padding:60px 0;}
.fb-twlb-left{ font-size:18px; color:#292929; text-align:right; width:120px; line-height:35px;}
.fb-twlb-right{ width:785px;}
.fb-twlb-right ul li{ float:left; border:#f3f3f3 1px solid; font-size:16px; text-align:center; width:100px; height:35px; line-height:35px; margin:0 10px 10px 0;}
.fb-twlb-right ul li:hover{ cursor: pointer;}
.fb-twlb-right ul li.dq{ background:#c3141c; color:#fff;}
.fb-twbt-right{ width:785px;}
.twbt-input{ border:#f3f3f3 1px solid; height:35px; line-height:35px; width:97%; padding:0 5px; font-size:14px; }
.fb-twbtnr{width:785px;}
.fb-twfm{ width:110px; margin-left:25px;}
.fb-twbtn{ width:330px; margin:0 auto; margin-top:60px;}
.fb-tw-btn{ width:330px; background:#c3141c; color:#fff; height:45px; line-height:45px; border:none; border-radius:10px;outline: 0; font-size:18px; cursor: pointer;}

/*发布课程*/
.fb-kclb{ width:770px; height:35px; line-height:35px; border:#f3f3f3 1px solid;}
.fb-sfsf-right{ width:785px; margin-top:8px;}
.fb-sfsf-right span{ display:block; float:left; font-size:16px; padding-right:5px;}
.fb-twbtn1{width:330px; margin:0 auto; margin-top:30px;}

/*创建课程*/
.cjkc-jj{ width:770px; border:#f3f3f3 1px solid; height:100px;}
.cjkc-right{ width:250px; margin-left:25px; margin-top:8px;}
.cjkc-price{ width:400px;}
.cjkc-inputconn{border:#f3f3f3 1px solid; height:35px; line-height:35px; width:100px; padding:0 5px; font-size:14px;}
.cjkc-dw{ font-size: 18px;color: #292929;text-align: right; padding-left:20px; line-height:35px;}



/*我的机构*/
.wdjg-banner{background:url(../images/wdjg.jpg) no-repeat top center; height:395px; background-size: cover; width: 100%;}
.fb-twnr-conn1{ width:1140px; margin:0 auto; padding:60px 0;}
.jg-fm{ position: relative; width: 1140px;  height: 286px; margin: 0 auto; }
.jg-fm img{ width:100%; height:100%; display: block; border-radius: 10px;}
.jg-fm-gh{ background: rgba(0,0,0,0.4); font-size: 14px; color: #fff; width: 120px; height: 40px; line-height: 40px; position: absolute;top: 20px; right: 20px; text-align: center; border-radius: 30px;}
.jg-address{ width: 1140px; margin: 0 auto; }
.jg-address-addr{ width: 1140px; padding-top: 30px; padding-bottom: 10px; }
.jg-address-addr-left{ float: left; }
.jg-address-addr-left-img{ width: 19px; height: 19px; float: left; padding-top: 3px; }
.jg-address-addr-left-img img{ width: 100%; height: 100%; display: block; }
.jg-address-addr-left-text{ float: left; font-size: 16px; color: #565a5d; padding-left: 10px; }
.jg-address-addr-right{ width: 65px; height: 30px; background: #c3141b; border-radius: 5px; text-align: center; line-height: 30px;  float: right; cursor: pointer; }
.jg-address-addr-right a{font-size: 12px; color: #fff;}
.jg-jj{ width: 1140px; margin: 0 auto; }
.jg-jj-title{ width: 1140px; border-bottom: #efefef 1px solid; padding: 10px 0; overflow: hidden; }
.jg-jj-title-left{ float: left; }
.jg-jj-title-left-img{ float: left; width: 7px; height: 24px; padding-top: 3px; }
.jg-jj-title-left-img img{ width: 100%; height: 100%; display: block; }
.jg-jj-title-left-text{ font-size: 22px; color: #5e5e5e; padding-left: 10px; float: left;}
.jg-jj-con{ font-size: 16px; color: #555555; line-height: 32px; padding-top: 20px; }
.jg-zxhd{ width: 1140px; margin: 0 auto; }
.jg-zx-con{ width: 1140px; margin: 0 auto; padding-top: 30px; overflow: hidden; }
.jg-zx-con-lb{ width: 370px; float: left;  /*padding-right: 15px; padding-bottom: 20px;*/ padding: 5px; }
.jg-zx-con-lb-img{ width: 370px; height: 205px; }
.jg-zx-con-lb-img img{ width: 100%; height: 100%; display: block; object-fit: cover; }
.jg-zx-con-lb-text{  padding: 20px; overflow: hidden; background: #f7f7f7; }
.jg-zx-con-lb-title{ font-size: 16px; color: #353645; font-weight: bold; }
.jg-zx-con-lb-con{ font-size: 14px; color: #585858; line-height: 23px; padding-top: 5px; height: 50px;overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;/*想显示多少行就给多大值*/
	-webkit-box-orient: vertical; padding-bottom: 10px; }
.jg-zx-con-lb-btn{ overflow: hidden; }
.jg-zx-con-lb-b{ float: left; padding-right: 10px; width: 31px; height: 31px; }
.jg-zx-con-lb-b a img{ display: block; }
.jg-zx-con-lb:nth-child(3){ padding-right: 0; }
.jg-zx-more{ width: 130px; height: 40px; margin: 10px auto 0; background: #c3141b; border-radius: 50px; }
.jg-zx-more a{ color: #fff; font-size: 14px; text-align: center; line-height: 40px; display: block; width: 130px; height: 40px; }
.jg-kc{ width: 1140px; margin: 0 auto; }
.jg-kc-con{ width: 1140px; margin: 0 auto; padding-top: 30px; overflow: hidden; }
.jg-kc-con-lb{ width: 270px; float: left; padding-right: 20px; padding-bottom: 20px; }
.jg-kc-con-lb:nth-child(4){ padding-right: 0; }
.jg-kc-con-lb-nr{ background: #f7f7f7; padding: 10px; overflow: hidden; }
.jg-kc-con-lb-nr-img{ width: 250px; height: 170px; }
.jg-kc-con-lb-nr-img img{ width: 100%; height: 100%; display: block; object-fit: cover; border-radius: 10px; }
.jg-kc-con-lb-nr-text{ padding-top: 10px; }
.jg-kc-con-lb-nr-title{ font-size: 16px; color: #353645; }
.jg-kc-con-lb-nr-conn{ font-size: 14px; color: #585858; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-top: 5px; padding-bottom: 10px; }
.jg-kc-js{ overflow: hidden; height: 31px; line-height: 31px; }
.jg-kc-js-left{ float: left; font-size: 14px; color: #c3141b; }
.jg-kc-js-right{ float: right; }
.jg-bx{ width: 1140px; margin: 0 auto; }
.jg-bx-con{ padding-top: 30px; overflow: hidden; width: 1140px; }
.jb-bx-con-lb{ width: 270px; /*padding-right: 20px;*/ float: left; /*padding-bottom: 20px;*/padding: 5px; }
.jb-bx-con-lb:nth-child(4){ padding-right: 0; }
.jb-bx-con-lb-img{ width: 270px; height: 270px; border:#efefef 1px solid; }
.jb-bx-con-lb-img img{ width: 100%; height: 100%; display: block; object-fit: cover; }
.jb-bx-con-lb-text{}
.jb-bx-con-lb-titel{ font-size: 16px; color: #353645; height: 45px; overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;/*想显示多少行就给多大值*/
	-webkit-box-orient: vertical; padding-top: 5px;  line-height: 23px;}
.jb-bx-con-lb-price{ font-size: 26px; color: #c3131d; font-weight: bold; padding-top: 5px; padding-bottom: 10px; }
.jg-xc{ width: 1140px; margin: 0 auto; }
.jg-xc-con{ padding-top: 30px;  overflow: hidden; width: 1140px;}
.jg-xc-num{ padding-top: 10px; }
.jg-xc-num-left{ float: left; width: 180px; }
.jg-xc-num-left-title{ font-size: 16px; color: #353645; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.jg-xc-num-left-num{ font-size: 14px; color: #585858;  padding-top: 5px;}
.jg-xc-num-right{ float: right; padding-top: 8px; }

/*创建相册*/
.fb-twfm1{padding-top: 30px;}
.fb-twfm-lb{ width: 110px; height: 110px; float: left; margin-right: 20px; margin-bottom: 20px;}
.fb-twfm-lb img{ width: 100%; height: 100%; display: block; object-fit: cover; }
.fb-twfm-lb:nth-child(7){ margin-right: 0; }

.required-color {
	color: #c3141c;
}
.layui-btn {
	background-color: #c3141c;
}