/* 模块左侧浮动导航 */
.module-nav-tool-fixed {
  position: fixed;
  margin: 0px;
  padding: 20px 0px;
  width: 90px;
  box-sizing: content-box;
  z-index: 9999;
}
#module-nav-tool {
  background-color: #fff;
  border-radius: 4px;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.module-nav-tool__item a {
  font-size: 16px;
  display: inline-block;
  margin: 0px;
  width: 100%;
  text-align: center;
  padding: 10px 0;
}
.module-nav-tool__item a.active {
  color: #fff;
  background-color: #ff5f00;
}
/* 模块列表 */
.module-list {
  padding: 0;
  margin: 0 0 40px 0;
  float: right;
}
.module-list .module-list__title {
  float: left;
  padding: 0 15px;
}
.module-list .module-list__title h3 {
  border-left: #ff5f00 4px solid;
  padding-left: 10px;
}
.module-list .module-list__row {
  float: left;
  width: 100%;
  margin-bottom: 20px;
}
.module-list .module-list__item {
  float: left;
  /* display: inline-block; */
  margin: 0;
  padding: 15px;
  box-sizing: border-box;
}
.module-list .module-list__wrap {
  background-color: #fff;
  padding: 0;
  border-radius: 4px;
  box-shadow: 0 1px 12px 0 rgb(0 0 0 / 10%);
  overflow: hidden;
}
.module-list .module-list__icon {
  text-align: center;
  border-bottom: 1px solid #e9edf6;
}
.module-list .module-list__icon img {
  display: inline-block; /* height: 100px; */
  /* padding: 20px; */
}
.module-list .module-list__info {
  padding: 10px;
  line-height: 22px;
}
.module-list .module-list__info .name {
  font-size: 14px;
  font-weight: bold;
}
.module-list .module-list__info .price {}
.module-list .module-list__info .price span {
  font-size: 14px;
  color: #ff0000;
}
@media (max-width: 768px) {
  .module-nav-tool-fixed {
    display: none;
  }
  .module-list {
    width: 100%;
  }
  .module-list .module-list__item {
    width: 50%;
  }
}
@media (min-width: 768px) {
  .module-nav-tool-fixed {
    padding: 20px 20px;
  }
  .module-list {
    width: calc(100% - 130px);
  }
  .module-list .module-list__item {
    width: 50%;
  }
}
@media (max-width: 992px) {
  .module-nav {
    display: none;
  }
}
@media (min-width: 992px) {
  .module-list .module-list__item {
    width: 25%;
  }
}
@media (min-width: 1200px) {
  .module-list .module-list__item {
    width: 25%;
  }
}
.module-detail {
  margin-top: 20px;
}
.module-detail-title {
  margin-bottom: 10px;
}
.module-detail-title h3 {
  font-size: 18px;
  font-weight: 600;
  margin: 0 0 10px 0;
  padding: 0;
}
.module-detail-title .remark {
  font-size: 14px;
  line-height: 20px;
}
.module-detail .symbol {
  color: #ff0000;
}
.module-detail .newprice {
  color: #ff0000;
  font-size: 18px;
  font-weight: bold;
}
.model-content-wrap {
  padding: 20px;
  background: #fff;
  margin-top: 0px;
  border-radius: 4px;
}
.module-detail__faq ul {
  margin: 0;
  padding: 0;
}
.module-detail__faq ul li {
  list-style: none;
  margin: 15px 0;
  padding: 10px;
  background-color: #f5f5f5;
  border-radius: 4px;
}
.margin-bottom-40 {
  margin-bottom: 40px;
}
.theme-extra-info {
  background: none;
}
.module-tag, .page__sec, .page__sec.page__sec-white {
  background: none;
}
.module-nav {
  display: inline-block;
  margin: 20px 0 20px 0;
}
.module-nav-wrap {
  display: inline-block;
  background-color: #fff;
  border-radius: 4px;
}
.module-nav-item {
  margin: 0px;
}
.module-nav-item ul {
  margin: 10px 10px;
  padding: 0;
}
.module-nav-item ul li {
  width: 100%;
  display: inline-block;
  /* clear: both; */
  margin: 5px 0;
}
.module-nav-item-title {
  font-size: 14px;
  /* font-weight: 600; */
  color: #ff5f00;
  padding: 10px 20px;
  border-bottom: 1px solid #e9edf6;
}
.module-nav-item a {
  display: block;
  font-size: 14px;
  width: 100%;
  padding: 5px 10px;
}
.module-nav-item a.active, .module-nav-item a.active:hover {
  color: #fff;
  background-color: #ff5f00;
  border-radius: 4px;
}
.module-nav-item a:hover {
  color: #ff5f00;
}
@media (max-width:992px) {
  .model-content-wrap {
    padding: 20px;
  }
}
@media (max-width:768px) {
  .module-nav {
    display: none;
  }
}
.preview_video_controls {
	position: relative;
	max-width: 700px;
	width: 100%;
	margin-bottom: 10px;
}
.preview_video_controls .placeholder {
	max-width: 700px;
	width: 100%;
}
.preview_video_controls .button {
	position: absolute;
	max-width: 700px;
	width: 58px;
	height: 58px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 999999;
	cursor: pointer;
	background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNi4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i5Zu+5bGCXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMzExLjcgMzExLjciIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDMxMS43IDMxMS43OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojRkZGRkZGO30NCjwvc3R5bGU+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTU1LjgsMEM2OS44LDAsMCw2OS44LDAsMTU1LjlzNjkuOCwxNTUuOSwxNTUuOSwxNTUuOXMxNTUuOS02OS44LDE1NS45LTE1NS45YzAsMCwwLDAsMCwwDQoJQzMxMS43LDY5LjgsMjQxLjksMCwxNTUuOCwwQzE1NS44LDAsMTU1LjgsMCwxNTUuOCwweiBNMTU1LjgsMjk2LjRjLTc3LjYsMC0xNDAuNi02Mi45LTE0MC42LTE0MC42Uzc4LjIsMTUuMywxNTUuOCwxNS4zDQoJczE0MC42LDYyLjksMTQwLjYsMTQwLjZTMjMzLjUsMjk2LjQsMTU1LjgsMjk2LjRDMTU1LjgsMjk2LjQsMTU1LjgsMjk2LjQsMTU1LjgsMjk2LjR6Ii8+DQo8cG9seWdvbiBjbGFzcz0ic3QwIiBwb2ludHM9IjIxOC44LDE1NS44IDExOS4yLDk0LjMgMTE5LjIsMjE3LjMgIi8+DQo8L3N2Zz4NCg==");
	opacity: 1;
}
.preview_video_controls .button.pause{
	opacity: 0;
	background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNi4wLjIsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i5Zu+5bGCXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMzExLjcgMzExLjciIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDMxMS43IDMxMS43OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojRkZGRkZGO30NCjwvc3R5bGU+DQo8cmVjdCB4PSIxMDUuMiIgeT0iOTQuMyIgY2xhc3M9InN0MCIgd2lkdGg9IjI5LjkiIGhlaWdodD0iMTIzIi8+DQo8cmVjdCB4PSIxNzYuNiIgeT0iOTQuMyIgY2xhc3M9InN0MCIgd2lkdGg9IjI5LjkiIGhlaWdodD0iMTIzIi8+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTU1LjgsMEM2OS44LDAsMCw2OS44LDAsMTU1LjlzNjkuOCwxNTUuOSwxNTUuOSwxNTUuOXMxNTUuOS02OS44LDE1NS45LTE1NS45YzAsMCwwLDAsMCwwDQoJQzMxMS43LDY5LjgsMjQxLjksMCwxNTUuOCwwQzE1NS44LDAsMTU1LjgsMCwxNTUuOCwweiBNMTU1LjgsMjk2LjRjLTc3LjYsMC0xNDAuNi02Mi45LTE0MC42LTE0MC42Uzc4LjIsMTUuMywxNTUuOCwxNS4zDQoJczE0MC42LDYyLjksMTQwLjYsMTQwLjZTMjMzLjUsMjk2LjQsMTU1LjgsMjk2LjRDMTU1LjgsMjk2LjQsMTU1LjgsMjk2LjQsMTU1LjgsMjk2LjR6Ii8+DQo8L3N2Zz4NCg==");
}
.preview_video_controls .button.pause:hover{
	opacity: 1;
}


.preview_video_controls .button svg {
	transition: all .2s ease;
	fill: #fff;
}
.preview_video_controls .button:hover svg,
.preview_video_controls .button:focus svg {
	fill: #ff5f00;
}
@media screen and (max-width: 600px) {
	.preview_video_controls .button {
		width: 58px;
        height: 58px;
	}
}