/*ttyu*/

/*ttyuend*/

/*@font-face {
    font-family: 'iconfont';u
    src: url('icon-font/iconfont.eot');
    src: url('icon-font/iconfont.eot#iefix') format('embedded-opentype'),
    url('icon-font/iconfont.woff') format('woff'),
    url('icon-font/iconfont.ttf') format('truetype'),
    url('icon-font/iconfont.svg#iconfont') format('svg');
}*/
/*.iconfont{
    font-family:'iconfont';
    font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}*/

/* -------------------------------------------------------------------- */
html,
body {
  margin: 0 auto;
  height: 100%;
  min-height: 100% !important;
  max-height: 100% !important;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
textarea,
p,
blockquote,
th,
td,
input,
select,
textarea,
button {
  margin: 0;
  padding: 0;
}
/* 初始化标签在所有浏览器中的margin、padding值 */
fieldset,
img {
  border: 0 none;
}
/* 重置fieldset（表单分组）、img的边框为0*/
dl,
ul,
ol,
menu,
li {
  list-style: none;
}
/* 重置类表前导符号为onne,menu在HTML5中有效 */
blockquote,
q {
  quotes: none;
}
/* 重置嵌套引用的引号类型 */
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}
/* 重置嵌套引用*/
input,
select,
textarea,
button {
  vertical-align: left;
}
/* 重置表单控件垂直居中*/

span,
label {
  font-size: 13px;
}

body,
#body1 {
  background: #f5f5f7;
  overflow: hidden;
  height: 100%;
  min-height: 100% !important;
  max-height: 100% !important;
}
/* 重置body 页面背景为白色 */
body,
th,
td,
input,
select,
textarea,
button {
  font-size: 12px;
  line-height: 1;
  font-family: "微软雅黑";
}

th,
td,
input,
select,
textarea {
  color: #333;
}
/* 重置页面text属性 */
a {
  color: #666;
  text-decoration: none;
  outline: none;
}
/* 重置链接a标签 */ /* 取消a标签点击后的虚线框 */
a:active,
a:hover {
  text-decoration: none;
  color: blue;
}
/* 重置链接a标签的鼠标滑动效果 */
address,
caption,
cite,
code,
dfn,
em,
var {
  font-style: normal;
  font-weight: normal;
}
/* 重置样式标签的样式 */
table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
}
/* 重置table属性 */
img[src=""] {
  display: none;
}

img {
  width: 300px;
  height: 300px;
  object-fit: cover;
  object-position: center;
}

td img, .t-form div img {
    width: 100px !important;
    height: 100px !important;
}
/* img在当前行内的垂直位置 */
a:active {
  star: expression(this.onFocus=this.blur());
}
/* ::selection {color: #fff!important;background-color: #a59d9d!important;}    设置页面text等在拖动鼠标选中情况下的背景色与text颜色 */
::-moz-selection {
  color: #fff !important;
  background-color: #a59d9d !important;
}

select[disabled],
select[disabled] {
  background-color: #f5f5f7 !important;
}
/* ----------------------------------------------------------------------------------------------------- */
.t-body {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.t-find {
  width: 100% !important;
  height: 55px;
  position: relative;
  margin-top: 5px !important;
  background-color: #fff;
}
/*
.t-find>.t-form{ width: 330px; height:45px; overflow:hidden;}
.t-find>.t-btns{ width: 150px;left:320px;} */
/*.tt-file>div{position:relative!important;}
 .tt-file>div:last-child{ top:5px}
 .tt-file{ width: 100px; height:100px;position: relative; border:none!important;}
*/
.imageOne {
  display: inline-block;
  position: relative;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  background-size: 100% 100%;
  border-radius: 3px;
  margin-left: 10px;
  box-sizing: border-box;
  text-align: left;
  width: 100px !important;
  height: 100px !important;
  border: solid 1px #e8e8e8;
  cursor: pointer;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHwAAAByCAIAAAAediKZAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAEnQAABJ0Ad5mH3gAAAVeSURBVHhe7Z1NTxtJEIYzSBxIlGQlIqGsEsJGWTb5+bs5bXLjV4Sclr2ZPfmABJiMt2qqIIDnq7urqquhH43wNLJ7qp95p+2xB9Os1+snXqHagupr6GdDtx5ZLBZbvOoPcE1LEHGPMsapdMh4yiGY+HBtPEoXiapIJ0q4k46mpELqNe2+pKMlOVO0/xyadyadTMkh3qEIXqRDHlu1SELPrvLuRjrfauEq7/mldym0cGK2oUkySwcHtBhgua1xckpHBebR85D2rNIzDT+79mzS9V6rzCHv1vNId3CI56zBWjoMlJbsZKzEXHoHN3KTqxhT6Xln0iHsq7KT7tM4YVybhXQYkF/f11gWqS4dR5Jp6gwCK7SqUlc6G6eGe8yqVU56OcYJ8k7remhJh8JBeFnGCYPKVaRjxWUaJ7Trl5eO1ZZsnGDvOuNQSHrT2Bg/Ozu7vLzkhgI4Cp0rxYSlw1mGUjo2OTn5Z7lcckMHGIvGeZOkdCPZ1/x7cqItnRAfl4x0KMsy48RqtWrblhuaUN4Fx6Ywp1emEJDeRdx4asmA4DBTpcsed86BkYo8r8ZLl6qgONJzFikdtvqYIn6fxIkmRjpu8hEbJ1IkCDyRVkIJkw779lE9c44DHtBGuI9A6Xxb+UmEk7nSKePcqNwlNO+zpGN/jv8y0wUh761OS8d9GLgnHyFBliakQx+0VCaZ72pMerfnqvAw5kgblD5zp1U2mVTXLx0fUzOewmjae6Tj/SePkMoolNohi33S6TGVNEY03pEOe6aeAcnSe950VzrfViTZtMrSu/1RnWtxTy9KhxYtFSXuGW7i3pyMALZyfn4uuK2vX/7+8OH3396/53Yy2x3c0KFpmtPFovlhcukIcHV1dXz8bbVacTuZ78fHu69e7e7ucjuZ169/3dvb44Ya/52e9rxkrGiDXxGI043+DNO27XK5bNsf3E7m6Ojo4OBgf3+f28k8ffpsZ2eHGwrA3NJ0XxHI0gkD9YJ8/uvPPz5+Ojw85LZjbr4nkqTj9AJr9RMKbW5L/jmn42/rx0MK0KxymztPpNW7OJvGgfuvXsh73z0rYZDGXo+DLxkH7l+Zxbi9HukYdl6txDOicTjpsNSwRzE0q9wwKB2oyiOYNA6MSQe2sA+E25VhwBEtk0xIB6rvOWAuZ6dzWjpRwz7Bej1f0Czp0B0u1fsANAlzYwZzkw5U771EGAmQDpD3qp4AC6EZJ8KkA9V3OsHSiRr2LuKREmKk17DH++6ITXrsdPYAwIHzaiSR0glWz62HD42XGwkkSSe6xD9884LDFJBeCUVGOh13UkHwBoxLdhaVTPpDnWLExyU8vVjm/c2bty9ePOeGDpRxbsihMKeHvN+Wwv67dy9f/sINBXAUOldfqfznXeyxrKvFNkDjOses1n/e1avYBu36VaQDUDGUXaJ3g8q1pDOlecdq9UvWlU5jKMW7WbXKSb8ZiXvzWKFVlerSARiJd+W2RVpIJzTOMqQwrs1OOuDTu31VptKBbnr3oj5XMebSbWfPETJWYi2d8BD2jDXkkQ7knd8zb51vc5Ara9mPs6zSc4wftphZeV7pAHrvFgMstzVOZukARs8kfGYbmiS/dEJbhgvZ17iRrvNpJAE9O8k44UU6AWJk3Yh3KIIz6ZBHuUxiP84yTviSDpApWk/Foe8Od9IBMJUuS6QTJTxKB7pZIV5a4sO1cSodoKiGmot7lDF+pQOY1pDMht4/F66lA+hv/rViVlf0JeJdOgDJnXPe5O0MaIQCpBPjOsuQfU050geuzIffFJRxYqvEq2vLUnwbsr11cXFB7SLoMo3Gb37SSimA7e3t7f8BtwITAPKVVZcAAAAASUVORK5CYII=);
  /*background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMYAAADGBAMAAAB7teJuAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAFVBMVEUAAAD9/v79/v79/v79/v6dnZwAAACFdSh5AAAABHRSTlMAfX5/nrylTAAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxIAAAsSAdLdfvwAAANXSURBVHjavdzbdeIwFIVhhnQwiwLmQQXwMBXIbmH6b2UIt9jG1tn7XDbv8K8vCWQh6eh0Yh+/6WfQj1/zn/LGZe71jLkccrk1iiHfjGrI5d4ohTwYtZDLs1EIeTEqIe3dKIOc57kc0haNIsiSUQVpq0YJZM2ogbRNowCyZVRA2kcjHfLJyIe0nUYyZI+RDWm7jVTIPiMX0g4aiZAjRiakHTbSIMeMPEgbNJIgI0YWpA0bKZAxIwfSjEYCxGJkQCxGAsRmxCE2IwxBGFEIwghCMEYMgjFCEJQRgaCMAARn+CE4ww1hGF4Iw3BCOIYPwjFcEJbhgbAMB4Rn8BCeQUM8DBbiYZAQH4OD+BgUZMz4lwJp7gYMMX4bowYMaYEGCLH+qIYNENJCDQhivjfGDQhiMawGALHf4kYDgJgMs2FCgE8qq2FCbIbd6GGG3TAgAANo9CgDaAwhCANp9CADaQwgEANq9BgDahxCMAbW6CEG1jiAgAyw0SMMsLELQRloowcYaGMHAjPgRvcz4MYHBGfgje5m4I0NhGAQje5lEI0VhGEwje5kMI0FhGJQje5jUI03hGNwje5icI0nhGSQje5hkI07hGWwje5ZUiAbNwjNoBv99Hf4cvjj+EWm01d543oaQxJ+VtPt7+qLewrduH6/QVgI15ju73MWwjWujw8sEkI1pufnLgmhGtfXPxAOwjSm9/9BDsI03gwSQjR+GCSEaCwYHARvLBkcBG+sGBQEbqwZFARubBgMBG1sGQzE/10Nh/i/c+KQwHdnGBJYA4AhkbUMFBJZk0EhobUlEBJaIwMhsbU+DBJbs8QgwbVXCBJcQ4Yg0bVwBBJd00cg4b0JABLeYwEg8b0iGxLf85Ls3Sn2ICV7qYo9YcnetmKPXnLWYAwZNJjDH2dng2BIzrBIzuIozhRJzkYpznhJzqopztxJzg4qzkBKznIqzqRKztYqzghLzjorzmxLzp4rztBLZgEUMw2S2QzFjIlkVkYx8yOZXVLMYElmyRQzcZLZPsWMomTWUjEzKpl9VczwSmaRFTPVktlwxYy7ZFZfceeA5O4ExR0QkrssFHdySO4WUdyRsoCUMX4glZfvnOsZL0jtZUjnesYDUn05leJuKsUdW5K7whx3nv0HGB84iPytCGwAAAAldEVYdGRhdGU6Y3JlYXRlADIwMTUtMDktMTZUMDk6MjY6MjYrMDg6MDANIk6zAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE1LTA5LTE2VDA5OjI2OjI2KzA4OjAwfH/2DwAAAABJRU5ErkJggg==)*/
}

.imageOne > input[type="file"] {
  width: 100% !important;
  height: 100% !important;
  filter: alpha(opacity=0);
  top: 0px;
  left: 0px !important;
  z-index: 1;
  cursor: pointer;
  opacity: 0;
  -moz-opacity: 0;
}

.images {
  width: auto;
  min-height: 100px;
  margin-left: -10px;
}

.images > .imageOne:first-child,
.imageOne {
  margin-left: 0px !important;
}

.images > .imageOne:last-child {
  margin-left: 0px !important;
}

.images > .imageOne > .imageOne {
  margin-left: 0px !important;
}

.imageClose {
  position: absolute;
  left: 86px;
  top: -6px;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  border-radius: 12px;
  background-color: #ff5053;
  color: #f3f3f3;
  border: solid 1px #ff5053;
  font-size: 9px;
  font-weight: 200;
  z-index: 9999;
  cursor: pointer;
}

.fileOne {
  width: 100%;
  height: 35px !important;
  margin-top: 5px;
}

.files {
  width: 250px;
  height: 35px;
}

.fileOne > input {
  font-size: 12px;
  width: 100%;
  height: 100%;
  /*line-height:34px; text-indent:12px;*/
  border: 1px solid #cacaca00 !important;
  outline: #cacaca00 !important;
}

.fileOne > a {
  margin-top: 5px;
  width: 100%;
}

.files > .fileOneParent,
.fileOne > .fileOneParent {
  width: calc(100% - 0px);
  height: 35px;
  margin-top: 5px;
  position: relative;
}

.files > .fileOneParent > .fileOne {
  margin-top: 0px;
}

.files > .fileOneParent > .imageClose {
}

.filesShow > span:nth-child(2) {
  white-space: normal;
  width: 600px !important;
  margin-top: 10px !important;
  color: Blue;
  cursor: pointer;
}

.filesShow {
  margin-top: -0px !important;
  margin-bottom: -5px !important;
  height: 15px !important;
}

.filesShow > span {
  height: 15px !important;
}

