html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
  font-size: 12px;
}
* {
  box-sizing: border-box;
}
a {
  text-decoration: none;
}
.main {
  height: 100vh;
  overflow: hidden;
  color: rgb(51 54 57);
  background-color: #f1f5f9;
}
.ch_container {
  display: flex;
  flex-flow: row nowrap;
  width: 100%;
  box-sizing: border-box;
  height: 100%;
  overflow: hidden;
}
.footer {
  text-align: center;
  padding: 20px;
  line-height: 24px;
}
/* #region sider*/

.ch_container .sider {
  max-width: 240px;
  width: 240px;
  flex-shrink: 0;
  box-sizing: border-box;
  position: relative;
  z-index: 1;
  background-color: #fff;
  overflow: auto;
}

.logo {
  padding: 20px 20px 0 20px;
}
.logo img {
  height: 18px;
}
.logo .header {
  position: relative;
}
.logo .header .a {
  text-transform: uppercase;
  font-size: 30px;
  font-weight: bold;
  line-height: 29px;
  color: black;
  font-family: serif;
  letter-spacing: -1px;
}
.logo .header span {
  letter-spacing: 2px;
}
.logo .header .b {
  background-color: #0694cd;
  color: #fff;
  padding: 5px 12px;
  font-size: 28px;
  display: inline-table;
  position: absolute;
  top: 0;
  right: 0;
}
.logo .c {
  font-size: 13px;
  font-weight: 600;
  padding-bottom: 6px;
}
.logo .d {
  font-size: 10px;
  font-weight: 300;
  font-family: cursive;
}
.tree-menu {
  width: 100%;
  padding: 20px;
}
.tree-menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.tree-menu li {
  margin: 0.5rem 0;
}
.tree-menu > ul > li > a {
  color: rgb(118 124 130);
  background-repeat: no-repeat no-repeat;
  background-position: center left;
  background-size: 12px;
  padding-left: 20px;
}

