.searchBar {
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:horizontal;
 -webkit-box-direction:normal;
 -ms-flex-direction:row;
 flex-direction:row;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-pack:start;
 -ms-flex-pack:start;
 justify-content:flex-start;
 background:#eee;
 padding:28px 20px;
 margin-bottom:15px
}
.searchBar label {
 font-size:18px;
 line-height:24px;
 color:#333
}
.searchBar .inputWrap {
 width:50%;
 min-width:100px;
 background:#fff;
 padding:0 5px;
 margin:0 20px;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-orient:horizontal;
 -webkit-box-direction:normal;
 -ms-flex-direction:row;
 flex-direction:row;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 -webkit-box-pack:justify;
 -ms-flex-pack:justify;
 justify-content:space-between
}
.searchBar .inputWrap input {
 border:none;
 outline:none;
 line-height:30px;
 font-size:16px;
 color:#333;
 width:100%; height:30px;
}
.searchBar .inputWrap i {
 -webkit-box-flex:0;
 -ms-flex:none;
 flex:none;
 margin-left:4px
}
.searchBar .searchBtn {
 font-size:18px;
 line-height:24px;
 color:#d92d25;
 cursor:pointer
}
@media screen and (max-width:420px) {
.searchBar .inputWrap { padding-right:20px;}

}
@media screen and (max-width:350px) {
.searchBar .inputWrap { width:40%;}
}
.paddingWrap {
 padding:0 15px
}
.paddingWrap .searchRes {
 text-align:left;
 font-size:15px;
 line-height:24px;
 color:#666;
 margin-bottom:35px
}
.paddingWrap .noRes {
 color:#999;
 font-size:12px;
 line-height:20px;
 text-align:left;
 margin-bottom:20px
}
.paddingWrap .pagination {
 text-align:center;
 margin-bottom:20px
}
.paddingWrap .getMore {
 text-align:center;
 margin-bottom:20px;
 font-size:14px;
 line-height:24px;
 color:#666
}
.paddingWrap .articles h4 {
 text-align:left;
 font-size:22px;
 line-height:24px;
 color:#333;
 margin-bottom:20px; font-weight:bold; font-size:22px;
}
.paddingWrap .articles .contentBox {
 max-height:280px;
 overflow:hidden
}
.paddingWrap .articles .contentBox.open {
 max-height:none;
 height:auto
}
.paddingWrap .articles .contentBox> ul >li >a {
 display:block;
 text-align:left;
 font-size:16px;
 line-height:56px;
 color:#333;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap
}
.paddingWrap .videos h4 {
 text-align:left;
 font-size:18px;
 line-height:24px;
 color:#333;
 margin-bottom:20px; font-weight:bold; font-size:22px;
}
.paddingWrap .videos .contentBox {
 max-height:calc(28vw + 40px);
 overflow:hidden
}
@media screen and (max-width:768px) {
 .paddingWrap .videos .contentBox {
  max-height:calc(60vw + 40px)
 }
}
.paddingWrap .videos .contentBox.open {
 max-height:none;
 height:auto
}
.paddingWrap .videos .contentBox .imgWrap {
 cursor:pointer;
 width:100%;
 height:14vw;
 max-height:272px;
 margin-bottom:24px;
 position:relative
}
@media screen and (max-width:768px) {
 .paddingWrap .videos .contentBox .imgWrap {
  height:30vw
 }
}
.paddingWrap .videos .contentBox .imgWrap img {
 display:block;
 width:100%;
 height:100%;
 -o-object-fit:cover;
 object-fit:cover
}
.paddingWrap .videos .contentBox .imgWrap .play {
 color:#fff;
 position:absolute;
 left:50%;
 top:50%;
 -webkit-transform:translate(-50%,-50%);
 transform:translate(-50%,-50%)
}
@media screen and (min-width:769px) {
 .paddingWrap .videos .contentBox .imgWrap .play {
  font-size:50px;
  line-height:50px
 }
}
@media screen and (max-width:768px) {
 .paddingWrap .videos .contentBox .imgWrap .play {
  font-size:30px;
  line-height:30px;
 }
}
.paddingWrap .qixi h4 {
 text-align:left;
 font-size:18px;
 line-height:24px;
 color:#333;
 margin-bottom:20px;font-weight:bold; font-size:22px;
}
.paddingWrap .qixi .contentBox {
 overflow:hidden
}
@media screen and (min-width:769px) {
 .paddingWrap .qixi .contentBox {
  max-height:calc(((70vw - 100px)/3*0.44 + 104px)*2)
 }
}
@media screen and (max-width:768px) {
 .paddingWrap .qixi .contentBox {
  max-height:calc(75vw + 30px)
 }
}
.paddingWrap .qixi .contentBox.open {
 max-height:none;
 height:auto
}
.paddingWrap .qixi .contentBox .PC-card {
 display:block;
 margin-bottom:24px
}
.paddingWrap .qixi .contentBox .PC-card .imgWrap {
 width:100%;
 height:calc((70.8vw - 100px)/3*0.44);
 min-height:80px;
 border-radius:8px;
 overflow:hidden;
 position:relative;
 top:10px
}
.paddingWrap .qixi .contentBox .PC-card .imgWrap img {
 display:block;
 width:100%;
 height:100%;
 -o-object-fit:cover;
 object-fit:cover
}
.paddingWrap .qixi .contentBox .PC-card .cardWrap {
 padding:0 16px
}
.paddingWrap .qixi .contentBox .PC-card .cardWrap h5 {
 font-weight:700;
 font-size:18px;
 line-height:40px;
 color:#333;
 text-align:left;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap
}
.paddingWrap .qixi .contentBox .Mobile-card {
 width:100%;
 padding-bottom:20px;
 display:block
}
.paddingWrap .qixi .contentBox .Mobile-card .imgWrap {
 width:100%;
 height:calc(25vw - 11.25px)
}
.paddingWrap .qixi .contentBox .Mobile-card .imgWrap img {
 display:block;
 width:100%;
 height:100%;
 -o-object-fit:cover;
 object-fit:cover
}
.paddingWrap .qixi .contentBox .Mobile-card .word {
 padding:6px
}
.paddingWrap .qixi .contentBox .Mobile-card .word h5 {
 font-weight:700;
 font-size:14px;
 line-height:16px;
 color:#333;
 text-align:left;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap
}
.paddingWrap .qixi .contentBox .Mobile-card .word p {
 font-size:10px;
 line-height:14px;
 color:#999;
 text-align:left;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap
}
@media screen and (max-width:768px) {
/*.contentBox>.el-row{margin-left: -5px; margin-right:-5px;}*/
.paddingWrap .qixi .contentBox .el-col{padding-left: 5px; padding-right: 5px; margin-bottom: 0px;}


.paddingWrap .qixi .contentBox .PC-card .cardWrap  .el-card{border-radius: 5px}
.paddingWrap .qixi .contentBox .PC-card .cardWrap {
	padding: 0 0px
}
.paddingWrap .qixi .contentBox .PC-card {
	width: 100%;
	padding-bottom: 0px;
	display: block;
}

.paddingWrap .qixi .contentBox .PC-card .imgWrap {
	width: 100%;
		height: calc(25vw - 11.25px);border-radius: 5px 5px 0 0;
}

.paddingWrap .qixi .contentBox .PC-card .imgWrap img {
	display: block;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.paddingWrap .qixi .contentBox .PC-card .word {
	padding: 6px
}

.paddingWrap .qixi .contentBox .PC-card .word h5 {
	font-weight: 700;
	font-size: 14px;
	line-height: 16px;
	color: #333;
	text-align: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}

.paddingWrap .qixi .contentBox .PC-card .word p {
	font-size: 10px;
	line-height: 14px;
	color: #999;
	text-align: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}
}