.importExcel {
  width: 70px;
  height: 35px;
  border: none;
  cursor: pointer;
  overflow: hidden;
  background: url(http://img.ttyu.net/import.png) no-repeat;
}

.importExcel form {
  z-index: 1;
  width: 80px;
  height: 35px;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  padding-left: -5px;
  margin-left: -5px;
}

.modal-cir {
  width: 50px;
  height: 50px;
  border-radius: 25px;
  background-color: #fff;
  font-weight: bold;
  text-align: center;
  line-height: 50px;
  font-size: 12px;
  color: #ff8500;
  border: 1px solid #ff8500;
}

.cir > li,
.square > li {
  border: none !important;
  text-align: center;
  background-color: transparent;
}

.cir > li:hover,
.square > li:hover {
  /* 展开收缩滑过样式 */
  border: 1px solid rgba(51, 92, 255, 0.74);
  background-color: #cccccc;
}

.cir > li > img,
.cir > li > i,
.cir > li > p > i {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: #fff;
  font-weight: bold;
  line-height: 60px;
  font-size: 40px;
  color: #ff8500;
  border: 1px solid #ff8500;
}

.square > li > img,
.square > li > i,
.square > li > p > i {
  width: 60px;
  height: 60px;
  border-radius: 8px;
  font-weight: bold;
  line-height: 60px;
  font-size: 40px;
  color: #ff8500;
  border: 1px solid #ff8500;
}

.modal-rect {
  width: 90px !important;
  border-radius: 5px;
  height: 40px;
  background-color: #ffffff;
  border: 1px solid #ff8500;
  font-weight: bold;
  text-align: center;
  line-height: 40px;
  color: #ff8500;
  font-size: 12px !important;
}

.modal-square {
  width: 90px !important;
  border-radius: 0;
  height: 40px;
  background-color: #ffffff;
  border: 1px solid #ff8500;
  font-weight: bold;
  text-align: center;
  line-height: 40px;
  color: #ff8500;
  font-size: 12px !important;
}

.t-full {
  width: 100%;
  height: 100%;
}

.t-w100 {
  width: 100%;
}

.t-h100 {
  height: 100%;
}

.t-img1 {
  width: 200px;
  height: 200px;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  position: relative !important;
  z-index: 10;
}

.t-icoImg {
  width: 20px;
  height: 20px;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  position: relative;
  z-index: 10;
}

.t-img {
  width: 150px;
  height: 150px;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  position: relative;
  z-index: 10;
}

.t-2ma {
  width: 100px;
  height: 100px;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  position: relative;
  z-index: 10;
}

.t-1ma {
  width: 150px;
  height: 60px;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  position: relative;
  z-index: 10;
}

.t-headImg {
  position: relative !important;
  width: 150px;
  height: 150px;
  background: url(../../file/headImage.png) no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
}

.block {
  border: 1px solid #4c6e78;
  overflow: hidden;
  width: 600px;
  height: 400px;
  /* width: 100%;
    height: 100%;*/
}

.relative {
  position: relative;
}

/*.................................2017年11月7日拖拽定位.........................................................*/
.t-btns {
  /* 按钮组 */
  position: relative;
  background-color: #f0f0f0;
  width: 100%;
  white-space: nowrap;
  display: flex;
  height: 37px;
  z-index: 100;
}
/*.glyphicon{ font-size:18px;}*/
.ttyu-icons {
  display: none;
  border: 1px solid #cccccc;
  cursor: pointer;
  text-align: justify;
  position: absolute;
  z-index: 9999;
  width: 225px;
  height: 180px;
  overflow-y: scroll;
  background-color: #e0ecff;
}

.ttyu-icons > span {
  display: inline-block;
  padding: 5px;
  font-size: 14px;
}

.ttyu-icons > span:hover {
  background-color: rgba(130, 174, 233, 0.53);
}

.movetool {
  background-color: #ddd;
  height: 38px;
  line-height: 35px;
  border-radius: 8px;
  position: absolute !important;
  display: none;
  text-align: center;
  align-items: center;
  margin: 0 auto;
  left: 0 auto;
  z-index: 999;
  left: 400px;
  top: 400px;
}

.movetool > img,
.movetool > span {
  width: 25px;
  height: 25px;
  margin-left: 5px;
}

.movetool span:nth-child(1) {
  margin-left: 15px;
}

.movetool img:hover,
.movetool span:hover {
  background-color: #a59d9d;
  height: 25px;
}

.movetool span:last-child {
  margin-right: 15px;
}

.movetool .glyphicon {
  font-size: 16px;
}
/*.modal-body>.t-btns>button:nth-child(1){left:50%;z-index:10;margin-left: -80px}
.modal-body>.t-btns>button:nth-child(2){left:50%;z-index:10;}
.modal-body>.t-btns>button:nth-child(3){left:50%;z-index:10;margin-left: 80px}
.modal-body>.t-btns>button:nth-child(4){left:50%;z-index:10;margin-left: 160px}

.modal-body>.t-btns:nth-child(1)>button:nth-child(1){left:10px;z-index:10;margin-left: 0}
.modal-body>.t-btns:nth-child(1)>button:nth-child(2){left:85px;z-index:10;margin-left: 0}
.modal-body>.t-btns:nth-child(1)>button:nth-child(3){left:160px;z-index:10;margin-left: 0}
.modal-body>.t-btns:nth-child(1)s>button:nth-child(4){left:235px;z-index:10;margin-left: 0}
.modal-body>.t-btns:nth-child(1)>button:nth-child(5){left:310px;z-index:10;margin-left: 0}
.modal-body>.t-btns:nth-child(1)>button:nth-child(6){left:385px;z-index:10;margin-left: 0}
.modal-body>.t-btns:nth-child(1)>button:nth-child(6){left:460px;z-index:10;margin-left: 0}
*/
.modalTree {
  width: 300px !important;
}

.modalTree .modal-body {
  padding: 5px;
}

.modalTree .ztree {
  width: 268px;
  height: 310px;
  overflow: auto;
  border: 1px solid #cccccc;
}

.modalTree .t-btns {
  margin-top: 10px;
}
/*.modalTree button:nth-child(1){left:21% !important;}*/
/*.modalTree button:nth-child(2){left:51% !important;}*/
button > img {
  width: 20px;
  height: 20px;
}

.t-btns > button {
  /* 按钮样式 #f5f5f7*/
  position: relative;
  margin-left: 5px;
  z-index: 10;
  margin-top: 3px;
  width: 70px;
  height: 30px;
  padding: 0 10px;
  line-height: 26px;
  background: #f5f5f5;
  color: #000;
  cursor: pointer;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  border: 0;
}
/*.t-btns>button:nth-child(1){margin-left:5px;}*/
.t-table button {
  width: 70px;
  height: 30px;
  padding: 0 10px;
  line-height: 26px;
  background-color: rgba(204, 204, 204, 1);
  color: #000;
  cursor: pointer;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  border: 0;
}

.t-table + .t-btns {
  text-align: center;
}

/*21018-3-28*/
/*上传按钮*/
.fileinput-button {
  position: relative;
  display: inline-block;
  /*overflow: hidden;*/
  z-index: 1000;
  width: 70px;
  height: 30px;
  padding: 0 10px;
  line-height: 26px;
  text-align: center;
  background-color: #f5f5f7;
  color: #fff;
  outline: none;
  cursor: pointer;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  border: 0;
}

.fileinput-button > input {
  position: relative;
  right: 0px;
  top: 0px;
  opacity: 0;
  -ms-filter: "alpha(opacity=0)";
}

.fileinput-button:hover {
  background-color: #f5f5f7;
}

.t-btn {
  /* 按钮样式 */
  position: relative;
  z-index: 1000;
  width: 70px;
  height: 30px;
  font-size: 12px;
  font-family: "宋体";
  padding: 0 10px;
  text-align: center;
  background: #f5f5f7;
  color: #000;
  outline: none;
  cursor: pointer;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  border: 0;
}

.t-btn:hover {
  /* 按钮滑过样式 */
  background-color: #ddd;
  color: #000;
}

.t-icon {
  /* 按钮icon右边距 */
  margin-right: 5px;
  font-size: 17px;
}

.btn-center {
  /* 按钮组 垂直居中 */
  position: relative;
  height: 100%;
  width: 200px;
  left: 0;
  right: 0;
  margin: auto;
  top: 0;
  bottom: 0;
}

.t-group {
  position: relative;
  border: 1px dotted #cccccc;
}

.t-span {
  position: relative;
  font-size: 14px;
  font-family: "宋体";
  font-weight: normal;
  padding: 0 5px;
  height: 40px;
  background-color: transparent; /*color:Black;*/
  line-height: 40px;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.t-spans {
  position: relative;
  font-size: 14px;
  font-family: "宋体";
  font-weight: normal;
  padding: 0 5px;
  height: 40px;
  background-color: transparent; /*color:Black;*/
  line-height: 40px;
  text-align: left;
}
/* ul列表 */
.t-list-flex {
  /* 翻牌列表,item获取焦点时隐藏，显示对应的反面item  display: flex;justify-content: space-between;*/
  align-items: center;
  width: 100%;
  height: 300px;
  margin: 40px auto 0;
  background: #e5eeff;
  border-radius: 4px;
}

.t-list-flex .item {
  position: relative;
  width: 240px;
  height: 328px;
  padding: 41px 20px 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
}

.listCol2,
.listCol3,
.listCol4,
.listCol5,
.listCol6,
.listCol7,
.listCol8,
.listIcon,
.listHV {
  width: 100%;
  height: 100%;
  color: #666666;
  -webkit-flex-wrap: wrap; /*自动换行;*/
  flex-wrap: wrap;
  display: flex;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  flex-direction: row; /*ie;*/
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  /*align-items: center;margin:0 auto;居中;*/
}

.listCol2 > li {
  width: 49.8%;
  padding: 10px 0;
  min-width: 100px;
  cursor: pointer;
  display: inline-block;
}

.listCol2 > li > .iconfont,
.listCol3 > li > .iconfont,
.listCol4 > li > .iconfont {
  font-size: 35px;
  padding: 9px;
}

.listCol5 > li > .iconfont,
.listCol6 > li > .iconfont,
.listCol7 > li > .iconfont,
.listCol8 > li > .iconfont {
  font-size: 35px;
  padding: 9px;
}

.listCol3 > li {
  width: 33.3%;
  padding: 10px 0;
  min-width: 100px;
  cursor: pointer;
  text-align: center;
  display: inline-block;
}

.listCol4 > li {
  width: 25%;
  min-width: 60px;
  cursor: pointer;
  display: inline-block;
}

.listCol5 > li {
  width: 20%;
  min-width: 60px;
  cursor: pointer;
  display: inline-block;
}

.listCol6 > li {
  width: 16.5%;
  min-width: 60px;
  cursor: pointer;
  display: inline-block;
}

.listCol7 > li {
  width: 14.5%;
  min-width: 60px;
  cursor: pointer;
  display: inline-block;
}

.listCol8 > li {
  width: 12.3%;
  min-width: 60px;
  cursor: pointer;
  display: inline-block;
}

.listIcon {
  display: inline-block !important;
}

.listIcon > li {
  padding: 9px;
  width: 35px !important;
  cursor: pointer;
  font-size: 20px;
  text-align: center;
  display: inline-block;
}

.t-tabs ul > li:hover {
  color: black;
  background-color: #20c4da;
}

.title {
  height: 44px;
  white-space: nowrap;
  font-size: 36px;
  font-family: PingFangSC-Semibold, sans-serif;
  color: #000;
  line-height: 44px;
  width: auto;
  text-align: center;
}

.smallTtile {
  margin: 12px 0 0;
  white-space: nowrap;
  width: auto;
  height: 32px;
  text-align: center;
  color: #111;
  font-size: 20px;
  font-weight: 300;
}

.name {
  margin: 10px 0 0;
  width: auto;
  white-space: nowrap;
  height: 28px;
  font-size: 20px;
  font-weight: 400;
  color: #111;
  line-height: 28px;
  text-align: center;
}

.name1 {
  width: 100%;
  height: 24px;
  font-size: 16px;
  font-weight: 400;
  color: #000;
  line-height: 24px;
  white-space: nowrap;
}

.smallName {
  width: auto;
  white-space: nowrap;
  margin-top: 10px;
  height: 28px;
  font-size: 11px;
  font-weight: 200;
  color: #111;
  line-height: 28px;
  text-align: center;
}

.desc {
  font-size: 12px; /*margin-left:10px;margin-right:10px;*/
  font-weight: 400;
  margin-top: 10px;
  width: auto;
  height: 40px;
  text-align: center;
  color: #8f94a5;
  line-height: 20px;
}

.t-list {
  /*列表;white-space: nowrap;*/
  position: relative;
  list-style: none;
  padding: 5px;
  font-size: 12px;
  color: #000;
  background-color: #f0f0f0; /*rgb(76, 120, 186);*/
  z-index: 2;
  border: 1px solid #cccccc;
  border-radius: 4px;
  background-color: white;
  width: 300px;
  height: 400px;
}

ul.drop {
  /*下垂列表;*/
}

ul.drop > .header {
  height: 40px;
  display: flex;
}

ul.drop > .header > .showHideItem {
  position: absolute !important;
  right: 5px !important;
}

.dropitem {
  display: none;
  min-height: 60px;
  height: auto;
}

ul.drop .active {
  display: block;
}

.t-list > li > .glyphicon,
.t-list > li > p > .glyphicon {
  font-size: 20px;
}

.t_block .t_list {
  /*块下的列表居中*/
  align-items: center;
  margin: 0 auto;
  left: 0 auto;
}

.listV > li,
.listH > li,
.listHV > li {
  width: 100%;
  cursor: pointer;
  display: inline-block;
  align-items: center;
  min-height: 40px;
  line-height: 35px;
  margin: 5px 0;
  padding: 0 5px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.listV {
  /*垂直列表;*/
  /*flex-direction: column;*/
}

.listH,
.listH > li {
  /*水平列表 排成一行;*/
  flex-wrap: nowrap;
  display: flex;
  flex-direction: row;
}

.listH > li > span {
  width: 100px;
}

.t-list > li:hover {
  background-color: #406fb6;
}

.group > li:hover {
  background-color: transparent;
}

.t-list-dir > li:hover {
  background-color: #406fb6;
}

.t-list-dir {
  /*目录列表:有.的名称，说明的列表*/
  width: 250px;
  height: 326px;
  margin-left: -5px;
  margin-top: 25px;
  color: #000;
  list-style: disc;
  background: #fff;
  border-radius: 0 30px 0 4px;
  z-index: 9;
  padding: 32px 20px 0 32px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.t-list-dir > li {
  /*目录列表:有.的名称，说明的列表*/
  list-style: disc;
  text-align: left;
}

.t-list-dir > li > div:first-child {
  /*名称*/
  height: 24px;
  font-size: 16px;
  font-weight: 400;
  color: #000;
  line-height: 24px;
}

.t-list-dir > li > div:last-child {
  /*说明*/
  font-size: 12px;
  text-align: left;
  font-weight: 400;
  color: #8f94a5;
  line-height: 20px;
}

.t-list-turnover {
  /*翻牌列表*/
  display: none;
}

.turnoverItem {
  /*翻牌 背面   
    left: 0;*/
  z-index: 1;
  width: 240px;
  height: 328px;
  border-radius: 4px;
  color: #fff;
  padding: 10px;
  background: -webkit-linear-gradient(226deg, #0f81fe, #0f5aff);
  background: linear-gradient(224deg, #0f81fe, #0f5aff);
  -webkit-transition: height 0.15s linear, top 0.15s linear,
    -webkit-box-shadow 0.2s linear;
  transition: height 0.15s linear, top 0.15s linear,
    -webkit-box-shadow 0.2s linear;
  transition: box-shadow 0.2s linear, height 0.15s linear, top 0.15s linear;
  transition: box-shadow 0.2s linear, height 0.15s linear, top 0.15s linear,
    -webkit-box-shadow 0.2s linear;
}

.turnoverItem p,
.turnoverItem div {
  color: #fff;
  margin-top: 20px;
}

.turnoverItem .button {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 140px auto 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 120px;
  height: 40px;
  line-height: 40px;
  margin-bottom: 20px;
  border-radius: 4px;
  border: 1px solid hsla(0, 0%, 100%, 0.7);
  text-align: center;
  font-size: 14px;
  cursor: pointer;
  font-weight: 400;
  -webkit-transition: all 0.12s linear;
  transition: all 0.12s linear;
  letter-spacing: 1px;
  color: #fff;
  text-shadow: 0 2px 33px rgb(15 89 254 / 37%);
}

.turnoverItem .button span + div {
  background: url(http://img.ttyu.net/arrowright.png);
  width: 25px;
  height: 30px;
  margin-top: -10px;
}

.row_left {
  /*排成一行;直线型,不换行,从左排列*/
  justify-content: left;
}

.row_right {
  /*排成一行;直线型,不换行,从右排列*/
  justify-content: right;
}

.row_between {
  /*排成一行;直线型,不换行,左右对齐,中间自动留空 自动拉伸*/
  justify-content: space-between;
}

.row_left > li,
.row_right > li,
.row_between > li {
  /*每个元素与列表的等高*/
  height: 100%;
}
/* 网格列表 */
/*.t-grid{
    position: relative; overflow:auto;
    padding: 5px;
    font-size: 0;
    color: white;
    z-index: 2;
    border: 1px solid #cccccc;
    background-color: white;
    width: 350px;
}
.t-grid>li{
    margin: 3px;
    padding: 3px;
    display: inline-block;border:0px!important; color:#000;
    width: 106px;
    overflow: hidden;
    height: 80px;
    font-size: 12px;
    text-align: justify;
    line-height: 1.5;
    background: #f5f5f5;
}
.t-grid>li:hover,.t-grid li:hover{
    background-color:#a59d9d; border:2px;
}
.t-grid>li img,.t-list>li img{    
    width:200px;height:200px; margin-top:10px; text-align:center; vertical-align:middle;
}*/
/* 段落 
.t-p{
    padding: 3px;
    text-indent: 12px;
    position: relative;
    text-align: justify;
    width: 200px;
    line-height: 1.5;
    height: 100px;
    overflow: hidden;
    word-wrap:break-word;
}*/

/* 头像 */
.t-portrait {
  position: relative;
  height: 100px;
  width: 100px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
/* 容器 */
.t-container,
.t-block {
  position: relative;
  width: 100%;
  min-width: 60px;
  height: 40px;
  min-height: 30px;
  background: #fff;
  max-height: 800px;
  padding: 5px 0 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/* 面板边框 */
.t-border {
  border: 1px solid #cccccc;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 400px;
  height: 200px;
  background: #f8f8ff;
  box-sizing: border-box;
  position: relative;
  -webkit-border-radius: 1%;
  -moz-border-radius: 1%;
  border-radius: 1%;
  /*margin: 0 auto; 水平居中*/
  /*top: 40%; 偏移*/
  /*margin-top: -200px;*/
}
/* 盒子:居中,其中的按钮是等长水平居中*/
.box {
  border: 1px solid #cccccc;
  width: 40%;
  margin: auto;
  max-width: 280px !important;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  background: #f8f8ff;
  min-height: 250px;
  box-sizing: border-box;
  position: relative;
  -webkit-border-radius: 1%;
  -moz-border-radius: 1%;
  border-radius: 8px;
  padding-top: 20px;
}

.box > button {
  margin-top: 20px !important;
  margin-left: 10px !important;
  margin-right: 10px !important;
  width: 100% !important;
  min-height: 40px;
  text-align: center;
  background: #337ab7;
}
/*.box span,.box label{
    background-color:transparent!important;
}*/

.modal .t-title,
.editPage .t-title {
  background-color: #eee;
  line-height: 35px;
  height: 35px; /* F5F5F7 */
}

.modal-body > .t-ztree {
  height: 360px;
}

.t-title > span {
  margin-left: 10px;
}

.t-title > div {
  text-align: right;
  float: right;
  margin-right: 5px;
}

.t-title > button {
  /*text-align:right; float:right;*/
  margin-right: 5px;
  margin-top: 5px;
  width: 70px;
  height: 30px;
  font-size: 11px;
  font-family: "宋体";
  padding: 0 10px;
  text-align: center;
  margin-left: auto;
  background-color: rgba(204, 204, 204, 1);
  color: #fff;
  outline: none;
  cursor: pointer;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 0;
}

button:hover,
.t-title > div:hover {
  /* 按钮滑过样式 */
  background-color: #ddd;
  color: #000;
}
/* 角标 */
.t-corner {
  position: relative;
  padding: 5px;
  min-width: 40px;
  text-align: center;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: rgba(255, 145, 36, 0.72);
  color: white;
  font-weight: bold;
}

/* 直线 */
.t-line {
  position: relative;
  width: 300px;
  margin: 0;
  border-top: 1px solid #000;
}

/* input */
.t-input {
  position: relative;
  font-family: "宋体";
  height: 35px;
  font-size: 14px;
  text-indent: 5px;
  width: 200px;
  outline: none;
  border: 1px solid #cccccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.t-inputs {
  position: relative;
  width: 300px;
  height: 35px;
}

.t-inputs > .t-input {
  left: 50px;
}

input {
  -moz-appearance: textfield;
}
/* 日期控件去掉上下箭头 */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  margin: 0;
}
/* 表单组width: 100%; */
.form {
  display: flex;
  padding: 10px;
  padding-top: 0px;
  overflow: hidden;
  background-color: #f5f5f7;
}

.imgText > .img {
  width: 30%;
}

.imgText > .text {
  width: 70%;
}

.t-form {
  display: flex;
  padding: 10px;
  padding-top: 0px;
  flex-wrap: wrap;
  overflow: auto;
  background-color: #f5f5f7;
  max-height: 92%;
}

.t-form > div {
  margin-top: 5px;
}

.t-form > div > span:nth-child(2) {
  margin-top: 10px;
}

.t-form span:empty {
  width: 0px;
}
/* 编辑表单 
.editPage>.t-form,.t-body>.t-form{
    padding-left: 40px; display:block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}*/
.editPage > .t-form {
  /*height: calc(100% - 70px);*/
}

.t-form > div input[type="radio"],
.t-form > div input[type="checkbox"],
.t-form > div input[type="checkbox"],
.t-form > div + div input[type="checkbox"],
.t-form > div + div + div input[type="checkbox"] {
  width: 15px !important;
  margin-top: -0px !important;
}

.t-form > div > textarea {
  line-height: 1.5; /*height:100px*/
}

/*.t-form+.t-btns{text-align:center;}top: auto;bottom: 45px; */

.c1 {
  width: 10% !important;
}

.c2 {
  width: 20% !important;
}

.c3 {
  width: 30% !important;
}

.c4 {
  width: 40% !important;
}

.c5 {
  width: 50% !important;
}

.c6 {
  width: 60% !important;
}

.c7 {
  width: 70% !important;
}

.c8 {
  width: 80% !important;
}

.c9 {
  width: 90% !important;
}

.c10 {
  width: 100% !important;
}

.c1 > span:nth-child(1n + 2),
.c2 > span:nth-child(1n + 2),
.c3 > span:nth-child(1n + 2),
.c4 > span:nth-child(1n + 2),
.c5 > span:nth-child(1n + 2),
.c6 > span:nth-child(1n + 2),
.c7 > span:nth-child(1n + 2),
.c8 > span:nth-child(1n + 2):nth-child(1n + 2),
.c9 > span:nth-child(1n + 2):nth-child(1n + 2),
.c10 > span:nth-child(1n + 2) {
  width: calc(100% - 75px);
}
/*跳过第一个孩子*/

/*一行一个 共16行*/
.col01,
.col11,
.col21,
.col31,
.col41,
.col51,
.col61,
.col71,
.col81,
.col91,
.col101,
.col111,
.col121,
.col131,
.col141,
.col151,
.col161,
.col171,
.col181,
.col191,
.col201,
.col211,
.col221,
.col231,
.col241,
.col251 {
  width: 100%;
}
/*一行二个 共16行*/
.col02,
.col12,
.col22,
.col32,
.col42,
.col52,
.col62,
.col72,
.col82,
.col92,
.col102,
.col112,
.col122,
.col132,
.col142,
.col152 {
  width: 50%;
}

.col02 + div,
.col12 + div,
.col22 + div,
.col32 + div,
.col42 + div,
.col52 + div,
.col62 + div,
.col72 + div,
.col82 + div,
.col92 + div,
.col102 + div,
.col112 + div,
.col122 + div,
.col132 + div,
.col142 + div,
.col152 + div {
  width: 50%;
}
/*一行三个 共16行*/
.col03,
.col13,
.col23,
.col33,
.col43,
.col53,
.col63,
.col73,
.col83,
.col93,
.col103,
.col113,
.col123,
.col133,
.col143,
.col153 {
  width: 33.3333%;
}

.col03 + div,
.col13 + div,
.col23 + div,
.col3 + div3 + div,
.col33 + div,
.col33 + div + div,
.col43 + div,
.col53 + div,
.col63 + div,
.col73 + div,
.col83 + div,
.col93 + div,
.col103 + div,
.col113 + div,
.col123 + div,
.col133 + div3 + div,
.col143 + div,
.col153 + div {
  width: 33.3333%;
}

.col03 + div + div,
.col13 + div + div,
.col23 + div + div,
.col3 + div + div3 + div + div,
.col43 + div + div,
.col53 + div + div,
.col63 + div + div,
.col73 + div + div,
.col83 + div + div,
.col93 + div + div,
.col103 + div + div,
.col113 + div + div,
.col123 + div + div,
.col133 + div + div3 + div + div,
.col143 + div + div,
.col153 + div + div {
  width: 33.3333%;
}
/*一行四个 共16行*/
.col04,
.col14,
.col24,
.col34,
.col44,
.col54,
.col64,
.col74,
.col84,
.col94,
.col04,
.col14,
.col24,
.col34,
.col44,
.col54 {
  width: 25%;
}

.col04 + div,
.col14 + div,
.col24 + div,
.col34 + div,
.col44 + div,
.col54 + div,
.col64 + div,
.col74 + div,
.col84 + div,
.col94 + div,
.col04 + div,
.col14 + div,
.col24 + div,
.col34 + div,
.col44 + div,
.col54 + div {
  width: 25%;
}

.col04 + div + div,
.col14 + div + div,
.col24 + div + div,
.col34 + div + div,
.col4 + div + div4 + div + div,
.col54 + div + div,
.col64 + div + div,
.col74 + div + div,
.col84 + div + div,
.col94 + div + div,
.col104 + div + div,
.col114 + div + div,
.col124 + div + div,
.col134 + div + div,
.col144 + div + div4 + div + div,
.col154 + div + div {
  width: 25%;
}

.col04 + div + div + div,
.col14 + div + div + div,
.col24 + div + div + div,
.col34 + div + div + div,
.col4 + div + div + div4 + div + div + div,
.col54 + div + div + div,
.col64 + div + div + div,
.col74 + div + div + div,
.col84 + div + div + div,
.col94 + div + div + div,
.col104 + div + div + div,
.col114 + div + div + div,
.col124 + div + div + div,
.col134 + div + div + div,
.col144 + div + div + div4 + div + div + div,
.col154 + div + div + div {
  width: 25%;
}
/*一行五 共16行*/
.col05,
.col15,
.col25,
.col35,
.col45,
.col55,
.col65,
.col75,
.col85,
.col95,
.col05,
.col15,
.col25,
.col35,
.col45,
.col55 {
  width: 20%;
}

.col05 + div,
.col15 + div,
.col25 + div,
.col35 + div,
.col45 + div,
.col5 + div5 + div,
.col65 + div,
.col75 + div,
.col85 + div,
.col95 + div,
.col05 + div,
.col115 + div,
.col125 + div,
.col135 + div,
.col145 + div,
.col155 + div5 + div {
  width: 20%;
}

.col05 + div + div,
.col15 + div + div,
.col25 + div + div,
.col35 + div + div,
.col45 + div + div,
.col5 + div + div5 + div + div,
.col65 + div + div,
.col75 + div + div,
.col85 + div + div,
.col95 + div + div,
.col105 + div + div,
.col115 + div + div,
.col125 + div + div,
.col135 + div + div,
.col145 + div + div,
.col155 + div + div5 + div + div {
  width: 20%;
}

.col05 + div + div + div,
.col15 + div + div + div,
.col25 + div + div + div,
.col35 + div + div + div,
.col45 + div + div + div,
.col5 + div + div + div5 + div + div + div,
.col65 + div + div + div,
.col75 + div + div + div,
.col85 + div + div + div,
.col95 + div + div + div,
.col105 + div + div + div,
.col115 + div + div + div,
.col125 + div + div + div,
.col135 + div + div + div,
.col145 + div + div + div,
.col155 + div + div + div5 + div + div + div {
  width: 20%;
}

.col05 + div + div + div + div,
.col15 + div + div + div + div,
.col25 + div + div + div + div,
.col35 + div + div + div + div,
.col45 + div + div + div + div,
.col5 + div + div + div + div5 + div + div + div + div,
.col65 + div + div + div + div,
.col75 + div + div + div + div,
.col85 + div + div + div + div,
.col95 + div + div + div + div,
.col105 + div + div + div + div,
.col115 + div + div + div + div,
.col125 + div + div + div + div,
.col135 + div + div + div + div,
.col145 + div + div + div + div,
.col155 + div + div + div + div5 + div + div + div + div {
  width: 20%;
}
/*一行六个 共16行*/
.col06,
.col16,
.col26,
.col36,
.col46,
.col56,
.col66,
.col76,
.col86,
.col96,
.col06,
.col66,
.col26,
.col36,
.col46,
.col56 {
  width: 16.66%;
}

.col06 + div,
.col16 + div,
.col26 + div,
.col36 + div,
.col46 + div,
.col56 + div,
.col6 + div6 + div,
.col76 + div,
.col86 + div,
.col96 + div,
.col06 + div,
.col6 + div6 + div,
.col26 + div,
.col36 + div,
.col46 + div,
.col56 + div {
  width: 16.66%;
}

.col06 + div + div,
.col16 + div + div,
.col26 + div + div,
.col36 + div + div,
.col46 + div + div,
.col56 + div + div,
.col6 + div + div6 + div + div,
.col76 + div + div,
.col86 + div + div,
.col96 + div + div,
.col106 + div + div,
.col116 + div + div6 + div + div,
.col126 + div + div,
.col136 + div + div,
.col146 + div + div,
.col156 + div + div {
  width: 16.66%;
}

.col06 + div + div + div,
.col16 + div + div + div,
.col26 + div + div + div,
.col36 + div + div + div,
.col46 + div + div + div,
.col56 + div + div + div,
.col6 + div + div + div6 + div + div + div,
.col76 + div + div + div,
.col86 + div + div + div,
.col96 + div + div + div,
.col106 + div + div + div,
.col116 + div + div + div6 + div + div + div,
.col126 + div + div + div,
.col136 + div + div + div,
.col146 + div + div + div,
.col156 + div + div + div {
  width: 16.66%;
}

.col06 + div + div + div + div,
.col16 + div + div + div + div,
.col26 + div + div + div + div,
.col36 + div + div + div + div,
.col46 + div + div + div + div,
.col56 + div + div + div + div,
.col6 + div + div + div + div6 + div + div + div + div,
.col76 + div + div + div + div,
.col86 + div + div + div + div,
.col96 + div + div + div + div,
.col106 + div + div + div + div,
.col116 + div + div + div + div6 + div + div + div + div,
.col126 + div + div + div + div,
.col136 + div + div + div + div,
.col146 + div + div + div + div,
.col156 + div + div + div + div {
  width: 16.66%;
}

.col06 + div + div + div + div + div,
.col16 + div + div + div + div + div,
.col26 + div + div + div + div + div,
.col36 + div + div + div + div + div,
.col46 + div + div + div + div + div,
.col56 + div + div + div + div + div,
.col6 + div + div + div + div + div6 + div + div + div + div + div,
.col76 + div + div + div + div + div,
.col86 + div + div + div + div + div,
.col96 + div + div + div + div + div,
.col106 + div + div + div + div + div,
.col116 + div + div + div + div + div6 + div + div + div + div + div,
.col126 + div + div + div + div + div,
.col136 + div + div + div + div + div,
.col146 + div + div + div + div + div,
.col156 + div + div + div + div + div {
  width: 16.66%;
}
/*一行七个 共16行*/
.col07,
.col17,
.col27,
.col37,
.col47,
.col57,
.col67,
.col77,
.col87,
.col97,
.col107,
.col177,
.col127,
.col137,
.col147,
.col157 {
  width: 14.28%;
}

.col07 + div,
.col17 + div,
.col27 + div,
.col37 + div,
.col47 + div,
.col57 + div,
.col67 + div,
.col7 + div7 + div,
.col87 + div,
.col97 + div,
.col107 + div,
.col117 + div7 + div,
.col127 + div,
.col137 + div,
.col147 + div,
.col157 + div {
  width: 14.28%;
}

.col07 + div + div,
.col17 + div + div,
.col27 + div + div,
.col37 + div + div,
.col47 + div + div,
.col57 + div + div,
.col67 + div + div,
.col7 + div + div7 + div + div,
.col87 + div + div,
.col97 + div + div,
.col107 + div + div,
.col117 + div + div7 + div + div,
.col127 + div + div,
.col137 + div + div,
.col147 + div + div,
.col157 + div + div {
  width: 14.28%;
}

.col07 + div + div + div,
.col17 + div + div + div,
.col27 + div + div + div,
.col37 + div + div + div,
.col47 + div + div + div,
.col57 + div + div + div,
.col67 + div + div + div,
.col7 + div + div + div7 + div + div + div,
.col87 + div + div + div,
.col97 + div + div + div,
.col107 + div + div + div,
.col117 + div + div + div7 + div + div + div,
.col127 + div + div + div,
.col137 + div + div + div,
.col47 + div + div + div,
.col157 + div + div + div {
  width: 14.28%;
}

.col07 + div + div + div + div,
.col17 + div + div + div + div,
.col27 + div + div + div + div,
.col37 + div + div + div + div,
.col47 + div + div + div + div,
.col57 + div + div + div + div,
.col67 + div + div + div + div,
.col7 + div + div + div + div7 + div + div + div + div,
.col87 + div + div + div + div,
.col97 + div + div + div + div,
.col107 + div + div + div + div,
.col117 + div + div + div + div7 + div + div + div + div,
.col127 + div + div + div + div,
.col137 + div + div + div + div,
.col147 + div + div + div + div,
.col157 + div + div + div + div {
  width: 14.28%;
}

.col07 + div + div + div + div + div,
.col17 + div + div + div + div + div,
.col27 + div + div + div + div + div,
.col37 + div + div + div + div + div,
.col47 + div + div + div + div + div,
.col57 + div + div + div + div + div,
.col67 + div + div + div + div + div,
.col7 + div + div + div + div + div7 + div + div + div + div + div,
.col87 + div + div + div + div + div,
.col97 + div + div + div + div + div,
.col107 + div + div + div + div + div,
.col117 + div + div + div + div + div7 + div + div + div + div + div,
.col127 + div + div + div + div + div,
.col137 + div + div + div + div + div,
.col147 + div + div + div + div + div,
.col157 + div + div + div + div + div {
  width: 14.28%;
}

.col07 + div + div + div + div + div + div,
.col17 + div + div + div + div + div + div,
.col27 + div + div + div + div + div + div,
.col37 + div + div + div + div + div + div,
.col47 + div + div + div + div + div + div,
.col57 + div + div + div + div + div + div,
.col67 + div + div + div + div + div + div,
.col7 + div + div + div + div + div + div7 + div + div + div + div + div + div,
.col87 + div + div + div + div + div + div,
.col97 + div + div + div + div + div + div,
.col107 + div + div + div + div + div + div,
.col117
  + div
  + div
  + div
  + div
  + div
  + div7
  + div
  + div
  + div
  + div
  + div
  + div,
.col127 + div + div + div + div + div + div,
.col137 + div + div + div + div + div + div,
.col147 + div + div + div + div + div + div,
.col157 + div + div + div + div + div + div {
  width: 14.28%;
}
/*一行八个 共16行*/
.col08,
.col18,
.col28,
.col38,
.col48,
.col58,
.col68,
.col78,
.col88,
.col98,
.col108,
.col118,
.col128,
.col138,
.col148,
.col158 {
  width: 12.5%;
}

.col08 + div,
.col18 + div,
.col28 + div,
.col38 + div,
.col48 + div,
.col58 + div,
.col68 + div,
.col78 + div,
.col8 + div8 + div,
.col98 + div,
.col108 + div,
.col118 + div8 + div,
.col128 + div,
.col138 + div,
.col148 + div,
.col158 + div {
  width: 12.5%;
}

.col08 + div + div,
.col18 + div + div,
.col28 + div + div,
.col38 + div + div,
.col48 + div + div,
.col58 + div + div,
.col68 + div + div,
.col78 + div + div,
.col8 + div + div8 + div + div,
.col98 + div + div,
.col108 + div + div,
.col118 + div + div8 + div + div,
.col128 + div + div,
.col138 + div + div,
.col148 + div + div,
.col158 + div + div {
  width: 12.5%;
}

.col08 + div + div + div,
.col18 + div + div + div,
.col28 + div + div + div,
.col38 + div + div + div,
.col48 + div + div + div,
.col58 + div + div + div,
.col68 + div + div + div,
.col78 + div + div + div,
.col8 + div + div + div8 + div + div + div,
.col98 + div + div + div,
.col108 + div + div + div,
.co11l8 + div + div + div8 + div + div + div,
.col128 + div + div + div,
.col138 + div + div + div,
.col148 + div + div + div,
.col158 + div + div + div {
  width: 12.5%;
}

.col08 + div + div + div + div,
.col18 + div + div + div + div,
.col28 + div + div + div + div,
.col38 + div + div + div + div,
.col48 + div + div + div + div,
.col58 + div + div + div + div,
.col68 + div + div + div + div,
.col78 + div + div + div + div,
.col8 + div + div + div + div8 + div + div + div + div,
.col98 + div + div + div + div,
.col108 + div + div + div + div,
.col118 + div + div + div + div8 + div + div + div + div,
.col128 + div + div + div + div,
.col138 + div + div + div + div,
.col148 + div + div + div + div,
.col158 + div + div + div + div {
  width: 12.5%;
}

.col08 + div + div + div + div + div,
.col18 + div + div + div + div + div,
.col28 + div + div + div + div + div,
.col38 + div + div + div + div + div,
.col48 + div + div + div + div + div,
.col58 + div + div + div + div + div,
.col68 + div + div + div + div + div,
.col78 + div + div + div + div + div,
.col8 + div + div + div + div + div8 + div + div + div + div + div,
.col98 + div + div + div + div + div,
.col108 + div + div + div + div + div,
.col118 + div + div + div + div + div8 + div + div + div + div + div,
.col128 + div + div + div + div + div,
.col138 + div + div + div + div + div,
.col148 + div + div + div + div + div,
.col158 + div + div + div + div + div {
  width: 12.5%;
}

.col08 + div + div + div + div + div + div,
.col18 + div + div + div + div + div + div,
.col28 + div + div + div + div + div + div,
.col38 + div + div + div + div + div + div,
.col48 + div + div + div + div + div + div,
.col58 + div + div + div + div + div + div,
.col68 + div + div + div + div + div + div,
.col78 + div + div + div + div + div + div,
.col8 + div + div + div + div + div + div8 + div + div + div + div + div + div,
.col98 + div + div + div + div + div + div,
.col108 + div + div + div + div + div + div,
.col118
  + div
  + div
  + div
  + div
  + div
  + div8
  + div
  + div
  + div
  + div
  + div
  + div,
.col128 + div + div + div + div + div + div,
.col138 + div + div + div + div + div + div,
.col148 + div + div + div + div + div + div,
.col158 + div + div + div + div + div + div {
  width: 12.5%;
}

.col08 + div + div + div + div + div + div + div,
.col18 + div + div + div + div + div + div + div,
.col28 + div + div + div + div + div + div + div,
.col38 + div + div + div + div + div + div + div,
.col48 + div + div + div + div + div + div + div,
.col58 + div + div + div + div + div + div + div,
.col68 + div + div + div + div + div + div + div,
.col78 + div + div + div + div + div + div + div,
.col8
  + div
  + div
  + div
  + div
  + div
  + div
  + div8
  + div
  + div
  + div
  + div
  + div
  + div
  + div,
.col98 + div + div + div + div + div + div + div,
.col108 + div + div + div + div + div + div + div,
.col118
  + div
  + div
  + div
  + div
  + div
  + div
  + div8
  + div
  + div
  + div
  + div
  + div
  + div
  + div,
.col128 + div + div + div + div + div + div + div,
.col138 + div + div + div + div + div + div + div,
.col148 + div + div + div + div + div + div + div,
.col158 + div + div + div + div + div + div + div {
  width: 12.5%;
}

.t-form span {
  margin: 0;
  float: left;
  margin-top: 5px;
  padding: 0 2px;
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  /*  text-overflow:ellipsis; line-height: 30px; */
  white-space: pre-wrap;
  background-color: #f5f5f7;
  text-align: left;
  height: 30px;
  width: 75px;
  color: #333;
}

.t-form input + span {
  width: 0px;
}

.t-form input,
.t-form textarea,
.t-form select {
  display: inline-block;
  margin: 0;
  width: calc(100% - 75px);
  min-width: 100px !important;
  height: 35px;
  /* line-height: 35px;*/
  outline: none;
  border: 1px solid #cccccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  box-sizing: border-box;
  text-indent: 12px;
  text-align: left;
  resize: none;
  color: #333;
}
    .t-form input[type="checkbox"],
    input[type="radio"] {
        width: 18px;
        min-width: 15px !important;
        min-height: 15px !important;
        height: 18px;
    }
.t-form textarea {
  text-indent: 0;
}

.t-form input + i {
  display: inline-block;
  height: 30px;
  width: 40px;
  position: relative;
  top: -3px;
  text-align: center;
  line-height: 20px;
  right: 45px;
  border-left: 1px solid #cccccc;
  cursor: pointer;
}
/* 缩略图 */

.t-thumbnail {
  position: relative;
  top: 350px;
  left: 50px;
  border: 1px solid #cccccc;
  padding: 5px;
  width: 50%;
}

.t-thumbnail > li {
  background-color: coral;
  margin: 5px 0;
  padding: 5px 0;
}

.t-thumbnail > li > img {
  width: 50px;
  height: 50px;
  vertical-align: super;
  margin-left: 5px;
}

.t-thumbnail > li > div {
  display: inline-block;
  width: 75%;
  line-height: 1.5;
  font-size: 16px;
  margin-left: 10px;
  color: white;
}

.t-thumbnail > li > div > h5 {
  height: 20px;
  text-align: center;
  overflow: hidden;
  line-height: 20px;
}

.t-thumbnail > li > div > p {
  font-size: 12px;
  margin: 5px 12px;
  height: 36px;
  overflow: hidden;
}

/* 标签页切换 */
.t-tabs {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 400px;
  min-height: 40px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  max-height: 100%;
}

.t-tabs .header {
  height: 40px;
}

.listH > .header > ul > li,
.t-tabs > .header ul > li {
  height: 40px;
  display: flex;
  flex: 1;
  justify-content: center; /* 水平居中 */
  align-items: center; /* 垂直居中 */
}

/* .t-tabs>.header>ul>.active{ margin:0 auto;}*/
.t-tabs > ul,
.t-tabs > div > ul {
  width: 100%;
  height: 40px;
  background-color: #f0f0f0;
  color: black;
}

.t-tabs > .header img {
  height: 30px;
}
/*.t-tabs>ul>li,.t-tabs>div>ul>li{
    display: inline-block;width: 100px;
    -webkit-box-sizing: border-box;white-space:nowrap;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}*/
/*.t-tabs>ul>li:nth-child(1),.t-tabs>div>ul>li:nth-child(1){
   border-bottom:0 solid #F5F5F7;
}*/
.t-tabs > .items > div {
  /*border: 1px solid #cccccc;margin-top:3px;width: calc(100% - 6px);margin-left:3px;  */
  min-height: 260px;
  display: none;
}

.t-tabs > .items > div:first-child {
  display: block;
}
/*.t-tabs>.items>div:not(first-child()){
   display: none;
}
..t-tabs>div:nth-child(2){display: block}
t-tabs>div:nth-child(1){display: block;}*/
/*.t-tabs>ul>.active,.t-tabs .active{background-color: white;color:black;font-weight:bold;border: 1px solid #cccccc; border-bottom: none}*/

.bottomLine,
.bottomLine > li,
.bottomLine > div > ul > li {
  border-bottom: 1px solid #cccccc;
}

.bottomLine .active {
  border-bottom: 2px solid blue;
}

.t-tabs > .items {
  width: 100%;
  display: block !important;
  height: calc(100% - 40px);
  overflow: auto;
}
/*tabPark  .tabPark:focus .t-tabs>.items>div:nth-child(n){ background:red}*/
.tabParkParent {
  border-bottom: none !important;
}

.tabPark {
  border-bottom: none !important;
}

.tabPark > li {
  border: 1px solid #cccccc;
}

.tabPark .active {
  border-bottom: none;
  background: #fff;
  border-top: 2 solid #cccccc;
}

.tabParkItem {
  border: 1px solid #cccccc;
  border-top: none;
  margin-top: -2px;
  background: #fff;
}
/* 标题栏(容器) 
*/
.header,
.t-title {
  display: flex;
  white-space: nowrap;
  width: 100%;
  height: 40px;
  line-height: 40px;
  min-height: 30px;
  text-align: left;
  border: 1px solid #cccccc;
  padding-left: 5px;
  background-color: #e9ebec;
  color: #000;
  font-size: 13px;
  z-index: 999;
  font-weight: bold;
  overflow: hidden; /*align-items: center;margin:0 auto;居中;*/
}

.header {
  background: #f0f0f0;
  font-weight: 500;
}

.treeTool > .header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.treeTool > .header:hover {
  background-color: #dddddd;
}

.treeTool > .header > .right {
  height: 100%;
  display: flex;
  justify-content: left;
  align-items: center;
}

.header img {
  width: 40px;
  height: 40px;
}

.header > ul {
  overflow-y: hidden;
  overflow-x: auto;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}

.header span {
  margin-left: 8px;
}

.tabsRow {
  display: flex;
}
/*按行排列的tabs*/
.tabsRow > .header {
  height: 100%;
  width: 25%;
  display: block;
}
/*按行排列的tabs*/
.tabsRow > .header > ul {
  height: 100%;
  width: 100%;
  display: block;
}

.tabsRow > .header > ul > li {
  height: 40px;
  width: 100%;
  display: block;
  text-align: left;
}

.tabsRow > .items {
  height: 100%;
  width: 75%;
}
/*按行排列的tabs*/
.tabsRow > .items > .item {
  height: 100%;
  width: 100%;
}

/* 视频 */
#video1 {
  width: 450px;
  height: 300px;
  position: relative;
}

.t-check {
  width: 15px;
  margin: 0;
  position: relative;
}

input[type="checkbox"] {
  margin: 0;
  width: 20px;
  height: 20px;
}
/* 表格 */
.t-table {
  padding-top: 0px;
  padding-bottom: 2px;
  padding-left: 2px;
  padding-right: 2px;
  min-height: 100px;
  position: relative;
  width: 100%;
  overflow: auto;
}

.t-table thead {
  background-color: #f5f5f7;
  height: 35px !important;
}

.table > tbody > tr > td,
.table > thead > tr > th {
  padding: 0;
  height: 35px;
  vertical-align: middle;
  color: #333;
}

.w1 {
  width: 30px !important;
  text-align: center;
}

.w2 {
  width: 60px !important;
}

.w3 {
  width: 70px !important;
}

.w4 {
  width: 80px !important;
}

.td-two {
  text-align: center;
  width: 70px !important;
  cursor: pointer;
}

.th2,
.th-two {
  text-align: center;
  width: 120px !important;
}

.th2 > span,
.td-two > span {
  cursor: pointer;
  white-space: nowrap;
  text-align: center;
  margin-left: 5px;
}

.td-three {
  text-align: center;
  color: Blue;
  width: 100px !important;
  white-space: nowrap;
  cursor: pointer;
}

.th3,
.th-three {
  text-align: center;
  width: 150px !important;
  white-space: nowrap;
}

.td-four {
  text-align: center;
  color: Blue;
  white-space: nowrap;
  width: 160px !important;
  cursor: pointer;
}

.th4,
.th-four {
  text-align: center;
  width: 160px !important;
  white-space: nowrap;
}

.th4,
.td-four > span:nth-child(2),
.td-four > span:nth-child(3),
.td-four > span:nth-child(4) {
  margin-left: 5px;
}

.td-five {
  text-align: center;
  white-space: nowrap;
  width: 190px !important;
  cursor: pointer;
}

.th5,
.th-five {
  text-align: center;
  width: 190px !important;
  white-space: nowrap;
}

.th5,
.td-five > span:nth-child(2),
.td-five > span:nth-child(3),
.td-five > span:nth-child(4),
.td-five > span:nth-child(5) {
  margin-left: 5px;
}

.th6 {
  text-align: center;
  cursor: pointer;
  width: 320px !important;
  white-space: nowrap;
}

.th6 > span {
  margin-left: 2px;
}

.td-center {
  text-align: center;
  width: 35px;
  cursor: pointer;
}

td > input[type="checkbox"] {
  text-align: center;
}

.th-edit {
  text-align: center;
  width: 35px;
}

.t-edid,
.t-edit {
  text-align: center;
  width: 60px;
  cursor: pointer;
}

.t-edit:hover,
.t-edid:hover,
.td-two > span:hover,
.td-three > span:hover,
.td-four > span:hover {
  color: blue;
}

td input,
td select {
  width: 100% !important;
  height: 100%;
  border: none;
  outline: none;
  text-indent: 12px;
}

td input[type="checkbox"],
th input[type="checkbox"],
td input[type="radio"],
th input[type="radio"] {
  width: 20px !important;
  height: 20px !important;
  max-width: 20px !important;
  max-height: 20px !important;
}

td button {
  position: static;
  cursor: pointer;
}

td > span {
  position: static;
  color: blue;
}
/* 表格分页*/
.t-table+.page {
  background-color: #f0f0f0;
  display: flex;
  justify-content: flex-end;
  width: 100% !important;
  height: 35px;
  position: absolute;
  bottom: 0px !important;
}

.page > ul {
  padding: 10px 5px 5px 10px;
  cursor: pointer;
  display: flex;
}

.page > ul > li {
  display: inline-block;
  margin: 0 3px;
  vertical-align: middle;
  color: #000;
}

.page > ul > li > select {
  width: 60px;
  height: 20px;
  border: 1px solid #3978d5;
  margin-top: -3px;
}

.page > ul > li > input {
  width: 40px;
  min-width: 40px;
  height: 20px;
  border: 1px solid #3978d5;
  text-align: left;
  margin-top: -3px;
}

.page > ul > li[name] {
  color: #666666;
}

.page > ul > li:last-child {
  float: right;
}

.toPage {
  display: flex;
  justify-content: flex-end;
  -moz-box-align: center;
  align-items: center;
  text-align: center;
  float: right;
  font-size: 14px;
  width: auto;
  height: 30px !important;
  border: none;
  background: #fff;
}

.toPage > select {
  width: 60px !important;
  margin-top: 0px;
  height: 30px;
}

.toPage > span {
  width: 60px;
  background-color: transparent;
  color: var(--color-text-1);
}

.toPage > ul {
  display: flex;
  height: 32px;
  line-height: 32px;
  font-size: 14px;
  background-color: transparent;
  border: 0 solid transparent;
  border-radius: var(--border-radius-small);
  color: var(--color-text-2);
  outline: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.toPage > ul > li {
  width: 32px !important;
  height: 100% !important;
  border: solid 1px #ddd;
  text-align: center;
  vertical-align: middle;
  margin-left: 0px;
}

.papage .pageJumperPrev {
}

.page-item-prev {
  margin-right: 8px;
}

.page-disabled {
  cursor: not-allowed;
}

.page-item-disabled {
}

.pageotal-text {
}

.pagege-item-disabled {
  cursor: not-allowed;
  background-color: transparent;
  color: var(--color-text-4);
  border-color: transparent;
}

.page-disabled .page-item,
.page-disabled
  .page-item:not(.page-item-disabled):not(.page-item-active):hover {
  cursor: not-allowed;
  background-color: transparent;
  border-color: transparent;
  color: var(--color-text-4);
}

.page.page-disabled .page-item-active {
  background-color: var(--color-fill-1);
  border-color: transparent;
  color: var(--color-primary-light-3);
}

.page-item:not(.page-item-disabled):not(.page-item-active):hover {
  background-color: #dddddd;
  border-color: green;
  color: green;
}

.page-item-active {
  -webkit-transition: color 0.2s linear, background-color 0.2s linear;
  transition: color 0.2s linear, background-color 0.2s linear;
  color: #fff;
  background-color: #0f59fe; /* var(--color-primary-light-1);rgb(var(--primary-6))*/
  border-color: transparent;
}

.page-item:not(:last-child) {
  margin-right: 8px;
}

.page-item-next,
.page-item-prev {
  font-size: 12px;
  color: var(--color-text-2);
  background-color: transparent;
}

.page-item-next:not(.page-item-disabled):hover,
.page-item-prev:not(.page-item-disabled):hover {
  background-color: var(--color-fill-1);
  color: rgb(var(--primary-6));
}

.page-item-next:after,
.page-item-prev:after {
  display: inline-block;
  content: ".";
  font-size: 0;
  vertical-align: middle;
}

.page-end {
  margin-left: 10px;
}

.list-page .page-item-next.page-item-disabled,
.page .page-item-prev.page-item-disabled {
  color: var(--color-text-4);
  background-color: transparent;
}
/* 模态窗 */
.modal {
  background-color: rgba(0, 0, 0, 0.4);
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  left: 0px !important;
  top: 0px !important;
  display: none;
  margin: 0 auto;
}

.modal-content {
  -webkit-border-radius: 11px;
  left: -50px;
  top: -20px;
  -moz-border-radius: 11px;
  width: 700px;
  border-radius: 11px;
}

.t-modal-header {
  height: 35px;
  background-color: #ddd;
  border: none;
  color: #000;
  -webkit-border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  border-radius: 10px 10px 0 0;
}

.t-modal-header > h4 {
  font-size: 15px;
}

.t-modal-header > span {
  float: right;
  color: red;
  font-size: 15px;
  transition: 1s;
}

.closeright {
  position: absolute !important;
  top: 10px !important;
  float: right !important;
  left: auto !important;
  right: 15px !important;
  color: red;
  font-size: 15px;
  transition: 1s;
}

.closeright:hover {
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  transform: rotate(360deg);
}
/*���𶯻�����ת180�ȣ�*/

.t-modal-header > span:hover {
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  transform: rotate(360deg);
}
/*���𶯻�����ת180�ȣ�*/
.t-modal-body {
  position: relative;
  background-color: #ddd;
  padding: 10px;
  -webkit-border-radius: 0 0 10px 10px;
  -moz-border-radius: 0 0 10px 10px;
  border-radius: 0 0 10px 10px;
}

.modal-body {
  background-color: #f5f5f7;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  padding: 5px;
  height: 400px;
}

.bottom {
  bottom: 5px;
  text-align: center;
  position: absolute;
  left: 0px;
}
/*.modal-body .t-btns{bottom:5px; text-align:center; position:absolute;left:0px;}*/
.t-form + .t-btns {
  text-align: center;
  background-color: transparent;
  display: inline-block;
}
/*.t-form+.t-btns>button{text-align:center;background-color:transparent; margin:0 auto;}*/
.modal .t-form + .t-btns {
  background-color: #f0f0f0;
}

.t-find > .t-form + .t-btns {
  right: 5px;
  bottom: 5px;
  text-align: center;
  position: absolute;
  background-color: transparent;
}

.modal-footer {
  border: none;
}

/*搜索框*/

.t-seach {
  position: relative;
  width: 200px;
  margin-top: 0px;
  height: 35px;
  line-height: 33px;
  border: 1px solid #cacaca;
}

.block > .t-seach {
  width: 100%;
}

.modal-body > .t-seach {
  width: 100%;
}

.t-btns > .t-seach > input {
  top: 0px;
  left: 0;
  margin-top: 0px;
  height: 33px;
  width: calc(100% - 23px);
  line-height: 30px;
  outline: none;
  border: 0;
  text-indent: 12px;
}

.t-seach > input {
  border: none;
  height: 33px;
  line-height: 33px;
  width: calc(100% - 33px) !important;
  outline: none;
  text-indent: 12px;
}

.t-seach > span {
  position: absolute;
  cursor: pointer;
  width: 33px;
  right: -1;
  top: 0px;
  height: 33px;
  border: 1px solid #cbd0cc;
  text-align: center;
  border-top: 0px solid #cbd0cc;
  line-height: 31px;
  color: #545454;
  background: #eeeeee;
}

.t-seach > span:hover {
  color: Red;
}
/*树形菜单*/
.t-ztree {
  position: relative;
  overflow: auto;
  border: 1px solid #cccccc;
  width: 100%;
  border-right: 0px solid #cccccc;
  min-height: 100px;
}

.t-ztree + t-btns > button:nth-child(1) {
  margin-left: 10px;
}
/* 右菜单 */
.rightMenu {
  position: relative;
  background-color: white;
  position: absolute;
  z-index: 9999;
  border: 1px outset #cccccc;
  box-shadow: 0 4px 16px 0 rgb(81 90 124 / 15%);
  width: 150px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.ui-menu {
  width: 150px;
}

.menuline {
  width: 110%;
  margin-top: -20px;
  margin-bottom: -20px;
  margin-left: -15px;
  border: none;
}

.menuline:hover {
  background-color: transparent !important;
}

.rightMenu ul li {
  padding: 7px 20px;
  display: block;
}

.rightMenu ul li:hover {
  background-color: #cccccc;
}

.m-ul {
  display: none;
  position: relative;
  border: 1px solid #cccccc;
  left: 100px;
  z-index: 111;
  background-color: white;
  width: 100%;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.m-open:hover > .m-ul {
  display: block;
}

.t-disabled {
  color: #cccccc;
}

.t-disabled {
  background-color: white !important;
}

.t-relative {
  position: relative;
}

.t-left5 {
  margin-left: 5px;
  white-space: normal;
  word-wrap: normal;
}

.icon-sort-transform {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
/*   𶯻     ת180 ȣ */
/* 编辑页--点击切换编辑页面 */

.t-find > .t-form {
  height: 45px;
  left: 10px;
}

.t-find > .t-btns {
  top: 5px;
  width: 170px;
  background-color: transparent;
}

.t-find span {
  margin-top: 10px;
}

.t-find div {
  margin-top: 3px;
}

.t-find > .t-form {
  margin-top: 0px;
  overflow: hidden;
  background-color: transparent;
}

.t-find > .t-form span {
  background-color: transparent;
}

.group11 {
  height: 45px;
}

.group11 > .t-btns {
  left: 25%;
  top: 2px;
}

.group11 > .t-form > div {
  width: 22.5%;
}

.group11 input,
.group1 select,
.group1 textarea {
  width: 65%;
}

.group12 {
  height: 45px;
  overflow: hidden;
}

.group12 > .t-form {
  width: 100%;
  top: 0px;
  padding-top: 0px !important;
}

.group12 > .t-form > div {
  width: 30%;
}

.group12 input,
.group12 select,
.group12 textarea {
  width: 65%;
}

.group12 > .t-btns {
  left: 60%;
  top: 2px;
  position: absolute;
}

.group13 {
  width: 80% !important;
  height: 45px;
}

.group13 > .t-form .open-tree > span,
.group13 > .t-form .open-trees > span {
  top: -15px !important;
}

.group13 > .t-form > div {
  width: 33%;
}

.group13 > .t-btns {
  left: 98%;
  top: 2px;
}

.group14 {
  width: 100% !important;
  height: 45px;
}

.group14 > .t-form {
  height: auto;
  height: 45px;
}

.group14 > .t-form > div {
  width: 21.5%;
}

.group14 > .t-btns {
  left: 84.5%;
  top: 2px;
}

.group15 {
  width: 80%;
  height: 45px;
}

.group15 > .t-form > div {
  width: 17.7%;
}

.group15 > .t-btns {
  left: 88%;
  top: 2px;
}

.group16 {
  width: 80%;
  height: 45px;
}

.group16 > .t-form > div {
  width: 15%;
}

.group16 > .t-btns {
  left: 88%;
  top: 2px;
}

.group22 {
  width: 67.5% !important;
  height: 90px !important;
}

.group22 > .t-form {
  width: 100% !important;
  height: 90px !important;
}

.group22 > .t-form > div {
  width: 50% !important;
}

.group22 > .t-btns {
  width: 80px;
  left: 99.5%;
}

.group22 > .t-btns > button:nth-child(2) {
  left: -80px;
  top: 40px;
}

.group23 {
  width: 85% !important;
  height: 90px !important;
}

.group23 > .t-form {
  height: 100% !important;
}

.group23 > .t-form > div {
  width: 33%;
}

.group23 > .t-btns {
  width: 80px;
  left: 100%;
  top: 4px;
}

.group23 > .t-btns > button:nth-child(2) {
  left: -80px;
  top: 40px;
}

.group24 {
  width: 95% !important;
  height: 90px !important;
}

.group24 > .t-form {
  height: 90px !important;
}

.group24 > .t-form > div {
  width: 24%;
}

.group24 > .t-btns {
  width: 80px;
  left: 95%;
  margin-top: 0px;
  position: absolute;
}

.group34 > .t-btns,
.group44 > .t-btns,
.group54 > .t-btns {
  width: 80px;
  margin-left: 10px;
  margin-top: -100px;
  position: relative !important;
}

.group24 > .t-btns > button:nth-child(2),
.group34 > .t-btns > button:nth-child(2),
.group44 > .t-btns > button:nth-child(2),
.group54 > .t-btns > button:nth-child(2) {
  left: -80px;
  top: 40px;
}

.group25 {
  width: 90%;
  height: 90px !important;
}

.group25 input,
.group25 select,
.group25 textarea {
  width: 50%;
}

.group25 > .t-form {
  height: 90px !important;
}

.group25 > .t-form > div {
  width: 19%;
}

.group25 .t-btns {
  width: 80px;
  left: 94%;
}

.group25 > .t-btns > button:nth-child(2) {
  left: -80px;
  top: 40px;
}

.group26 {
  width: 90%;
  height: 90px !important;
}

.group26 input,
.group26 select,
.group26 textarea {
  width: 50%;
}

.group26 > .t-form {
  height: 90px !important;
}

.group26 > .t-form > div {
  width: 15%;
}

.group26 .t-btns {
  width: 80px;
  left: 90%;
}

.group26 > .t-btns > button:nth-child(2) {
  left: -80px;
  top: 40px;
}

.group33 {
  width: 85% !important;
  height: 135px !important;
}

.group33 > .t-form {
  height: 100% !important;
}

.group33 > .t-form > div {
  width: 33%;
}

.group33 > .t-btns {
  width: 80px;
  left: 100%;
  top: 4px;
}

.group33 > .t-btns > button:nth-child(2) {
  left: -80px;
  top: 40px;
}

.group34 {
  width: 100%;
  height: 150px !important;
  display: flex;
  align-items: center;
}

.group34 > .t-form {
  width: 92%;
  height: 150px;
  display: flex;
  flex-wrap: wrap;
}

.group34 input,
.group34 select,
.group34 textarea {
  width: 65%;
}

.group34 > .t-form > div {
  width: 25%;
  display: flex;
  align-items: center;
}

.group35 {
  width: 100%;
  height: 135px !important;
  display: flex;
  align-items: center;
}

.group35 > .t-form {
  width: 92%;
  height: 135px;
  display: flex;
  flex-wrap: wrap;
}

.group35 input,
.group35 select,
.group35 textarea {
  width: 50%;
}

.group35 > .t-form > div {
  width: 20%;
  display: flex;
  align-items: center;
}

.group35 > .t-btns {
  width: 80px;
  height: 135px;
  left: 95%;
  margin: 0;
}

.group35 > .t-btns > button {
  margin: 17.5px 0;
}

.group36 {
  width: 90%;
  height: 90px !important;
}

.group36 input,
.group36 select,
.group36 textarea {
  width: 50%;
}

.group36 > .t-form {
  height: 90px !important;
}

.group36 > .t-form > div {
  width: 15%;
}

.group36 .t-btns {
  width: 80px;
  left: 90%;
}

.group36 > .t-btns > button:nth-child(2) {
  left: -80px;
  top: 40px;
}

.group33 {
  width: 85% !important;
  height: 135px;
}

.group33 > .t-form {
  height: 100% !important;
}

.group44 {
  width: 100%;
  height: 180px !important;
  display: flex;
  align-items: center;
}

.group44 > .t-form {
  width: 92%;
  height: 180px;
  display: flex;
  flex-wrap: wrap;
}

.group44 input,
.group44 select,
.group44 textarea {
  width: 65%;
}

.group44 > .t-form > div {
  width: 25%;
  display: flex;
  align-items: center;
}

.group44 > .t-btns {
  width: 80px;
  height: 180px;
  left: 95%;
  margin: 0;
}

.group44 > .t-btns > button {
  margin: 30px 0;
}

.group45 {
  width: 100%;
  height: 180px !important;
  display: flex;
  align-items: center;
}

.group45 > .t-form {
  width: 92%;
  height: 180px;
  display: flex;
  flex-wrap: wrap;
}

.group45 input,
.group45 select,
.group45 textarea {
  width: 50%;
}

.group45 > .t-form > div {
  width: 20%;
  display: flex;
  align-items: center;
}

.group45 > .t-btns {
  width: 80px;
  height: 180px;
  left: 95%;
  margin: 0;
}

.group45 > .t-btns > button {
  margin: 30px 0;
}

.group54 {
  width: 100%;
  height: 180px !important;
  display: flex;
  align-items: center;
}

.group54 > .t-form {
  width: 92%;
  height: 180px;
  display: flex;
  flex-wrap: wrap;
}

.group54 input,
.group54 select,
.group54 textarea {
  width: 65%;
}

.group54 > .t-form > div {
  width: 25%;
  display: flex;
  align-items: center;
}

.group54 > .t-btns {
  width: 80px;
  height: 180px;
  left: 95%;
  margin: 0;
}

.group54 > .t-btns > button {
  margin: 30px 0;
}

.group55 {
  width: 100%;
  height: 180px;
  display: flex;
  align-items: center;
}

.group55 > .t-form {
  width: 92%;
  height: 180px;
  display: flex;
  flex-wrap: wrap;
}

.group55 input,
.group55 select,
.group55 textarea {
  width: 50%;
}

.group55 > .t-form > div {
  width: 20%;
  display: flex;
  align-items: center;
}

.group55 > .t-btns {
  width: 80px;
  height: 180px;
  left: 95%;
  margin: 0;
}

.group55 > .t-btns > button {
  margin: 30px 0;
}

.group64 {
  width: 100%;
  height: 180px;
  display: flex;
  align-items: center;
}

.group64 > .t-form {
  width: 92%;
  height: 180px;
  display: flex;
  flex-wrap: wrap;
}

.group64 input,
.group64 select,
.group64 textarea {
  width: 65%;
}

.group64 > .t-form > div {
  width: 25%;
  display: flex;
  align-items: center;
}

.group64 > .t-btns {
  width: 80px;
  height: 180px;
  left: 95%;
  margin: 0;
}

.group64 > .t-btns > button {
  margin: 30px 0;
}

.group65 {
  width: 100%;
  height: 180px;
  display: flex;
  align-items: center;
}

.group65 > .t-form {
  width: 92%;
  height: 180px;
  display: flex;
  flex-wrap: wrap;
}

.group65 input,
.group65 select,
.group65 textarea {
  width: 50%;
}

.group65 > .t-form > div {
  width: 20%;
  display: flex;
  align-items: center;
}

.group65 > .t-btns {
  width: 80px;
  height: 180px;
  left: 95%;
  margin: 0;
}

.group65 > .t-btns > button {
  margin: 30px 0;
}

.group74 {
  width: 100%;
  height: 180px;
  display: flex;
  align-items: center;
}

.group74 > .t-form {
  width: 92%;
  height: 180px;
  display: flex;
  flex-wrap: wrap;
}

.group74 input,
.group74 select,
.group74 textarea {
  width: 65%;
}

.group74 > .t-form > div {
  width: 25%;
  display: flex;
  align-items: center;
}

.group74 > .t-btns {
  width: 80px;
  height: 180px;
  left: 95%;
  margin: 0;
}

.group74 > .t-btns > button {
  margin: 30px 0;
}

.group75 {
  width: 100%;
  height: 180px;
  display: flex;
  align-items: center;
}

.group75 > .t-form {
  width: 92%;
  height: 180px;
  display: flex;
  flex-wrap: wrap;
}

.group75 input,
.group75 select,
.group75 textarea {
  width: 50%;
}

.group75 > .t-form > div {
  width: 20%;
  display: flex;
  align-items: center;
}

.group75 > .t-btns {
  width: 80px;
  height: 180px;
  left: 95%;
  margin: 0;
}

.group75 > .t-btns > button {
  margin: 30px 0;
}

.group84 {
  width: 100%;
  height: 180px;
  display: flex;
  align-items: center;
}

.group84 > .t-form {
  width: 92%;
  height: 180px;
  display: flex;
  flex-wrap: wrap;
}

.group84 input,
.group84 select,
.group84 textarea {
  width: 65%;
}

.group84 > .t-form > div {
  width: 25%;
  display: flex;
  align-items: center;
}

.group84 > .t-btns {
  width: 80px;
  height: 180px;
  left: 95%;
  margin: 0;
}

.group84 > .t-btns > button {
  margin: 30px 0;
}

.group85 {
  width: 100%;
  height: 180px;
  display: flex;
  align-items: center;
}

.group85 > .t-form {
  width: 92%;
  height: 180px;
  display: flex;
  flex-wrap: wrap;
}

.group85 input,
.group85 select,
.group85 textarea {
  width: 50%;
}

.group85 > .t-form > div {
  width: 20%;
  display: flex;
  align-items: center;
}

.group85 > .t-btns {
  width: 80px;
  height: 180px;
  left: 95%;
  margin: 0;
}

.group85 > .t-btns > button {
  margin: 30px 0;
}

.group34 > .t-form > div {
  margin-top: 5px;
}

/* t-body下元素定位 */
.t-body > div {
  margin-top: 2px;
}

.t-body > div:nth-child(1) {
  margin-top: 0px;
}

/* 左边树页面 */
.t-tree {
  position: relative;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  border: 1px solid #cccccc; /*overflow:auto;*/
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.t-tree > .t-seach {
  position: relative;
  width: 100% !important;
  line-height: 32px;
  border: 1px solid #cacaca;
  margin-top: 1px;
}

/* 排序按钮 */
.icon-sort {
  color: #cccccc;
  float: right;
  cursor: pointer;
  margin-right: 5px;
  font-size: 14px;
  transition: all 0.5s;
  font-weight: bold;
  text-shadow: 0 1px 3px rgba(255, 255, 255, 1), 0 -1px 1px rgba(0, 0, 0, 0.3);
}

.icon-sort:hover {
  color: #e6e6e6;
}

/*  */
.editPage {
  display: none;
  left: 0px !important;
  top: 0px !important;
  width: 100%;
  height: 100%;
  /* position: relative !important; */
  position: absolute !important;
  overflow: hidden;
  background: #fff;
  z-index: 999;
}

table .total {
  font-weight: bold;
}

/* 模态窗下元素定位 */
.modal-body > .t-find {
  top: 0;
}

.modal-body > .t-find > .t-form {
  top: 0;
  width: 65%;
}

.modal-body > .t-find > .t-form + .t-btns {
  width: 100px;
}

.t-find + .t-title + .t-btns + .t-table + .page {
  bottom: 0;
  position: relative;
  width: calc(100% -2px);
  height: 35px;
  border-right: 2px solid #ddd;
}

.modal-body > .t-form + .t-btns {
  bottom: 0;
  position: absolute;
  right: 0;
  width: 100%;
  height: 35px;
}

.modal-body > .t-table {
  /* max-height: 60%;*/
  overflow: auto;
  height: 380px;
}

.modal-body > table {
  overflow: scroll;
  display: block;
}

.modal-body > .t-form + .t-title + .t-btns + .t-table {
  overflow: auto;
}

.modal-body > .t-table + .page {
  position: relative;
  bottom: 0;
  top: auto;
}

.modal-body > .t-btns:nth-child(1) + .t-table {
  max-height: 90%;
}
/* 弹窗中只有按钮组和表格时 ,表格高度 */

/* 未读消息样式 */
.icon-mes {
  color: red;
  font-size: 24px;
  position: fixed;
  bottom: 10px;
  right: 20px;
  cursor: pointer;
  text-align: center;
  z-index: 999;
}

.icon-mes-ul {
  height: 210px;
  z-index: 999;
  background-color: #71bae5;
  position: relative;
  bottom: 50px;
  color: black;
  border: 1px solid #aae7f5;
  width: 200px;
  font-size: 12px;
  transition: all 1s;
  overflow: auto;
}

.icon-mes-div > h3 {
  position: relative;
  background-color: #aae7f5;
  font-size: 14px;
  padding: 10px;
  top: -48px;
  color: black;
}

.icon-mes-div + span {
  font-size: 24px;
}

.icon-mes-close {
  float: right;
  color: #747272;
}

.icon-mes-close:hover {
  color: red;
}

.icon-mes-ul > li {
  text-align: left;
  height: 40px;
  line-height: 20px;
  padding: 0 10px;
  margin: 10px 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

.icon-mes-ul > li:hover {
  background-color: rgba(21, 79, 127, 0.27);
}

.icon-mes-show {
  position: relative;
  bottom: 10px;
  right: 5px;
  font-size: 24px;
  text-shadow: 0 1px 1px black;
}

.icon-mes-div {
  display: none;
}

.icon-mes:hover > .icon-mes-div {
  display: block;
}

/*弹窗*/
.tt-open {
  width: 240px;
  height: 34px;
  line-height: 34px;
  text-indent: 12px;
  background: #d4d0c8;
  border: 1px solid #cacaca;
  position: relative;
  margin-top: 0px !important;
  margin-left: 4px !important;
}

.tt-open > input {
  width: 80%;
  height: 34px;
  float: left;
  line-height: 34px;
  text-indent: 12px;
  border: 1px solid #cacaca;
  outline: none;
}

.tt-open > span {
  width: 20%;
  height: 34px;
  float: right;
  max-width: 35px !important;
  min-width: 35px !important;
  cursor: pointer;
  border-left: 1px solid #cbd0cc;
  text-align: center;
  font-size: 18px;
  text-align: left;
  line-height: 34px;
  color: #545454;
  vertical-align: top;
  background: #eeeeee;
  margin-right: 0;
  z-index: 999;
  margin-top: 0px;
}

.tt-open > span:hover {
  color: Red;
  background: green;
}

.t-open {
  width: 70% !important;
  height: 35px;
  line-height: 33px;
  text-indent: 12px;
  border: 1px solid #cacaca;
  outline: none;
}

.t-open + span {
  cursor: pointer;
  width: 33px !important;
  height: 33px;
  border-left: 1px solid #cbd0cc;
  text-align: center;
  line-height: 33px;
  color: #545454;
  vertical-align: top;
  background: #eeeeee;
  margin-right: 0;
}

.t-open + span:hover {
  color: Red;
  background: blue;
}
/*.lunbobox {
	width:100%;
	height:400px;
	position:relative;
}*/
.lunbobox {
  width: 100%;
  height: 440px;
  position: relative;
}

.lunbo {
  width: 100%;
  height: 440px;
}

.lunbo img,
.lunbo a,
.lunbo div {
  width: 100%;
  display: none;
  height: 440px;
  position: relative;
  top: 0px;
  left: 0px;
}

.lunbo img:first-child,
.lunbo a:first-child,
.lunbo div:first-child {
  display: block;
}

.lunbobox ul {
  width: 100%;
  position: absolute;
  bottom: -80px;
  z-index: 5;
  justify-content: center;
  display: flex;
}

.lunbobox ul li {
  cursor: pointer;
  width: 12px;
  height: 5px;
  border: 1px solid #cccccc;
  float: left;
  list-style: none;
  background: #cccccc;
  text-align: center;
  margin: 0px 5px 0px 0px;
}

.toleft {
  display: none;
  width: 30px;
  height: 100px;
  font-size: 40px;
  line-height: 100px;
  text-align: center;
  color: #f4f4f4;
  /*background:#cccccc;*/
  /*background:url("../images/toleft.jpg")no-repeat center;*/
  position: relative;
  top: 90px;
  left: 12px;
  cursor: pointer;
  z-index: 99;
  opacity: 0.4;
}

.toright {
  width: 30px;
  height: 100px;
  font-size: 40px;
  line-height: 100px;
  text-align: center;
  color: #f4f4f4;
  /*background:#cccccc;*/
  position: absolute;
  top: 90px;
  right: 0px;
  cursor: pointer;
  z-index: 99;
  opacity: 0.4;
}

.table > tbody > tr:hover > td,
.table > tbody > tr:hover > th {
  background-color: #f5f5f5;
}

input:-ms-input-placeholder {
  color: #999;
}

.border-bottom {
  border-bottom: 3px solid #4a92dc;
}

.t-icons {
  position: relative;
  background-color: #f0f0f0;
  height: 35px;
  width: 200px;
  line-height: 33px;
  border: none;
}

.t-btns > .t-icons {
  margin-left: 200px;
  margin-top: 2px;
}

.t-icons > span,
.t-btns > span {
  position: relative;
  cursor: pointer;
  width: 25px;
  font-size: 16px;
  height: 33px;
  line-height: 33px;
}

.t-icons > img,
.t-btns > img {
  position: relative;
  cursor: pointer;
  width: 25px;
  margin-left: 5px;
  height: 25px;
  line-height: 25px;
}

.t-icons > span {
  margin-left: 0px !important;
}

.t-icons > span:hover,
.t-btns > span:hover,
.t-btns > img:hover {
  color: blue;
  background: #eee;
}

.t-afterText {
  overflow: auto;
  padding-top: 10px !important;
  font-style: italic;
  color: ActiveCaption;
  font-size: 12px;
  margin-left: 5px !important;
  width: 40% !important; /*left:50%!important;*/
}

.t-afterTextWrap {
  overflow: auto;
  font-style: italic;
  color: ActiveCaption;
  font-size: 12px;
  margin-left: 75px !important;
  width: 100%;
  border: none;
}

.t-btns > .t-seach {
  margin-left: 40px;
}

.t-btns0 {
  /* 按钮组 */
  position: absolute;
  background-color: #f0f0f0;
  width: 100%;
  bottom: 8px;
  left: 0px;
  text-align: center;
  height: 35px;
  z-index: 100;
}

.t-btns0 > button {
  position: relative;
  z-index: 10;
  top: 3px;
  width: 70px;
  height: 30px;
  min-width: 70px !important;
  max-width: 160px;
  padding: 0 10px;
  line-height: 26px;
  /*background-color:#F5F5F7;
    color:#000; */
  font-size: 12px;
  cursor: pointer;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  border: 0;
}

.t-btns0 > button:nth-child(1) {
  width: 100px;
}

.t-radio {
  width: 100%;
  position: relative;
  left: 0;
  top: 0;
}

.t-radio > input:nth-child(1) {
  width: 100px;
  height: 20px;
  position: relative;
  left: 0;
  top: 0;
}

.t-radio > input:nth-child(2) {
  width: 100px;
  height: 20px;
  position: relative;
  left: 60px;
  top: 0;
}

.t-selecttree {
  position: relative !important;
}

.layui-layedit {
  width: 565px;
  height: 300px;
}

.layui-layedit-iframe {
  width: 565px;
  height: 300px;
  margin-top: 40px;
  top: 40px;
}

.editPage .layui-layedit {
  width: 1200px;
  height: 500px;
  margin-top: 0px;
  top: 0px;
}

.t-map {
  width: 500px;
  height: 400px;
  position: relative;
}

.td-three {
  text-align: center;
  width: 100px !important;
  cursor: pointer;
}

.td-three > span {
  margin: 0 3px;
}

.select-tree,
.open-tree,
.select-trees,
.open-trees {
  /*下拉树和弹出窗口树,用逗号分割的样式*/
  width: 240.3px;
  height: 35px;
  line-height: 34px;
  text-indent: 12px;
  background: #d4d0c8;
  position: relative;
  z-index: 999;
  top: -2px;
  display: flex;
}

.t-form .select-tree,
.t-form .open-tree,
.t-form .select-trees,
.t-form .open-trees {
  /*下拉树和弹出窗口树,用逗号分割的样式*/
  margin-left: -4px;
}

.select-tree > input,
.select-trees > input {
  width: calc(100% - 33px) !important;
  height: 35px;
  position: relative;
  left: 0px !important;
  top: 0px !important;
  line-height: 35px;
  text-indent: 12px;
  border: 1px solid #cacaca;
  outline: none;
}

.select-tree > span,
.select-trees > span {
  width: 20px !important;
  height: 35px !important;
  max-width: 35px !important;
  min-width: 35px !important;
  cursor: pointer;
  text-align: center;
  vertical-align: middle;
  text-indent: 0px;
  font-size: 16px;
  position: relative;
  line-height: 35px;
  z-index: 9999 !important;
  color: #545454;
  border: 1px solid #cacaca;
  outline: none;
  background-color: #cacaca;
  margin-top: 0px !important;
  right: 1px !important;
  transition: 0.8s;
  transform-origin: center center;
  transform: rotateZ(180deg);
}

.select-tree > ul,
.select-trees > ul {
  min-width: 238px !important;
  z-index: 999;
  left: -0px !important;
  top: 35px;
  height: 250px;
  background-color: White;
  position: absolute;
  border: 1px solid #cacaca;
  display: none;
  max-height: 500px;
}

.select-tree > span:hover,
.select-trees > span:hover {
  color: red;
}
/* .open-tree{弹窗
    width: 300px;height:34px;line-height:34px; text-indent:12px;background:#D4D0C8; 
    border:1px solid #cacaca; position:relative;
}*/
.open-tree > input,
.open-trees > input {
  width: calc(100% - 33px) !important;
  height: 34px;
  line-height: 34px;
  text-indent: 12px;
  border: 1px solid #cacaca;
  outline: none;
  border-right: 0px;
}

.open-tree > span,
.open-trees > span {
  width: 33px !important;
  height: 34px;
  max-width: 33px !important;
  min-width: 33px !important;
  cursor: pointer;
  border: 1px solid #cacaca;
  font-size: 18px;
  margin-top: 0px;
  margin-left: -1px;
  line-height: 34px;
  white-space: nowrap;
  color: #545454;
  background: #eeeeee;
  z-index: 999;
}

.open-tree > span:hover,
.open-trees > span:hover {
  color: Red;
  background: green;
}

.displayNo {
  background-color: Orange;
  z-index: -1;
  display: none;
  opacity: 0.1;
}

span > font {
  color: red;
}

.glyphicon-remove {
  color: red;
}

.cell-number {
  text-align: center;
  width: 60px;
}

.cell-40 {
  text-align: center;
  width: 40px;
}

.cell-60 {
  text-align: center;
  width: 60px;
}

.cell-70 {
  text-align: center;
  width: 70px;
}

.cell-80 {
  text-align: center;
  width: 80px;
}

.cell-90 {
  text-align: center;
  width: 90px;
}

.cell-100 {
  text-align: center;
  width: 100px;
}

.cell-date {
  text-align: center;
  width: 60px;
}

.cell-datetime {
  text-align: center;
  width: 150px;
}

.t-video {
  position: relative;
  width: 400px;
  height: 300px;
}
/*第一列 .t-form>div:nth-child(1){left: 75px;}*/
.t-form span {
  position: relative;
}

.t-form input,
.t-form select,
.t-form textarea {
  position: relative;
  width: calc(100% - 80px);
}
/* .t-form input{position:relative;width: calc(100% - -1px);} */
.t-form textarea {
  height: 80px;
}

.t-form span:nth-child(1) {
  z-index: 999;
}

.t-form > div > div {
  width: calc(100% - 80px);
  background-color: transparent;
  display: inline-flex;
}

th {
  background: #f5f5f7;
}
/*表格头部颜色*/
tr {
  background: #fff;
}

cal tr:nth-child(2n) {
  background: #f9f9f9;
}
/*表格奇数行颜色*/

/*tr{background-color: expression((this.sectionRowIndex % 2 == 0) ? "#FFF" : "#F0F0F0" );}*/
.t-row {
  width: 100%;
  height: 100%;
  display: flex;
}

.t-row > div:nth-child(1) {
  width: 25%;
  display: block !important;
}

.t-row > div:nth-child(2) {
  width: 75%;
}

.t-row > div:nth-child(3) {
  width: 50%;
}

.t-col {
  height: 100%;
  border: 1px solid #e0dfdf;
}

.t-col > div {
  width: 100%;
  margin-top: 2px;
}

    .t-col:nth-child(1) {
        width: 25%;
    }

    .t-col:nth-child(2) {
        width: 75%;
    }

.t-col > div:nth-child(1) {
  margin-top: 0px;
}
/*.t-tree+div{width:100%; height:50%;margin-top:50%;}
 .t-tree+div+div{width:100%; height:33%;margin-top:67%;}
 .t-body>.col>.t-tree:nth-child(2){height:50%; margin-top:50%}*/
.col {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  border: 1px solid #e0dfdf;
}

.modal .page {
  position: relative !important;
  margin-top: 20px;
}

.date {
  width: 80px;
}

.left {
  text-align: left;
  float: left;
  justify-content: left;
  align-items: left;
}

.center {
  /*水平居中*/
  align-items: center;
  margin: 0 auto; /*left:0px!important;right:0px!important; width:100%;*/
  text-align: center;
}

.right {
  margin-right: 5px;
  flex: 1;
  text-align: right;
  justify-content: flex-end;
}

span.right {
  margin-right: 10px;
  text-align: right;
}

span.center {
  text-align: center;
}

span.title.right {
  margin-right: 10px;
  text-align: right;
}

span.title.center {
  text-align: center;
}

.help {
  font-size: 40px;
  bottom: 20px !important;
  right: 20px !important;
  position: absolute;
  z-index: 1000;
  color: #0d0d91 !important;
}

.help:hover {
  color: blue !important;
  cursor: pointer;
}

.loading {
  width: 100%;
  height: 100%;
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1110;
  opacity: 0.5;
}

.loading_center {
  color: white;
  font-size: 30px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.grid,
.imgtext {
  margin-top: 10px;
  justify-content: left;
  margin: 0px;
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  background-color: white;
  border: 0px solid #e0dfdf;
}

.grid > li {
  /*每一个元素*/
  display: flex;
  flex-direction: column;
  align-items: left;
  box-sizing: border-box;
  -moz-box-sizing: border-box; /* Firefox */
  width: 48%; /*一行二个元素*/
  border: 1px solid #e0dfdf;
  background-color: #fff;
  margin: 5px;
}

.more {
  flex: 1;
  justify-content: flex-end;
  align-items: start;
}
/*.imgtext>li:nth-child(2n-1){
  width:80px;vertical-align:middle;height:80px;flex-direction:column;padding-top:5px;padding-bottom:5px;
}
.imgtext>li:nth-child(2n){
  width:calc(100% - 80px);height:80px;border-bottom:1px solid #e0dfdf;vertical-align:middle;
  padding-top:5px;padding-bottom:5px;
}*/
/*.imgtext>li>p,.imgtext>li>i {
  width:80px;height:40px;vertical-align:middle;flex-direction:column; text-align:center;
 border-bottom:1px solid #e0dfdf;
}
.imgtext>li>div {
  width:100%;display: flex;vertical-align:middle;height:80px;
}
.imgtext>li>div>span {
   margin-right:5px;
}
.imgtext>li>div>p {
   margin-right:5px;height:30px;
}*/
.down {
  text-align: right;
  float: right;
  margin-right: 8px !important;
  font-size: 18px;
}

.down:hover {
  background-color: #f5f5f7;
}

.transform180 {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
/*收起动画（旋转180度）*/
.active {
  background: #cccccc;
}

.t-radios {
  display: flex;
  width: 500px;
}

.t-radios > span {
  white-space: nowrap;
  margin-top: 3px;
  overflow: visible;
}

.t-radios > div {
  margin-left: -5px;
  white-space: nowrap;
  text-align: center;
  justify-content: center;
  align-items: center;
  min-width: 60px;
}

.t-radios > div > input {
  margin-left: 5px;
  margin-top: -5px;
  width: 15px;
  height: 15px;
}

.t-radios > div > span {
  margin-left: 5px;
  line-height: 20px;
  white-space: nowrap;
  overflow: visible;
}
/* 编辑表单模板 */
.input-box {
  position: absolute;
  width: 467px;
  height: 240px;
  padding: 10px;
  top: 40px;
  text-align: center;
}

.input-box > input,
.input-box > textarea,
.input-box > select {
  width: 100%;
  height: 40px;
  margin: 10px 0;
}

.input-box > textarea {
  height: 80px;
}

.input-box > button {
  margin-top: 50px;
  background-color: #4c78ba;
  width: 65%;
  height: 42px;
  border-radius: 5px;
  /* font-weight: 800; */
  color: white;
  font-size: 16px;
  outline: none;
}

/*图形*/
.bread {
  width: 500px;
  height: 500px;
  position: relative;
  margin: 200px auto;
  transform-style: preserve-3d;
  perspective: 15000px;
  transition: all 5s linear;
  /* animation: mytest 5s linear infinite normal; */
  transform: rotateX(45deg) rotateY(45deg);
}
/* @keyframes mytest {
            0% {
                transform: rotateX(0deg) rotateY(0deg);
            }
            100% {
                transform: rotateX(360deg) rotateY(360deg);
            }
        } */

.cubic {
  width: 200px;
  height: 200px;
  position: absolute;
  top: 100px;
  left: 0;
  box-shadow: 0 0 10px #fff;
  border: 1px solid black;
}

.cubic:nth-child(1) {
  background-color: red;
  transform: translateZ(100px);
}

.cubic:nth-child(2) {
  background-color: yellow;
  transform: rotateY(180deg) translateZ(100px);
}

.cubic:nth-child(3) {
  background-color: orange;
  transform: rotateY(90deg) translateZ(100px);
}

.cubic:nth-child(4) {
  background-color: purple;
  transform: rotateY(-90deg) translateZ(100px);
}

.cubic:nth-child(5) {
  background-color: blue;
  transform: rotateX(90deg) translateZ(100px);
}

.cubic:nth-child(6) {
  background-color: orangered;
  transform: rotateX(-90deg) translateZ(100px);
}

.octagon {
  width: 150px;
  height: 150px;
  margin: 100px auto;
  background: red;
  position: relative;
}

.octagon:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  border-bottom: 29px solid red;
  border-left: 29px solid #eee;
  border-right: 29px solid #eee;
  width: 92px;
  height: 0;
}

.octagon:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  border-top: 29px solid red;
  border-left: 29px solid #eee;
  border-right: 29px solid #eee;
  width: 92px;
  height: 0;
}

.diamond {
  width: 100px;
  height: 100px;
  background-color: red;
  transform: rotate(45deg);
  margin: 50px auto;
  /*让菱形浏览器上居中*/
  -ms-transform: rotate(45deg);
  /* Internet Explorer */
  -moz-transform: rotate(45deg);
  /* Firefox */
  -webkit-transform: rotate(45deg);
  /* Safari 和 Chrome */
  -o-transform: rotate(45deg);
  /* Opera */
}

/*球*/
.ball {
  width: 200px;
  height: 200px;
  border-radius: 50%;
  background-color: blue;
  background-image: radial-gradient(
    120px at 60px 60px,
    rgba(0, 0, 0, 0),
    rgba(0, 0, 0, 0.4)
  );
  margin: 100px auto;
}

.rectangle {
  width: 300px;
  height: 200px;
  background-color: #72640c;
  margin: 50px auto;
}

.triangle {
  width: 0;
  height: 0;
  border-width: 100px 100px 0;
  border-color: red transparent transparent;
  border-style: solid;
}

.square1 {
  /*方形*/
  width: 300px;
  height: 300px;
  background-color: #72640c;
  margin: 50px auto;
}

.star-five {
  margin: 50px 0;
  position: relative;
  display: block;
  color: red;
  width: 0px;
  height: 0px;
  margin: 100px auto;
  border-right: 100px solid transparent;
  border-bottom: 70px solid red;
  border-left: 100px solid transparent;
  -moz-transform: rotate(35deg);
  -webkit-transform: rotate(35deg);
  -ms-transform: rotate(35deg);
  -o-transform: rotate(35deg);
}

.star-five:before {
  border-bottom: 80px solid red;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  position: absolute;
  height: 0;
  width: 0;
  top: -45px;
  left: -65px;
  display: block;
  content: "";
  -webkit-transform: rotate(-35deg);
  -moz-transform: rotate(-35deg);
  -ms-transform: rotate(-35deg);
  -o-transform: rotate(-35deg);
}

.star-five:after {
  position: absolute;
  display: block;
  color: red;
  top: 3px;
  left: -105px;
  width: 0px;
  height: 0px;
  border-right: 100px solid transparent;
  border-bottom: 70px solid red;
  border-left: 100px solid transparent;
  -webkit-transform: rotate(-70deg);
  -moz-transform: rotate(-70deg);
  -ms-transform: rotate(-70deg);
  -o-transform: rotate(-70deg);
  content: "";
}

.pentagon {
  position: relative;
  /* 多边形 */
  /* width: 54px;
            border-width: 50px 18px 0; */
  /* 梯形 */
  width: 100px;
  border-width: 120px 114px 0;
  margin: 100px auto;
  border-style: solid;
  border-color: red transparent;
}

.pentagon:before {
  content: "";
  position: absolute;
  height: 0;
  width: 0;
  top: -85px;
  left: -18px;
  border-width: 0 45px 35px;
  border-style: solid;
  border-color: transparent transparent red;
}

.t-tabs .page {
  width: 100%;
}

td > button {
  margin-left: 5px;
}

.t-tree + .t-btns {
  text-align: center;
  display: inline-block;
  margin: 0, auto;
  margin-top: 3px;
}

.ztree + .t-btns {
  text-align: center;
  margin-top: 3px;
}

.t-trees {
  height: 100% !important;
}

.modal-body > .t-trees {
  height: calc(100% - 40px) !important;
}

#ttyu_openSelectTrees .t-seach {
  width: 268 !important;
}

#ttyutreeSelects {
  height: 310px !important;
  margin-top: 5px !important;
  overflow: auto;
}

#ttyu_openSelectTrees .t-btns {
  text-align: center;
  margin-top: 3px !important;
}

/*标题表格页组件*/
.list-tl {
  top: 35px;
  text-align: left;
  width: 416px !important;
  border: 0px solid #ccc;
}

.list-tl tr td {
  height: 35px;
  width: 85px;
  border: 0px solid #ccc;
  border-spacing: 0;
  border-bottom-width: thin;
  border-right-style: none;
  border-left-style: none;
  border-top-style: none;
}

.t-titles {
  width: 425px;
  background-color: #4c78ba;
  color: #ffffff;
  height: 40px;
  font-size: 15px;
  line-height: 40px;
}

.t-titles button {
  height: 30px;
  width: 59px;
  float: right;
  line-height: 28px;
  margin-top: 5px;
  background-color: #f5f5f7;
  border-radius: 5px;
  border: 0;
  margin-right: 5px;
}

.ttyuImportExcel .modal-content {
  width: 500px;
}

.ttyuImportExcel .t-modal-body {
  height: 320px;
}

.ttyuImportExcel .modal-body {
  height: 300px;
}

.showform input,
.showform select,
.showform textarea,
.showform button {
  width: calc(100% - 80px) !important;
}

.showform .files > input,
.showform .fileOne > input {
  width: 100% !important;
}

.t-seach + ul {
  height: calc(100% - 38px);
  margin-top: 2px;
}

.triangle-top {
  width: 0;
  height: 0;
  float: right;
  margin-right: 5px;
  border-left: 8px solid transparent;
  border-style: outset;
  border-right: 8px solid transparent;
  border-bottom: 12px solid #cccccc;
}

.triangle-top:hover {
  /*滑过样式 */
  border-bottom: 12px solid #aaa;
}

/* 富文本*/
.texts {
  height: 350px;
  width: calc(100% - 21px);
  position: relative;
  z-index: 1;
  text-align: left;
}

.t-texts .name {
  top: 20px;
  margin-bottom: 30px;
  position: relative;
}

.t-texts .w-e-toolbar {
  display: none;
}

.t-texts {
  margin-left: 50px;
  margin-right: 50px;
  text-align: center;
  height: 800px;
}

.t-texts .w-e-text-container {
  height: 650px; /*overflow:hidden;*/
}

.t-texts .w-e-text {
  overflow: hidden;
}

#texts {
  height: 750px;
}

.w-e-toolbar {
  height: 40px;
  width: 100% !important;
  position: absolute !important;
}

.w-e-text-container {
  height: calc(100%  - 50px) !important;
  margin-top: 40px !important;
  width: 100% !important;
}

.hleft {
  left: 0px !important;
}

.hcenter {
  left: calc(50% -20px); /* 元素宽度一半*/
}

.hright {
  right: 0px !important; /**/
}

.hvcenter {
  position: absolute;
  top: 50% !important;
  left: 50% !important;
  margin-top: -100px !important; /*(元素高度的一半)*/
  margin-left: -100px !important; /*(元素宽度的一半)*/
}

.vtop {
  left: calc(100% -20px); /* 元素宽度一半*/
}

.vcenter {
  top: 50% !important;
  margin-top: -100px !important; /* 元素高度一半*/
}

.vbuttom {
  top: calc(100% -20px); /* 元素高度一半*/
}
/* 富文本*/
.iframe {
  width: 100%;
  height: 100%;
}

/* 弹窗部门选择用户*/
.modalDeptUser {
  display: none;
  z-index: 9999;
}

.modalDeptUser .modal-content {
  width: 650px !important;
}

.modalDeptUser .modal-body {
  height: 350px !important;
}

.modalDeptUser .t-tree {
  width: 30% !important;
  height: 340px !important;
  top: -2px;
}

.modalDeptUser .table1 {
  width: 30% !important;
  height: 340px !important;
  left: 30% !important;
  position: absolute;
  top: 3px;
  border: 1px;
  max-height: 100% !important;
}

.modalDeptUser .table2 {
  width: 30% !important;
  height: 340px !important;
  left: 70% !important;
  position: absolute;
  top: 3px;
  border: 1px;
  max-height: 100% !important;
}

.modalDeptUser .buttons {
  width: 10% !important;
  height: 340px;
  left: 60% !important;
  position: absolute;
  top: 3px;
  text-align: center;
}

.modalDeptUser .buttons button {
  width: 50px;
  height: 30px;
  margin-top: 43px;
}

.modalDeptUser .table5 {
  width: 70% !important;
  height: 340px !important;
  max-height: 100% !important;
  left: 30% !important;
  position: absolute;
  top: 3px;
  border: 1px;
}

/* 弹窗部门选择用户*/
.modalDeptUsers {
  display: none;
  z-index: 9999;
}

.modalDeptUsers .modal-content {
  width: 450px !important;
}

.modalDeptUsers .modal-body {
  height: 350px !important;
}

.modalDeptUsers .t-tree {
  width: 50% !important;
  height: 340px !important;
  top: -2px;
}

.modalDeptUsers .table1 {
  width: 50% !important;
  height: 340px !important;
  left: 50% !important;
  position: absolute;
  top: 3px;
  border: 1px;
  max-height: 100% !important;
}

.yesreturn {
  width: 50px !important;
  height: 30px !important;
  float: right;
  right: 8px;
  max-height: 100% !important;
  border-radius: 4px !important;
}

.signImg {
  width: 100px !important;
  height: 40px !important;
}
/* 签名img*/
.filespan {
  width: 250px !important;
  height: 25px !important;
  position: absolute !important;
  top: 5px;
  left: 80px;
  background-color: transparent !important;
  border: none;
}
/* 文件*/

/* 展开收缩*/
.showHideItem {
  font-size: 14px !important;
  cursor: pointer;
  color: #b5b5b5;
  text-align: right;
  float: right;
  right: 25px;
}
/*.r180{transform:"rotate(180deg)";top:-12px; }*/
.showHideItem:hover {
  /* 展开收缩滑过样式 */
  /* color:#000;*/
}

/* 展开收缩*/
.showhideParentNext {
  font-size: 15px;
  cursor: pointer;
  color: #b5b5b5; /*flex:1; text-align:right;*/
  position: relative;
  margin-right: 30px;
  float: right;
}

.showhideParentNext:hover {
  /* 展开收缩滑过样式 */
  /* color:#000;*/
}

.tabrow,
.tabrow > ul {
  background-color: #ddd;
  color: #000 !important;
  width: 100%;
  height: 40px;
  min-height: 40px !important;
  overflow: hidden;
}

.tabrow li {
  width: 70px;
}
/*标签下的列表*/
.t-tabs > .list {
  display: block;
  height: auto;
}

.list > ul > li {
  color: #666666;
  display: inline-block;
  width: 100px !important;
  text-align: center;
  padding: 10px 0;
  cursor: pointer;
}

.list > ul > li > .iconfont {
  font-size: 33px;
}

.list > ul > li > .glyphicon {
  font-size: 26px;
}

.list > ul > li > p {
  padding-top: 5px;
}

.list > ul > li:hover {
  /* 展开收缩滑过样式 */
  color: black;
  background-color: #cccccc;
}

.t-tabs .img {
  overflow: auto;
}

.img ul {
  height: 100% !important;
  min-height: 100% !important;
}

.img li {
  display: inline-block;
  height: 83px !important;
  padding: 0px !important;
  width: 83px !important;
  margin-left: 1px;
  margin-top: 1px;
  border: 1px solid white;
}

.img li > img {
  border: 1px solid #cccccc;
  width: 100%;
  height: 100%;
}

.img li > img:hover {
  /* 展开收缩滑过样式 */
  border: 2px solid rgba(51, 92, 255, 0.74);
}

.h40,
.h40 > ul {
  height: 40px;
}

.h600 {
  height: 600px;
}

.ico {
  background-color: transparent !important;
  font-size: 33px;
  display: inline-block;
  height: 600px;
}

.item {
  overflow: auto;
}

.ico li {
  display: inline-block;
  background-color: transparent;
  height: 42px !important;
  width: 42px !important;
}

.ico li:hover {
  /* 展开收缩滑过样式 */
  border: 1px solid rgba(51, 92, 255, 0.74);
  background-color: #cccccc;
}

.icotool {
  color: #b5b5b5 !important;
  background-color: transparent !important;
  font-size: 16px;
  cursor: pointer;
  float: left !important;
  margin-top: 8px;
}

.icotool:hover {
  /* 展开收缩滑过样式 */
  background-color: #fff !important;
  color: #000 !important;
}

.leftmenu .glyphicon,
.header .glyphicon {
  /* 展开收缩滑过样式 */
  font-size: 14px;
  cursor: pointer;
}

.down-menu {
  /* 下拉菜单滑过样式 */
  font-size: 15px;
  cursor: pointer;
  padding-left: 5px;
  padding-right: 5px;
}

.down-menu-list {
  width: 120px;
  position: absolute;
  top: 55px;
  display: none;
  background-color: #f0f0f0;
  border-top: none;
  z-index: 1000;
}

.down-menu-list li {
  height: 30px;
  position: relative;
  float: none;
  display: block;
  margin: 0;
  color: #ccc;
}

.down-menu-list li a {
  color: #000;
  display: block;
  clear: both;
  border-bottom: solid 1px #e1e7f1;
  margin: 0;
  padding: 5px 20px;
  text-align: left;
  line-height: 1.5;
  font-weight: normal;
  white-space: nowrap;
  -webkit-box-shadow: 0 1px 0 #4d7abe;
  -moz-box-shadow: 0 1px 0 #4d7abe;
  box-shadow: 0 1px 0 #e1e7f1;
}

.down-menu-list li:last-child a {
  border-bottom: none;
}

.header-down-menu li:hover,
.header-down-menu li:focus {
  background-color: #e7f7f6;
  color: #000 !important;
}

.active-downmenu {
  background-color: #ccc;
  opacity: 0.8;
}

.helpform {
  width: 400px !important;
  height: 600px !important;
  font-size: 12px !important;
  bottom: 5px !important;
  right: 20px !important;
  position: absolute;
  z-index: 1000 !important;
  box-shadow: 0 4px 16px 0 rgb(81 90 124 / 15%);
  background-color: #fff;
  overflow: hidden;
  display: none;
  font-size: 14px !important;
}

.helpform > .t-tabs li {
  font-size: 14px !important;
  width: 100px !important;
}

.helpform > .t-tabs > div:first-child {
  height: 40px !important;
  min-height: 40px !important;
  overflow: hidden;
}

.helpform > .t-tabs > div:nth-child(2) {
  margin-top: -3px !important;
}

.helpform .t-btns {
  background-color: #eee !important;
}

.helpform textarea {
  resize: true;
  height: 195px;
  padding-left: 10px;
  padding-top: 5px;
}

.helpform .closeright {
  margin-top: -37px !important;
  margin-right: 5px !important;
}

.gohelp {
  background-color: #f5f5f7 !important;
  height: 40px;
  vertical-align: middle;
  color: Blue;
  font-size: 13px;
  text-align: center;
  padding-top: 15px;
}

.gohelp a {
  vertical-align: middle;
  color: #ff8500;
  cursor: pointer;
}

.gohelp a:hover {
  color: blue;
}

.helpform .t-title {
  height: 40px;
}

.helpform .t-title > img {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  vertical-align: middle;
  margin-top: -3px;
}

.helpform .t-title > span {
  margin-left: 10px;
}

.helpform .t-msgs {
  width: 100%;
  background: #fff;
  overflow-x: hidden;
  overflow-y: auto;
  height: 460px;
}

.helpform .t-msgs > li {
  width: 100% !important;
}

.helpform .t-msgs .userleft {
  margin-left: 15px;
  text-align: left;
}

.helpform .t-msgs .userright {
  float: right;
  margin-right: 15px;
  text-align: right;
}

.t-msg {
  z-index: 1070;
  min-height: 40px;
  display: flex !important;
  line-height: 2.2;
  width: 100%;
  margin-top: -15px;
  filter: alpha(opacity=0);
  opacity: 1;
  line-break: auto;
}

.msgright .t-arrow {
  margin-top: 5px;
  margin-right: 0;
  border-width: 5px 0 15px 15px;
  border-left-color: #09aeb0;
}

.msgleft {
  white-space: normal;
  margin-left: -15px;
}

.msgleft > div:nth-child(2) {
  padding: 3px 8px;
  text-align: left;
  white-space: normal;
  color: #000;
  background-color: #ccc;
  border-radius: 4px;
}

.msgright {
  float: right !important;
  margin-right: -15px;
}

.msgright > div:nth-child(1) {
  padding: 3px 8px;
  white-space: normal;
  float: right !important;
  margin-left: auto;
  color: #000;
  background-color: #09aeb0;
  border-radius: 4px;
}

.t-arrow {
  width: 30px !important;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.msgleft .t-arrow {
  margin-top: 5px;
  margin-right: 0;
  border-width: 5px 15px 15px 0px;
  border-right-color: #ccc;
}

.msg-textarea {
  width: 300px !important;
  height: 40px !important;
}

.msg-button {
  width: 60px !important;
  height: 40px !important;
}

.datetime {
  width: 150px;
}

.icoAdd {
  width: 20px;
  height: 20px;
  text-align: center;
  vertical-align: middle;
  line-height: 35px !important;
  font-style: normal;
  font-weight: 300;
  font-family: 微软雅黑;
  font-size: 20px;
  cursor: pointer;
}

.tableSub {
  padding-left: 20px;
  width: 100%;
  height: 400px;
  max-height: 400px;
  overflow: auto;
}

.tableSub > .t-table,
.tableSub > table {
  width: 100%;
  height: 100%;
}

.tableSub > .t-table {
  width: 100%;
  height: 100%;
  margin-left: 20px;
}

/*行排列 align-items: center*/
.row1 {
  width: 100%;
  display: flex;
  justify-content: flex-start;
}

/*容器*/
.container {
  width: 1200px; /*height:60px;height: 105px;*/
  align-items: center;
  justify-content: space-between; /*左右对齐*/
  margin: 0 auto;
}

.iconArrow {
  background: url(http://img.ttyu.net/arrowDown.png) no-repeat 50% / cover !important;
  width: 20;
  height: 20px;
}

li:hover .iconArrow {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.list3 > li > span {
  /* 2级 background:rgba(7,15,33,.68);*/
  font-weight: bold;
  font-size: 12px;
}

.list3 > li > ul > li {
  /* 2级 background:rgba(7,15,33,.68);*/
  height: 40px;
}

/*多栏 分组*/
.group {
  width: 400px;
  height: 600px;
}

.group > li > span {
  font-weight: bold;
  color: #606060;
}

.group > li > ul,
.group > li {
  height: auto !important;
}

/*.group_item ul {
	margin-top: 21px
}
.group_item ul li {
	height: 20px;
	font-size: 14px;
	font-weight: 400;
	color: #606060;
	line-height: 20px;
	margin-bottom: 16px;
	cursor: pointer
}
.group_item ul li a {
	color: #606060
}
.group_item ul li a:hover {
	color: #0f5aff
}*/

/*列表*/
.list {
  margin: 0 16px 16px 0;
  padding: 12px;
  width: 312px;
  height: 134px;
  background: #fff;
  border-radius: 4px;
  border: 1px solid #f2f2f2;
  cursor: pointer;
}

.list:hover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.list .listItem-img {
  width: 100px;
  height: 120px;
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.02);
  overflow: hidden;
}

.list .serviceItem_small__1prYR {
  width: 64px;
  height: 64px;
  border-radius: 4px;
}

.list img {
  width: 100%;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.list .listItem {
  -moz-box-pack: justify;
  justify-content: space-between;
  -moz-box-flex: 1;
  flex: 1 1;
  margin-left: 12px;
  overflow: hidden;
}

.list .listItem-name {
  font-size: 16px;
  font-weight: 700;
  color: #111;
}

.list .listItem-introduction,
.list .listItem-name {
  line-height: 20px;
  display: -webkit-box;
  word-break: break-all;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}

.list .listItem-introduction {
  margin: 4px 0;
  color: #a9a9a9;
}

.list .listItem-price {
  -moz-box-align: baseline;
  align-items: baseline;
  font-size: 20px;
  font-family: WEMONum-Bold, WEMONum;
  font-weight: 700;
  line-height: 28px;
  color: #ff2e2e;
}

.list .listItem-price p {
  font-family: WEMONum-Bold, WEMONum;
  font-weight: 700;
  font-size: 12px;
  line-height: 20px;
  margin-right: 2px;
}

.list .listItem-price span {
  font-family: WEMONum-Bold, WEMONum;
  font-weight: 700;
  font-size: 10px;
  margin-left: 3px;
  line-height: 20px;
}

.list-hover:hover {
  -webkit-box-shadow: 0 10px 23px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 10px 23px 0 rgba(0, 0, 0, 0.1);
  border: 1px solid transparent;
}

.flex {
  display: -moz-box;
  display: flex;
}

/*页头部*/

.logo {
  width: 150px;
  height: 80px;
  /* background: url(http://img.ttyu.net/tianyulianlogo.png) no-repeat 50%/cover; */
  background: url(http://www.ttyu.net/Images/logo.png) no-repeat 50% / cover;
  background-size: 80%;
}

.logo2 {
  width: 200px;
  background: url(http://img.ttyu.net/tianyulianlogo.png) no-repeat 50% / cover;
  margin: 0px;
}

[data-theme="dark"] .btn_register {
  background-color: #111 !;
}

/*右偏移*/
.mr24 {
  margin: 0 24px 0 0;
}

.mr28 {
  /*top right bottom left*/
  margin: 0 28px 0 0;
}

.mr16 {
  margin: 0 16px 0 0;
}

.mr81 {
  margin: 0 81px 0 0;
}
/*icon*/
.iconArrow {
  margin: 0 0 0 4px;
  width: 12px;
  height: 12px;
  background: url(http://img.ttyu.net/arrowDown.png) no-repeat 50% / cover !important;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  cursor: pointer;
}

[data-theme="light"].iconArrow {
  background: url(http://img.ttyu.net/arrowDown.png) no-repeat 50% / cover !important;
}

[data-theme="dark"].iconArrow {
  background: url(http://img.ttyu.net/arrowDown.png) no-repeat 50% / cover !important;
}

/*css动画功能中的关键帧*/
@-webkit-keyframes layout_fadeIn__2ZHij {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes layout_fadeIn__2ZHij {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

/* 单屏滚动样式  竖导航到一页的某一桢 */
.scrolls {
  position: fixed;
  width: 0.64rem;
  height: 80%;
  left: 0.6rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 999999;
}

.scrolls ul {
  width: 100%;
  height: 100%;
}

.scrolls ul li {
  width: 100%;
  padding-top: 0.1rem;
  box-sizing: border-box;
}

.scrolls ul li span {
  display: block;
  width: 0.03rem;
  height: 0.4rem;
  background-color: #fff;
  margin: 0 auto;
}

.scrolls ul li div {
  width: 0.26rem;
  height: 0.26rem;
  margin: 0 auto 0.1rem;
  text-align: center;
  line-height: 0.24rem;
  border-radius: 50%;
  border: 0.02rem dashed transparent;
  color: #fff;
  font-size: 0.2rem;
}

.scrolls ul li div.active {
  color: #fff;
  border: 0.02rem dashed #fff;
}

.scrolls ul .firstlis .firstSpan {
  margin-bottom: 0.1rem;
}

.scrollToTop {
  width: 0.9rem;
  position: fixed;
  right: 0.55rem;
  bottom: 0.9rem;
  min-height: 2rem;
  z-index: 111;
}

.scrollToTop ul {
  width: 100%;
}

.scrollToTop ul li {
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 50%;
  background-color: #535353;
  margin: 0 auto 0.24rem;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.scrollToTop ul .big {
  width: 0.9rem;
  height: 0.9rem;
}

.scrollToTop ul .big a {
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 1.18rem;
}

.scrollToTop ul .ewm,
.scrollToTop ul .call {
  position: relative;
}

.scrollToTop ul .ewm .emrCont {
  position: absolute;
  left: -1.8rem;
  top: 50%;
  margin-top: -0.73rem;
  width: 1.63rem;
  height: 1.46rem;
  background: url("../image/images/emrCont.png") no-repeat;
  background-size: 100% 100%;
  -webkit-transition: 0.45s;
  -moz-transition: 0.45s;
  -ms-transition: 0.45s;
  -o-transition: 0.45s;
  transition: 0.45s;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}

.scrollToTop ul .ewm:hover .emrCont {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.scrollToTop ul .call .callCont {
  position: absolute;
  left: -2.4rem;
  top: 50%;
  width: 2.23rem;
  height: 0.51rem;
  margin-top: -0.255rem;
  line-height: 0.51rem;
  text-align: left;
  padding-left: 0.2rem;
  box-sizing: border-box;
  background: url("../image/images/callCont.png") no-repeat;
  background-size: 100% 100%;
  color: #1a428f;
  font-size: 0.28rem;
  -webkit-transition: 0.45s;
  -moz-transition: 0.45s;
  -ms-transition: 0.45s;
  -o-transition: 0.45s;
  transition: 0.45s;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}

.scrollToTop ul .call:hover .callCont {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.scrollToTop ul li img {
  width: 40%;
}

/****************************/
.content {
  margin: 40px auto 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 1160px;
  height: 60px;
}

.block_content_item {
  display: flex;
  align-items: center;
  min-width: 240px;
  height: 100%;
}

.t-list.icon > li {
  width: 20px;
}

.glyphicon-triangle-bottom {
  font-size: 13px;
}

.imgLib img {
  width: 100%;
  overflow: hidden;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

/*
.meal1 {
    position: absolute;
    left: 24px;
    top: 36px;
    width: 30px;
    height: 26px;
    z-index: 1;
    background: url(//cdn2.weimob.com/saas/@assets/cloud-fe-website-node/@2.3.38/_next/static/media/huise.9c8a3dbb279a124daf7c279b0915fdcb.png) no-repeat 50%/100% 100%
}

.meal_homeSetMealItemIcon__27yaU {
    -webkit-transition: all .15s linear;
    transition: all .15s linear;
    opacity: 1;
    background: url(//cdn2.weimob.com/saas/@assets/cloud-fe-website-node/@2.3.38/_next/static/media/p1.3b4befe13b33d84076437a70653743ae.png) no-repeat 50%/100% 100%
}

.meal3 {
    -webkit-transition: all .15s linear;
    transition: all .15s linear;
    opacity: 1;
    background: url(//cdn2.weimob.com/saas/@assets/cloud-fe-website-node/@2.3.38/_next/static/media/p3.1fedb2093f41a014344414e37b3202bf.png) no-repeat 50%/100% 100%
}
.meal_homeSetMealItemIconH__1UfUs {
    -webkit-transition: all .15s linear;
    transition: all .15s linear;
    opacity: 0;
    background: url(//cdn2.weimob.com/saas/@assets/cloud-fe-website-node/@2.3.38/_next/static/media/H1.0a532e9ab84eb4ef294bfa264428a7bc.png) no-repeat 50%/100% 100%
}
.meal_homeSetMealItemIconH__1UfUs {
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    opacity: 0;
    background: url(//cdn2.weimob.com/saas/@assets/cloud-fe-website-node/@2.3.38/_next/static/media/H2.9f62e47ca93677039566e1eb3c50ad7a.png) no-repeat 50%/100% 100%
}
.meal_homeSetMealItemIconH__1UfUs {
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    opacity: 0;
    background: url(//cdn2.weimob.com/saas/@assets/cloud-fe-website-node/@2.3.38/_next/static/media/H3.2938e335cca0187bdaf6a630822b3272.png) no-repeat 50%/100% 100%
}*/

.caseItem {
  /*合作案例*/
  width: 280px;
  height: 100%;
  background-color: linear-gradient(180deg, rgba(2, 2, 2, 0), #050505);
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 4px;
  background-repeat: no-repeat;
  margin-left: 10px !important;
  background-position: 50%;
  background-size: cover;
}

.caseItem > div {
  display: none;
  text-align: left;
  margin-top: 150px;
  margin-left: 20px;
}

.caseItem:hover .caseItem > div {
  display: block;
}

.caseItem > div > .title,
.caseItem > div > .smallTitle {
  color: White;
  text-align: left;
}

.caseItem > img {
  margin-top: 200px !important;
  text-align: left;
}

.caseItemImg1 {
  /*合作案例*/
  background-image: url(//cdn2.weimob.com/saas/@assets/cloud-fe-website-node/@2.3.38/_next/static/media/g1.4f90cefaed23c9c4bafb1cf7337a0219.png);
}

.caseItemImg2 {
  background-image: url(//cdn2.weimob.com/saas/@assets/cloud-fe-website-node/@2.3.38/_next/static/media/g2.f0ae81f4ab661ade0372e0c10354762b.png);
}

.caseItemImg3 {
  background-image: url(//cdn2.weimob.com/saas/@assets/cloud-fe-website-node/@2.3.38/_next/static/media/g3.aad51715c5ad8ba2cfd7b846b352c768.png);
}

.caseItemImg4 {
  background-image: url(//cdn2.weimob.com/saas/@assets/cloud-fe-website-node/@2.3.38/_next/static/media/g4.ac8da4c67383bc4fa3e10b9e8a9b8f3a.png);
}

.flowpathItem {
  position: relative;
  margin-left: 3px !important;
  width: 240px;
  height: 272px;
  background: #f2f6ff;
}

.flowpath_arrow {
  position: absolute;
  top: 53%;
  z-index: 999;
  width: 40px;
  height: 40px;
  background: url(//cdn2.weimob.com/saas/@assets/cloud-fe-website-node/@2.3.38/_next/static/media/flow-arrow.25a95df0a825f8e910093417bf39e58c.png)
    no-repeat 50%/100% 100%;
}

.flowpathImg {
  /*合作流程*/
  position: absolute;
  left: 50%;
  top: 78px;
  margin-left: -36px;
  z-index: 2;
  width: 72px !important;
  height: 72px !important;
}

.flowpathText {
  margin: 206px 0 0;
  height: 26px;
  font-size: 18px;
  font-weight: 400;
  color: #111;
  line-height: 26px;
  text-align: center;
}

.brand_maskShadowLeft {
  /*合作伙伴*/
  position: absolute;
  left: 0;
  top: 0;
  z-index: 99;
  width: 20%;
  height: 48px;
  background-image: -webkit-gradient(
    linear,
    right top,
    left top,
    from(hsla(0, 0%, 100%, 0)),
    to(#fff)
  );
  background-image: -webkit-linear-gradient(right, hsla(0, 0%, 100%, 0), #fff);
  background-image: linear-gradient(270deg, hsla(0, 0%, 100%, 0), #fff);
}

.brand_maskShadowRight {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 99;
  width: 20%;
  height: 48px;
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(hsla(0, 0%, 100%, 0)),
    to(#fff)
  );
  background-image: -webkit-linear-gradient(left, hsla(0, 0%, 100%, 0), #fff);
  background-image: linear-gradient(90deg, hsla(0, 0%, 100%, 0), #fff);
}

.brand_logos {
  width: 100%;
  height: 48px;
  margin-top: 20px;
  margin-bottom: -5px;
  background: url(http://img.ttyu.net/1/band.png) 50% / auto 100%;
  opacity: 0.5;
  -webkit-animation-name: brand_logoAnimation__1qNUV, brand_scrollBrand__2wcOD;
  animation-name: brand_logoAnimation__1qNUV, brand_scrollBrand__2wcOD;
  -webkit-animation-fill-mode: forwards, none;
  animation-fill-mode: forwards, none;
  -webkit-animation-timing-function: ease, linear;
  animation-timing-function: ease, linear;
  -webkit-animation-iteration-count: 1, infinite;
  animation-iteration-count: 1, infinite;
  -webkit-animation-duration: 0.46667s, 80s;
  animation-duration: 0.46667s, 80s;
}

.brand_active {
  -webkit-animation-duration: 0.6s;
  animation-duration: 0.6s;
  -webkit-animation-name: brand_widthPath__1qDtD;
  animation-name: brand_widthPath__1qDtD;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-transition: all 0.2s linear, top 0.2s linear;
  transition: all 0.2s linear, top 0.2s linear;
}

@-webkit-keyframes brand_widthPath__1qDtD {
  0% {
    opacity: 0;
    width: 1200px;
    -webkit-transform: translate3d(0, 20px, 0) scale(0.8) rotateY(20deg);
    transform: translate3d(0, 20px, 0) scale(0.8) rotateY(20deg);
  }

  to {
    opacity: 1;
    width: 100%;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

@keyframes brand_widthPath__1qDtD {
  0% {
    opacity: 0;
    width: 1200px;
    -webkit-transform: translate3d(0, 20px, 0) scale(0.8) rotateY(20deg);
    transform: translate3d(0, 20px, 0) scale(0.8) rotateY(20deg);
  }

  to {
    opacity: 1;
    width: 100%;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}

.online_advice .online_advice_online {
  position: fixed;
  bottom: 140px;
  right: 24px;
  z-index: 1000;
  padding: 20px 14px 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 112px;
  height: 256px;
  border-radius: 56px 56px 10px 10px;
  background: -webkit-linear-gradient(#5082ff, #0d5bff);
}

.online_advice .online_advice_online .online_advice_onlineAdviceCntTop {
  height: 186px;
  border-bottom: 1px solid rgba(229, 238, 255, 0.1);
}

.online_advice
  .online_advice_online
  .online_advice_onlineAdviceCntTop
  .online_advice_avatar {
  margin: 0 auto;
  width: 72px;
  height: 72px;
  border-radius: 36px;
  overflow: hidden;
  background: url(//cdn2.weimob.com/saas/@assets/cloud-fe-website-node/@2.3.38/_next/static/media/avatar@2x.9ca1f2fce4172755078c0635230f2d44.png)
    no-repeat 50%/100% 100%;
}

.online_advice
  .online_advice_online
  .online_advice_onlineAdviceCntTop
  .online_advice_hotline {
  margin: 12px 0 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 14px;
}

.online_advice
  .online_advice_online
  .online_advice_onlineAdviceCntTop
  .online_advice_hotline
  .online_advice_iconPhone {
  width: 12px;
  height: 12px;
}

.online_advice
  .online_advice_online
  .online_advice_onlineAdviceCntTop
  .online_advice_hotline
  .online_advice_hotlineText__2jagZ {
  height: 14px;
  font-size: 10px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #fff;
  line-height: 14px;
}

.online_advice
  .online_advice_online
  .online_advice_onlineAdviceCntTop
  .online_advice_hotlineNum {
  margin: 4px 0 0;
  width: 84px;
  height: 20px;
  font-size: 14px;
  font-family: PingFangSC-Semibold, PingFang SC;
  color: #fff;
  line-height: 20px;
  text-align: center;
}

.online_advice
  .online_advice_online
  .online_advice_onlineAdviceCntTop
  .online_advice_hotlineBtn {
  margin: 12px 0 0;
  width: 84px;
  height: 28px;
  line-height: 28px;
  vertical-align: middle;
  background: #fff;
  border-radius: 4px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #0d5bff;
  text-align: center;
  cursor: pointer;
}

.online_advice .online_advice_online .online_advice_onlineAdviceCntBottom {
  width: 100%;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.online_advice
  .online_advice_online
  .online_advice_onlineAdviceCntBottom
  .online_advice_iconQrcode- {
  margin: 0 6px 0 0;
  width: 18px;
  height: 18px;
}

.online_advice
  .online_advice_online
  .online_advice_onlineAdviceCntBottom
  .online_advice_iconQrcodeText {
  width: 36px;
  height: 17px;
  font-size: 12px;
  font-family: PingFangSC-Medium, PingFang SC;
  color: #fff;
  line-height: 17px;
}

.online_advice .online_advice_officialAccountsPmt {
  position: fixed;
  right: -296px;
  bottom: 112px;
  z-index: 1000;
  width: 296px;
  height: 364px;
  background: -webkit-linear-gradient(202deg, #0a8cff, #145dff);
  background: linear-gradient(248deg, #0a8cff, #145dff);
  -webkit-box-shadow: 0 8px 24px 0 rgba(0, 60, 116, 0.08);
  box-shadow: 0 8px 24px 0 rgba(0, 60, 116, 0.08);
  border-radius: 4px 4px 5px 5px;
}

.online_advice
  .online_advice_officialAccountsPmt
  .online_advice_officialAccountsPmtTop {
  position: relative;
  padding: 20px 0 0 24px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 296px;
  height: 84px;
}

.online_advice
  .online_advice_officialAccountsPmt
  .online_advice_officialAccountsPmtTop
  .online_advice_officialAccountsPmtTopStar {
  position: absolute;
  top: 14px;
  right: 16px;
  z-index: 6;
}

.online_advice
  .online_advice_officialAccountsPmt
  .online_advice_officialAccountsPmtTop
  .online_advice_officialAccountsPmtTopTitle {
  width: 96px;
  height: 22px;
  font-size: 16px;
  font-family: PingFangSC-Semibold, PingFang SC;
  color: #fff;
  line-height: 22px;
}

.online_advice
  .online_advice_officialAccountsPmt
  .online_advice_officialAccountsPmtTop
  .online_advice_officialAccountsPmtTopDesc {
  width: 120px;
  height: 17px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: hsla(0, 0%, 100%, 0.66);
  line-height: 17px;
}

.online_advice
  .online_advice_officialAccountsPmt
  .online_advice_officialAccountsPmtBottom {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 6;
  padding: 30px 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 296px;
  height: 280px;
  background: #fff;
  border-radius: 4px;
}

.online_advice
  .online_advice_officialAccountsPmt
  .online_advice_officialAccountsPmtBottom
  .online_advice_officialAccountsPmtBottomQrcode {
  width: 200px;
  height: 200px;
}

.online_advice
  .online_advice_officialAccountsPmt
  .online_advice_officialAccountsPmtBottom
  .online_advice_officialAccountsPmtBottomDesc {
  margin: 8px 0 0;
  height: 16px;
  font-size: 12px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: #8f94a5;
  line-height: 16px;
}

.online_advice .online_advice_officialAccountsPmt.online_advice_fadeIn__2btL3 {
  right: 152px;
  bottom: 140px;
  -webkit-animation-name: online_advice_myTipsZoomIn__2Hvtv;
  animation-name: online_advice_myTipsZoomIn__2Hvtv;
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  opacity: 1 !important;
}

.online_advice .online_advice_officialAccountsPmt.online_advice_fadeOut-3 {
  right: -296px;
  bottom: 112px;
  -webkit-animation-name: online_advice_myTipsZoomOut__HBCGs;
  animation-name: online_advice_myTipsZoomOut__HBCGs;
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  opacity: 0 !important;
}

.listHeader {
  width: 400px;
  height: 500px;
}

.listHeader > ul {
  width: 100%;
}

/*分组*/
.group ul {
  width: 100%;
}

.group.listV {
  display: block;
}

.group.listV > li {
  display: block;
}

.group.listV > li > ul {
  /*margin-top:10px;*/
  background-color: transparent;
}

.group.listV > li > div > .listTexts > .name {
  margin-top: 0px;
}

.group.listH > li {
  display: flex;
}

.group.listH > li > ul,
.group.listH > li > ul > li {
  min-width: 40px;
  margin-left: 0px;
  border: none;
}

.w3 {
  width: 33%;
  height: 100px;
  text-align: center;
  margin-bottom: 5px;
  margin-top: 5px;
}
/*.imgText, .iconText{ min-height:60px; text-align: center;}*/
.textLeft > li > div,
.textRight > li > div {
  display: flex;
  flex-direction: row;
}
/*.imgText img{width:60px; height:60px;}*/
.listImgs {
  display: flex;
  width: 33%;
  justify-content: center;
}

.listImgs > img {
  justify-content: center;
}

.textLeft > li,
.textRight > li {
  display: flex;
  min-width: 60px;
  flex-direction: row;
}

.textUp > li,
.textDown > li {
  display: block;
}

.textUp > li > .listTexts,
.textDown > li.listTexts {
  text-align: center;
}

.textRight .listTexts {
  margin-left: 10px;
  flex-wrap: wrap;
}

.textDown > li,
.textUp > li {
  min-height: 40px;
  height: 100px;
  justify-content: center;
}

.textDown > li p,
.textUp > li p {
  text-align: center;
  text-overflow: ellipsis;
}

.textLeft > li p {
  text-align: right;
}

.textLeft > li .listImgs {
  margin-left: 10px;
  text-overflow: ellipsis;
}

.textLeft > li,
.textRight > li {
  min-height: 40px;
  height: 100px;
  align-content: flex-start;
}

.textLeft > li > div,
.textRight > li > div {
  display: flex;
  min-width: 60px;
  flex-direction: row;
}

.textDown > li > div,
.textUp > li > div {
  display: block;
}

.textarea {
  text-align: center;
  height: 800px;
  margin-left: 50px;
  margin-right: 50px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.textarea {
  text-align: center;
  height: 800px;
  margin-left: 50px;
  margin-right: 50px;
}

.textarea pre {
  border: none;
  padding: 10px;
  text-align: left;
  height: 100%;
  margin-top: 20px;
  overflow: hidden;
  background: #fff;
}

.textarea .name {
  margin-top: 20px;
  margin-bottom: 20px;
}

.groupHeader {
  color: #000;
  font-weight: bold;
  font-size: 13px;
  justify-content: center;
}

.menus .line {
  width: 80%;
  height: 0px;
  margin: 0 auto;
  border: 1px solid #ff7d4d;
}

.group.textLeft,
.group.textRight {
  justify-content: left;
}

.group.textLeft > li,
.group.textRight > li {
  justify-content: left;
  align-content: flex-start;
}

.imgSort {
  width: 25px !important;
  height: 25px !important;
}

.flexRow {
  flex-direction: row;
}

.flexWrap {
  flex-wrap: nowrap;
}

.flexLeft {
  justify-content: flex-start;
}
/*左对齐（沿着主轴开始位置至末尾位置对齐）*/
.flexRight {
  justify-content: flex-end;
}
/*右对齐（沿着主轴末尾位置至开始位置对齐）*/
.flexCenter {
  justify-content: center;
}
/*居中对齐*/
.flexCenter {
  align-content: center;
}
/*居中对齐*/
.flexAround {
  justify-content: space-between;
}
/*两端对齐，项目之间的间隔都相等*/
/*.align-content*/
.listTexts {
  display: block;
}

.listTexts p {
  height: 20px;
  text-align: left;
  width: 100%;
  display: block;
}

.listTexts .name {
  font-size: 14px;
  margin: 0;
  line-height: 20px;
}

.listTexts .desc {
  margin-left: 0px;
}

.listTexts .price,.price {
  -moz-box-align: baseline;
  align-items: baseline;
  font-size: 20px;
  font-family: WEMONum-Bold, WEMONum;
  font-weight: 700;
  line-height: 28px;
  color: #ff2e2e;
}

.price:before {
  content: "¥";
}

.price:after {
  content: "元";
}

.color1 {
  background: #f5f5f7;
}

.tool-ul > li:hover,
#tool-ul-icon > li:hover,
#tool-ul-icon1 > li:hover {
  color: black;
  background-color: #cccccc;
}
/*工具栏*/
.tool-header {
  font-size: 0.75rem;
  width: 100%;
  margin-left: -10px;
  width: 350px;
  padding: 0 20px;
  background-color: #eee;
  line-height: 35px;
  font-weight: 600;
  border-bottom: 1px solid #eeeeee;
  background-color: #e6e6e6;
  height: 35px;
}

.tool-header > span:nth-child(1) > input {
  width: 140px;
}

.tool-header span:nth-child(n + 2) {
  font-size: 0.65rem;
  position: relative;
  float: right;
  right: 0px;
  color: #b5b5b5;
  cursor: pointer;
  transition: all 0.5s;
}

.tool-header:hover span:nth-child(n + 3) {
  display: block;
  color: #1b1919;
}

.t-col > .t-span {
  display: block;
  width: 100%;
}

/* 开关 */
.slider_box {
  width: 52px !important;
  height: 22px;
  border: 1px solid #d7d7d7;
  border-radius: 25px;
  background: #f7f7f7;
  overflow: hidden;
  position: relative;
}

.slider {
  width: 52px !important;
  height: 22px;
  border-radius: 25px;
  background: #4bd90c;
  transition: 0.2s;
  position: absolute;
  left: 0px;
}

.slider > div {
  width: 22px;
  height: 22px;
  border: 1px solid #d7d7d7;
  box-sizing: border-box;
  background: #fff;
  border-radius: 50%;
  position: absolute;
  right: 0;
}

.slider_ok {
  left: 0px !important;
}

.slider_no {
  left: -30px !important;
}

.arrows_left {
  width: 20px;
  height: 20px;
  transform: rotate(180deg);
  background: url(http://img.ttyu.net/ico/150X150/right.png) no-repeat 50% /
    cover !important;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  cursor: pointer;
}

.arrows_right {
  width: 20px;
  height: 20px;
  background: url(http://img.ttyu.net/ico/150X150/right.png) no-repeat 50% /
    cover !important;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
  width: calc(100% - 80px) !important;
}

.selectValue {
  position: absolute !important;
  top: 4px;
  margin-left: 10px;
  width: 120px !important;
}

.active {
  background: #fff;
  /*color: red;*/
  font-weight: bold;
}

/* 左侧树形一级菜单 */
/*aside.layout-side {
    max-width: 70px;
}*/

/*aside.layout-side > .side-menu > .menu-item > a {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 8px 5px;
    border: none;
    text-decoration: none;
}

aside.layout-side > .side-menu > .menu-item > a > i {
    font-size: 18px;
}

aside.layout-side > .side-menu > .menu-item > a > span {
    min-width: 100%;
    text-align: center;
    margin-top: 8px;
    margin-left: 0;
    font-size: 12px;
}

aside.layout-side > .side-menu > .menu-item > a > .icon-right {
    display: none;
}*/
/* 左侧树形一级菜单 */
/*td > img {
    width:300px;height:300px;
}*/
.listV>.header>ul>li{
    height: 40px;
}
.listV > .header, .listV > .header>ul{
    display: block;
    white-space: nowrap;
    width: 300px;
    height: 100%;
    line-height: 40px;
    min-height: 300px;
    text-align: left;
    border: 1px solid #cccccc;
    padding-left: 5px;
    background-color: #e9ebec;
    color: #000;
    font-size: 13px;
    z-index: 999;
    font-weight: bold;
    overflow: hidden;
}