/*@font-face {
    font-family: 'iconfont';
    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%;
}

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%;
}
/* 重置body 页面背景为白色 */
body, th, td, input, select, textarea, button {
    font-size: 12px;
    line-height: 1;
    font-family: "微软雅黑";
}
/* 重置页面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;
}
/* 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 .15s linear,top .15s linear,-webkit-box-shadow .2s linear;
    transition: height .15s linear,top .15s linear,-webkit-box-shadow .2s linear;
    transition: box-shadow .2s linear,height .15s linear,top .15s linear;
    transition: box-shadow .2s linear,height .15s linear,top .15s linear,-webkit-box-shadow .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%,.7);
        text-align: center;
        font-size: 14px;
        cursor: pointer;
        font-weight: 400;
        -webkit-transition: all .12s linear;
        transition: all .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;
}

.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;
}

.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;
}

    .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%;
    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: 15px;
    height: 25px;
}
/* 表格 */
.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;
}

.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: 70px !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: 100px !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: 35px;
    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], td input[type=radio] {
        width: 15px !important;
        height: 15px !important;
        max-width: 15px !important;
        max-height: 15px !important;
    }

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

td > span {
    position: static;
    color: blue;
}
/* 表格分页*/
.page {
    background-color: #f0f0f0;
    display: flex;
    justify-content: flex-end;
    width: 100% !important;
    height: 35px;
    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 .2s linear,background-color .2s linear;
    transition: color .2s linear,background-color .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,.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,.3);
}

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

/*  */
.editPage {
    display: none;
    left: 0px !important;
    top: 0px !important;
    width: 100%;
    height: 100%;
    position: relative !important;
    overflow: hidden;
}

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 {
    width: 100%;
    height: 100%;
    border: 1px solid #e0dfdf
}

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

        .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, .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 .table11 {
        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,.02);
        overflow: hidden
    }

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

    .list img {
        width: 100%;
        -webkit-transition: .5s;
        transition: .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,.1);
    box-shadow: 0 10px 23px 0 rgba(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(https://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 .3s linear;
    transition: all .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: .64rem;
    height: 80%;
    left: .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: .1rem;
            box-sizing: border-box;
        }

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

            .scrolls ul li div {
                width: .26rem;
                height: .26rem;
                margin: 0 auto .1rem;
                text-align: center;
                line-height: .24rem;
                border-radius: 50%;
                border: .02rem dashed transparent;
                color: #fff;
                font-size: .2rem;
            }

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

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

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

    .scrollToTop ul {
        width: 100%;
    }

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

        .scrollToTop ul .big {
            width: .9rem;
            height: .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: -.73rem;
                width: 1.63rem;
                height: 1.46rem;
                background: url('../image/images/emrCont.png') no-repeat;
                background-size: 100% 100%;
                -webkit-transition: .45s;
                -moz-transition: .45s;
                -ms-transition: .45s;
                -o-transition: .45s;
                transition: .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: .51rem;
                margin-top: -.255rem;
                line-height: .51rem;
                text-align: left;
                padding-left: .2rem;
                box-sizing: border-box;
                background: url('../image/images/callCont.png') no-repeat;
                background-size: 100% 100%;
                color: #1A428F;
                font-size: .28rem;
                -webkit-transition: .45s;
                -moz-transition: .45s;
                -ms-transition: .45s;
                -o-transition: .45s;
                transition: .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 .5s ease-in-out;
    transition: all .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: .46667s,80s;
    animation-duration: .46667s,80s
}

.brand_active {
    -webkit-animation-duration: .6s;
    animation-duration: .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 .2s linear,top .2s linear;
    transition: all .2s linear,top .2s linear;
}

@-webkit-keyframes brand_widthPath__1qDtD {
    0% {
        opacity: 0;
        width: 1200px;
        -webkit-transform: translate3d(0,20px,0) scale(.8) rotateY(20deg);
        transform: translate3d(0,20px,0) scale(.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(.8) rotateY(20deg);
        transform: translate3d(0,20px,0) scale(.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,.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,.08);
    box-shadow: 0 8px 24px 0 rgba(0,60,116,.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%,.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: .2s;
        animation-duration: .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: .2s;
        animation-duration: .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;
    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;
    }

    .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: '元';
        }

.design {
    overflow: auto;
    height: 100%;
}

.color1 {
    background: #F5F5F7;
}
/*#f5f5f8*/

.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 .3s linear;
    transition: all .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 .3s linear;
    transition: all .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: red;
    /*color: red;*/
    font-weight: bold;
}