.textEellipsis {
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.clearF:after {
  display: block;
  content: '';
  width: 0;
  height: 0;
  clear: both;
}
.userSelect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.totalIconCss {
  font-family: "iconfont" !important;
  font-size: 12px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.floatL {
  float: left;
}
.floatR {
  float: right;
}
a {
  color: inherit;
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
ul,
li {
  list-style: none outside none;
}
a {
  text-decoration: none;
}
input {
  border: none;
  background: none;
}
textarea {
  outline: 0;
}
body,
input,
button,
textarea {
  border: 0 none;
  font-family: Roboto-Regular, Roboto, Helvetica Neue, Helvetica, Tahoma, Arial, sans-serif;
  background: none repeat scroll 0 0 #fff;
  color: #313131;
  font-size: 14px;
}
fieldset,
img {
  border: 0 none;
}
#pages a {
  box-sizing: content-box;
}
body {
  overflow-x: hidden;
}
.p-header {
  position: relative;
  z-index: 999999;
  border-bottom: 1px solid #ebebeb;
  background: #fff;
  min-width: 1200px;
}
.p-header .header-top {
  height: 64px;
  border-bottom: 1px solid #ebebeb;
}
.p-header .header-top:after {
  display: block;
  content: '';
  width: 0;
  height: 0;
  clear: both;
}
.p-header .p-header-logo {
  float: left;
  margin: 0 0 0 20px;
  height: 64px;
}
.p-header .p-header-logo a {
  width: 190px;
  height: 64px;
  display: block;
  text-indent: -9999em;
  overflow: hidden;
  background: url(../images/common-sprite.png) no-repeat 0 15px;
}
.p-header .p-header-r {
  float: right;
  height: 64px;
}
.p-header .p-header-r .temp-search {
  width: 288px;
  height: 64px;
  line-height: 64px;
  padding-left: 20px;
  box-sizing: border-box;
  border-left: 1px solid #ebebeb;
  border-right: 1px solid #ebebeb;
  transition: background-color 0.3s;
  display: inline-block;
  position: relative;
  color: #999999;
}
.p-header .p-header-r .temp-search:before {
  font-family: "iconfont" !important;
  font-size: 12px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e617';
  position: absolute;
  top: 50%;
  right: 20px;
  z-index: 1;
  transform: translateY(-50%);
  font-size: 16px;
}
.p-header .p-header-r .temp-search .search-diy {
  width: 0;
  position: absolute;
  top: 0;
  right: 0;
  border-left: 1px solid rgba(61, 61, 61, 0.15);
  height: 64px;
  line-height: 64px;
  background: #fff;
  box-shadow: 0 8px 13px rgba(0, 0, 0, 0.07);
  border-radius: 0 0 2px 2px;
  z-index: 1;
  transition: width 0.2s ease-in-out;
  opacity: 0;
  -ms-opacity: 0;
  -moz-opacity: 0;
  -o-opacity: 0;
  filter: opacity(0);
}
.p-header .p-header-r .temp-search .search-diy .default-input {
  width: 82%;
  height: 64px;
  background: #fff;
  outline: none;
  margin-left: 10px;
  text-indent: 32px;
}
.p-header .p-header-r .temp-search .search-diy .label {
  color: #ff6a00;
  padding: 4px;
}
.p-header .p-header-r .temp-search .search-diy .iconsearch {
  position: absolute;
  top: 50%;
  left: 16px;
  z-index: 1;
  transform: translateY(-50%);
  color: #181818;
}
.p-header .p-header-r .temp-search .search-diy .iconclose {
  padding: 6px;
  box-sizing: border-box;
  position: absolute;
  top: 48%;
  right: 12px;
  z-index: 1;
  transform: translateY(-50%);
  color: #181818;
  font-size: 18px;
}
.p-header .p-header-r .temp-search:hover {
  background: #f9f9f9;
  cursor: pointer;
}
.p-header .p-header-r .temp-search:hover:before {
  color: #ff6a00;
}
.p-header .p-header-r .active .search-diy {
  box-sizing: border-box;
  width: 570px;
  opacity: 1;
  -ms-opacity: 1;
  -moz-opacity: 1;
  -o-opacity: 1;
  filter: opacity(100);
  overflow: hidden;
}
.p-header .p-header-r .privateCss a {
  display: inline-block;
  padding: 0 12px;
  height: 100%;
  line-height: 64px;
  font-size: 16px;
  color: #373d41;
}
.p-header .p-header-r .privateCss a:hover {
  color: #00a563;
}
.p-header .p-header-r .link-nav {
  height: 64px;
  display: inline-block;
  vertical-align: top;
}
.p-header .p-header-r .link-nav a {
  display: inline-block;
  padding: 0 12px;
  height: 100%;
  line-height: 64px;
  font-size: 16px;
  color: #373d41;
}
.p-header .p-header-r .link-nav a:hover {
  color: #00a563;
}
.p-header .p-header-r .link-nav .ihome {
  width: 15px;
  height: 15px;
  background: url(../images/icon-2.png) no-repeat 0 0;
  display: inline-block;
  vertical-align: initial;
}
.p-header .p-header-r .no-login {
  display: inline-block;
  height: 64px;
  vertical-align: top;
}
.p-header .p-header-r .no-login a {
  display: inline-block;
  padding: 0 12px;
  height: 100%;
  line-height: 64px;
  font-size: 16px;
  color: #373d41;
}
.p-header .p-header-r .no-login a:hover {
  color: #00a563;
}
.p-header .p-header-r .no-login .sign {
  background: #00a563;
  color: #fff;
  padding: 0 20px;
  transition: all 0.3s ease-in-out;
}
.p-header .p-header-r .no-login .sign:hover {
  background: #00cb7a;
  color: #ffffff;
}
.p-header .p-header-r .in-box {
  display: inline-block;
  vertical-align: top;
  height: 64px;
  font-size: 0;
}
.p-header .p-header-r .in-box .notice-parent {
  display: inline-block;
  vertical-align: top;
  height: 64px;
  position: relative;
}
.p-header .p-header-r .in-box .notice-parent:hover .message-sequence-box {
  display: block;
}
.p-header .p-header-r .in-box .notice-parent:hover .empty-sequence-box {
  display: block;
}
.p-header .p-header-r .in-box .notice-parent:hover .notice-info:before {
  color: #00a563;
}
.p-header .p-header-r .in-box .notice-parent .message-sequence-box {
  width: 350px;
  min-height: 124px;
  border: 1px solid #ebebeb;
  position: absolute;
  top: 64px;
  right: -2px;
  z-index: 3;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background: #fff;
  box-sizing: border-box;
  display: none;
}
.p-header .p-header-r .in-box .notice-parent .message-sequence-box .loading-mask {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9;
  right: 0;
  bottom: 0;
  text-align: center;
  background: url(data:image/gif;base64,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) no-repeat center rgba(255, 255, 255, 0.16);
  line-height: 30px;
  color: #999999;
}
.p-header .p-header-r .in-box .notice-parent .message-sequence-box .loading-mask:hover {
  background: url(data:image/gif;base64,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) no-repeat center rgba(255, 255, 255, 0.16);
  line-height: 30px;
}
.p-header .p-header-r .in-box .notice-parent .message-sequence-box:before {
  display: block;
  content: '';
  border-left: 1px solid #ebebeb;
  border-top: 1px solid #ebebeb;
  width: 14px;
  height: 14px;
  transform: rotate(46deg);
  background: #fff;
  position: absolute;
  top: -8px;
  right: 30px;
  z-index: 1;
}
.p-header .p-header-r .in-box .notice-parent .message-sequence-box dt {
  height: 45px;
  line-height: 45px;
  font-size: 13px;
  text-align: center;
  color: #333333;
}
.p-header .p-header-r .in-box .notice-parent .message-sequence-box dt:hover a {
  color: #00a563;
  text-decoration: underline;
}
.p-header .p-header-r .in-box .notice-parent .message-sequence-box dt a {
  display: block;
  color: inherit;
}
.p-header .p-header-r .in-box .notice-parent .message-sequence-box dd {
  padding: 0 13px;
  position: relative;
  z-index: 4;
}
.p-header .p-header-r .in-box .notice-parent .message-sequence-box dd.unread .seq-title {
  position: relative;
}
.p-header .p-header-r .in-box .notice-parent .message-sequence-box dd.unread .seq-title:before {
  display: block;
  content: '';
  width: 6px;
  height: 6px;
  background: #f20101;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
}
.p-header .p-header-r .in-box .notice-parent .message-sequence-box dd:hover {
  background: #f2f2f3;
}
.p-header .p-header-r .in-box .notice-parent .message-sequence-box dd a:hover {
  text-decoration: underline;
}
.p-header .p-header-r .in-box .notice-parent .message-sequence-box .sequence {
  width: 324px;
  min-height: 58px;
  padding: 14px 0 10px;
  display: table;
  vertical-align: top;
  border-bottom: 1px solid #eaeaea;
  font-size: 0;
  box-sizing: border-box;
}
.p-header .p-header-r .in-box .notice-parent .message-sequence-box .sequence .seq-img {
  display: table-cell;
  vertical-align: top;
  width: 50px;
}
.p-header .p-header-r .in-box .notice-parent .message-sequence-box .sequence .seq-img .img-head {
  display: inline-block;
  width: 36px;
  height: 36px;
  border-radius: 100%;
  overflow: hidden;
}
.p-header .p-header-r .in-box .notice-parent .message-sequence-box .sequence .seq-info {
  display: table-cell;
  vertical-align: top;
  font-size: 13px;
}
.p-header .p-header-r .in-box .notice-parent .message-sequence-box .sequence .seq-title {
  color: #121212;
  max-width: 260px;
  font-size: 14px;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.p-header .p-header-r .in-box .notice-parent .message-sequence-box .sequence .seq-title .name {
  color: #00a563;
  font-size: 14px;
}
.p-header .p-header-r .in-box .notice-parent .message-sequence-box .sequence .seq-des {
  color: #666666;
  max-width: 260px;
  margin-top: 3px;
  font-size: 13px;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.p-header .p-header-r .in-box .notice-parent .message-sequence-box .sequence .seq-des a {
  color: inherit;
}
.p-header .p-header-r .in-box .notice-parent .message-sequence-box .sequence .seq-time {
  color: #999999;
  margin-top: 8px;
  font-style: italic;
  font-size: 12px;
}
.p-header .p-header-r .in-box .notice-parent .empty-sequence-box {
  text-align: center;
  border: 1px solid #ebebeb;
  position: absolute;
  top: 64px;
  right: -2px;
  z-index: 2;
  background: #fff;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  padding: 20px 0 40px;
  box-sizing: border-box;
  display: none;
}
.p-header .p-header-r .in-box .notice-parent .empty-sequence-box:before {
  display: block;
  content: '';
  border-left: 1px solid #ebebeb;
  border-top: 1px solid #ebebeb;
  width: 14px;
  height: 14px;
  transform: rotate(46deg);
  background: #fff;
  position: absolute;
  top: -8px;
  right: 30px;
  z-index: 1;
}
.p-header .p-header-r .in-box .notice-parent .empty-sequence-box .empty-sequence-name {
  height: 20px;
  line-height: 20px;
  font-size: 14px;
  color: #999;
}
.p-header .p-header-r .in-box .notice-parent .empty-sequence-box .empty-sequence-icon {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADUAAAA5CAYAAACWJGMLAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkIwREM5NkFDNjE0ODExRUNCQjVERERFMjA1RkE5RjZGIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkIwREM5NkFENjE0ODExRUNCQjVERERFMjA1RkE5RjZGIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QjBEQzk2QUE2MTQ4MTFFQ0JCNUREREUyMDVGQTlGNkYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QjBEQzk2QUI2MTQ4MTFFQ0JCNUREREUyMDVGQTlGNkYiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5Gs3l1AAAKyElEQVR42uya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") no-repeat center rgba(255, 255, 255, 0.16);
  width: 348px;
  height: 100px;
}
.p-header .p-header-r .in-box .notice-info {
  display: block;
  position: relative;
  padding: 0 20px;
  min-width: 70px;
  height: 64px;
  color: #373d41;
  box-sizing: border-box;
}
.p-header .p-header-r .in-box .notice-info em {
  display: block;
  background: #ff491e;
  padding: 0 6px;
  min-width: 6px;
  height: 16px;
  line-height: 16px;
  text-align: center;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  color: #fff;
  font-size: 12px;
  position: absolute;
  top: 14px;
  left: 32px;
  z-index: 1;
}
.p-header .p-header-r .in-box .notice-info:before {
  font-family: "iconfont" !important;
  font-size: 12px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\e614';
  font-size: 24px;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  transform: translateY(-50%) translateX(-50%);
}
.p-header .p-header-r .in-box .info-parent {
  display: inline-block;
  vertical-align: top;
  width: 80px;
  height: 64px;
  position: relative;
  background: #eeeeee;
  cursor: pointer;
  border-left: 1px solid #ebebeb;
}
.p-header .p-header-r .in-box .info-parent:hover .drop-info {
  visibility: visible;
  width: 170px;
  height: auto;
  position: absolute;
  top: 64px;
  right: 0;
  z-index: 2;
  transform: translateX(0);
}
.p-header .p-header-r .in-box .info-parent .user-img {
  width: 40px;
  height: 40px;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  margin: -20px 0 0 -20px;
}
.p-header .p-header-r .in-box .info-parent .user-img img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  z-index: 2;
  border-radius: 100%;
}
.p-header .p-header-r .in-box .info-parent .active:before {
  display: block;
  content: '';
  width: 8px;
  height: 8px;
  background: #ff491e;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  position: absolute;
  top: 2px;
  right: -8px;
  z-index: 1;
}
.p-header .p-header-r .in-box .info-parent .drop-info {
  width: 0px;
  height: auto;
  position: absolute;
  top: 64px;
  right: 0;
  z-index: 2;
  border-radius: 0 0 4px 4px;
  min-height: 120px;
  background: #fff;
  border: 1px solid #ebebeb;
  visibility: hidden;
  transition: all 0.3s;
  transform: translateX(100%);
  overflow: hidden;
}
.p-header .p-header-r .in-box .info-parent .drop-info .link {
  display: block;
  height: 35px;
  line-height: 35px;
  font-size: 14px;
  padding-left: 20px;
  box-sizing: border-box;
  color: #6e6d7a;
}
.p-header .p-header-r .in-box .info-parent .drop-info .link span {
  display: inline-block;
  margin-left: 20px;
  font-size: 12px;
  background: url(../images/newdeal.gif) no-repeat center left;
  width: 32px;
  height: 15px;
}
.p-header .p-header-r .in-box .info-parent .drop-info .link:nth-last-child(2) {
  border-top: 1px solid #dbdbde;
}
.p-header .p-header-r .in-box .info-parent .drop-info .link:last-child {
  border-top: 1px solid #dbdbde;
}
.p-header .p-header-r .in-box .info-parent .drop-info .link:hover {
  background: #f2f2f3;
}
.p-header .menu-nav {
  height: 54px;
  position: relative;
  z-index: 1;
}
.p-header .menu-nav:after {
  display: block;
  content: '';
  width: 0;
  height: 0;
  clear: both;
}
.p-header .menu-nav .menu-l {
  float: left;
  height: 54px;
}
.p-header .menu-nav .menu-l:after {
  display: block;
  content: '';
  width: 0;
  height: 0;
  clear: both;
}
.p-header .menu-nav .menu-l li {
  display: inline-block;
  float: left;
}
.p-header .menu-nav .menu-l li > a {
  display: inline-block;
  padding: 0 20px;
  font-size: 16px;
  line-height: 54px;
  color: #373d41;
  position: relative;
  font-weight: 500;
}
.p-header .menu-nav .menu-l li > a:before {
  display: block;
  content: '';
  width: 74%;
  height: 3px;
  background: #373d41;
  position: absolute;
  left: 50%;
  bottom: -1px;
  z-index: 1;
  transform: translateX(-50%);
  opacity: 0;
  -ms-opacity: 0;
  -moz-opacity: 0;
  -o-opacity: 0;
  filter: opacity(0);
}
.p-header .menu-nav .menu-l li > a:hover:before {
  opacity: 1;
  -ms-opacity: 1;
  -moz-opacity: 1;
  -o-opacity: 1;
  filter: opacity(100);
}
.p-header .menu-nav .menu-l li > a .icondown {
  vertical-align: middle;
  font-size: 24px;
}
.p-header .menu-nav .menu-l li .nav-more {
  background: url(../images/nav-more.png?v=211122) no-repeat center center;
}
.p-header .menu-nav .menu-l li:hover .sub-menu {
  display: block;
}
.p-header .menu-nav .menu-l li:hover .get-submenu {
  display: block;
}
.p-header .menu-nav .menu-l .active > a:before {
  opacity: 1;
  -ms-opacity: 1;
  -moz-opacity: 1;
  -o-opacity: 1;
  filter: opacity(100);
}
.p-header .menu-nav .menu-l .sub-menu {
  background: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  min-width: 1200px;
  width: 100%;
  z-index: 1;
  position: absolute;
  display: none;
}
.p-header .menu-nav .menu-l .sub-menu:after {
  display: block;
  content: '';
  width: 0;
  height: 0;
  clear: both;
}
.p-header .menu-nav .menu-l .contest-par {
  min-width: 210px;
  width: auto;
}
.p-header .menu-nav .menu-l .contest-par .sub {
  width: auto;
  padding: 0 20px 12px;
  border-right: 0;
}
.p-header .menu-nav .menu-l .contest-par .sub-title {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  margin-top: 12px;
}
.p-header .menu-nav .menu-l .contest-par .sub-link {
  width: 180px;
}
.p-header .menu-nav .menu-l .sub {
  display: inline-block;
  float: left;
  height: 100%;
  padding: 30px;
  box-sizing: border-box;
  border-right: 1px solid #ebebeb;
  width: 25%;
}
.p-header .menu-nav .menu-l .sub .last {
  font-weight: 500;
  margin-top: 36px;
  color: #222222;
}
.p-header .menu-nav .menu-l .sub-title {
  font-weight: 700;
  font-size: 15px;
}
.p-header .menu-nav .menu-l .sub-title a {
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: #373d41;
}
.p-header .menu-nav .menu-l .sub-title a:hover {
  text-decoration: underline;
}
.p-header .menu-nav .menu-l .sub-link {
  width: 300px;
}
.p-header .menu-nav .menu-l .sub-link a {
  margin-top: 12px;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: #373d41;
}
.p-header .menu-nav .menu-l .sub-link a:hover {
  text-decoration: underline;
}
.p-header .menu-nav .menu-l .get-submenu {
  display: none;
  width: 920px;
  height: 470px;
  position: absolute;
  top: 55px;
  left: 12px;
  z-index: 0;
  background: #fff;
  border: 1px solid #ebebeb;
  border-top: 0;
  box-sizing: border-box;
}
.p-header .menu-nav .menu-l .get-submenu:after {
  display: block;
  content: '';
  width: 0;
  height: 0;
  clear: both;
}
.p-header .menu-nav .menu-l .get-submenu dl {
  float: left;
  width: 33.33%;
  height: inherit;
  border-left: 1px solid #ebebeb;
  box-sizing: border-box;
  padding: 30px 20px 16px 20px;
}
.p-header .menu-nav .menu-l .get-submenu dl:first-child {
  border-left: 0;
}
.p-header .menu-nav .menu-l .get-submenu dl .get-title {
  color: #313131;
  font-size: 15px;
  font-weight: 700;
  margin-bottom: 14px;
}
.p-header .menu-nav .menu-l .get-submenu dl .get-title .navtitle-linkto:hover {
  text-decoration: underline;
  color: #313131;
}
.p-header .menu-nav .menu-l .get-submenu dl .get-title .iconfont {
  color: #313131;
}
.p-header .menu-nav .menu-l .get-submenu dl .get-title .icondown {
  display: inline-block;
  transform: rotate(-90deg);
}
.p-header .menu-nav .menu-l .get-submenu dl .get-title .icon-fenlei {
  margin-right: 6px;
}
.p-header .menu-nav .menu-l .get-submenu dl dd a {
  display: block;
  padding: 5px 0;
}
.p-header .menu-nav .menu-l .get-submenu dl dd a img {
  width: 20px;
  height: 20px;
}
.p-header .menu-nav .menu-l .get-submenu dl dd a:hover {
  color: #00a563;
}
.p-header .menu-nav .menu-l .get-submenu dl dd a:hover .menu-name {
  text-decoration: underline !important;
}
.p-header .menu-nav .menu-l .get-submenu dl dd .menu-icon {
  margin-right: 10px;
}
.p-header .menu-nav .menu-l .get-submenu dl dd .menu-name {
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  height: 20px;
  line-height: 20px;
  display: inline-block;
  max-width: 260px;
  font-size: 14px;
}
.p-header .menu-nav .menu-l .get-submenu dl dd.topics {
  font-weight: 500;
}
.p-header .menu-nav .menu-l .get-submenu dl dd .nav-item {
  width: 270px;
  height: auto;
  background-color: #F2F3F7;
  margin-bottom: 10px;
  position: relative;
}
.p-header .menu-nav .menu-l .get-submenu dl dd .nav-item:hover:before {
  right: 0;
  color: #00a563;
}
.p-header .menu-nav .menu-l .get-submenu dl dd .nav-item:before {
  font-family: "iconfont" !important;
  font-size: 12px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  content: '\e615';
  position: absolute;
  top: 50%;
  right: 3px;
  z-index: 1;
  transform: rotate(-90deg);
  margin-top: -12px;
  font-size: 32px;
  line-height: 22px;
  transition: all 0.3s linear;
}
.p-header .menu-nav .menu-l .get-submenu dl dd .nav-item .item-info {
  display: table-cell;
  vertical-align: middle;
  width: 270px;
  height: 60px;
  font-size: 0;
  padding: 0;
}
.p-header .menu-nav .menu-l .get-submenu dl dd .nav-item .item-info .info-img {
  display: table-cell;
  width: 84px;
  height: inherit;
  position: relative;
  vertical-align: middle;
}
.p-header .menu-nav .menu-l .get-submenu dl dd .nav-item .item-info .info-img img {
  width: 100%;
  height: 100%;
}
.p-header .menu-nav .menu-l .get-submenu dl dd .nav-item .item-info .info-des {
  display: table-cell;
  vertical-align: middle;
  width: 164px;
  height: inherit;
  padding-left: 10px;
}
.p-header .menu-nav .menu-l .get-submenu dl dd .nav-item .item-info .info-des .des-text {
  font-size: 13px;
  padding-right: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  font-weight: 500;
}
.p-header .menu-nav .menu-r {
  float: right;
  height: 54px;
  padding-right: 6px;
}
.p-header .menu-nav .menu-r .create-btn {
  display: inline-block;
  height: 34px;
  line-height: 34px;
  padding: 0 14px;
  min-width: 100px;
  text-align: center;
  font-size: 14px;
  color: #373d41;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  border-radius: 30px;
  margin-top: 8px;
  border: 1px solid #ebebeb;
  font-weight: 500;
  margin-right: 6px;
  transition: all 0.3s ease-in;
}
.p-header .menu-nav .menu-r .create-btn:hover {
  background: #ebebeb;
  border: 1px solid #ebebeb;
}
.p-header .menu-nav .menu-r .inbox-project {
  background: #00a563;
  border: 1px solid #00a563;
  color: #ffffff;
  transition: all 0.3s ease-in;
}
.p-header .menu-nav .menu-r .inbox-project:hover {
  background: #00cb7a;
  border: 1px solid #00cb7a;
  color: #ffffff;
}
.sponsorship-box .exhibition {
  display: block;
  height: 80px;
  width: 1200px;
}
.sponsorship-box .swiper-pagination {
  bottom: 4px;
}
.sponsorship-box .swiper-pagination .swiper-pagination-bullet {
  background: #fff !important;
  opacity: 1;
  cursor: pointer;
}
.sponsorship-box .swiper-pagination .swiper-pagination-bullet-active {
  background: #00a563 !important;
}
.sponsorship-box .sponsor-button-prev {
  background: url("../images/share-projects/left.png") no-repeat center;
  height: 36px;
  width: 37px;
  position: absolute;
  top: 50%;
  left: -37px;
  z-index: 1;
  margin-top: -18px;
  opacity: 0;
  cursor: pointer;
  transition: opacity ease 0.3s, left ease 0.3s;
}
.sponsorship-box .sponsor-button-prev.active {
  opacity: 1;
  left: -6px;
}
.sponsorship-box .sponsor-button-next {
  background: url("../images/share-projects/right.png") no-repeat center;
  height: 36px;
  width: 37px;
  position: absolute;
  top: 50%;
  right: -37px;
  z-index: 1;
  margin-top: -18px;
  opacity: 0;
  cursor: pointer;
  transition: opacity ease 0.3s, right ease 0.3s;
}
.sponsorship-box .sponsor-button-next.active {
  opacity: 1;
  right: -6px;
}
.grid .list-items .box-item .fifth-sign1:before {
  display: block;
  content: '';
  background: url(../images/five-pcb-design/tag-icon1.png?v=220831) no-repeat center;
  width: 132px;
  height: 114px;
  position: absolute;
  top: -8px;
  left: -8px;
  z-index: 4;
}
.grid .list-items .box-item .fifth-sign2:before {
  display: block;
  content: '';
  background: url(../images/five-pcb-design/tag-icon2.png?v=220831) no-repeat center;
  width: 132px;
  height: 114px;
  position: absolute;
  top: -8px;
  left: -8px;
  z-index: 4;
}
.grid .list-items .box-item .fifth-sign3:before {
  display: block;
  content: '';
  background: url(../images/five-pcb-design/tag-icon3.png?v=220831) no-repeat center;
  width: 132px;
  height: 114px;
  position: absolute;
  top: -8px;
  left: -8px;
  z-index: 4;
}
.head-badge-pic {
  position: absolute;
  right: 18px;
  bottom: 10px;
  width: 18px ;
  height: 14px;
  z-index: 4;
}
.head-badge-pic img {
  width: 100%;
  height: 100%;
}
#footer {
  clear: both;
  color: #777;
  background: #fff;
  margin-top: 1px;
  overflow: hidden;
  position: relative;
  min-width: 1200px;
}
#footer .box-featured {
  padding: 80px 0 0 0;
  background: #202121;
  border-bottom: 1px solid #333;
  overflow: hidden;
}
#footer .box-featured .grid {
  width: 940px;
  margin: 0 auto;
  padding: 0;
}
#footer .box-featured h4 {
  clear: both;
  margin-bottom: 40px;
  text-align: center;
  text-transform: uppercase;
  font-size: 14px;
}
#footer .box-featured h4 span {
  color: #39C19D;
}
#footer div.footer {
  background: none repeat scroll 0 0 #202121;
  font-size: 14px;
  overflow: hidden;
  padding: 20px;
}
#footer .box-featured h4:before {
  content: '';
  display: block;
  width: 140px;
  height: 5px;
  margin: 0 auto 25px auto;
  background-color: #39C19D;
}
#footer .copy {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAUCAMAAADMbV+0AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAACcUExURUxpcW1tbW1tbW1tbW1tbW1tbW1tbW1tbW1tbW1tbW1tbW1tbW1tbW1tbW1tbW1tbW1tbW1ubm1tbW1tbVRBVGVOdm9xcmA/e21tbW9ucFQwdNOLBVMrT102fKtvA7B+EuBnAWxobltfZsOAAvunAI5ZK74xAP+0AoRrl35joI5bHGZgevKIAWFMVF1IVHVGLY9bKoVXAH9TAOCbA9uMugcAAAAYdFJOUwALYNX35BIZIfCsbzeNKEy9xpp//d/U9VAZB5MAAAEJSURBVCjPpZLpcoMgAIRBxftMTAZipXjnPtr3f7dCcNCkNNNOv1+6szrLLgD8CWfCFu8GBLYhHmx3AgohsDwFCrnBS0Di8Y9iZClwJKyxiSeQCwKc2j4OgPOghzJANtNMNyPEI2T9pI5hoT9TV/npnJ9P+WqmpY46GFwolWzoB/2kN7ohSvPhvIVosha0GBpaTNbFU2NLZW2Gtm2HRlmjb+0alrSWb5JydAaaJRJLWi/Xruuul/L+V8vQrhYimZX1fc9kVr6GHjEGtx4ZY8e7dSxeh5vxAPt3wZ4HMOMXN8dO8XZ3qOv6sNvyfV/eMuhXFeHgqnosXkf0Q/E65BjLX111A3koAP/hC4w5IlCYnP3bAAAAAElFTkSuQmCC) no-repeat left center;
  height: 26px;
  padding-left: 60px;
  line-height: 26px;
}
#footer div.footer li {
  float: left;
  margin: 0 15px 0 0;
  padding-right: 15px;
  text-transform: uppercase;
  height: 26px;
  line-height: 26px;
  border-right: 0;
  position: relative;
  color: #666666;
}
#footer div.footer li:before {
  display: block;
  content: '';
  height: 14px;
  border-right: 1px solid #333;
  position: absolute;
  top: 50%;
  right: 0;
  z-index: 1;
  margin-top: -7px;
}
#footer div.footer li:last-child {
  border-right: 0;
  margin-right: 0;
}
#footer div.footer li:last-child:before {
  border-right: 0;
}
#footer div.footer li .share-tool {
  display: inline-block;
}
#footer div.footer li .share-tool a {
  display: inline-block;
  margin-left: 16px;
}
#footer div.footer li .share-tool .iconfont {
  font-size: 20px;
  width: 20px;
}
#footer div.footer li .share-tool .icon-vk {
  font-size: 26px;
}
#footer div.footer li .share-tool .icon-reddit {
  font-size: 24px;
}
#footer div.footer li .share-tool .icon-linkedin {
  font-size: 22px;
}
#footer div.footer a {
  color: #666666;
  vertical-align: middle;
}
#footer div.footer li a:hover {
  color: #acacac;
}
#footer .bt-gotop {
  clear: both;
  position: relative;
  width: 70px;
  height: 70px;
  margin: 10px auto 0 auto;
  border: 1px solid #dbe0df;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#footer .bt-gotop:before,
