/* 重置 */
blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
ul,ol{ list-style:none;}
a{ text-decoration:none;
/* 去掉移动端点击a背景色 */
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
-webkit-user-select: none;
-moz-user-focus: none;
-moz-user-select: none;
display: block;
font-size: 16px;
}

img{border:none;display: block;}
input,
textarea {
	outline: none;
	border: none;
	border: 1px solid #ccc;
	resize: none;
	/* 清除移动端输入框特有的样式*/
	-webkit-appearance: none;

}
p {font-size: 16px;}
input:focus{outline: none;}
body{ font-family:"微软雅黑",sans-serif;color: #333;background-color: #efeff7;}
 /* input{ outline:none;border: none;}  */
  .fl {float: left;}
  .fr {float: right;}
  .clearfix::before,
  .clearfix::after {
  	content: "";
  	display: block;
  	height: 0;
  	line-height: 0px;
  	clear:both;
  	visibility: hidden;
  }
i,b {font-style: normal;}
.bg {background-color: #fff;}
.flex {display: flex;justify-content: space-between;align-items: center;}
.flex2 {display: flex!important;align-items: center;}
.yc {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
/* 公共 */
.bx {padding:20px 34px;box-sizing: border-box;width: 100%;align-items: normal;}
/* top */
.top {padding: 0px 34px;box-sizing: border-box;line-height: 60px;}
.tx img {width: 40px;height: 40px;box-sizing: border-box;border-radius: 50%;margin-right: 10px;}
.top h1 {font-size: 20px;}
.tx:hover P {color: #3e8bff;}
.tx p {color:#333}
/* 主要内容 */
.szyx {color: #333;}
.szyx:hover {color: #3e8bff;}
.nav {background-color: #fff;width: 11%;min-height: 300px;}
.kelist {width: 87.5%;flex-wrap: wrap;justify-content: left;background-color: #f8f8ff;padding: 12px;box-sizing: border-box;max-height: 1190px;overflow: auto;}
.nav a {color: #333;padding: 20px 20px;box-sizing: border-box;display: flex;align-items: center;border-left: 3px solid #fff;}
.nav a.active {color: #3e8bff;font-weight: bold;background-color: #f8f8ff;border-left: 3px solid #3e8bff;}
.kelist li {width: calc((100% / 6) - 24px);margin:12px;}
.kelist ul {flex-wrap: wrap;justify-content: left;}
.video_wai {width: 100%;}
.video_wai video {object-fit: cover;}
.fddkc {padding-top: 10px;}
.fddkc p {color: #333;padding-bottom: 12px;font-size: 18px;}
.fddkc span {color: #999;font-size: 14px;flex-shrink: 0;}
.fddkc span:nth-of-type(2) {display: block;background-color: #ececff;border-radius: 100px;padding: 0 10px;box-sizing: border-box;margin-left: 6px;}
.fddkc div span:nth-of-type(2) {color: #3e8bff;}
.nav a::before {content: '';background: url(../images/icon1.png) no-repeat center / contain;width: 20px;height: 20px;margin-right: 8px;}
.nav a:nth-of-type(2)::before {content: '';background: url(../images/icon2.png) no-repeat center / contain;} 
.nav a:nth-of-type(3)::before {content: '';background: url(../images/tc.png) no-repeat center / contain;} 
.fyw {text-align: center;padding: 20px 0;}
/* 详情 */
.dief {height: auto;text-align: center;padding: 30px 0;}
.dief video {width: 600px;text-align: center;}
.dief h2{text-align: center;padding-bottom: 20px;font-size: 24px;}
.items {
	display: flex;
	text-align: justify;
	justify-content: space-between;
	align-items: center;
}
.isshow {text-align: left;padding-left: 10px;color: #999;padding-top: 6px;}
#select {padding: 30px;box-sizing: border-box;background-color: #fff;width: 90%;margin: 0 auto;margin-top: 40px;padding-top: 14px;}
.selectClick {padding: 15px 0;border-bottom: 1px solid #eee;cursor: pointer;}
.isshow p {padding: 6px 0;}
.isshow p:hover {color: #3e8bff;}
.fdtit {display: flex;align-items: center;max-width: 95%;}
.fdtit::before {content: '';width: 8px;height: 8px;background-color: #3e8bff;border-radius: 50%;margin-right: 6px;flex-shrink: 0;}
.xia {width: 14px;}
.fdtit:hover {color: #3e8bff;}
.spt {width: 100%;height: 100%;border-radius: 8px;}
.col_zhu {color:#3e8bff}
/* 会员 */
.huiyuan {padding: 20px;box-sizing: border-box;}
.sc_tx {margin-left: 20px;}
.fdef {cursor: pointer;}
/* 登录页 */
.fdsfe {width: 100%;}
.gfdg {position: relative;}
#captcha {position: absolute;top: 0;right: 0;}

/* 适配 */
@media (max-width:1470px){
	.kelist li {width: calc((100% / 5) - 24px);margin: 12px;}
	.nav {width: 15%;}
	.kelist {width: 83.5%;}
}
@media (max-width:1230px){
	.kelist li {width: calc((100% / 4) - 24px);margin: 12px;}
	.nav {width: 15%;}
	.kelist {width: 83.5%;}
}
@media (max-width:1095px){
	.kelist li {width: calc((100% / 3) - 24px);margin: 12px;}
	.nav {width: 23%;}
	
}
@media (max-width:850px){
	.kelist li {width: calc((100% / 2) - 24px);margin: 12px;}
}
@media (max-width:768px){
	.tx img {width: 32px;height: 32px;}
	.kelist li {width: 100%;margin: 0;padding: 10px 0;border-bottom: 1px solid #ddd;}
	.kelist li:nth-of-type(even) {margin-right: 0;}
	.nav {width: 100%;display: flex;min-height: auto;justify-content: center;  position: fixed;top: 51px;}
	.bx {padding: 0;display: block;}
	.nav a {width: calc(100% / 3);justify-content: center;padding: 14px 0;border-bottom: 3px solid #fff;}
	.nav a.active {border-left: 0;border-bottom: 3px solid #3e8bff;background-color: transparent;}
	.kelist {width: 100%;max-height: none;padding: 0;padding-top: 110px;}
	.fddkc p {font-size: 16px;padding-bottom: 28px;}
	.nav a::before {display: none;}
	.top {padding: 0 12px;border-bottom: 1px solid #eee;line-height: 50px;position: fixed;width: 100%;}
	.kelist ul {padding: 10px;padding-top: 0px;}
	.kelist li a {display: flex;justify-content: left;align-items: center;}
	.video_wai {width: 88px;}
	.fddkc {padding-left: 10px;padding-right: 0px;width: 78%;padding-top: 0;}
	.fdsfsd {justify-content: space-between;}
	.top h1 {font-size: 18px;}
	/* 详情页 */
	.dief h2 {font-size: 18px;padding: 12px;box-sizing: border-box;padding-top: 4px;}
	.dief video,#select {width: 100%;}
	#select {margin-top: 12px;padding: 10px;}
	.xia {width: 10px;}
	.fdtit {width: 90%;}
	/*会员 */
	.fdef {width: 80px!important;height: 80px!important;margin: 0 auto;}
	.layui-col-xs7 {width: 95%!important;}
	.layui-upload-list {margin-bottom: 0;}
	.fdsfe {padding-top: 52px;}
}