.v2-btnbase {
  font-size: 14px;
  color: #fff;
  font-weight: normal;
  min-width: 70px;
  height: 35px;
  border-radius: 3px;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 0 11px;
  margin: 0 0 0 10px;
  line-height: 35px;
  background: #3B82FF;
  white-space: nowrap;
  border: none;
  outline: none;
}
.v2-btnbase:hover {
  background-color: #0c57da;
}
.v2-btnbase i {
  margin-right: 5px;
  font-size: 14px;
  color: #fff;
}
.v2-btn-ok {
  background-color: #50ad7b;
}
.v2-btn-ok:hover {
  background-color: #098656;
}
.v2-btn-ring {
  background-color: #F7524A;
}
.v2-btn-ring:hover {
  background-color: #da2117;
}
.v2-btn-check {
  background: -moz-linear-gradient(left, #F7524A, #FF7700);
  background: -webkit-linear-gradient(left, #F7524A, #FF7700);
  background: -o-linear-gradient(left, #F7524A, #FF7700);
  background: linear-gradient(to right, #F7524A, #FF7700);
}
.v2-btn-check:hover {
  background: -moz-linear-gradient(left, #F7524A 50%, #FF7700);
  background: -webkit-linear-gradient(left, #F7524A 50%, #FF7700);
  background: -o-linear-gradient(left, #F7524A 50%, #FF7700);
  background: linear-gradient(to right, #F7524A 50%, #FF7700);
}
.v2-btn-md {
  min-width: 160px;
  height: 40px;
  line-height: 40px;
  border-radius: 5px;
  font-size: 16px;
}
.v2-btn-text {
  display: inline-flex;
  display: -webkit-inline-flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  color: #666;
  padding: 0;
  border: none;
  background-color: transparent;
  outline: none;
}
.v2-btn-text.active > i {
  color: #3696ff;
  font-weight: bold;
}
.v2-btn-text + .v2-btn-text {
  margin-left: 15px;
}
.v2-btn-text:hover {
  color: #3a4073;
}
.v2-btn-text:hover i {
  color: #3e6d9c;
}
.v2-btn-text i {
  color: #ABB9C7;
  font-size: 18px;
  margin-right: 3px;
}
.el-dialog {
  border-radius: 5px;
}
.el-dialog .el-dialog__header {
  background: #E8F3FF;
  border-radius: 5px 5px 0 0;
  padding: 10px 20px 10px;
}
.el-dialog .el-dialog__header .el-dialog__title {
  color: #113C6B;
  font-weight: bold;
}
.el-dialog .el-dialog__header .el-dialog__headerbtn {
  top: 12px;
}
.el-dialog .el-dialog__header .el-dialog__headerbtn .el-dialog__close {
  color: #143e7b;
  font-size: 22px;
}
.zv2-rules .qoth-wdk-autoheight {
  top: 202px;
  padding-bottom: 240px;
  bottom: 0;
  right: 0;
  left: 250px;
}
.zv2-rules .qoth-wdk-tools-line2 {
  border: none;
  padding: 10px 40px;
}
.v2-search-line {
  padding: 30px;
  text-align: center;
  background: -moz-linear-gradient(top, #E2F1FF, #fff);
  background: -webkit-linear-gradient(top, #E2F1FF, #fff);
  background: -o-linear-gradient(top, #E2F1FF, #fff);
  background: linear-gradient(to bottom, #E2F1FF, #fff);
  box-shadow: 0 5px 8px #DBE6F2;
  position: relative;
}
.v2-rules-search {
  width: 722px;
  margin: 0 auto;
  height: 50px;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  align-items: center;
  background-color: #fff;
  border: 1px solid #E6E6E6;
  position: relative;
  z-index: 10;
  padding-left: 15px;
}
.v2-rules-search.active .v2-dropresult {
  top: 50px;
  opacity: 1;
  height: unset;
}
.v2-rules-search em {
  position: absolute;
  right: 140px;
  font-size: 18px;
  color: #A5AEC0;
  top: 50%;
  margin-top: -12px;
}
.v2-rules-search em:hover {
  color: #5f6a7e;
  cursor: pointer;
}
.v2-rules-search i {
  color: #a0a0a0;
  font-size: 16px;
}
.v2-rules-search input {
  flex: auto;
  width: 85%;
  background-color: transparent;
  border: none;
  height: 50px;
  padding: 0 10px;
  padding-right: 50px;
}
.v2-rules-search button {
  white-space: nowrap;
  border: none;
  background-color: #3696FF;
  width: 120px;
  flex: none;
  color: #fff;
  height: 50px;
  font-size: 16px;
  text-align: center;
}
.v2-dropresult {
  position: absolute;
  top: 46px;
  left: 0;
  width: 600px;
  background-color: #fff;
  text-align: left;
  overflow: hidden;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  height: 0;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
.v2-dropresult ul > li {
  padding: 0 20px;
  height: 50px;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  align-items: center;
  white-space: nowrap;
  font-size: 15px;
  position: relative;
  color: #949494;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
}
.v2-dropresult ul > li:first-child::before {
  display: none;
}
.v2-dropresult ul > li::before {
  position: absolute;
  content: "";
  top: 0;
  left: 20px;
  right: 20px;
  height: 1px;
  background-color: #F2F2F2;
}
.v2-dropresult ul > li:hover {
  background-color: #f3f5f6;
  cursor: pointer;
  color: #103562;
}
.v2-dropresult ul > li:hover::before {
  display: none;
}
.v2-dropresult ul > li:hover + li::before {
  display: none;
}
.v2-dropresult ul > li span {
  width: 80%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.v2-dropresult ul > li b {
  color: #5b5b5b;
}
.v2-op-menu {
  background-color: #fff;
  border-radius: 5px;
  box-shadow: -3px 3px 15px rgba(162, 162, 162, 0.42);
  position: absolute;
  top: 0;
  left: 105%;
  white-space: nowrap;
  min-width: 130px;
  display: flex;
  display: -webkit-flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  opacity: 0;
  overflow: hidden;
  height: 0;
}
.v2-op-menu::before {
  position: absolute;
  border-color: transparent #fff transparent transparent;
  border-style: dashed solid dashed dashed;
  width: 0px;
  height: 0px;
  overflow: hidden;
  border-width: 6px;
  content: "";
  left: -12px;
  top: 12px;
}
.v2-op-menu .v2-btn-text {
  height: 38px;
  width: 100%;
  text-align: left;
  padding: 0  15px;
  justify-content: flex-start;
}
.v2-op-menu .v2-btn-text:hover {
  background-color: #f3f5f6;
}
.qoth-wdk-operate {
  z-index: 10;
}
.qoth-wdk-operate button.v2-btn-text {
  margin-left: 0;
}
.qoth-wdk-operate .active + .v2-op-menu {
  opacity: 1;
  left: 115%;
  overflow: initial;
  height: initial;
}
.v2-tools-line {
  float: right;
  display: flex;
  display: -webkit-flex;
  justify-content: flex-end;
  align-items: center;
}
.v2-rules-btng {
  padding: 5px;
}
.v2-tools {
  padding: 0 20px 0 40px;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #E1E6EB;
  height: 55px;
}
.v2-miru {
  line-height: 1;
}
.v2-miru i {
  color: #4299ED;
  font-weight: bold;
}
.v2-miru .v2-op-menu {
  padding: 10px 0;
  left: -35px;
  top: 20px;
  min-width: 120px;
  z-index: 10;
}
.v2-miru .v2-op-menu::before {
  display: none;
}
.v2-miru .v2-op-menu .qoth-wdk-sltall {
  font-size: 15px;
  color: #888;
  display: inline-block;
  padding: 10px 0 10px 25px;
  margin: 0 10px 0 15px;
  background-size: 16px !important;
}
.v2-miru .v2-op-menu .qoth-wdk-sltall:hover {
  color: #333;
}
.v2-miru:hover .v2-op-menu {
  opacity: 1;
  overflow: initial;
  height: initial;
}
.v2-rules-btng .v2-miru:first-of-type {
  border-left: 1px solid #ccc;
  position: relative;
  padding: 0 15px;
  margin-left: 15px;
  cursor: pointer;
}
.v2-breadcrumb {
  display: flex;
  display: -webkit-flex;
  justify-content: flex-start;
  align-items: center;
}
.v2-breadcrumb .v2-back-pre {
  color: #348ef8;
  outline: none;
  border: none;
  background: none;
  font-size: 14px;
  border-right: 1px solid #ccc;
  padding-right: 15px;
  margin-right: 15px;
  padding-left: 0;
}
.v2-breadcrumb .v2-back-pre:hover {
  color: #2b68d1;
}
.v2-breadcrumb > i {
  color: #4299ED;
  margin-right: 3px;
}
.v2-breadcrumb > a {
  display: inline-block;
  color: #348ef8;
  font-size: 14px;
  position: relative;
  max-width: 100px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: text-bottom;
  padding-left: 15px;
  margin-left: 8px;
}
.v2-breadcrumb > a:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -4px;
  width: 7px;
  height: 9px;
  background: url(../images/wdk-arw.png) center center no-repeat;
}
.v2-breadcrumb > a:hover {
  color: #2b68d1;
}
.v2-breadcrumb > a:first-of-type {
  padding-left: 0;
  margin-left: 0;
}
.v2-breadcrumb > a:first-of-type::before {
  display: none;
}
.v2-breadcrumb > a:last-of-type {
  pointer-events: none;
  cursor: text;
  color: #666;
}
.v2-breadcrumb .qoth-show-ellipsis {
  position: relative;
  padding-right: 5px;
  margin-left: 8px;
  padding-left: 15px;
}
.v2-breadcrumb .qoth-show-ellipsis:hover {
  color: #00a0e9;
  cursor: pointer;
}
.v2-breadcrumb .qoth-show-ellipsis:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -5px;
  width: 7px;
  height: 9px;
  background: url(../images/wdk-arw.png) center center no-repeat;
}
.qoth-wdk-table tr td:first-child .qoth-wdk-filename {
  padding: 0;
}
.v2-rules-bluebg {
  background: -moz-linear-gradient(top, #EBF3FE, #FCFEFF);
  background: -webkit-linear-gradient(top, #EBF3FE, #FCFEFF);
  background: -o-linear-gradient(top, #EBF3FE, #FCFEFF);
  background: linear-gradient(to bottom, #EBF3FE, #FCFEFF);
}
.v2-rules-information {
  height: 165px;
  padding: 20px  15%;
  background: url(../images/rules-img/rules-bg.png) left 30px bottom no-repeat;
}
.v2-rules-title {
  font-size: 25px;
  font-weight: bold;
  color: #113C6B;
  text-align: center;
  margin: 0;
  padding: 5px 10px;
}
.v2-rules-files {
  margin-top: 15px;
}
.v2-rules-files ul {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  align-items: center;
}
.v2-rules-files ul li {
  text-align: center;
}
.v2-rules-files ul li > span {
  font-size: 30px;
  color: #348EF8;
}
.v2-rules-files ul li > p {
  color: #666;
  font-size: 15px;
}
.v2-rules-table {
  padding: 0 30px;
}
.v2-rules-table > table {
  width: 100%;
  table-layout: fixed;
  border: 1px solid #EBEEF5;
}
.v2-rules-table > table > thead > tr > th {
  background: #fafafa;
  font-size: 15px;
  color: #555555;
  font-weight: bold;
  text-align: center;
  height: 50px;
  border-right: 1px solid #DFE2E6;
  border-bottom: 1px solid #DFE2E6;
  padding: 0 5px;
  border-bottom: 3px solid #348EF8;
}
.v2-rules-table > table > thead > tr > th .v2-rules-textleft {
  padding: 0 10px;
  text-align: left;
}
.v2-rules-table > table > tbody > tr > td {
  background: #fff;
  font-size: 14px;
  color: #555;
  text-align: center;
  height: 50px;
  border-right: 1px solid #DFE2E6;
  border-bottom: 1px solid #DFE2E6;
  padding: 0  5px;
}
.v2-rules-table > table > tbody > tr > td .v2-rules-textleft {
  text-align: left;
  color: #333333;
  font-weight: bold;
  font-size: 16px;
  padding: 5px 10px;
}
.v2-rules-table > table > tbody > tr > td .v2-rules-fontbold {
  font-weight: bold;
  color: #333;
}
.v2-rules-table > table > tbody > tr > td:last-child {
  border-right: none;
}
.v2-rules-table > table > tbody > tr:last-child > td {
  border-bottom: none;
}
.v2-rules-table > table > tbody > tr:hover > td {
  background: #fcfcfc;
}