.wchat{
    display: none;
}
/*问答页*/
.banner{ width: 100%; position: relative; height: 338px; }
.ban-con{ padding-top: 80px; }
.ban-h2{ font-size: 42px; color: #ffaf02;line-height: 1; text-align: center; }
.ban-h5{ font-size: 30px; color: #fff; line-height: 1; margin-top: 30px;text-align: center;  }
.wenda-from{ width: 1040px; height: 50px; background: rgba(255, 255, 255,0.6); border-radius: 10px; margin:50px auto 0; }
.wenda-from-l{width:155px;height:50px;position: relative; float: left;}
.wenda-from-l:before{ 
	content: "";
	position: absolute;
	width: 1px;
	height: 30px;
	background:#000;
	right: 0;
	top: 10px;
}
.wenda-from-l p {
	width: 100%;
	display:block;
	padding-left:44px;
	line-height:50px;
	font-weight: bold; color: #000; font-size: 20px; position: relative; cursor: pointer;
}
.set:before {
	content:""; width:15px; height:8px;position: absolute; right: 28px; top: 23px; background: url(../images/inside/black-arrow1.png) no-repeat;
}
.select:before {
	content:""; width:15px; height:8px;position: absolute; right: 28px; top: 23px; background: url(../images/inside/black-arrow2.png) no-repeat;
}
.new {
	width:100%;
	position:absolute;
	background: rgba(255, 255, 255,0.6); 
	display:none;
}
.wenda-from-l ul li {
	line-height:40px;
	padding-left:44px; font-size: 18px; cursor: pointer;
}
.wenda-from-l ul li:hover {
	background:#ffaf02;
	color:#FFF;
}
.wenda-from-r{ width: 885px; height: 50px;  float: right; }
.wenda-from-r input{ width: 755px; padding:0 30px; float: left; color: #000; font-size: 18px; line-height: 50px;}
.wenda-from-r button{ width: 130px; height: 50px; background: #feb101; position: relative; float: left; border-top-right-radius: 10px; border-bottom-right-radius: 10px;}
.wenda-from-r button:before{
	content: "";
	position: absolute;
	width: 28px;
	height: 27px;
	background: url(../images/inside/ssBtn.png) no-repeat;
	left: 0; top: 0; right: 0; bottom: 0; margin:auto;
}

.breadcrumbs{ border-bottom: 2px solid #e6e6e6; height: 70px; line-height: 70px; display: flex; flex-direction: row; justify-content: space-between; }
.breadcrumbs h5{ font-size: 22px; color: #333; position: relative; padding-left: 40px; line-height: 70px;}
.breadcrumbs h5.wenda-tit-h5:before{
	content: "";
	position: absolute;
	width: 30px; 
	height: 24px;
	background: url(../images/inside/wenda-icon.png) no-repeat;
	left: 0;
	top: 23px;
}
.breadcrumbs span,.breadcrumbs span a{ color: #999; }
.breadcrumbs span a:hover{ color: #ffaf02 }
.inside-wrap{ margin-top: 40px; padding-bottom: 90px; }
.wrap-l{ width: 860px; }
.all-label{ width: 100%; background:#fafafa; padding: 15px 20px;overflow: hidden; position: relative; }
.all-label h5{ font-size: 16px; color: #333; font-weight: bold; display: block; width: 90px; float: left; }
.all-label ul{ width: calc( 100% - 90px ); width: \0; float: left; position: relative; top: -5px; }
.all-label li{ float: left; margin-left: 15px; }
.all-label li:first-child{ margin-left: 0; }
.all-label li a{ color: #666; line-height: 28px;}
.all-label li a:hover{ color: #ffaf02; }
.all-label span a{ display: block; color: #ffaf02; position: absolute; bottom: 25px; right: 20px;  }
.wrap-nav{ width: 100%; border-bottom: 1px solid #e6e6e6; margin-top: 30px; overflow: hidden; }
.wrap-nav li{ width: 140px; line-height: 40px; height: 40px; background: #f5f5f5; float: left; }
.wrap-nav li.active,.wrap-nav li:hover{ background: #ffaf02; }
.wrap-nav li a{ display: block; font-size: 16px; color: #666; text-align: center; }
.wrap-nav li.active a,.wrap-nav li:hover a{ font-weight: bold; color: #000; }
.wrap-nav li:first-child{ border-top-left-radius: 10px; }
.wrap-nav li:last-child{ border-top-right-radius: 10px; }

.wenda-list{  }
.wenda-list ul{ margin-bottom: 60px !important; }
.wenda-list li{width: 100%; margin-top: 20px;  float: left; padding:20px 25px;  border-radius: 6px; box-shadow: 0px 0px 11px 0px rgba(242, 242, 242, 0.4); }
.wenda-list-li-l{ width: 80px; }
.wenda-list-li-l .scale-img{ width: 60px; height: 60px; border-radius: 50%; margin:auto; }
.wenda-list-li-l p{ text-align: center; font-size: 16px; line-height: 24px; color: #999; margin-top: 6px; }
.wenda-list-li-r{ width: calc( 100% - 100px ); width: \0; }
.wenda-list-li-r h5 a{ display: block; font-size: 18px;color: #333; font-weight: bold; }
.wenda-list-li-r h5 a:hover{ color: #ffaf02; }
.date-label{ margin-top: 10px; }
.date-label span{ color: #999; line-height: 24px; display: inline;  }
.label-dl{ display: inline; margin-left: 20px; }
.label-dl dt{ position: relative; color: #999; line-height: 24px; display: inline; padding-left: 20px;line-height: 24px; }
.label-dl dt:before{
	content: "";
	position: absolute;
	width: 14px;
	height: 14px;
	background: url(../images/inside/label.png) no-repeat;
	left: 0; top: 3px;
}
.label-dl dd{ display: inline; margin-left: 10px; }
.label-dl dd:first-child{ margin-left: 0; }
.label-dl dd a{ display: inline-block; padding: 0 15px; line-height: 24px; color: #999; border-radius: 5px; background: #f5f5f5;  }
.label-dl dd a:hover{ background: #ffaf02; color: #000; }
.description{ font-size: 16px; line-height: 24px; color: #333; margin-top: 6px; }
.list-view{ overflow: hidden; margin-top: 6px; display: flex; flex-direction: row; justify-content: space-between; }
.list-view span{  color: #ffaf02; font-weight: bold; line-height: 30px;}
.more{ width: 100px; line-height: 30px; height: 30px; display: block; text-align: center; border-radius: 6px; background: #ffaf02; color: #000; }
.more:hover{ color:#000; }
.listpage{width: 100%;  text-align: center;  color: #333;}
.list-right .listpage li{width: auto;margin-right: 0px;margin-bottom: 0px;}
.listpage a,.listpage span,.listpage input.go_input,.listpage input.go_submit{   display: inline-block;font-size:14px; width: 38px; height: 38px; line-height: 36px;  border:1px solid #000; color: #333;margin-right: 5px; }
.listpage a:hover,.listpage span,.listpage a.thisclass{ color: #fff;  background: #ffaf02;border: 1px solid #ffaf02;}
.listpage a.active{color: #fff;border: 1px solid #ffaf02; background: #ffaf02;}
.listpage a.pre,.listpage a.next{ width: 70px; }
.wrap-r{ width: 320px; }
.wrap-r-list{ width: 100%; }
.wrap-r-list li{ width: 100%; float: left; margin-top: 20px; border-radius: 10px; overflow: hidden; }
.wrap-r-list li:first-child{ margin-top: 0; }
.wrap-r-label{ width: 100%; background: #fafafa; border-radius: 6px; padding:25px; border-top-right-radius: 30px; margin-top: 30px; overflow: hidden; position: relative; }
.wrap-r-label:before{
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%; height: 6px; background: #ffaf02; border-bottom-left-radius: 6px;border-bottom-right-radius: 6px;
}
.wrap-r-label h5{ font-size: 24px; line-height: 1; color: #ffaf02; font-weight: bold; }
.wrap-r-label ul{ overflow: hidden; margin-top: 25px; display: flex;
            display: -webkit-flex;
            justify-content: space-between;
            flex-direction: row;
            flex-wrap: wrap; }
.wrap-r-label li{ float: left; border:1px solid #999; border-radius: 6px;  line-height: 28px; height: 30px; margin-bottom: 10px; }
.wrap-r-label li a{ display: block; padding:0 20px; color: #999; font-size: 16px; }
.wrap-r-label li:hover{ background: #ffaf02; border-color: #ffaf02; }
.wrap-r-label li:hover a{ color: #333 }
/*内页 表单*/
.inside-form{ width: 100%; height: 160px; background: #f5f5f5; display: flex; align-items: center; }
.inside-form h2{ position: relative; font-size: 28px; color: #ffaf02; font-weight: bold; line-height: 1; }
.inside-form-container{ overflow: hidden; margin-top: 20px; }
.inside-form-container p{ position: relative; float: left; border-radius: 6px;border:1px solid #ccc;}
.inside-form-container p:before{
	content: "";
	position: absolute;
	width: 3px; height: 20px;
	background: #ffaf02;
	left: 0; top: 12.5px;
}
.shortInput{ width: 270px; height: 45px; line-height: 43px;  padding: 0 20px; margin-right: 30px;}
.longInput{ width: 420px; height: 45px; line-height: 43px;  padding: 0 20px; margin-right: 30px;}
.inside-form-container p input{ font-size: 16px; color: #333; font-weight: bold; }
.inside-form-container p input::-webkit-input-placeholder {
  color: #333;
  font-size: 16px;
  font-weight: bold;
}

.inside-form-container p input::-moz-placeholder {
  color: #333;
  font-size: 16px;
  font-weight: bold;
}

.inside-form-container p input:-ms-input-placeholder { 
  color: #333;
  font-size: 16px;
  font-weight: bold;
} 
.inside-form-container button{ width: 150px; line-height: 45px; background: #ffaf02; font-size: 16px; color: #333; font-weight: bold; text-align: center; border-radius: 6px; }

/*问答详情*/
.wenda-show{ margin-top: 40px; padding:30px; box-shadow: 0px 0px 15px 0px rgba(230, 230, 230, 0.4);display: flex; flex-direction: row; justify-content: space-between; }
.wenda-show-l{ max-width: 690px; }
.wenda-show-l h5{  font-size: 24px; color: #333; font-weight: bold;}
.wenda-show-l .label-dl{ margin-left: 0; margin-top: 15px; display: block; }
.wenda-show-l .description{ margin-top: 20px; }

.show-share{ width: 160px; color: #666; }

.share {width: 100%;height: 17px;margin-top: 15px; }
.share>div{width: 17px;height: 17px; cursor: pointer;margin: 0 8px; display: inline-block; position: relative; top: 3px; }
.share>div:first-child{ margin-left: 8px; }
.share>div:last-child{ margin-right: 0; }
#share-qq{
    background: url(../images/inside/share-icon.png) no-repeat 0 0;
    -webkit-transition: .5s cubic-bezier(.3,0,0,1);
    -moz-transition: .5s cubic-bezier(.3,0,0,1);
    transition: .5s cubic-bezier(.3,0,0,1)
}
#share-qrcode{
    background: url(../images/inside/share-icon.png) no-repeat -100px 0;
    -webkit-transition: .5s cubic-bezier(.3,0,0,1);
    -moz-transition: .5s cubic-bezier(.3,0,0,1);
    transition: .5s cubic-bezier(.3,0,0,1)
}
#share-sina{
    background: url(../images/inside/share-icon.png) no-repeat -31px 0;
    -webkit-transition: .5s cubic-bezier(.3,0,0,1);
    -moz-transition: .5s cubic-bezier(.3,0,0,1);
    transition: .5s cubic-bezier(.3,0,0,1)
}
.show-wenda-div{ padding:25px; box-shadow: 0px 0px 15px 0px rgba(230, 230, 230, 0.4); margin-bottom: 30px; }
.show-wenda-div h5{ font-size: 24px; color: #ffaf02; font-weight: bold; padding-bottom: 20px; line-height: 1;  }
.show-wenda-div ul{ overflow: hidden; }
.show-wenda-div li{ padding-top: 20px; width: 100%; border-top:1px solid #e6e6e6; float: left; padding-bottom: 10px;}
.show-wenda-li1{ height: 60px; width: 100%; }
.show-wenda-li1 img{ width: 60px; height: 60px; border-radius: 50%; float: left; }
.show-wenda-li1 span{  margin-left: 10px; display: flex; align-items: center; height: 100%; float: left; }
.show-wenda-li1 span i{ font-size: 16px; color: #666; font-weight: bold; }
.show-wenda-li1 span em{ color: #999; }
.show-wenda-li2{ width: 100%; margin-top: 20px; }
.show-wenda-li2 p{ font-size: 16px; line-height: 30px; color: #333; }
.show-wenda-li2 p i{ display: inline; color:#ffaf02; }


.showMore{ width: 100px; margin:40px auto 80px;text-align: center; color: #ffaf02; cursor: pointer; font-size: 16px; position: relative;}
.showMore a{ display: block; }
.showMore span{ display: block;  color: #ffaf02 }
.showMore:before{
	content: "";
	position: absolute;
	width: 18px; 
	height: 10px;
	background: url(../images/inside/clickMore1.png) no-repeat;
	left: 50%;
	margin-left: -9px;
	bottom: -15px;
}
.showMore.clickMore:before{
	background: url(../images/inside/clickMore2.png) no-repeat;
}

.wrap-l-wechat{ width: 100%; height: 130px; background:#fafafa; border-radius: 8px; padding:0 25px; display: flex; align-items: center; flex-direction: row; justify-content: space-between; }
.wrap-l-wechat>div{ width: 100%; }
.wrap-l-wechat-l{ width: 465px; }
.wrap-l-wechat-l h4{ font-size: 16px; color: #333; font-weight: bold; line-height: 26px; }
.wrap-l-wechat-l p{ font-size: 14px; line-height: 36px; color: #666; }
.wrap-l-wechat-l p a{ color:#ffaf02; }
.wrap-l-wechat-r{ width: 80px; }
.wrap-l-wechat-r span{ width: 100%; height: 80px; padding: 3px; border:1px solid #ffaf02; border-radius: 8px; display: block;}
.wrap-l-wechat-r span i{ background:#ffaf02; border-radius: 8px;width: 100%; height: 100%; padding:4px; }
.wrap-l-wechat-r span i img{ width: 100%; height: 100%; }
.wrap-l-wechat-r p{ text-align: center; color: #666; }
.wrap-r-label.wrap-r-label2{ margin-top: 0; }
.wrap-r-list.wrap-r-list2{ margin-top: 30px; }
.wrap-r-tit{ width: 100%; height: 50px; line-height: 50px; background:#ffaf02; padding-left: 20px; border-top-right-radius: 30px; color: #333; font-size: 24px; font-weight: bold; }
.wrap-r-list.wrap-r-list2 ul{ margin-top: 10px; }

.wrap-r-hot{ width: 100%; height: auto; margin-top: 30px;box-shadow: 0px 0px 18px 0px rgba(240, 240, 240, 0.4); padding: 30px 25px 35px;}
.wrap-r-hot h5 {
    font-size: 24px;
    line-height: 1;
    color: #ffaf02;
    font-weight: bold;
}
.wrap-r-hot li{ width: 100%; line-height: 60px; float: left; border-bottom:1px dashed #d9d9d9; }
.wrap-r-hot li a{ display: block; color: #333; font-size: 16px; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wrap-r-hot li:hover a{ color: #ffaf02 }

.wrap-r-tab{ width: 100%; margin-top: 20px; }
.wrap-r-tab-nav{ width: 100%; height: 56px; position: relative; }
.wrap-r-tab-nav li{ width:50%; float: left; line-height: 56px; text-align: center;  position: relative;}
.wrap-r-tab-nav li:before{ content: ""; position: absolute; }
.wrap-r-tab-nav li a{ display: block; font-size: 24px;color: #ffaf02; font-weight: bold;    position: relative; }
.wrap-r-tab-nav li.wrap-r-tab-nav2{ position: absolute; right: 3px; top: 0; }
.wrap-r-tab-nav li.wrap-r-tab-nav1:before{ 
	width: 163px;height: 56px;
	background: url(../images/inside/wrap-right-tab1.png) no-repeat;
	left: 0;
	top: 0;
}
.wrap-r-tab-nav li.wrap-r-tab-nav2:before{ 
	width:166px;height: 56px;
	background: url(../images/inside/wrap-right-tab2.png) no-repeat;
	left:0;
	top:0;
}
.wrap-r-tab-nav li.on.wrap-r-tab-nav1:before{
	background: url(../images/inside/wrap-right-tab1-on.png) no-repeat; 
}
.wrap-r-tab-nav li.on.wrap-r-tab-nav2:before{
	background: url(../images/inside/wrap-right-tab2-on.png) no-repeat; 
}
.wrap-r-tab-nav li.on a{ color: #333; }
.wrap-r-tab-show{ width: 100%; overflow: hidden; margin-top: 10px; }
.wrap-r-tab-show1{ display: none; }
.wrap-r-tab-show1.active{ display: block; }
.wrap-r-tab-show1 li{ width: 100%; height: 70px; float: left; margin-bottom: 10px; border:1px solid #ffaf02; box-shadow: 0px 6px 8px 0px rgba(0, 0, 0, 0.14); }
.wrap-r-tab-show1 li span{ width: 65px; height: 100%; display: block; float: left; background:#ffaf02; position: relative;}
.wrap-r-tab-show1 li span:before{
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin:auto;
}
.wrap-r-tab-show1 li.wrap-r-tab-show-li1 span:before{
	width: 30px;
	height: 30px;
	background:url(../images/inside/wrap-r-icon1.png) no-repeat;
}
.wrap-r-tab-show1 li.wrap-r-tab-show-li2 span:before{
	width: 38px;
	height: 28px;
	background:url(../images/inside/wrap-r-icon2.png) no-repeat;
}
.wrap-r-tab-show1 li.wrap-r-tab-show-li3 span:before{
	width: 28px;
	height: 28px;
	background:url(../images/inside/wrap-r-icon3.png) no-repeat;
}
.wrap-r-tab-show1 li.wrap-r-tab-show-li4 span:before{
	width: 32px;
	height: 27px;
	background:url(../images/inside/wrap-r-icon4.png) no-repeat;
}
.wrap-r-tab-show1 li a{  width: calc( 100% - 65px ); width: 253px\0; height: 100%; position: relative; float: left; display: flex; align-items: center; padding:0 15px; }
.wrap-r-tab-show1 li a>div{ width: 100%; }
.wrap-r-tab-show1 li h5{ font-size: 16px; color: #333; font-weight: bold; line-height: 1; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
.wrap-r-tab-show1 li:hover h5{ color: #ffaf02 }
.wrap-r-tab-show1 li p{ font-size: 14px; color: #666; margin-top: 5px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
.wrap-r-tab-show1 li i{ position: absolute; font-size: 25px; font-weight: bold; color: rgba(51,51,51,0.1); right: 5px; bottom: 0; }
/*问答标签列表*/
.wenda-label{ margin-top: 60px; margin-bottom: 70px; }
.wenda-label-nav{ border-bottom: 4px solid #e6e6e6;  }
.wenda-label-nav li{ width: 220px; height: 40px;line-height: 40px;  float: left; margin-left: 10px; background:#fafafa; }
.wenda-label-nav li.active{ width: 280px; height: 60px;line-height: 60px; margin-top: -20px; background:#ffb202; }
.wenda-label-nav li.active a{ color: #000; font-size: 20px; font-weight: bold; }
.wenda-label-nav li:first-child{ margin-left: 0; }
.wenda-label-nav li a{ display: block; font-size: 16px; color: #333; text-align: center; }
.wenda-label-container{ width: 100%; margin-top: 40px; }
.wenda-label-container li{ float: left; margin-right: 30px; margin-bottom: 30px; line-height: 45px; height: 45px; padding:0 30px; border-radius: 4px; box-shadow: 0px 0px 14px 5px rgba(245, 245, 245, 0.4); position: relative; transition: all .5s ease-in-out}
.wenda-label-container li:before{
	content: "";
	position: absolute;
	width: 3px;
	height: 20px;
	background:#ffb202;
	left: 0;
	top: 12.5px;
}
.wenda-label-container li a{ display: block; text-align: center; font-size: 16px; color: #333; }
.wenda-label-container li:hover{ background:#ffb202; }
.wenda-label-container li:hover:before{ background:#000; }
.wenda-label-container li:hover a{ font-weight: bold; }
/*视频课程列表*/
.banner.ban-noform{ height: 488px; }
.ban-noform{ display: flex; justify-content: center; align-items: center; }
.ban-noform .ban-h2 i{ display: inline; color: #fff; }
.ban-noform .ban-h5 i{ display: inline; color: #ffb202; }
.banner.ban-noform .ban-con{ padding-top: 0; }
.ban-noform .ban-h2{ margin-bottom: 20px; }
.breadcrumbs h5.video-tit-h5:before{
	content: "";
	position: absolute;
	width: 26px; 
	height: 25px;
	background: url(../images/inside/video-tit-icon.png) no-repeat;
	left: 0;
	top: 23px;
}
.video-hot{ width: 100%; height: 490px; background:#333; padding:15px 0 15px 15px; margin-top: 20px;}
.video-hot-body{ width: 860px; height: 100%; float: left; }
.video-hot-show{ display: none; width: 100%; height: 100%; }
.video-hot-show.active{ display: block; }
.video-hot-show a{ position: relative; display: block; }
.video-hot-show-txt{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin:auto; display: flex; justify-content: center; align-items: center; }
.video-hot-show-txt h5{ font-size:30px; font-weight: bold; color: #fff; line-height: 1; }
.video-hot-show-txt span{ display: block; width: 130px; height: 35px; line-height: 35px; color: #000; font-size: 16px; text-align: center; margin:40px auto 0; background:#ffaf02; border-radius: 6px;}
.video-hot-nav{ width: 310px; height: 100%; position: relative; float: right; padding-left: 5px; }
.video-hot-nav:before{
	content: "";
	position: absolute;
	width: 2px;
	height: 100%;
	background:url(../images/inside/video-line.png) center no-repeat;
	left: 20px;
	top: 0;
	z-index: 2;
}
.video-hot-nav h4{ font-size: 22px; color: #ffaf02; line-height: 1; padding-left: 67px; padding-top: 18px; position: relative; }
.video-hot-nav h4:before{
	content:"";
	position: absolute;
	width: 23px;
	height: 27px;
	background:url(../images/inside/huo.png) no-repeat;
	left: 35px;
	top: 12px;
}
.video-hot-nav ul{ margin-top: 20px; }
.scrollBox{
    width:100%;
    height:375px;
    overflow:auto;
}
.video-hot-nav li{ width: 100%; height: 125px; float: left; border-bottom: 1px solid rgba(255, 255, 255,0.06); position: relative; padding:0 10px 0 50px; }
.video-hot-nav li:before{
	content: "";
	position: absolute;
	width: 16px;
	height: 16px;
	background:url(../images/inside/circle.png) no-repeat;
	left: 8px;
	top: 20px;
	z-index: 3;
}
.video-hot-nav li a{ display: flex; align-items: center; height: 100%; }
.video-hot-nav li h5{ font-size: 18px; font-weight: bold; color: #fff; line-height: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 15px; }
.video-hot-nav li i{ font-size: 16px;color: #fff; line-height: 24px; }
.video-hot-nav li span{ display: flex; flex-flow: wrap; justify-content: space-between; margin-top: 10px; }
.video-hot-nav li span label{ font-size: 16px;color: #b2b2b2; line-height: 26px; }
.video-hot-nav li span em{ width: 84px; line-height: 26px; height: 26px; border-radius: 5px; text-align: center; color: #000; background:#ffaf02;}
.video-hot-nav li:hover i{ background:url(../images/inside/date-bg.png) no-repeat; width: 130px; height: 24px; text-align: center; }

.video-nav{ width: 100%; height: 110px; margin-top: 60px; background:#fafafa; box-shadow: 0px 4px 22px 0px rgba(207, 207, 207, 0.4); }
.video-nav ul{ height: 100%; overflow: hidden; }
.video-nav li{ width: 50%; height: 100%; float: left;  }
.video-nav li a{ display: block; width: 100%; height: 100%;display: flex; align-items: center; justify-content: center; text-align: center;}
.video-nav li h5{ font-size: 20px; font-weight: bold; color: #333; line-height: 1; }
.video-nav li span{ display: block; font-size: 16px; color: #333; line-height: 18px; margin-top: 15px; display: flex;  align-items: center;  justify-content: center; }

.video-nav li span:before,.video-nav li span:after{
	content: "";
	height: 1px;
	width: 120px;
	background: #ffaf02;
}
.video-nav li span:before{
	margin-right: 15px;
}
.video-nav li span:after{
	margin-left: 15px;
}
.video-nav li.active{ background:#ffaf02; }
.video-nav li.active span:before,.video-nav li.active span:after{ background:#000; }
.video-list{ margin-top: 50px; margin-bottom: 80px; }
.video-list ul{ width: 100%;overflow: hidden; }
.video-list li{ width: calc( ( 100% - 60px ) / 3 );  height:310px; float: left; width: 380px\0;margin-right: 30px; margin-bottom: 10px;  }
.video-list li .video-list-li{ 
	width: 380px;
	height: 290px;
	padding: 10px;
	box-shadow: 0px 0px 14px 5px rgba(240, 240, 240, 0.4); 
	margin-top: 20px;
	transition: margin-top .5s ease-in-out;
}
.video-list li:nth-child(3n){ margin-right: 0; }
.video-list-img{ position: relative;  }
.video-list-img:before{
	content: "";
	position: absolute;
	width: 40px;
	height: 41px;
	background:url(../images/inside/hot.png) no-repeat;
	z-index: 2;
	right: 10px;
}
.video-list-txt{ margin: 15px 0 10px;  }
.video-list-txt a{ display: block; }
.video-list-txt h5{ font-size: 18px; color: #333; line-height: 1; font-weight: bold; 
	overflow: hidden; 
	text-overflow: ellipsis; 
	white-space: nowrap; 
}
.video-list-txt span{ height: 24px; margin-top: 10px; display: flex; flex-flow: wrap; justify-content: space-between; }
.video-list-txt span i{ color: #999; line-height: 24px; }
.video-list-txt span em{ width: 84px; background-color: #ffaf02; text-align: center; color: #000; line-height: 24px; border-radius: 6px; }
.video-list li:hover .video-list-li{ margin-top: 0; }


.listpage{width: 100%;  text-align: center;  color: #333;}
.list-right .listpage li{width: auto;margin-right: 0px;margin-bottom: 0px;}
.listpage a,.listpage span,.listpage input.go_input,.listpage input.go_submit{    display: inline-block;font-size:14px; width: 30px; height: 30px; line-height: 28px;  border:1px solid #000; color: #333;margin-right: 9px; }
.listpage a:hover,.listpage span,.listpage a.thisclass{ color: #333;  background: #ffaf02;border: 1px solid #ffaf02;}
.listpage a.active{color: #333;border: 1px solid #ffaf02; background: #ffaf02;}
@media screen and (max-width: 768px){
/*复制微信跳转*/
    .wchat{
        display: block;
    }
    .wchat-icon-bg{
        z-index: 2;
    	position: fixed;
    	right: 12px;
    	bottom: 10.875rem;	
    	display: flex;
    	justify-content: space-around;
    	align-items: center;
    	width: 40px;
    	height: 40px;
    	background-color: rgb(26, 173, 23);
        color: rgb(255, 255, 255);
        border-radius: 20px;
    }
    .wchat-icon-bg img{
    	width: 75%;
    }
    .alet-con{
    	display: none;
        background: rgba(0, 0, 0, 0.4);
    	position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 9;
    }
    .alet-con .content-wrap{
    	width: 80%;
        text-align: center;
        border-radius: 21px;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        position: absolute;
        height: auto;
        background: #fff;
    
    }
    .alet-con .content-wrap .cont{
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        padding: 21px;
        position: relative;
        background: #fff;
        border-radius: 1.1888587rem;
    }
    .alet-con .content-wrap .cont .close-btn{
    	width: 5%;
    	position: absolute;
        right: 18px;
        top: 18px;
        z-index: 2;
        cursor: pointer;
    }
    .alet-con .content-wrap .cont .cont-cloum{
    	display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }
    .alet-con .content-wrap .cont .cont-cloum .image{
    	width: 4rem;
    	height: 4rem;
    }
    .alet-con .content-wrap .cont .cont-cloum .title{
    	color: #000;
        font-size: 18px;
        line-height: 18px;
        font-weight: bold;
        margin: 10px 0;
    }
    .alet-con .content-wrap .cont .cont-cloum .wchat-num,.alet-con .content-wrap .cont .cont-cloum .desc{
    	color: #666;
        font-size: 14px;
        line-height: 18px;
        font-weight: 400;
        margin-bottom: 10px;
    }
    .alet-con .content-wrap .cont .cont-cloum .btn{
    	color: #fff;
        background-color: #1aad17;
        border-radius: 9px;
        font-size: 18px;
        width: 130px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 0.45289855rem;
        cursor: pointer;
    }
}