#footer .bt-gotop:after {
  display: block;
  content: '';
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
#footer .bt-gotop:before {
  top: 25px;
  height: 18px;
  border-left: 4px solid #bdc1c0;
}
#footer .bt-gotop:after {
  top: 16px;
  height: 0;
  width: 0;
  border: solid transparent;
  border-bottom-color: #bdc1c0;
  border-width: 7px;
}
.elementor-icon-wrapper {
  text-align: center;
}
.elementor-icon {
  display: inline-block;
  line-height: 1;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  color: #818a91;
  font-size: 50px;
  text-align: center;
}
.elementor-widget-container:nth-child(1) {
  animation-name: ekit-zoom;
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  position: absolute;
  top: -24px;
  right: -27px;
}
.elementor-widget-container:nth-child(1) .elementor-icon {
  font-size: 25px;
}
.elementor-widget-container:nth-child(2) {
  animation-name: ekit-zoom;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  position: absolute;
  top: 15px;
}
.elementor-widget-container:nth-child(2) .elementor-icon {
  font-size: 20px;
}
.elementor-widget-container:nth-child(3) {
  animation-name: ekit-zoom;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  position: absolute;
  left: -30px;
  top: 32px;
}
.elementor-widget-container:nth-child(3) .elementor-icon {
  font-size: 25px;
}
@-webkit-keyframes ekit-zoom {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
}
@keyframes ekit-zoom {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
}
.diy-animate {
  position: absolute;
  right: 484px;
  top: 150px;
  z-index: 9;
}
.mouse-move {
  position: absolute;
  border: 1px solid red;
  z-index: 999;
  top: 0px;
  width: 1200px;
  left: 50%;
  height: 600px;
  margin-left: -600px;
  background: transparent;
}
.mouse-move img:nth-child(1) {
  position: absolute;
  left: 120px;
  top: 60px;
}
.mouse-move img:nth-child(2) {
  position: absolute;
  right: 120px;
  top: 360px;
}
.mouse-move img:nth-child(3) {
  position: absolute;
  left: 420px;
  top: 260px;
}
@-webkit-keyframes CTPulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2);
    box-shadow: 0 0 rgba(255, 255, 255, 0.2);
  }
  70% {
    -webkit-box-shadow: 0 0 0 60px rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 60px rgba(255, 255, 255, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    box-shadow: 0 0 rgba(255, 255, 255, 0);
  }
}
@keyframes CTPulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2);
    box-shadow: 0 0 rgba(255, 255, 255, 0.2);
    border-radius: 100%;
  }
  70% {
    -webkit-box-shadow: 0 0 0 60px rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 60px rgba(255, 255, 255, 0);
    border-radius: 100%;
  }
  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    box-shadow: 0 0 rgba(255, 255, 255, 0);
    border-radius: 100%;
  }
}
.promo-btn {
  -o-animation: CTPulse 3s infinite cubic-bezier(0.4, 0, 1, 1) both;
  -ms-animation: CTPulse 3s infinite cubic-bezier(0.4, 0, 1, 1) both;
  -webkit-animation: CTPulse 3s infinite cubic-bezier(0.4, 0, 1, 1) both;
  animation: CTPulse 3s infinite cubic-bezier(0.4, 0, 1, 1) both;
}
body {
  overflow-x: hidden;
  background: url("data:image/png;base64,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") repeat-y center;
  min-height: 600px;
}
.tutor-box {
  background: url("data:image/png;base64,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") repeat-y center;
  min-height: 600px;
  min-width: 1200px;
  padding-bottom: 80px;
}
.tutor-content {
  width: 1200px;
  margin: 0 auto;
  position: relative;
}
.tutor-banner {
  background: url("../images/design-tutorials/totur-banner.jpg") no-repeat center #40327d;
  height: 630px;
  overflow: hidden;
}
.tutor-banner .tutor-content {
  position: relative;
}
.tutor-banner .the-countdown {
  min-width: 120px;
  height: 36px;
  border-radius: 36px;
  display: inline-block;
  margin-top: 30px;
  position: relative;
}
.tutor-banner .the-countdown:before {
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  border-radius: 36px;
  background: #251847;
  filter: opacity(54);
  opacity: 0.54;
  -ms-opacity: 0.54;
  -moz-opacity: 0.54;
  -o-opacity: 0.54;
  position: absolute;
  z-index: 0;
}
.tutor-banner .the-countdown .text {
  position: relative;
  z-index: 3;
  color: #fff;
  font-size: 16px;
  line-height: 36px;
  padding: 0 20px;
}
.tutor-banner .the-countdown span {
  color: #ffaa17;
  margin: 0 6px;
}
.tutor-banner .img-call {
  margin-top: 76px;
}
.tutor-banner .img-pcb {
  margin-top: 30px;
}
.tutor-banner .banner-des {
  margin-top: 26px;
  font-size: 22px;
  line-height: 30px;
  color: #fff;
  max-width: 700px;
  word-break: break-word;
}
.tutor-banner .promo-video {
  margin-top: 45px;
  color: #fff;
  font-size: 16px;
  display: inline-block;
  cursor: pointer;
}
.tutor-banner .promo-video .promo-btn {
  display: inline-block;
  background: url("../images/design-tutorials/pcbdesign_icon.png") no-repeat 0px -124px;
  width: 50px;
  height: 50px;
  vertical-align: middle;
  margin-right: 15px;
  opacity: 0.5;
  -ms-opacity: 0.5;
  -moz-opacity: 0.5;
  -o-opacity: 0.5;
  filter: opacity(50);
  transition: all 0.3s ease;
  cursor: pointer;
}
.tutor-banner .promo-video .promo-btn:hover {
  opacity: 1;
  -ms-opacity: 1;
  -moz-opacity: 1;
  -o-opacity: 1;
  filter: opacity(100);
}
.tutor-banner .the-video {
  width: 500px;
  height: 500px;
  border-radius: 50%;
  background-color: #dbdbdb;
  position: absolute;
  top: 60px;
  right: -108px;
  z-index: 11;
  overflow: hidden;
  box-sizing: border-box;
  cursor: pointer;
}
.tutor-banner .the-video .the-banner-video {
  height: 100%;
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.tutor-banner .the-video .play-banner {
  background: url("../images/design-tutorials/play.png") no-repeat center;
  width: 96px;
  height: 96px;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  transform: translateX(-50%) translateY(-50%);
  cursor: pointer;
  outline: none;
  transition: all 0.3s;
}
.tutor-banner .the-video .play-banner:hover {
  transform: translateX(-50%) translateY(-50%) scale(1.1);
}
.tutor-banner .the-video .play-banner:active {
  margin-top: 3px;
}
.tutor-nav-parent {
  height: 109px;
  background: #4b35b8;
}
.tutor-nav-parent .tutor-nav {
  height: 109px;
  width: 100%;
}
.tutor-nav-parent .fixed-nav {
  background: #4b35b8;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 12;
}
.tutor-nav-parent .fixed-nav .anchor-box:before {
  background: url("../images/design-tutorials/navpic-hover.png") no-repeat center;
  width: 178px;
  height: 196px;
}
.tutor-nav-parent .anchor-box {
  padding-left: 185px;
  box-sizing: border-box;
  color: #fff;
}
.tutor-nav-parent .anchor-box:before {
  display: block;
  content: '';
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALIAAADECAMAAAAML4uGAAAC/VBMVEUAAABLNbhLNbhLNbhLNbhLNbhLNbhLNbhLNblLNbhLNbhLNbhLNbhLNbhLNbhLNbj///9LNbgehf/7/f/x9//4+/8Ygv/1+f/s9f/o8/9lq//k8f/08/vh7//W6f/Tze3L4//e6/ra6//F3//R5v/e7f+Buv9usP/h4OXQzta+vMadmqqizP/X1dzj7vsldvvCwMksb/8zZv7l5eq/3f+y1f+p0P+ZyP+Jv//f4ut0tP/y8fO32P/KydJ6t/+fn7GYlaMle//q6u5QPbu72f+t0//5+fxxTNnFxM5ATv3c2+GKkak3X/5CO+9mR+FcR9vp8vwBKKtIR/4FHJsFF5JaQ+ju7Pk7OPJIPutiSNdSQ+JrTNGPwv/u7fBPQOgCIqMWGIw7V/3U5PnKxOuqn99XRN+yr7tdSb+rprcDLrJlStIDNb6AhKBNJmo6QPu91/YuYvE6ROR6T9Kop6mUxP/l4/WJetFjUMJWQbwEC4L29ffL3/c2SPJBQd2SlqsCRd+hn6RBJGxLIGNKDVUtXfbf2/Oyp+F9bc0EMbmYm7ApG3kge/zF2vYwWe66t781NvehldoEPs9yY8lrWsUbFYA7GmJfUv5dj+s3S+pUc9AZRcEfMqrZ0/A1V8QiFVw9G1Nelv3Eu+iShdSOjZouHWpYGGVOPu5EbNi1t9EbJJs4QOwpT8A2LpIRCWwMC01ZZP6NYvm8s+Sop8l4TMhrSMZoZ7FueKAhFTdGlf9Ga/9Agf5PeuNqitk2XdAmQLVBX7Q3IXWMqv5moPaajddMWsttfb1SZqgvif+LcNZCQ8tZU7I5SbFNPEDp5P/GuP/W1/42cvt7WfipwvJqUei8xd0jU9KQlcWDhr9+jv+egf9GVv+ZseeCnOJ+crQ6QadJWJ47DTimov+ftP5oef6Ai+qelOnGyv8Qfv93ov4NXv1wgeoZXuAoNslhZKIoCRi1lPS7y+t6b4saBAVGXPGPTMWRXoxEOIRSUXVrYnJqH2rI1eh3O293VsCeiqy5vPA+Iu/tAAAAEHRSTlMA8cBPLz7Txcvhc16FDRmlhpwXVQAAGjpJREFUeNrMl71u01AUgB3s/DRxwrHcCkUYggQSCyMbG0F+BG9MtuQXwG7EbmdCipI1SzOxoTKVERmGgmDiR2JDlSrEyo64vg66pDW2k5zj+HuCo6tP53xXwqcrq1cbNU3Tao0rqtyTqk6v3dJWaaiKVGHqLS2NhixVlOXAw7FjBwYAmJ4d+qMKD600+by+bcIKgwWfulWXqkabDzyx4DJG6GqMZrWclvc0xsKCdMzJMN4gHakyJBJPA/g/ll8lpROJD48gm8GsMkp3uMSOCbkcc6VVhOOCILFvQRGMCii9lHgORfF2rHRP1RjuMRRBKL3Dhdep8U1swnroIT8t7a5UNnKDS+zB+hiRxtgr2Q6FSzwbwGYEY650iQuv2xYSb4h9WJrSQuLIgG3QnURpiRgh8diDbbEW9EqL6zyzAYNgSnvDhcSjUAckjkiVFolpAB6mM9QYRDe8nkgcAC6WT6S0SEx85jRKJxI7JhAgspTin0SDyFL0xKRDZCmexC6WxPRZKhKTHj10RZbiJCY9RsSVlhETkx5PZCntPykf+iwVEhtQLuKnVWZiImcpfWISZyl9YtJnqbjOEZLE9FkqEnP3iCwtkJhYEl8/+UqdpZ0aT0w0iV+fnKJkaTvjiZET8+OLd1srzbO0paRPHFs8w03M4CHSDa+lyVGPpZhkOLGJLr+fAgJh/NBy6sTDzCi+fwfW5cO3l4DB3E2ZWWHLeJQtxf61woviEyScv/qCFHjxYbngRlNMnI3e7+9DDj+ePQDO919vAQfLZRtaufiBtqEIB0/u3oIczv9+Yn6eTtFCmuVd81+R2cQhFOPmowPIw1iq9MY5e4zW0as6t9iJhkv0b8Bm3PucvPLt98bZc8AiYmp0pSUyWxYpB+QPM+YB2kQUh3ERFMX1zN317nLemWaqVGO0rSXGUY1WpRpXNW20DowjdSuKG/dW3HuAo26DrXuhuPceuLcobnEL/t+7i0lqrLUk4ofNxRbaH3++9/2/F70uv0tvlxwU92+ja1fD15MGBqxBSItO6A/iaJRnPctcQJ7XXqADWxEKpzVK/Bxyl1wu/XoSyDpNkGdyO4Lc3rI7iB82d0UxdVH4NPPnmIvkPmSbyU6eeUa270MJJ+Ep9imHdMdRWMdcVL5Jg5Nz7fM8+jsl3EaGqVAu4gBXSGsURmZwcyElkwegcGr5VvnrwAlsDmVlx4VjD3YqXbqUsvjC+4EbzgvbPsC+Bf95AC9Yy4eFoxgqzoBzGMoXQogWxLAs/cdCp92LG2fyGrRzDSKjJjodlo9wYG2XhEIEJRmFkBiUyqwNQo7WSJJe+tPyi1+CX40nWr3DzfOCEhlnwrJTBpD7azG4iOShDYkUxF2MzWaL+dNprEnmKh5aQML57HEAx54+EZbmDJ/1FyhQHEdc3iTUNCZY+/9+yibS25Qr6rXe5Em/q0HI584KU8wVLFCg1F+cPr2xZoKAsDQh+odw9Hk5sNC5BnLB2LlFHi+JiusDx1cNz/krXKBAwdKly6I8i/Z5O8Ss1Vtv7AXUvcomvVFOnjZe2ZTj0vVwmLkVRMYfkGme4zmUN3HmRujod9T/JArSfWzix6XDU5DKwMU1d2Rap9NoYvkc35To0McOoti+ENWUixAV89ROkb5/HI/6Drq39Z8g8/3j69VrI+WwbII2ZKaothBz7MYPrv+uKskNN987DTE9DEw8tzM60+WfIKN4tUndnyX0PBhYTxwcOjL6L8Sv9NHLbaFlHLUAcfO5572v4Px1hqSj0FnP4H+CjGzV4gkxkvQwu7hcLtlH5RJRDS8Slcqc3Lx58/NJWd9gZXcnK7DMxRoRQc6/6l1Gfu1QRUVZGia5srOPwcp+gR5gs3iv/GfIO5T6o5UIskr1pPd7j8sFyPe3jk2pj6P5lv/z7rYRRmbjcxZ6jfTLkJ8Tp+qeVkl+cIbFyFG9+8rIj2c+m4lA936u7DPZ1SOMzAAyBUL4H5FkgJfgNfICMiNuuXzqru+KkpE9GJm7OGwNSbuBSNZpb/nIGYOyib53DEXpdToJMVgIHr+WUI0qsUoHkhPmQGT0YJhMehGvQ+KQSHpZw/uQYUPXU6tjEaOIDUbWcxhZNdnScO7Fvt8U5FSPByNfUxxxfotii390/Fia4WLqsQxLFFz1qfjlVZKvnZYwaNSwrOysYOTTdQKn28pb498gUyxNMxicohiaiPKvyF0WbAivVwWK6tPX5fIhpxJkRbCy/eCRR9bHUhzNcfCl12lZDuTvGVaVJbkhWNibEpUD2UGQ6ft2JSgGyraIFDKJBzxZCgtswfMYlI0xaSh4w/uRa6rg2DWfe/H98RzISQ5H1vj4hHPJHUjZQGddbVEZb+WIIeMU08THxcm5BpYQBB5EixKHn4If2Qh4T8wuT9YwBdnzE9nl7p1oISnifVUGsedroOtbI7j9IMokq9oG8YZFMaKBoHIsj9lF1o+MQSenpvZVkJNSfyL37f3EXKVhc8i9vlnwR7wNziahSCKzLNJqKEzLghhRKwiCyLOcKIBEudNxPmRzKGR336lRuGxcTMoemL0YoVfjvWsiigypQLJNjghGlAQDT3FTBIoWDQZ84aYrRUdHV1KQHQ4FeX5SqicAGcrGZFe2x5U1Fo6e9xaKKDInZ1ls/1iKIOs5ir9wqMXJGx1h5DzioqObIsRWokw5kR2pQchgGhcgn4Xzd6x+RJEpnsNidEYdg7OCobU3lrRot37RoPaHX4sIVeL8iQHIbkdSTuQm7iQZ2YGRp5CrQYSRZcHC43nA63hzYbtmS+aZlmfum73yztVLQccvNHKaD9mT6smeAhvdHuG+DMmgSKCpKXu6TbicOc9qUpus6t2ZJ0ff/dq1bRCyO6mPjNzE/QsyrMH3HTXLxySTgKYihgzRoIilMzMyunXbbTSa1CCrcd6GVatG3/0UiJyW5kd2EOQxgciuYbvM8nXw1dnIIdMGyDIRSgVdaU23ESMyWrRclHmwptVqWrBh1OjRL9+eqhCInBKEHDxlNwTgE1WVDjigz79/mDuVTso/Mqs1iCwz5OaNL2tqTTy8ZMaIjEEbZ5+ct2DDnNGj7r59Uz7Yy+lpTWTkob9Omfg8SmXpMPciXAc7+Rp4aCqByz8yBYbotaddy5ZrD2+5VGNa9zsLR8xouXTOnDkrl27fNgR+Hoyc7kd2K8jpCnIaRsZrvU8W3K0IMg27n8m1ObJMPpocf2FBs3b7MvcuWrv2yJU15Sp23bZ/xowWKzeuHF4dfqiVRJoJhZySpiCnpDcJQgbTQIV2jUOUqNdIBj43ZKaaVfPXyK1u7p3QbP3ug1aItZMbNnx407Viuc7d7yz60NW3HUVJy7EYGWR2EmTQ0JR0H7IzFHLWI9EWZ9NJPmI2NLkuhv5L5I57MrpNyDxoskJGmEwm9aEeqz5/XVG+RtW2gW7nDRIvI1uczibrfMhpGFkVgOwORH4WX62eTlRAGSFOoMKTGCNGTGjWDhZHTYxsPbj/w6pVd1+eCuE5Q/RBFS7MjZ0pGDkxUUFODEBOdzfxrxlAjhV9p0XSSzDuMCAPrtj5znqAbjlo7ZJ5Vuu82yNHj7779lTt6r8GYccplUwACsiNMXIiIKc702XkdGeTMT7kPj+Rsx8qkUDr7Ta7TuIIMSuItFx584Ncv2qNrrWm9cMJkdFy46TbADxn2faPlyiUU5WG9JrSFLVRJZotya0JMrwbuhqQMXsHP3KaH9mROg5haW3VqsX4DSJajQJ+aoIOHSflEblt1UblG1Su3Ln7i/UjZrRYCqG26VMDhESeDqSmoof00tDwW+YdNVsI8lBMbBnqJMiWxA6rGyvITj+y25EKISfEJxiNCdXsIqVkk1YbF0szv0xZ0OUNWZl0hc7TgPrIwoyNS7vjz0xoziAZICFksR2n2PUUQtF7uj2HT2ardGjdGiNbLFV6NnY6zSpgB+QUBTk9B7I2QW1KsAvKr5JiwSA8w/pmkR8vQwuOrtq2avkGFaZ1rr3tis/CFC1IkoBH3bRjbGw0fOfSghkZGBnaw/TWq4eqgBiQGzstiRZAbqwgJ2JklYLsdjxCIE7HKY6wx2CDGFjf3+DYfCBzP1i5tpg4yij86iM6M5kZJjuZncsu0GG1MjO7LMtycdcARbNcvMQsLsWEsCkXTTERiC2XF0AESai1EMAEvCAFExPFltpS02KMfWiq1UQbNaYmVmutGuMtJp7/nxm6y25ZSDkv7BBYvv3m+893zn/4RxFZ9NvdBVX5VclFOW6jlB6tKQJ3ouST8fEDB2p+eh966MqxsdcrywBxdftjABm9qsSQzZz9iF1/PIEh28HpUSSQgGjnaI4XHQy1U8jQbTBb2VKTFtac5Q35rZNQKkEMHrj89Im3a9trH3rmXkC8HyA/dD8gvr8StIIh78UJEDsjgpwwZRT82dk+3U55oqCqMs/SuEOG621CJpp6yC0A03yP4CyvqmhuPn9yPD6IEcdr4pPP1LZfj8UvAuIv28ceQ5Crqy3IZWWJkKFGvUok3HoxxForUDNU8BiU6kheVGSZ2XaNwUQ8ntupiXWO3Cwszy/Oa9lT+p185dhkHFAPDg7Ga2KD8VjdgZPV+/dXmpCrQSsYchnk7CTID39PoK4xKVhJ9YFAdIXA8jZ0Q/XyFLFtLdMeeMu0y/afN/NzIZMA4NK51s+/0747BWVIHCDH4zU1NcDyiROVte1jtbXVFt2vA+R7996PcjZefsgZn/gFiy+JFwks1hfmCUsubn/Q7eIIfElsM2OQ8JYp+uguz7mvZWjfPgAMkHt75/ZdCRtXj00CWoCMMNdMvvLly7Xtbw2+eP9+CzLKdtUYMgoMGS8/ahMvgq1oUjLC0exsl2h+WyQ5hsgMOeUtMd6q3PtG8/Jahg7t2zdUsmfPntLeg6WtX5wNnz01HY/FajDm+rqp558Bn3/xBGxqYcgo7wHkJ23Ijz8JkM1gNnghacL2cAMJJCQrtmIYkhcEkdluI+Wx3vJB4De/uAIM8b68vPtGW0oO7TuEQZce7J1rveL1Xj13OlYXA8ixWD2KuuoTlQAZ8l51mWkzryPIZv3x6dUIncwLJ8mygFkNgEBchkxZADC/NCfoYY2nUiCn9R0i4nSWdz9YnlOVD5GbW1xcAaDBykuGkqj+wXv22HRNXV0Mog6i/vrvb4NCxiprXyyD1IEh45IJ6o/HP73KdvR4Enhh9HBAN3T8BxldFe3P4xBFsFv8SlKjakhJA5liuZTMUpRTWFVQVFSQkwO4EeoKjDpvE9WnXL4fz52uq68DyBBd9VPPv/xy+/XGyY9gIZrOCG4OJRMkDxCGHBhpIjc81Qi6XEEpOQWAJnw8xYegFyBxseH1+70amQKZEQWBZzdTXV5YWNjQ3VBggy4GhaRSff6o64djizFQBea5q2vh+kLX0uRJSB3IGXH9gc289rk/8kHIGlBt31Ut6PIyGIFGY1ZZB9qvRNs/crhTDSHiaUHNhlV5zoYMaBkK8yzoRkgmN1NdUFhYXlRUno7qfSUlmOqDc++d+iF4dHqqvqseINcD6K7GpcX3karHxmor74FkZ0K+e7b/35ZHEdUdTcyGJCNOD2WNx5kwSfOSpLAEupANV9CLDUc0/AmQwdxls7DgBBVMn09HdflmqvNMqg9ZVPcC1Wj/a6GrCyA3QnQ1nn4RmXnlQ9dfMOuPxx4CyH19/a/9kQtCBqqdxMbf8DhJa0Fh8sKqLrDoJR8OZrs7Q4h1SxgPAGQQvqjpmsygzyWofnc0wG1Oy0B1AVB9C3UC1Xsw1b1A9bFXs1eBaqAYxcTSxMLHIOrhibK9oGobcltbW//A3y3lkHg7OpoiVs1MR5wcyiYEBCJPCvt8YZlAUg4AaGFj+d117txN0mwBdC/wi36aN6DlgxWxKRoQ1UWJVFekofrd1Vcx1TbopcbGmZmFj+z6o/LuWYQY4rUBoJpydow4nRSA99KoAeYiJIHrIsAh6YDDFXbg4gYjsFk+d0kTcEND8rrLH9UVXBa6ojJ8TXFAoLrhNlQP3aL65Kuri1ONSxMAeWJiaXh4fuLiSVB1+1h7ZfvxWQsxbOtdwJWYMWInEMBKMhESENM0TfAswYdRscemWMlTsg5VNlaCEnDBj4QdiTpOWYs21VUA2l6LoyXgiwlUv/H+yQ9OA8cAeRhifnjqmRNvV+5/6+s+TDIAnv32t99wz+4QCOfIJaeZ8WhKETSBYWiKJrMIlOzCqkylcT8GnNJnCCTSh+ZDurFD8PlViUzusm5LtZ32MNVnLr7/9OLCxPywiXn2yPGPn5/qm8VKfq1/dmXlxoWhwiwcPZDxaBMySRj+oEZxHo6haWhRtqjkaLQugwaupjY4ZvRgNgTcmPRpz6Q631Y1mPlQgsO0rn9w8eLlqcb5eYC8trYG23mz/X0IMQK8cuEgDTUERUV6rBWI7Y+hlE4vC/KAXVeOIYktIGNRAEDXrUwhqn7A6zfs72yL6qS1WPremafLnp5cGD5yZA2iDwUAnlleWflrFJsXJ+mSQlmTUY3JYlgWrkiWpGmGUxSFzFQvkyHDbsMIWQ0igjXrmo+6oEVLoTqNmY+aae8W1Xv3AtV9/X1rGPCRmeXlZXOrl4B00YPadhoPcSnwMEbBswOwCYVhGdbhcUaojPWyXQVGXUGXytsfxYUEEmXSmnnR1g4DVP907drkwtpAf1vbPACeaS0wRQA7Nx4waSAaLTcC4WZEjuU4lvG6BZrjYIZLRzxOOjNkkg+osJez0bcbSCBuXGOlT3vYzKtSqbbNvHV98dq1w1PD80vLy30l3djeIiO4oCPIqD8oUooCWoDcxvBoDsplcRoaeyBd0M6mTJAJErJMQNdEwrzkDSQQV4C0BO+NCgyR7DAFSQ6TexuqD18bX17+802rUh4x1xxBEqIhZNGw3EQHmtTxAJ4gL3XATYD1R0IfQGYUBsWJsmz3AbQcjgb9Lq/lKoTkQwLpJFOpTjbzis0OMzc39+v69PpNa6upA7wjoY5n0ESG5URQBc9QsBVfV38GJqK0qLD0tno/2maR5GErp1Pd6NvNlOeV03XgDWkdBqg+1No611vSXJGLd6Y5WF5NIz235EmiiSjt0CSOAtAKw8hfTcdi09MLXY1fXBJ3OKokHUJI10M8ZaW8sAulPN3Cz6mqQmRIe5DymqFfzPvsZg+z0b53GB08nbBuUIagOZePJa2BaE18etXtPvrG1PDaz//l7wQy1KNQ8DOWWngkkGCnZPftnYhvlbq9wyDMublVOUXduOLq6YA7ThAeqCY8JMiWpDb+DJ6FigpgJ3tODdZcXj3q9qPRQfarq2sDr/3RTGwXMr5nVIJAol5dsTwxYKY8iU3vMIWI6oLyhiIicZsBTLkJKk3GHrNYKqXM/5UgSQeTdRY2n2KLH7qCbnQ/g0c/aYPK6UZ3RsjpBRIO2Ap26Aiw23BYAg8HyBSqn013MNrTdEvCBG1PtAiHA6wZygnC88/6+OHD8Xo0EfUHzYHo7MqF5qwdQ6YVWRBkzt7q00Egfl+ItjzRi/gOJ4sa56eMExCKcfA8C34nwkC06dSxr958582h84vjhwdhInoGBqJodvBX8ba1nAyAo+15a0jtjHaGeetSwynPFwLC0+xQe5isDAFUy+BwMBCtgXbxa5iIftY8t25NROdn8FZ8RshbzjuRQAxdsJBwAQzY9kQysHm0GIHdoExUE+BNeCC6evSDqcbj659XFOUcRBPRiWU8EL0zyKQoC5JgTzccgWjQ7XYFLPyKilZMKJVqZyTDVOzK4gFzIGpORNtgIloMo6VvzIHoHbJMsQ7SkqGiqZ2+qCrYnhhFfAcNTHgq1befJHhgIFpz+UOXPxvCDTni+MDff18Yzc/Z5X+5pjghFDYMibNSXsg08Q1PVzb9+BZUn782Ho9NfYAmovZAdODGjfwM50rSnd7JLBDJLp25UGfQDQRzdsrz49Y8lWoytQaswmvtcE0XTEQ/RANRnNRKizKc3kk9I5V5GUIlYL10IIH4vJKFX/biG+zlM+394lI7d7RltALWGvpHj5nh42sDR2ZW/mzJfEYqw0m0DAIJhFXDTnG0qWgfePqWe7825G6ooYqhBhktRRPRRjQQ/bNieyfR8Hm/nQf0D7KkSTxpT2e8IBC/Km71K0ggRIJenkVFH5RNLa1nxuuW38vf3nk/+1TlzgMKBZHdGNyqUZ8Lts0SbJ6h0lJtl+wEqzhIczpQMTo6WvJOwXZPVd7J2VXC+gICMVRVT1IwBcYmskR6qiME5dnIfQQq/Ip2dnY18wnhzALBG5B20LTZj0kBTWbT+bTH9MWdx0twQjjDOezMgWsykSOSOzGFpcyu1+vV0/UwxB2dw8582j0z6uSX8CFkTcL80nzAB/uS4i6fdrefKbAbQUNngb86JEMN4GmAA5mjT+d395kC+MkNuwOZ5QVZIfGa1LyuKEZKooQd3t0nN+DnY+zSk+NIhxTWJdzIMpLXne3D0wCR3O3nY9hPIdkdphXNG1Ul1tzXwyXp7j+FBD/rBaSxWwGi+L+8M0ZBGAiiKBpIIQlG1C5IOhv7gIVNwFPYRfACGnIB4z28ihdzE10GdiPbLPq/+SeY4jM727x3Xu822bK7q7OFf9aLEHX8RZVC3UcH+WH5JOoIt6jwi99a5dtc9dgzt8imQ6FG6FA2gwszwuCySWePeQIYIZ318uTwymHw5PqpfUjR1D4HGxGoHcJGdBIoMaIJlH/G+aSkqVIyaxnJwJT8ZQjKdTwElni78NiI7VJptz8Mhov/ZftAou0Dw3M8MJo0KH0llFaYT2cptHuH0XBE6ZGitHUxOtEozXOUfj9KiyKjq5LSCErpXaW02zI6hClNzZQ+bErrOKPbndKgr39aakv3DZ02p/diA8ur0kVV7o0O32ukEtuVVilux/KatnW4lE1Vz9BKbA1tBHzg7hGfmFOHEVyHrcRBNA1H7YYIx1EA8HD8Pk83UXeSPvuKOwAAAABJRU5ErkJggg==") no-repeat center;
  width: 178px;
  height: 196px;
  position: absolute;
  top: -39px;
  left: 0;
  z-index: 1;
  transition: all 0.3s linear;
}
.tutor-nav-parent .anchor-box .anchor {
  display: inline-block;
  padding: 27px 18px 29px 24px;
  min-width: 240px;
  box-sizing: border-box;
  position: relative;
  cursor: pointer;
}
.tutor-nav-parent .anchor-box .anchor:last-child {
  padding-right: 0;
}
.tutor-nav-parent .anchor-box .anchor:last-child:before {
  display: none;
}
.tutor-nav-parent .anchor-box .anchor h4 {
  font-style: normal;
  font-size: 20px;
}
.tutor-nav-parent .anchor-box .anchor:before {
  display: block;
  content: '';
  height: 50%;
  border-right: 1px solid #ded7fe;
  position: absolute;
  top: 55%;
  right: 0;
  z-index: 1;
  transform: translateY(-50%);
}
.tutor-nav-parent .anchor-box .anchor .anchor-des {
  margin-top: 10px;
  font-size: 14px;
  color: #ded7fe;
}
.tutor-nav-parent .anchor-box .anchor:hover h4 {
  color: #ffaa17;
}
.tutor-nav-parent .anchor-box .active h4 {
  color: #ffaa17;
}
.part-box {
  position: relative;
  margin-top: 105px;
}
.part-box .part-img {
  position: absolute;
  top: 60px;
  right: 0;
  z-index: 1;
}
.part-box .part-in-title {
  font-size: 36px;
  color: #1b273d;
  font-weight: 700;
  position: relative;
  cursor: default;
  display: inline-block;
}
.part-box .part-in-title:hover:after {
  width: 120px;
}
.part-box .part-in-title:after {
  display: block;
  content: '';
  width: 69px;
  height: 6px;
  background: #ffaa17;
  position: absolute;
  left: 0;
  bottom: -14px;
  z-index: 1;
  transition: all 0.3s ease;
}
.part-box .part-des {
  color: #1b273d;
  width: 747px;
  font-size: 18px;
  line-height: 30px;
  margin-top: 45px;
}
.part-box .part-des p {
  margin-bottom: 35px;
}
.part-box .part-des span {
  font-weight: 700;
}
.part-btn {
  display: inline-block;
  height: 48px;
  line-height: 48px;
  padding: 0 20px;
  box-sizing: border-box;
  background-color: #ffaa17;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  color: #1b273d;
  font-size: 18px;
  font-weight: 500;
  transition: 0.3s ease-in-out;
  margin-top: 12px;
}
.part-btn:hover {
  background: #ff4b2d;
  color: #fff;
}
.part-btn:hover .btn-flag {
  background: url("../images/design-tutorials/pcbdesign_icon.png") no-repeat -46px -7px;
}
.part-btn .btn-flag {
  display: inline-block;
  background: url("../images/design-tutorials/pcbdesign_icon.png") no-repeat 0px -7px;
  height: 16px;
  width: 20px;
  vertical-align: middle;
  margin-left: 10px;
  transition: background-color, color 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.step-box {
  padding: 90px 0 70px;
}
.step-box .step {
  width: 280px;
  display: inline-block;
  margin-left: 20px;
  vertical-align: top;
}
.step-box .step:first-child {
  margin-left: 0;
}
.step-box .step-title {
  font-weight: 500;
  font-size: 20px;
  margin-top: 20px;
  color: #1b273d;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.step-box .step-des {
  font-size: 16px;
  margin-top: 16px;
  color: #666666;
  width: 278px;
}
.rules-active {
  height: 837px;
  background: linear-gradient(to right bottom, #433686, #3f2f75, #381b49);
  overflow: hidden;
}
.rules-active .rules-title {
  background: url("../images/design-tutorials/rules-title-bg.png") no-repeat center;
  height: 384px;
  width: 1200px;
  position: absolute;
  top: 0;
  z-index: 1;
  color: #fff;
  text-align: center;
}
.rules-active .rules-title .name-des {
  font-size: 20px;
  margin-top: 70px;
}
.rules-active .rules-title .name {
  font-size: 36px;
  font-weight: 700;
  margin-top: 10px;
  position: relative;
}
.rules-active .rules-title .name:before {
  display: block;
  content: '';
  background: url("../images/design-tutorials/pcbdesign_icon.png") no-repeat 0px -42px;
  height: 20px;
  width: 96px;
  position: absolute;
  left: 50%;
  bottom: -24px;
  z-index: 1;
  margin-left: -48px;
}
.rules-active .rules-box {
  background: url("data:image/png;base64,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") no-repeat center;
  width: 1200px;
  height: 542px;
  position: relative;
  top: 210px;
  z-index: 3;
  box-sizing: border-box;
  padding: 58px 0 0 40px;
  color: #fff;
  overflow: hidden;
}
.rules-active .rules-box .rules-left {
  width: 550px;
  display: inline-block;
}
.rules-active .rules-box .rules-right {
  float: right;
  margin-right: 30px;
  max-width: 530px;
}
.rules-active .rules-box .rules {
  position: relative;
  padding-left: 30px;
  box-sizing: border-box;
  margin-bottom: 30px;
  line-height: 24px;
}
.rules-active .rules-box .rules .title {
  font-size: 24px;
  font-weight: 500;
}
.rules-active .rules-box .rules .des {
  margin-top: 15px;
  font-size: 16px;
  min-height: 70px;
}
.rules-active .rules-box .rules dd {
  font-size: 16px;
}
.rules-active .rules-box .rules dd span {
  color: #ffaa17;
  font-weight: 500;
}
.rules-active .rules-box .rules .requi {
  margin-top: 24px;
}
.rules-active .rules-box .rules .requi .req {
  font-weight: 700;
}
.rules-active .rules-box .rules:before {
  display: block;
  content: '';
  width: 18px;
  height: 18px;
  position: absolute;
  top: 2px;
  left: 0;
  z-index: 1;
}
.rules-active .rules-box .rules .example-el {
  transition: all 0.3s linear;
}
.rules-active .rules-box .rules .example-el:hover {
  transform: translateY(-5px);
}
.rules-active .rules-box .rules .example-btn {
  background: url("../images/design-tutorials/example-btn-bg.png") no-repeat center;
  width: 516px;
  height: 78px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  position: relative;
  top: -30px;
  left: -30px;
}
.rules-active .rules-box .rules .example-img {
  vertical-align: bottom;
  margin-right: 16px;
}
.share-box {
  position: relative;
  padding-bottom: 67px;
}
.share-box:before {
  display: block;
  content: '';
  height: 856px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.share-box .tutor-content {
  z-index: 3;
}
.share-box .share-title {
  padding-top: 90px;
  text-align: center;
  font-size: 20px;
  color: #666666;
}
.share-box .share-name {
  font-size: 36px;
  line-height: 36px;
  font-weight: 700;
  color: #1b273d;
  margin-top: 14px;
  text-align: center;
  position: relative;
  padding-bottom: 14px;
}
.share-box .share-name:before {
  display: block;
  content: '';
  background: url("../images/design-tutorials/pcbdesign_icon.png") no-repeat 0px -42px;
  height: 20px;
  width: 96px;
  position: absolute;
  left: 50%;
  bottom: -14px;
  z-index: 1;
  margin-left: -48px;
}
.share-box .share-tab {
  margin-top: 55px;
  text-align: center;
  height: 42px;
  border-radius: 36px;
  overflow: hidden;
  font-size: 0;
}
.share-box .share-tab .tab-btn {
  display: inline-block;
  height: 42px;
  line-height: 42px;
  padding: 0 26px;
  background: #ffe7d2;
  color: #1b273d;
  border-top-left-radius: 36px;
  border-bottom-left-radius: 36px;
  font-size: 15px;
  font-weight: 500;
}
.share-box .share-tab .tab-btn:last-child {
  border-radius: 0;
  border-top-right-radius: 36px;
  border-bottom-right-radius: 36px;
}
.share-box .share-tab .active {
  color: #fff;
  background: #f59541;
}
.share-box .share-panel-box {
  margin-top: 30px;
  margin-left: 30px;
  padding-bottom: 32px;
}
.share-box .share-panel-box:after {
  display: block;
  content: '';
  width: 0;
  height: 0;
  clear: both;
}
.share-box .share-panel-box .share-panel {
  position: relative;
  min-height: 500px;
}
.share-box .share-panel-box .share-panel .swiper-container {
  padding-top: 30px;
}
.share-box .share-panel-box .share-panel .data-loading {
  position: absolute;
  top: 0;
  left: 10px;
  z-index: 9;
  background: url("../images/design-tutorials/loading.gif") no-repeat center;
  height: 100%;
  width: 1160px;
}
.share-box .share-panel-box .panel-item {
  width: 368px;
  background: #fff;
  height: 510px;
  float: left;
  margin: 0 0 30px 20px;
  border-top-left-radius: 26px;
  border-top-right-radius: 26px;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  padding: 0 4px;
  box-sizing: border-box;
  cursor: pointer;
  transition: all 0.3s linear;
}
.share-box .share-panel-box .panel-item:hover {
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.25);
  transform: translateY(-5px);
}
.share-box .share-panel-box .panel-item:hover .pcb-label {
  visibility: visible;
  opacity: 1;
  -ms-opacity: 1;
  -moz-opacity: 1;
  -o-opacity: 1;
  filter: opacity(100);
}
.share-box .share-panel-box .panel-item:before {
  display: none !important;
}
.share-box .share-panel-box .item-img {
  height: 248px;
  position: relative;
}
.share-box .share-panel-box .item-img:hover .v-play-btn {
  transform: scale(1.02);
}
.share-box .share-panel-box .item-img img {
  max-width: 100%;
  border-radius: 25px;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  z-index: 1;
}
.share-box .share-panel-box .item-img .v-time {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  height: 20px;
  line-height: 20px;
  color: #fff;
  font-size: 12px;
  position: absolute;
  top: 16px;
  left: 16px;
  z-index: 2;
  overflow: hidden;
  padding: 0 4px;
  font-weight: normal;
}
.share-box .share-panel-box .item-img .v-time:before {
  display: block;
  content: '';
  width: 100%;
  height: 20px;
  background: #000;
  opacity: 0.75;
  -ms-opacity: 0.75;
  -moz-opacity: 0.75;
  -o-opacity: 0.75;
  filter: opacity(75);
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.share-box .share-panel-box .item-img .v-praise {
  background: url("../images/design-tutorials/pcbdesign_icon.png") no-repeat 0px -286px;
  height: 26px;
  width: 26px;
  position: absolute;
  top: 16px;
  right: 20px;
  z-index: 2;
}
.share-box .share-panel-box .item-img .active {
  background: url("../images/design-tutorials/pcbdesign_icon.png") no-repeat -45px -286px;
  height: 26px;
  width: 26px;
}
.share-box .share-panel-box .item-img .v-play-btn {
  display: block;
  content: '';
  background: url(../images/design-tutorials/pcbdesign_icon.png) no-repeat 0px -125px;
  width: 50px;
  height: 48px;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 3;
  margin: -24px 0 0 -25px;
  transform: scale(1);
  transition: transform 0.3s ease-in;
}
.share-box .share-panel-box .item-body {
  padding: 10px 20px 20px 20px;
  box-sizing: border-box;
  position: relative;
  cursor: default;
}
.share-box .share-panel-box .item-body .pcb-label {
  position: absolute;
  top: -18px;
  left: 50%;
  z-index: 3;
  transform: translateX(-50%);
  height: 38px;
  line-height: 38px;
  background: #ffaa17;
  color: #fff;
  padding: 0 20px;
  border-radius: 38px;
  font-size: 14px;
  visibility: hidden;
  opacity: 0;
  -ms-opacity: 0;
  -moz-opacity: 0;
  -o-opacity: 0;
  filter: opacity(0);
  transition: all 0.3s;
}
.share-box .share-panel-box .item-body .pcb-label .label {
  max-width: 160px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  text-align: center;
}
.share-box .share-panel-box .item-view {
  padding: 20px 0 16px;
  box-sizing: border-box;
  position: relative;
  color: #999999;
}
.share-box .share-panel-box .item-view .techy {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  box-sizing: border-box;
  font-weight: normal;
  max-width: 210px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.share-box .share-panel-box .item-view .techy:before {
  display: block;
  content: '';
  background: url("../images/design-tutorials/pcbdesign_icon.png") no-repeat 0px -214px;
  height: 16px;
  width: 16px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.share-box .share-panel-box .item-view .likes {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  box-sizing: border-box;
  margin-left: 10px;
  font-weight: normal;
  overflow: hidden;
}
.share-box .share-panel-box .item-view .likes i {
  font-style: normal;
}
.share-box .share-panel-box .item-view .likes:before {
  display: block;
  content: '';
  background: url("../images/design-tutorials/pcbdesign_icon.png") no-repeat 0px -240px;
  height: 16px;
  width: 16px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.share-box .share-panel-box .item-title {
  font-size: 22px;
  line-height: 26px;
  color: #1b273d;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  box-sizing: border-box;
}
.share-box .share-panel-box .item-flag {
  background: url("../images/design-tutorials/pcbdesign_icon.png") no-repeat 0px -262px;
  height: 8px;
  width: 60px;
  margin: 14px 0;
}
.share-box .share-panel-box .item-des {
  position: relative;
  font-size: 16px;
  line-height: 20px;
  color: #999999;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.share-box .share-panel-box .read-link {
  color: #1b273d;
  display: inline-block;
  position: relative;
  margin-top: 30px;
  font-weight: 700;
}
.share-box .share-panel-box .read-link:hover {
  color: #ffaa17;
}
.share-box .share-panel-box .read-link:hover:before {
  background: url("../images/design-tutorials/pcbdesign_icon.png") no-repeat -23px -192px;
}
.share-box .share-panel-box .read-link:before {
  display: block;
  content: '';
  background: url("../images/design-tutorials/pcbdesign_icon.png") no-repeat 0px -192px;
  height: 8px;
  width: 14px;
  position: absolute;
  top: 50%;
  right: -20px;
  z-index: 1;
  margin-top: -4px;
}
.share-box .share-more {
  text-align: center;
  margin-top: 40px;
}
.share-box .swiper-pagination {
  left: 50%;
  transform: translateX(-50%);
  margin-top: 10px;
}
.share-box .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  margin-left: 10px;
}
.share-box .swiper-pagination-bullet-active {
  background: #ffaa17;
}
.get-huge {
  background: url("../images/design-tutorials/prize-bg.png") no-repeat center;
  height: 1088px;
}
.get-huge .huge-title {
  text-align: center;
  color: #fff;
  font-size: 20px;
  padding-top: 90px;
}
.get-huge .huge-name {
  font-size: 36px;
  line-height: 36px;
  font-weight: 700;
  color: #fff;
  text-align: center;
  margin-top: 14px;
  position: relative;
  padding-bottom: 14px;
}
.get-huge .huge-name:before {
  display: block;
  content: '';
  background: url("../images/design-tutorials/pcbdesign_icon.png") no-repeat 0px -42px;
  height: 20px;
  width: 96px;
  position: absolute;
  left: 50%;
  bottom: -14px;
  z-index: 1;
  margin-left: -48px;
}
.get-huge .huge-show {
  margin-top: 80px;
  margin-left: -33px;
}
.get-huge .huge-show:after {
  display: block;
  content: '';
  width: 0;
  height: 0;
  clear: both;
}
.get-huge .huge-show .huge {
  width: 378px;
  height: 296px;
  background: #fff;
  margin: 0 0 74px 33px;
  padding: 30px;
  box-sizing: border-box;
  position: relative;
  float: left;
}
.get-huge .huge-show .huge .huge-img {
  position: absolute;
  top: -25px;
  right: 0;
  z-index: 1;
  transition: all 0.3s ease;
}
.get-huge .huge-show .huge:hover .huge-img {
  transform: translateY(-10px);
}
.get-huge .huge-show .h-name {
  font-size: 26px;
  color: #1b273d;
  font-weight: 700;
  width: 244px;
  line-height: 32px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  cursor: default;
  position: relative;
  z-index: 3;
}
.get-huge .huge-show .h-name:hover + .huge-level:before {
  width: 100%;
}
.get-huge .huge-show .huge-level {
  border-top: 1px solid #e6e6e6;
  margin-top: 10px;
  min-height: 20px;
  box-sizing: border-box;
  position: relative;
  padding-top: 16px;
  font-size: 18px;
  font-weight: 700;
}
.get-huge .huge-show .huge-level:before {
  display: block;
  content: '';
  width: 25%;
  height: 2px;
  background: linear-gradient(to right, #6930b5, #6f279d, #7c1567);
  position: absolute;
  top: -2px;
  left: 0;
  z-index: 1;
  transition: all 0.3s ease;
}
.get-huge .huge-show .level-list {
  margin-top: 16px;
}
.get-huge .huge-show .level-list dd {
  position: relative;
  padding-left: 28px;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 30px;
}
.get-huge .huge-show .level-list dd:before {
  display: block;
  content: '';
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAMCAYAAABvEu28AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA01pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDQ4OCwgMjAyMC8wNy8xMC0yMjowNjo1MyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIyLjAgKDIwMjAwODE4Lm0uMTAxMiAyMDIwLzA4LzE4OiBmODJmNDMzNzYxKSAgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjJFRUM0QzAwODMxOTExRUJBMjg0QkREMTg2MkQ1QzAzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjJFRUM0QzAxODMxOTExRUJBMjg0QkREMTg2MkQ1QzAzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MkVFQzRCRkU4MzE5MTFFQkEyODRCREQxODYyRDVDMDMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MkVFQzRCRkY4MzE5MTFFQkEyODRCREQxODYyRDVDMDMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4oo0FRAAAA4UlEQVR42mL0Nt3BQAHIAOKyLafclZjINCAIiF8A8XQgfgkSINUgESBeBcRrgZgNiJ2A2BIkwUKCIa5AvA6IeYB4DhCnIkvCXCQKxI14DMkD4l1QQ8rQDYEZZA3Ep4C4DoiPYjGkFognQtmlQNyNzSYmqOkKUL4VEO9Bkq8C4iYouxmIe3A5GWRQAhCHQ2MBBJyBOBbq0lao2EKoixnwGcQAjQltID4A5S8C4iNQ9lmoZQzEGAQC74DYEYg3IIn9AWIXYqIUWzoKBOJzUHYUEH8g1yAQiADiWUC8mthEBhBgANI3JKkl5HItAAAAAElFTkSuQmCC") no-repeat center;
  width: 18px;
  height: 12px;
  position: absolute;
  top: 10px;
  left: 0;
  z-index: 1;
}
.get-huge .huge-show .level-list .flag {
  font-size: 16px;
  color: #ffaa17;
  font-weight: 700;
}
.get-huge .huge-show .des {
  font-size: 16px;
  color: #1b273d;
  line-height: 28px;
}
.questions-box {
  height: 500px;
  position: relative;
}
.questions-box .qa-box {
  background: url("../images/design-tutorials/QA.jpg") no-repeat center;
  width: 1200px;
  height: 540px;
  position: absolute;
  top: -84px;
  z-index: 2;
  left: 0;
  padding: 56px 70px;
  box-sizing: border-box;
}
.questions-box .qa-top {
  text-align: center;
  cursor: default;
}
.questions-box .qa-title {
  text-align: center;
  color: #fff;
  font-size: 28px;
  line-height: 36px;
  position: relative;
  padding-bottom: 16px;
  display: inline-block;
  font-weight: 500;
}
.questions-box .qa-title:hover:before {
  width: 30%;
}
.questions-box .qa-title:before {
  display: block;
  content: '';
  width: 60px;
  height: 6px;
  background: #ffaa17;
  position: absolute;
  left: 50%;
  bottom: 0;
  z-index: 1;
  transform: translateX(-50%);
  transition: all 0.3s linear;
}
.questions-box .qa-mask {
  overflow: hidden;
  height: 240px;
  margin-top: 60px;
}
.questions-box .list {
  margin-left: -60px;
}
.questions-box .list a {
  color: #fff;
  width: 480px;
  height: 88px;
  display: inline-block;
  position: relative;
  padding-left: 40px;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 24px;
  float: left;
  margin-left: 60px;
}
.questions-box .list a:before {
  display: block;
  content: '';
  background: url("../images/design-tutorials/pcbdesign_icon.png") no-repeat 0px -330px;
  width: 26px;
  height: 22px;
  position: absolute;
  top: 2px;
  left: 0;
  z-index: 1;
}
.questions-box .list a:hover {
  text-decoration: underline;
}
.questions-box .list a .item {
  height: 48px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  box-sizing: border-box;
}
.questions-box .qa-group {
  margin-top: 32px;
  text-align: center;
}
.questions-box .qa-group .part-btn:first-child {
  background: transparent;
  border: 1px solid #fff;
  color: #fff;
  margin-right: 24px;
}
.questions-box .qa-group .part-btn:first-child:hover {
  border: 1px solid #ffaa17;
  color: #ffaa17;
}
.questions-box .qa-group .part-btn:first-child:hover .btn-flag {
  background: url("../images/design-tutorials/pcbdesign_icon.png") no-repeat -98px -7px;
}
.questions-box .qa-group .part-btn:first-child .btn-flag {
  background: url("../images/design-tutorials/pcbdesign_icon.png") no-repeat 0 -25px;
}
.team-box {
  background: url("../images/design-tutorials/team-bg.jpg") no-repeat center top;
  min-height: 600px;
}
.team-box .tutor-content {
  position: static;
}
.team-box .team-top {
  text-align: center;
}
.team-box .team-title {
  padding-top: 36px;
  text-align: center;
  font-size: 28px;
  line-height: 36px;
  box-sizing: border-box;
  position: relative;
  display: inline-block;
  padding-bottom: 16px;
}
.team-box .team-title:hover:before {
  width: 20%;
}
.team-box .team-title:before {
  display: block;
  content: '';
  width: 60px;
  height: 6px;
  background: #ffaa17;
  position: absolute;
  left: 50%;
  bottom: 0;
  z-index: 1;
  transform: translateX(-50%);
  transition: all 0.3s linear;
}
.team-box .team-title-des {
  text-align: center;
  width: 560px;
  margin: 28px auto 0;
  font-size: 16px;
  line-height: 24px;
  color: #333333;
}
.team-box .team-pro {
  margin-left: -13px;
}
.team-box .team-pro:after {
  display: block;
  content: '';
  width: 0;
  height: 0;
  clear: both;
}
.team-box .team-pro .item {
  display: block;
  float: left;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  width: 370px;
  overflow: hidden;
  margin-left: 30px;
  margin-top: 30px;
}
.team-box .team-pro .item-top {
  position: relative;
}
.team-box .team-pro .item-img {
  position: relative;
  width: 370px;
  height: 250px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  overflow: hidden;
}
.team-box .team-pro .item-img:hover img {
  transform: scale(1.01);
  opacity: 0.8;
}
.team-box .team-pro .item-img img {
  width: 100%;
  height: 100%;
  transition: all 0.2s ease-in;
}
.team-box .team-pro .item-img.you-be:before {
  display: none !important;
}
.team-box .team-pro .label {
  background: #fff;
  font-size: 16px;
  height: 52px;
  line-height: 52px;
  text-align: center;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  position: absolute;
  left: 50%;
  bottom: -25px;
  z-index: 2;
  width: 310px;
  transform: translateX(-50%);
  color: #1b273d;
  box-shadow: 0 0 12px 1px rgba(0, 0, 0, 0.2);
}
.team-box .team-pro .label .talk {
  background: url("../images/design-tutorials/pcbdesign_icon.png") no-repeat -5px -376px;
  width: 20px;
  height: 18px;
  display: inline-block;
  vertical-align: text-bottom;
  margin-right: 8px;
}
.team-box .team-pro .item-body {
  padding: 46px 30px 0;
  background: #fff;
  height: 300px;
  box-sizing: border-box;
  position: relative;
}
.team-box .team-pro .item-body:hover .link-to {
  background: url("../images/design-tutorials/pcbdesign_icon.png") no-repeat -4px -502px;
}
.team-box .team-pro .item-title {
  font-size: 20px;
  line-height: 36px;
  text-align: center;
  color: #1b273d;
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.team-box .team-pro .des-text {
  margin-top: 16px;
  font-size: 14px;
  line-height: 22px;
  color: #444444;
  box-sizing: border-box;
}
.team-box .team-pro .link-to {
  background: url("../images/design-tutorials/pcbdesign_icon.png") no-repeat -4px -428px;
  width: 52px;
  height: 52px;
  position: absolute;
  left: 50%;
  bottom: 30px;
  z-index: 2;
  transform: translateX(-50%);
}
.team-box .friend-box {
  background: #fff;
  height: 58px;
  width: 1160px;
  margin: 26px auto 0;
  font-size: 0;
}
.team-box .friend-box .item {
  width: 20%;
  display: inline-block;
  vertical-align: top;
}
.team-box .request-box {
  margin-top: 46px;
}
.team-box .request-box .request-title {
  text-align: center;
  font-size: 18px;
  color: #1b273d;
  cursor: default;
}
.team-box .request-box .request-title .send-u {
  display: inline-block;
  color: #333333;
}
.team-box .request-box .request-title .send-u:hover {
  font-weight: 500;
}
.team-box .request-box .request-title .send-u:hover .flag {
  margin-left: 20px;
}
.team-box .request-box .request-title .flag {
  display: inline-block;
  background: url("../images/design-tutorials/arrowed-r.png") no-repeat center;
  width: 18px;
  height: 14px;
  vertical-align: middle;
  margin-left: 10px;
  transition: all 0.3s linear;
}
.team-box .request-box .regulation {
  background: url("../images/design-tutorials/requset-note.jpg") no-repeat center;
  height: 350px;
  margin-top: 58px;
}
.team-box .request-box .regulation .regulation-top {
  text-align: center;
  cursor: default;
}
.team-box .request-box .regulation .regulation-title {
  display: inline-block;
  padding-top: 50px;
  color: #ffaa17;
  font-size: 28px;
  position: relative;
  padding-bottom: 16px;
  font-weight: 500;
}
.team-box .request-box .regulation .regulation-title:hover:before {
  width: 70%;
}
.team-box .request-box .regulation .regulation-title:before {
  display: block;
  content: '';
  width: 60px;
  height: 6px;
  background: #ffaa17;
  position: absolute;
  left: 50%;
  bottom: 0;
  z-index: 1;
  transform: translateX(-50%);
  transition: all 0.3s linear;
}
.team-box .request-box .regulation .des {
  width: 980px;
  margin: 56px auto 0;
}
.team-box .request-box .regulation dd {
  position: relative;
  padding-left: 32px;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 24px;
  color: #fff;
  margin-bottom: 20px;
}
.team-box .request-box .regulation dd:before {
  display: block;
  content: '';
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA01pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDAyIDc5LjE2NDQ4OCwgMjAyMC8wNy8xMC0yMjowNjo1MyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIyLjAgKDIwMjAwODE4Lm0uMTAxMiAyMDIwLzA4LzE4OiBmODJmNDMzNzYxKSAgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjQzMzZEMjY3ODU1MDExRUI5QTEwREUyRTE1RTkxMDAxIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjQzMzZEMjY4ODU1MDExRUI5QTEwREUyRTE1RTkxMDAxIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NDMzNkQyNjU4NTUwMTFFQjlBMTBERTJFMTVFOTEwMDEiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NDMzNkQyNjY4NTUwMTFFQjlBMTBERTJFMTVFOTEwMDEiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4xDIQUAAABNElEQVR42pTTzUpCQRTA8WuFUBGE2rKirfYgEbQPiiITQXKbD9AiikCkIFpE63qCoqw3SLCiNlqLttE2dHP9HzkTt2Hmchv4gd5z5uvMTCoMw8BqeZSwhKx++8Y1zvH6J1sGUOM4xRPWMB2JZbCBZ5xp7jBmEtJo4ghjkY42ie3hXvsEKd3CCX5QC5K1A0xhR0Yt6LLtma9Q9axkFG0syp86thxJs+ig7BlEatIItDBZT9I83rHtiElhX+THZ0zRxAI+sOqIdUcSFi30fE+bLeRitiCzFz1beJMV3GLFMfocHrCPC0dc+tzISHldhX2Ml6jEHKMcfcFcpGP0sJuwJoeYRDV6le/+cZWb5iqbU+jrnibwiHVkIjPmsIkWZjRX+vy+Bfs5F7GsHaV9DQvmeM4DAQYA8i7uYvXDLwEAAAAASUVORK5CYII=") no-repeat center;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 4px;
  left: 0;
  z-index: 1;
}
.window-mask {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  z-index: 14;
  background: #000;
  opacity: 0.3;
  filter: alpha(opacity=30);
  display: none;
}
.win-pop {
  display: inline-block;
  border: 6px solid #fe1157;
  border-radius: 6px;
  background: #fff;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: 999;
  width: 600px;
  height: 400px;
}
.win-pop .close {
  display: block;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACsAAAArCAMAAADWg4HyAAABR1BMVEUAAAAGAAAGAAAGAAAJAAEGAAAGAAAJAAEGAAAGAAAGAAAGAAAGAAAGAAAKAAIGAAAJAAEGAAD9EVYGAAD4EVUIAAEIAAD7EVb8EVb9EVf6EVXyEFP6EVbtEFHGDUMGAAANAAIGAAD2EFT8EVbsEFCACCoVAQUGAAAGAAD5EVX1EFP5EVXgD0zlD07wEFL2EFTADUG5DD7YDknSDkfxEFJaBh09BBO5DD7PDkbdD0uZCjNiBiAGAAApAgyoCzlOBRlWBRzRDkfCDULeD0zqEFDkD07sEFHvEFKNCS+JCS6aCjSTCjGjCzdtBySyDDxGBBd3CCjZDkrEDUPKDUWLCS/+EVf/////0+D+Flr/vND/r8f+IGL/6vD/5u7/4+v/4er/uM3/s8r/q8T/qML+JGT/9Pf/yNj/w9X/wNL/pL//or3/mrj+fKPzRq5jAAAAVXRSTlMAAwsHGQ4VEkArIzcfHDIlLyjyU/ZNSvr59vTr5OCvUEM88eqQhlpGPe7Y09PNw7+0raCXjnRmWVJMQj4sJyITDqelmZOMhYR/f29vbWBfWVZKMzApUK/zCQAAAklJREFUOMullUd32zAQhCORBMBOVas3W8WJ495beu8FjKPIcUtP/v85BChwH4uYQ+bAw77vDYe7S+BaTBmhSD3OSVLWk8IekgR8Enl7b3Olkaf5xsrCLlayQMfI4815Cpq//34G7Xk+qtKwqg9kRsfRdzdoXNf3cQAD+iZPk5TfQYoPA7pXpcmq7MgcBvQtuEZV22cwoLcga0LmIwSZM9mHNE0bBs5mhO1xNZWtHJgshW+7QNO1biNmzNMG0/ozPgmAiwkVWnRMLGW47W5QHLsfBHzlfgXj51NjSYEI9KOAL93Pn6B8R/X6xli8TGPw2D1lqNBNy8ASi4AaNAwLFFTXNS8EY/M0DJ//cidfwrPr5mTOyjSsn64IDSKCjezCb9f9FkGLROWsIk/zQt8uosb1zqGscN/lMDo5Ed2APjBfzt6joEv3lH1WBG6JvOglFK94s2Lw465gjxZF7dyflg+fBWivxPvL5masi+LkDEbw4ztEGLK58X2QDyo0TXPbxN8HFkLbSGXXyvp0zzISNq1mCtocEH9/fWP7dW0mWtwSttxYMdWnlVlh+6WR6v9vvjE2nGe1ZNd+mzjiP+bG3udZL5pJWbfaHUuD84GnkDWrc3cu+v61QYlYWnDuAOyMXrV6FNRb3S6URw6gACND1Un5SWupXqTF+tJqf1AoE101EKCQGZu2o5NhqV1gapeGRHdsE87fEKwg01YtvUtIh5Cubqm2iRSOxmBmjWRDy+XUQzWX0wwZ4bTbJatghGQmhOAe+q/77d/35l915kuUtFFBZQAAAABJRU5ErkJggg==) no-repeat center;
  width: 43px;
  height: 43px;
  position: absolute;
  top: -20px;
  right: -20px;
  z-index: 7;
  cursor: pointer;
  transition: all 0.3s;
}
.win-pop .close:hover {
  transform: scale(1.04);
}
.win-pop .pop-content {
  padding: 30px 36px;
  box-sizing: border-box;
}
.win-pop .pop-btn {
  text-align: right;
  padding: 0 54px;
  box-sizing: border-box;
}
.win-pop .pop-btn .btn {
  display: inline-block;
  font-size: 18px;
  color: #fff;
  height: 44px;
  line-height: 44px;
  text-align: center;
  font-weight: 700;
  padding: 0 20px;
  min-width: 100px;
  border-radius: 4px;
  background: #fe1157;
}
.win-pop .pop-btn .btn:hover {
  text-decoration: none;
}
.tk-parent-pop {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  z-index: 99999;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
}
.tk-parent-pop .tk-parent {
  background: url("../images/design-tutorials/tk.png") no-repeat center;
  width: 760px;
  height: 502px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: 9;
  padding: 120px 80px 0;
  box-sizing: border-box;
  color: #fff;
  font-size: 18px;
  line-height: 30px;
}
.tk-parent-pop .tk-parent .tk-title {
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 1;
  font-size: 20px;
  width: 312px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  transform: translateX(-50%);
}
.tk-parent-pop .tk-parent p {
  margin-bottom: 30px;
}
.tk-parent-pop .tk-parent .tk-btn {
  display: block;
  margin: 0 auto;
  width: 122px;
  height: 36px;
  line-height: 36px;
  text-align: center;
}
.control-tool {
  width: 75px;
  height: auto;
  min-height: 220px;
  position: fixed;
  top: 50%;
  right: 10px;
  z-index: 16;
}
.control-tool a {
  display: block;
  margin-bottom: 6px;
}
.control-tool a:first-child .tool:before {
  display: block;
  content: '';
  background: url("../images/design-tutorials/arr.gif") no-repeat center;
  width: 31px;
  height: 28px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.control-tool a:first-child:hover .tool {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.control-tool a:first-child:hover .tool:before {
  display: none;
}
.control-tool a:first-child:hover .t-name {
  display: none;
}
.control-tool a:first-child:hover .text {
  display: block;
}
.control-tool a:last-child {
  display: none;
  margin-top: 10px;
}
.control-tool a:last-child .tool {
  background: transparent;
  border: none;
}
.control-tool a:last-child:hover .tool {
  background: #3a22b2;
}
.control-tool a:last-child:hover .t3 {
  background: url("../images/design-tutorials/pcbdesign_icon.png") no-repeat -45px -600px;
}
.control-tool .tool {
  width: 75px;
  height: 75px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  display: table-cell;
  vertical-align: middle;
  border: 1px solid #ff6600;
  text-align: center;
  background: #fff;
  position: relative;
  box-sizing: border-box;
  font-size: 14px;
}
.control-tool .tool .text {
  height: 75px;
  line-height: 75px;
  min-width: 119px;
  padding: 0 20px;
  text-align: center;
  position: absolute;
  top: -1px;
  left: -159px;
  z-index: 1;
  background: #3a22b2;
  color: #fff;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  font-size: 16px;
  display: none;
}
.control-tool .tool:hover {
  background: #3a22b2;
  border: 1px solid #3a22b2;
}
.control-tool .tool:hover .t-icon {
  background: url("../images/design-tutorials/pcbdesign_icon.png") no-repeat -45px -639px;
}
.control-tool .tool:hover .t2 {
  background: url("../images/design-tutorials/pcbdesign_icon.png") no-repeat -45px -684px;
}
.control-tool .tool:hover .t4 {
  background: url("../images/design-tutorials/pcbdesign_icon.png") no-repeat -45px -729px;
}
.control-tool .tool:hover .t-name {
  color: #fff;
}
.control-tool .tool .t-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
}
.control-tool .tool .t1 {
  background: url("../images/design-tutorials/pcbdesign_icon.png") no-repeat 0px -639px;
}
.control-tool .tool .t2 {
  background: url("../images/design-tutorials/pcbdesign_icon.png") no-repeat 0px -684px;
}
.control-tool .tool .t4 {
  background: url("../images/design-tutorials/pcbdesign_icon.png") no-repeat 0px -729px;
}
.control-tool .tool .t3 {
  background: url("../images/design-tutorials/pcbdesign_icon.png") no-repeat 0px -600px;
  height: 12px;
}
.control-tool .tool .t-name {
  color: #555555;
  transition: all 0.3s linear;
}
/*2021-6-21 activity end*/
.receive-coupon-up {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  z-index: 99999;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
}
.receive-coupon-up .box {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 500px;
  height: 212px;
  border: 10px solid rgba(255, 255, 255, 0.4);
  box-sizing: content-box;
}
.receive-coupon-up .box .inner {
  padding: 30px 20px;
  text-align: center;
  background-color: #fff;
}
.receive-coupon-up .box .inner .close-end {
  position: absolute;
  right: 16px;
  top: 16px;
  z-index: 99;
  background: url(../images/design-tutorials/close_btn.png) no-repeat;
  width: 32px;
  height: 32px;
}
.receive-coupon-up .box .inner .dt {
  font-size: 18px;
  margin-top: 30px;
}
.receive-coupon-up .box .inner .operation {
  margin-top: 46px;
}
.receive-coupon-up .box .inner .operation .receive-btn {
  display: inline-block;
  width: 80px;
  height: 32px;
  line-height: 32px;
  font-size: 16px;
  margin: 0 8px;
  border-radius: 30px;
  background-color: #ffb700;
  color: #333333;
  font-weight: 500;
  cursor: pointer;
}
.receive-coupon-up .box .inner .operation .receive-btn:hover {
  opacity: 0.9;
}
.receive-coupon-up .box .inner .operation .receive-btn:active {
  opacity: 0.9;
}
/*2021-6-21 activity end*/
/*# sourceMappingURL=call-for-pcb-design-tutorials.css.map */