.tree-menu > ul > li.has-children.active > a {
  background-image: url("data:image/svg+xml,%3Csvg width='800px' height='800px' viewBox='0 -4.5 20 20' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Earrow_down %5B%23338%5D%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cdefs%3E%3C/defs%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Dribbble-Light-Preview' transform='translate(-220.000000, -6684.000000)' fill='%23000000'%3E%3Cg id='icons' transform='translate(56.000000, 160.000000)'%3E%3Cpath d='M164.292308,6524.36583 L164.292308,6524.36583 C163.902564,6524.77071 163.902564,6525.42619 164.292308,6525.83004 L172.555873,6534.39267 C173.33636,6535.20244 174.602528,6535.20244 175.383014,6534.39267 L183.70754,6525.76791 C184.093286,6525.36716 184.098283,6524.71997 183.717533,6524.31405 C183.328789,6523.89985 182.68821,6523.89467 182.29347,6524.30266 L174.676479,6532.19636 C174.285736,6532.60124 173.653152,6532.60124 173.262409,6532.19636 L165.705379,6524.36583 C165.315635,6523.96094 164.683051,6523.96094 164.292308,6524.36583' id='arrow_down-%5B%23338%5D'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.tree-menu > ul > li.has-children > a {
  background-image: url("data:image/svg+xml,%3Csvg width='800px' height='800px' viewBox='-4.5 0 20 20' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Earrow_right %5B%23336%5D%3C/title%3E%3Cdesc%3ECreated with Sketch.%3C/desc%3E%3Cdefs%3E%3C/defs%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Dribbble-Light-Preview' transform='translate(-305.000000, -6679.000000)' fill='%23000000'%3E%3Cg id='icons' transform='translate(56.000000, 160.000000)'%3E%3Cpath d='M249.365851,6538.70769 L249.365851,6538.70769 C249.770764,6539.09744 250.426289,6539.09744 250.830166,6538.70769 L259.393407,6530.44413 C260.202198,6529.66364 260.202198,6528.39747 259.393407,6527.61699 L250.768031,6519.29246 C250.367261,6518.90671 249.720021,6518.90172 249.314072,6519.28247 L249.314072,6519.28247 C248.899839,6519.67121 248.894661,6520.31179 249.302681,6520.70653 L257.196934,6528.32352 C257.601847,6528.71426 257.601847,6529.34685 257.196934,6529.73759 L249.365851,6537.29462 C248.960938,6537.68437 248.960938,6538.31795 249.365851,6538.70769' id='arrow_right-%5B%23336%5D'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.tree-menu > ul > li.has-children.active .sub-menu {
  display: block;
}
.tree-menu > ul > li.has-children .sub-menu {
  display: none;
}

.tree-menu .sub-menu {
  padding-left: 20px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' class='vertical-line' viewBox='0 0 10 100' height='100'%3E%3Cline x1='5' y1='0' x2='5' y2='100' stroke='black' stroke-width='1' /%3E%3C/svg%3E");
  background-repeat: no-repeat repeat;
  background-position: center left;
}
.tree-menu .sub-menu a {
  height: 32px;
  line-height: 32px;
  padding-left: 10px;
  border-radius: 3px;
  display: block;
  color: rgb(51 54 57);
}
.tree-menu .sub-menu a:hover {
  background-color: rgb(243 243 245);
  color: rgb(51 54 57);
}
.tree-menu .sub-menu a.active,
.tree-menu .sub-menu a.active:hover {
  background-color: #0694cd;
  color: #fff;
}

.tree-menu .sub-menu a[href="#"] {
  color: #6c757d;
  text-decoration: line-through;
}
/* #endregion */

.ch_container .content {
  flex: auto;
  padding: 20px;
  overflow: auto;
}
.ch_container .content > div {
  margin: 0 auto;
  max-width: 1280px;
}
.navigation {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
}
.search-bar {
  flex-grow: 1;
}
.search-bar input {
  height: 30px;
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 5px 5px 5px 25px;
  width: 100%;
  background-image: url("data:image/svg+xml,%3Csvg width='800px' height='800px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.3891 13.3891L19 19M9.5 15C12.5376 15 15 12.5376 15 9.5C15 6.46243 12.5376 4 9.5 4C6.46243 4 4 6.46243 4 9.5C4 12.5376 6.46243 15 9.5 15Z' stroke='%23dddddd' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat no-repeat;
  background-position: 5px 4px;
  background-size: 20px;
}
.navigation a {
  margin-right: 10px;
}

.search-content {
  display: none;
  background: #fff;
  padding: 20px;
  border-radius: 5px;
  margin-top: 10px;
  border: 1px solid #ccc;
}
.alltools h5 {
}

.alltools a h5 {
  color: #30333C !important;
}
.alltools a p {
  color: #a1a1b1 !important;
  overflow: hidden;
  text-overflow: ellipsis;
  /* white-space: nowrap; */
}
.alltools .card{
  background-color: #fafafa;
}

.card-title small {
  color: #6c757d !important;
  float: right;
}

.copytext {
  cursor: pointer;
}
#alert {
  position: fixed;
  bottom: 0;
  right: 28px;

  max-width: 50%;
  z-index: 9999;
}

.modal-body.full {
  display: flex;
  align-items: center;
  justify-content: center;
}
.modal-body.full h1 {
  font-size: 60px;
}

@media only screen and (max-width: 767px) {
  .sider {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .sider {
    display: none;
  }
}
.form-control[readonly] {
  background-color: #e9ecef80;
}

.chahuo_hzlist {
}
.chahuo_hzlist .hz {
  width: 45px;
  display: inline-block;
  /* margin-right: 20px; */
  margin-right: 0px;
  margin-bottom: 10px;
}
.chahuo_hzlist .hz span[class^="pinyin_"] {
  display: inline-block;
  width: 50px;
  height: 49px;
  font-family: "hy-py";
  font-size: 14px;
  text-align: center;
  line-height: 49px;
}
.chahuo_hzlist .hz span[class^="tianzige_"],
.chahuo_hzlist .hz span[class^="mizige_"] {
  display: inline-block;
  width: 50px;
  height: 49px;
  font-size: 40px;
  text-align: center;
  font-family: "Kaiti SC", sans-serif;
  line-height: 49px;
  margin-top: -9px;
}
.chahuo_hzlist .hz span[class^="wuxing_"] {
  display: inline-block;
  width: 50px;
  height: 49px;
  font-family: "hy-py";
  font-size: 14px;
  text-align: center;
  line-height: 49px;
}

/* 田字格 */
.chahuo_hzlist .tianzige_b {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='80px' height='80px' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M-2 40 L80 40' stroke-dasharray='4,4' stroke-width='1' stroke='%23666' fill-opacity='0'/%3E%3Cpath d='M40 -2 L40 80' stroke-dasharray='4,4' stroke-width='1' stroke='%23666' fill-opacity='0'/%3E%3Cpath d='M1 1 l78 0 l0 78 l-78 0 Z' stroke-width='2' stroke='%23111' fill-opacity='0'/%3E%3C/svg%3E");
  background-repeat: no-repeat no-repeat;
  background-position: center center;
  background-size: 100%;
}
.chahuo_hzlist .tianzige_r {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='80px' height='80px' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M-2 40 L80 40' stroke-dasharray='4,4' stroke-width='1' stroke='%23bb3442' fill-opacity='0'/%3E%3Cpath d='M40 -2 L40 80' stroke-dasharray='4,4' stroke-width='1' stroke='%23bb3442' fill-opacity='0'/%3E%3Cpath d='M1 1 l78 0 l0 78 l-78 0 Z' stroke-width='2' stroke='%23980f29' fill-opacity='0'/%3E%3C/svg%3E");
  background-repeat: no-repeat no-repeat;
  background-position: center center;
  background-size: 100%;
}
.chahuo_hzlist .tianzige_g {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='80px' height='80px' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M-2 40 L80 40' stroke-dasharray='4,4' stroke-width='1' stroke='%2370d39d' fill-opacity='0'/%3E%3Cpath d='M40 -2 L40 80' stroke-dasharray='4,4' stroke-width='1' stroke='%2370d39d' fill-opacity='0'/%3E%3Cpath d='M1 1 l78 0 l0 78 l-78 0 Z' stroke-width='2' stroke='%2300b050' fill-opacity='0'/%3E%3C/svg%3E");
  background-repeat: no-repeat no-repeat;
  background-position: center center;
  background-size: 100%;
}
/* 米字格 */
.chahuo_hzlist .mizige_b {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='80px' height='80px' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M-1 -1 L81 81' stroke-dasharray='4,4' stroke-width='1' stroke='%23666' fill-opacity='0'/%3E%3Cpath d='M-1 81 L81 -1' stroke-dasharray='4,4' stroke-width='1' stroke='%23666' fill-opacity='0'/%3E%3Cpath d='M0 40 L80 40' stroke-dasharray='4,4' stroke-width='1' stroke='%23666' fill-opacity='0'/%3E%3Cpath d='M40 0 L40 80' stroke-dasharray='4,4' stroke-width='1' stroke='%23666' fill-opacity='0'/%3E%3Cpath d='M1 1 l78 0 l0 78 l-78 0 Z' stroke-width='2' stroke='%23111' fill-opacity='0'/%3E%3C/svg%3E");
  background-repeat: no-repeat no-repeat;
  background-position: center center;
  background-size: 100%;
}
.chahuo_hzlist .mizige_r {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='80px' height='80px' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0 L80 80' stroke-dasharray='4,4' stroke-width='1' stroke='%23bb3442' fill-opacity='0'/%3E%3Cpath d='M0 80 L80 0' stroke-dasharray='4,4' stroke-width='1' stroke='%23bb3442' fill-opacity='0'/%3E%3Cpath d='M0 40 L80 40' stroke-dasharray='4,4' stroke-width='1' stroke='%23bb3442' fill-opacity='0'/%3E%3Cpath d='M40 0 L40 80' stroke-dasharray='4,4' stroke-width='1' stroke='%23bb3442' fill-opacity='0'/%3E%3Cpath d='M1 1 l78 0 l0 78 l-78 0 Z' stroke-width='2' stroke='%23980f29' fill-opacity='0'/%3E%3C/svg%3E");
  background-repeat: no-repeat no-repeat;
  background-position: center center;
  background-size: 100%;
}
.chahuo_hzlist .mizige_g {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='80px' height='80px' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M-1 -1 L80 80' stroke-dasharray='4,4' stroke-width='1' stroke='%2370d39d' fill-opacity='0'/%3E%3Cpath d='M-1 81 L80 0' stroke-dasharray='4,4' stroke-width='1' stroke='%2370d39d' fill-opacity='0'/%3E%3Cpath d='M-2 40 L80 40' stroke-dasharray='4,4' stroke-width='1' stroke='%2370d39d' fill-opacity='0'/%3E%3Cpath d='M40 -2 L40 80' stroke-dasharray='4,4' stroke-width='1' stroke='%2370d39d' fill-opacity='0'/%3E%3Cpath d='M1 1 l78 0 l0 78 l-78 0 Z' stroke-width='2' stroke='%2300b050' fill-opacity='0'/%3E%3C/svg%3E");
  background-repeat: no-repeat no-repeat;
  background-position: center center;
  background-size: 100%;
}
/* 拼音 */
.chahuo_hzlist .pinyin_b {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='80px' height='51px' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 1 L80 1' stroke-width='2' stroke='%23dee2e6' fill-opacity='0'/%3E%3Cpath d='M0 50 L80 50' stroke-width='2' stroke='%23dee2e6' fill-opacity='0'/%3E%3Cpath d='M0 18 L80 18' stroke-dasharray='5,5' stroke-width='1' stroke='%23dee2e6' fill-opacity='0'/%3E%3Cpath d='M0 34 L80 34' stroke-dasharray='5,5' stroke-width='1' stroke='%23dee2e6' fill-opacity='0'/%3E%3C/svg%3E");
  background-repeat: no-repeat no-repeat;
  background-position: center center;
  background-size: 100%;
}
.chahuo_hzlist .pinyin_r {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='80px' height='51px' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 1 L80 1' stroke-width='2' stroke='%23980f29' fill-opacity='0'/%3E%3Cpath d='M0 50 L80 50' stroke-width='2' stroke='%23980f29' fill-opacity='0'/%3E%3Cpath d='M0 18 L80 18' stroke-dasharray='5,5' stroke-width='1' stroke='%23bb3442' fill-opacity='0'/%3E%3Cpath d='M0 34 L80 34' stroke-dasharray='5,5' stroke-width='1' stroke='%23bb3442' fill-opacity='0'/%3E%3C/svg%3E");
  background-repeat: no-repeat no-repeat;
  background-position: center center;
  background-size: 100%;
}
.chahuo_hzlist .pinyin_g {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='80px' height='51px' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 1 L80 1' stroke-width='2' stroke='%2300b050' fill-opacity='0'/%3E%3Cpath d='M0 50 L80 50' stroke-width='2' stroke='%2300b050' fill-opacity='0'/%3E%3Cpath d='M0 18 L80 18' stroke-dasharray='5,5' stroke-width='1' stroke='%2370d39d' fill-opacity='0'/%3E%3Cpath d='M0 34 L80 34' stroke-dasharray='5,5' stroke-width='1' stroke='%2370d39d' fill-opacity='0'/%3E%3C/svg%3E");
  background-repeat: no-repeat no-repeat;
  background-position: center center;
  background-size: 100%;
}