* {
    margin: 0;
    padding: 0;
    box-sizing: border-box
}

a {
    text-decoration: none;
    color: #050505
}


li, ul {
    list-style: none
}

hr {
    height: 1px;
    margin: 10px 0;
    border: 0;
    clear: both
}

img {
    border: none;
}

button, input, optgroup, option, select, textarea {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
    outline: 0
}

.icon-bg {
    background-color: #e4e6eb;
    border-radius: 50%;
    color: #6c727b
}

.pull-right {
    float: right
}

.pull-left {
    float: left
}
.hide{
    display: none;
}
.ef {
    font-size: 20px
}
.ef.color_red{
    color: #f02849;
}

body {
    background: #fff;
    color: #050505;
    font: 14px/1.5 system-ui, -apple-system, BlinkMacSystemFont, \.SFNSText-Regular, sans-serif
}

#app {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    min-width: 1200px;
    background: #f0f3f4;
    overflow-x: hidden
}

.minheight {
    min-height: 600px
}

#main {
    margin-left: 230px;
    padding-top: 60px
}

.main-content, .main-content-max-width {
    padding: 20px 52px 96px;
    margin-left: auto;
    margin-right: auto
}

.main-content-max-width {
    max-width: 1612px
}

.main-content-max-width1200 {
    padding: 20px 52px 96px;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto
}

.home-banner {
    min-height: 300px;
    background: url(../image/banner2.jpg) 50% no-repeat;
    background-size: cover;
    border-radius: 5px;
    margin-bottom: 28px
}

.home-banner .search-box {
    width: 750px;
    margin: 0 auto;
    overflow: hidden
}

.home-banner .search-box .slogan {
    color: #fff;
    font-size: 32px;
    font-weight: 700;
    margin-top: 40px;
    margin-bottom: 30px;
    letter-spacing: 2px
}
.home-banner .search-box .slogan a{
    color: #fff;
}

.home-banner .search-box .search-wrapper {
    background-color: #f0f2f5;
    height: 46px;
    line-height: 46px;
    width: 650px;
    border-radius: 9px;
    color: #6d737c;
    margin-bottom: 20px;
    overflow: hidden
}

.home-banner .search-box .search-wrapper .ef {
    color: #6d737c;
    font-size: 22px;
    display: inline-block;
    float: left;
    width: 46px;
    height: 46px;
    line-height: 46px;
    text-align: center
}

.home-banner .search-box .search-wrapper .sIpt {
    border: none;
    outline: none;
    background-color: transparent;
    height: 46px;
    display: inline-block;
    padding: 0 10px;
    float: left;
    font-size: 15px;
    width: 515px
}

.home-banner .search-box .search-wrapper .sBtn {
    width: 80px;
    text-align: center;
    display: inline-block;
    float: right;
    cursor: pointer
}

.home-banner .search-box .search-wrapper .sBtn:hover {
    background: #e4e6eb
}

.home-banner .hot-search .item {
    display: inline-block;
    float: left;
    padding: 0 14px;
    border-radius: 20px;
    line-height: 25px;
    transition: all .2s ease-in-out;
    margin-right: 15px;
    margin-bottom: 15px;
    cursor: pointer;
    position: relative
}

.home-banner .hot-search .item.hot:after {
    display: block;
    position: absolute;
    content: "";
    width: 17px;
    height: 22px;
    right: -7px;
    top: -10px;
    background: url(../image/hoticon2.svg) 50%/auto 100% no-repeat
}

.home-banner .search-box .hot-search .item:nth-child(2n-1) {
    color: #ffd8fe;
    background: rgba(255, 115, 179, .5)
}

.home-banner .search-box .hot-search .item:nth-child(2n-1):hover {
    color: #fff8f8;
    background: #ff73b3
}

.home-banner .search-box .hot-search .item:nth-child(2n) {
    color: #d5e1ff;
    background: rgba(121, 149, 245, .5)
}

.home-banner .search-box .hot-search .item:nth-child(2n):hover {
    color: #fff;
    background: #7995f5
}

.main-title {
    height: 40px;
    line-height: 40px;
    margin-bottom: 15px;
    color: #4b4c4f
}

.main-title .name {
    font-size: 20px;
    font-weight: 700;
    margin-right: 12px;
    float: left
}

.main-title .name .ef {
    margin-right: 10px;
    color: #1c76f2;
    font-size: 20px
}

.main-title .search {
    float: left;
    width: 292px;
    height: 33px;
    background-color: #f0f3f4;
    color: #8b939d;
    border-radius: 15px;
    line-height: 30px;
    padding: 0 0 0 15px;
    margin-top: 5px;
    margin-left: 15px;
    position: relative;
    z-index: 2;
}

.main-title .search .ef {
    font-size: 15px;
    margin-right: 3px
}

.main-title .search .sIpt {
    width: 190px;
    height: 33px;
    border: none;
    background: none
}

.main-title .search .sBtn {
    width: 60px;
    height: 33px;
    line-height: 33px;
    text-align: center;
    display: inline-block;
    float: right;
    cursor: pointer;
    border-radius: 0 15px 15px 0;
}

.main-title .search .sBtn:hover {
    background: #e6f2fe;
    color: #3185f2
}

.main-title .action, .main-title .action a {
    font-size: 17px;
    color: #3185f2
}

.template-list {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 28px
}

.template-list .item {
    width: 200px;
    min-height: 150px;
    background-color: #fff;
    position: relative;
    overflow: hidden;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-right: 15px;
    margin-bottom: 15px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    border-radius: 5px;
    z-index: 1;
}

.template-list .item .thumb {
    position: relative;
    overflow: hidden;
    cursor: pointer
}

.template-list .item .thumb img {
    width: 100%;
    display: block
}

.template-list .item .thumb .preview {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .1);
    opacity: 0;
    transition: all .3s linear
}

.template-list .item .thumb:hover .preview {
    display: block;
    opacity: 1
}

.template-list .item .thumb .preview .ef {
    display: block;
    width: 38px;
    height: 38px;
    margin: 50% auto 0;
    color: #fff
}

.template-list .item .infos {
    border-top: none;
    padding: 10px;
    border-radius: 8px
}

.template-list .item .infos .title {
    display: block;
    font-size: 14px;
    line-height: 20px;
    color: #5f6771;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    margin-bottom: 28px;
    text-align: center
}

.template-list .item .infos .actions {
    overflow: hidden;
    padding-bottom: 5px;
    display: flex;
    align-items: center;
    justify-content: center
}

.template-list .item .infos .actions p {
    display: inline-block;
    background-color: #e4e6eb;
    color: #0d0d0d;
    height: 36px;
    line-height: 36px;
    padding: 0 15px;
    font-size: 15px;
    text-align: center;
    border-radius: 6px;
    cursor: pointer;
    margin-left: 5px
}
.template-list .item .infos .actions p a{}

.template-list .item .infos .actions p:hover {
    background-color: #d7d9de
}

.template-list .item .infos .actions .preview {
    width: 75px
}

.template-list .item .infos .actions .preview .ef {
    font-size: 18px;
    margin-right: 3px
}

.template-list .item .infos .actions .fav {
    width: 55px;
    float: right
}

.template-list .item .infos .actions .fav .ef {
    font-size: 18px
}

.hot-bar {
    overflow: hidden;
    margin-bottom: 20px
}

.hot-bar .item {
    display: inline-block;
    background-color: #e4e6eb;
    box-shadow: 0 5px 15px 0 rgba(121, 184, 255, .12);
    padding: 0 20px;
    height: 33px;
    line-height: 33px;
    font-size: 15px;
    margin: 0 10px 0 0;
    border-radius: 4px 4px 15px 4px;
    transition: border-bottom-right-radius .3s linear;
    cursor: pointer;
    color: #6c727b
}

.hot-bar .item:hover {
    border-radius: 4px 4px 30px 4px;
    background-color: #1877f2;
    color: #fff
}

.hot-bar .item.cur {
    border-radius: 4px 4px 15px 4px;
    background-color: #1877f2;
    color: #fff
}

.swiper-box {
    position: relative;
    margin-bottom: 28px
}

.swiper-box .scroll-wrapper {
    width: 100%;
    overflow: hidden;
    display: flex
}

.swiper-box .scroll-wrapper .content {
    white-space: nowrap
}

.swiper-box .scroll-wrapper .content .item {
    display: inline-block;
    width: 300px
}

.swiper-box .arow {
    position: absolute;
    top: 50%;
    margin-top: -20px;
    border: 1px solid rgba(164, 198, 233, .02);
    cursor: pointer;
    z-index: 11;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    border-radius: 50%;
    background: #e4e6eb;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .06)
}

.swiper-box .arow.left {
    left: -18px;
    display: none
}

.swiper-box .arow.right {
    right: -18px
}

.special-banner {
    white-space: nowrap
}

.special-item {
    display: inline-block;
    margin-right: 20px;
    width: 260px;
    background: #fff;
    padding: 10px;
    border-radius: 5px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2)
}

.special-item a {
    display: block
}

.special-item .thumb {
    margin-bottom: 8px
}

.special-item .thumb img {
    width: 100%;
    user-select: none
}

.special-item .info b {
    font-size: 16px;
    display: block;
    margin-bottom: 3px
}

.special-item .info p {
    font-size: 14px;
    color: #5f6771
}

.btn {
    padding: 5px 10px;
    font-size: 14px;
    background: #fff;
    text-align: center;
    display: inline-block;
    cursor: pointer
}

.btn.blue {
    background: #1876f2;
    color: #fff
}

.main-content-bgwhite {
    margin: 20px 52px 36px;
    padding: 20px;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 2px 2px 0 #dfe2e4
}

.search-wrapper {
    margin-bottom: 20px
}

.search-wrapper .search-box {
    width: 282px;
    height: 43px
}

.search-wrapper .search-box .ef{
    background-color: #f0f3f4;
    border-radius: 20px;
}
.search-wrapper .search-box {
    font-size: 20px;
    margin-right: 3px;
    padding: 0 15px;
    line-height: 43px;
    color: #8b939d
}

.search-wrapper .search-box .k {
    width: 225px;
    height: 43px;
    border: none;
    background: none
}

.category-order {
    display: flex;
    align-items: center;
    justify-items: center;
    height: 40px
}

.category-order .tip {
    margin-right: 6px;
    color: #afb1b5
}

.category-order .btn {
    background: #e9ebf0;
    padding: 0 12px;
    height: 30px;
    line-height: 30px;
    margin-left: 12px;
    font-size: 15px;
    border-radius: 4px;
    color: #1c1e21;
    cursor: pointer
}

.category-order .btn.cur {
    background-color: #e6f2fe;
    color: #3185f2;
    font-weight: 700
}

.special_header {
    background-color: #fff;
    height: 125px;
    padding: 28px 62px
}

.special_header .info .name {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 6px
}

.special_header .info .desc {
    font-size: 20px;
    color: #333
}

.special_header .search {
    border: 2px solid #1877f2;
    height: 40px;
    width: 288px;
    border-radius: 8px;
    padding: 0 10px
}

.special_header .search .ef {
    font-size: 18px;
    text-align: center;
    color: #1877f2
}

.special_header .search .k {
    height: 38px;
    line-height: 38px;
    width: 230px;
    background: none;
    border: none;
    margin-left: 5px
}

.special_header_two {
    padding: 32px 52px;
    position: relative;
    height: 180px;
    background: #fff;
    margin-bottom: 20px
}

.special_header_two .bg {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-size: cover;
    background-position: 0;
    background-repeat: no-repeat
}

.special_header_two .content {
    position: relative
}

.special_header_two .content .info {
    padding: 28px 0 0
}

.special_header_two .content .info .name {
    font-size: 28px;
    margin-bottom: 6px
}

.special_header_two .content .info .desc {
    font-size: 16px
}

.layui-btn {
    display: inline-block;
    height: 38px;
    line-height: 38px;
    padding: 0 18px;
    background-color: #009688;
    color: #fff;
    white-space: nowrap;
    text-align: center;
    font-size: 14px;
    border: none;
    border-radius: 4px;
    cursor: pointer
}

.layui-btn-blue {
    background-color: #1876f2
}

.pay-btn {
    padding: 0 58px;
    height: 46px;
    line-height: 46px;
    font-size: 16px
}
.pay-btn.pay-loading{
    background-color: #e4e6eb;
    color: #6c727b;
}

.bg_white {
    background-color: #fff
}

.s-page {
    padding: 60px 52px
}

.article-page {
    width: 700px;
    padding: 30px;
    margin: 0 auto
}

.article-page .title {
    font-weight: 700;
    font-size: 24px;
    margin-bottom: 25px;
    padding: 15px
}

.article-page .content {
    padding: 30px;
    font-size: 17px;
    line-height: 1.6;
    background: #fff
}

.article-page .content img {
    display: block;
    max-width: 100%;
    margin: 10px auto
}

.article-page .content div, .article-page .content p {
    text-align: justify;
    clear: both;
    margin-bottom: 25px
}

.article_item {
    background: #fff;
    border-radius: 6px;
    margin-bottom: 24px;
    box-shadow: 0 1px 2px 0 #dfe2e4
}

.article_item .thumb {
    width: 100%;
    max-height: 300px;
    overflow: hidden
}

.article_item .thumb img {
    width: 100%
}

.article_item .head {
    font-size: 20px;
    padding: 10px 15px
}

.article_item .description {
    font-size: 17px;
    padding: 0 15px 18px
}

.after:after {
    content: "";
    display: block;
    clear: both
}

.htitle {
    font-size: 24px;
    margin-bottom: 20px
}

.more-template {
    text-align: center;
    margin-bottom: 80px
}

.more-template .more {
    display: inline-block;
    padding: 0 15px;
    height: 46px;
    line-height: 46px;
    background: #e3ebf7;
    color: #1877f2;
    font-size: 16px;
    border-radius: 8px;
    margin: 0 auto
}

.more-template .more:hover {
    background: #1877f2;
    color: #fff
}

.template-header {
    /*height: 150px;*/
    min-height: 150px;
    padding-top: 45px;
    background: url(https://cdnoss.zhizuoh5.com/sys/h5banner/searchBg.jpg);
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover
}
.template-header.hotpage{
    padding-top: 20px;
}
.hotpage .title{
    text-align: center;
    color: #fff;
    font-size: 25px;
    font-weight: bold;
    margin-bottom: 20px;
}
.template-header .search-keyword {
    width: 620px;
    margin: 0 auto;
    color: #c8d7f1;
    font-size: 14px;
    word-break: break-word;
    padding-bottom: 15px;
}

.template-header .search-keyword span {
    display: inline-block
}

.template-header .search-keyword .item {
    color: #c8d7f1;
    display: inline-block;
    margin-left: 10px;
    margin-bottom: 10px;
}

.template-header .search-keyword .item:hover {
    color: #fff
}

.template-header .search-box {
    width: 620px;
    margin: 0 auto 15px;
    background: #fff;
    height: 40px;
    border-radius: 45px
}

.template-header .search-box .ef {
    height: 40px;
    width: 40px;
    line-height: 40px;
    text-align: center;
    float: left;
    color: #757575
}

.template-header .search-box .sBtn {
    width: 100px;
    float: right;
    height: 40px;
    line-height: 40px;
    text-align: center;
    cursor: pointer
}

.template-header .search-box .sBtn:hover {
    background: rgba(45, 136, 255, .1)
}

.template-header .search-box .sIpt {
    float: left;
    width: 480px;
    height: 40px;
    line-height: 40px;
    border: none
}

.template-section {
    margin-bottom: 30px;
    padding: 20px 0
}

.template-section .section-name {
    font-size: 25px;
    text-align: center;
    line-height: 48px
}

.template-section .section-name img {
    height: 48px
}

.template-hot-search-keyword-item {
    line-height: 38px;
    padding: 10px;
    text-align: center
}

.template-hot-search-keyword-item .item {
    display: inline-block;
    position: relative;
    background-color: #fff;
    padding: 0 20px;
    border-radius: 8px;
    margin: 0 10px 16px
}

.template-hot-search-keyword-item .item:hover {
    background-color: #2976f2;
    color: #fff
}

.template-hot-search-keyword-item .item.hot:after {
    display: block;
    position: absolute;
    content: "";
    width: 17px;
    height: 22px;
    right: -7px;
    top: -10px;
    background: url(../image/hoticon3.svg) 50%/auto 100% no-repeat
}

.template-hot-search-keyword-item .item.hot:hover {
    background-color: #f02849;
    color: #fff
}

.pages, .pages .pagination {
    overflow: hidden
}

.pages .pagination li {
    float: left;
    margin-right: 8px
}

.pages .pagination li a, .pages .pagination li span {
    padding: 3px 12px;
    font-size: 14px;
    background-color: #e4e6eb;
    border-radius: 3px;
    display: block
}

.pages .pagination li a:hover, .pages .pagination li span:hover {
    background-color: #fff
}

.pages .pagination li.active span {
    background-color: #1877f2;
    color: #fff
}

.pages .pagination.pagination span {
    color: #777;
    cursor: not-allowed
}


.trun2 {
    animation: turn 1s linear infinite;
    transform-origin: center center
}

.footer {
    border-top: 1px solid #e0dddd;
    padding: 30px 0 0
}

.footer-bar {
    margin-bottom: 24px
}

.footer-bar .item {
    display: inline-block;
    margin-right: 32px
}

.footer-bar .item a {
    color: #5f6771
}

.footer-bar .item:hover, .footer-bar .item:hover a {
    color: #050505
}

.footer .copy-right, .footer .copy-right a {
    color: #8d949e;
    line-height: 24px
}

#header {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    height: 60px;
    background: #fff;
    box-shadow: 0 1px 2px 0 #dfe2e4;
    z-index: 100
}
.site_name{
    float: left;
    width: 230px;
}
.site-logo {
    width: 107px;
    float: left
}

.site-logo a {
    display: block;
    margin-left: 15px;
    margin-top: 7px
}

.site-logo a img {
    display: block;
    height: 40px
}

.header-nav {
    float: left;
    margin-left: 52px;
}

.header-nav .item {
    width: 116px;
    display: inline-block;
    height: 60px;
    text-align: center
}

.header-nav .item:hover {
    background-color: #f0f2f5
}

.header-nav .item .ef {
    color: #65676b;
    display: block;
    font-size: 26px;
    height: 26px;
    line-height: 26px;
    width: 26px;
    overflow: hidden;
    margin: 5px auto 2px
}

.header-nav .item .text {
    display: block;
    font-size: 12px;
    color: #65676b
}

.header-bar {
    margin-right: 16px
}

.header-bar .item {
    display: inline-block;
    float: left;
    margin-left: 18px
}

.header-bar .item .member {
    height: 36px;
    margin-top: 12px;
    line-height: 36px;
    border-radius: 8px;
    padding-right: 10px;
    display: block
}

.header-bar .item .member .avatar {
    height: 28px;
    width: 28px;
    vertical-align: middle;
    border-radius: 50%
}

.header-bar .item .member .nick {
    color: #050505;
    font-weight: 600
}

.header-bar .item .member:hover {
    background-color: rgba(0, 0, 0, .05)
}

.header-bar .iconBtn {
    height: 40px;
    margin-top: 10px;
    position: relative;
    display: block;
    cursor: pointer;
}

.header-bar .iconBtn .sign {
    position: absolute;
    left: 30px;
    top: -5px;
    height: 19px;
    line-height: 19px;
    padding: 0 5px;
    border-radius: 50%;
    background-color: #f02849;
    color: #fff
}

.header-bar .iconBtn .icon-bg {
    width: 40px;
    height: 40px;
    display: block;
    text-align: center;
    line-height: 40px;
    color: #050505
}

.header-bar .iconBtn .icon-bg .ef {
    font-size: 18px
}

.header-bar .iconBtn:hover .icon-bg {
    background-color: #e6f2fe;
    color: #3185f2
}

.header-bar .iconBtn:hover .icon-name {
    color: #3185f2
}

.header-bar .iconBtn .icon-bg2 {
    height: 28px;
    width: 28px;
    line-height: 28px;
    float: left;
    margin-top: 6px
}

.header-bar .iconBtn .icon-bg2 .ef {
    font-size: 14px
}

.header-bar .iconBtn .icon-name {
    font-size: 14px;
    float: left;
    line-height: 28px;
    margin-left: 8px;
    margin-top: 6px
}

.header-bar-down-wrapper {
    background-color: #fff;
    width: 180px;
    position: absolute;
    right: 0;
    top: 48px;
    box-shadow: 0 0 3px 0 #dfe2e4;
    display: none
}

.header-bar-down-wrapper .content {
    padding: 15px
}

.header-bar-down-wrapper .content li {
    overflow: hidden;
    margin-bottom: 10px;
    padding: 5px;
    cursor: pointer;
}
.header-bar-down-wrapper .content li a{
    display: block;
}

.header-bar-down-wrapper .content li .icon {
    background-color: #e4e6eb;
    width: 28px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    display: inline-block;
    border-radius: 50%;
    margin-right: 8px
}

.header-bar-down-wrapper .content li .icon .ef {
    font-size: 15px
}

.header-bar-down-wrapper .content li .name {
    line-height: 28px;
    display: inline-block
}

.header-bar-down-wrapper .content li:hover {
    background-color: rgba(45, 136, 255, .1);
    border-radius: 8px
}

.header-bar-down-wrapper .content li:hover .icon {
    background-color: #e6f2fe;
    color: #3185f2
}

.header-bar-down-wrapper .content li:hover .name {
    color: #3185f2
}

/*.layui-table {*/
    /*width: 100%;*/
    /*background-color: #fff;*/
    /*color: #666*/
/*}*/

/*.layui-table tr {*/
    /*transition: all .3s;*/
    /*-webkit-transition: all .3s*/
/*}*/

/*.layui-table th {*/
    /*text-align: left;*/
    /*font-weight: 400*/
/*}*/

/*.layui-table-click, .layui-table-header, .layui-table-hover, .layui-table-mend, .layui-table-patch, .layui-table-tool, .layui-table-total, .layui-table-total tr, .layui-table[lay-even] tr:nth-child(2n), .layui-table tbody tr:hover, .layui-table thead tr {*/
    /*background-color: #f2f2f2*/
/*}*/

/*.layui-table-col-set, .layui-table-fixed-r, .layui-table-grid-down, .layui-table-header, .layui-table-page, .layui-table-tips-main, .layui-table-tool, .layui-table-total, .layui-table-view, .layui-table[lay-skin=line], .layui-table[lay-skin=row], .layui-table td, .layui-table th {*/
    /*border: 1px solid #e6e6e6*/
/*}*/

/*.layui-table td, .layui-table th {*/
    /*position: relative;*/
    /*padding: 9px 15px;*/
    /*min-height: 20px;*/
    /*line-height: 20px;*/
    /*font-size: 14px*/
/*}*/

/*.layui-table[lay-skin=line] td, .layui-table[lay-skin=line] th {*/
    /*border-width: 0 0 1px*/
/*}*/

/*.layui-table[lay-skin=row] td, .layui-table[lay-skin=row] th {*/
    /*border-width: 0 1px 0 0*/
/*}*/

/*.layui-table[lay-skin=nob] td, .layui-table[lay-skin=nob] th {*/
    /*border: none*/
/*}*/

/*.layui-table img {*/
    /*max-width: 100px*/
/*}*/

/*.layui-table[lay-size=lg] td, .layui-table[lay-size=lg] th {*/
    /*padding: 15px 30px*/
/*}*/

/*.layui-table-view .layui-table[lay-size=lg] .layui-table-cell {*/
    /*height: 40px;*/
    /*line-height: 40px*/
/*}*/

/*.layui-table[lay-size=sm] td, .layui-table[lay-size=sm] th {*/
    /*font-size: 12px;*/
    /*padding: 5px 10px*/
/*}*/

/*.layui-table-view .layui-table[lay-size=sm] .layui-table-cell {*/
    /*height: 20px;*/
    /*line-height: 20px*/
/*}*/

/*.layui-table[lay-data] {*/
    /*display: none*/
/*}*/

/*.layui-table-box {*/
    /*position: relative;*/
    /*overflow: hidden*/
/*}*/

/*.layui-table-view .layui-table {*/
    /*position: relative;*/
    /*width: auto;*/
    /*margin: 0*/
/*}*/

/*.layui-table-view .layui-table[lay-skin=line] {*/
    /*border-width: 0 1px 0 0*/
/*}*/

/*.layui-table-view .layui-table[lay-skin=row] {*/
    /*border-width: 0 0 1px*/
/*}*/

/*.layui-table-view .layui-table td, .layui-table-view .layui-table th {*/
    /*padding: 5px 0;*/
    /*border-top: none;*/
    /*border-left: none*/
/*}*/

/*.layui-table-view .layui-table th.layui-unselect .layui-table-cell span {*/
    /*cursor: pointer*/
/*}*/

/*.layui-table-view .layui-table td {*/
    /*cursor: default*/
/*}*/

/*.layui-table-view .layui-table td[data-edit=text] {*/
    /*cursor: text*/
/*}*/

/*.layui-table-view .layui-form-checkbox[lay-skin=primary] i {*/
    /*width: 18px;*/
    /*height: 18px*/
/*}*/

/*.layui-table-view .layui-form-radio {*/
    /*line-height: 0;*/
    /*padding: 0*/
/*}*/

/*.layui-table-view .layui-form-radio > i {*/
    /*margin: 0;*/
    /*font-size: 20px*/
/*}*/

/*.layui-table-init {*/
    /*position: absolute;*/
    /*left: 0;*/
    /*top: 0;*/
    /*width: 100%;*/
    /*height: 100%;*/
    /*text-align: center;*/
    /*z-index: 110*/
/*}*/

/*.layui-table-init .layui-icon {*/
    /*position: absolute;*/
    /*left: 50%;*/
    /*top: 50%;*/
    /*margin: -15px 0 0 -15px;*/
    /*font-size: 30px;*/
    /*color: #c2c2c2*/
/*}*/

/*.layui-table-header {*/
    /*border-width: 0 0 1px;*/
    /*overflow: hidden*/
/*}*/

/*.layui-table-header .layui-table {*/
    /*margin-bottom: -1px*/
/*}*/

/*.layui-table-tool .layui-inline[lay-event] {*/
    /*position: relative;*/
    /*width: 26px;*/
    /*height: 26px;*/
    /*padding: 5px;*/
    /*line-height: 16px;*/
    /*margin-right: 10px;*/
    /*text-align: center;*/
    /*color: #333;*/
    /*border: 1px solid #ccc;*/
    /*cursor: pointer;*/
    /*-webkit-transition: all .5s;*/
    /*transition: all .5s*/
/*}*/

/*.layui-table-tool .layui-inline[lay-event]:hover {*/
    /*border: 1px solid #999*/
/*}*/

/*.layui-table-tool-temp {*/
    /*padding-right: 120px*/
/*}*/

/*.layui-table-tool-self {*/
    /*position: absolute;*/
    /*right: 17px;*/
    /*top: 10px*/
/*}*/

/*.layui-table-tool .layui-table-tool-self .layui-inline[lay-event] {*/
    /*margin: 0 0 0 10px*/
/*}*/

/*.layui-table-tool-panel {*/
    /*position: absolute;*/
    /*top: 29px;*/
    /*left: -1px;*/
    /*padding: 5px 0;*/
    /*min-width: 150px;*/
    /*min-height: 40px;*/
    /*border: 1px solid #d2d2d2;*/
    /*text-align: left;*/
    /*overflow-y: auto;*/
    /*background-color: #fff;*/
    /*box-shadow: 0 2px 4px rgba(0, 0, 0, .12)*/
/*}*/

/*.layui-table-cell, .layui-table-tool-panel li {*/
    /*overflow: hidden;*/
    /*text-overflow: ellipsis;*/
    /*white-space: nowrap*/
/*}*/

/*.layui-table-tool-panel li {*/
    /*padding: 0 10px;*/
    /*line-height: 30px;*/
    /*-webkit-transition: all .5s;*/
    /*transition: all .5s*/
/*}*/

/*.layui-table-tool-panel li .layui-form-checkbox[lay-skin=primary] {*/
    /*width: 100%;*/
    /*padding-left: 28px*/
/*}*/

/*.layui-table-tool-panel li:hover {*/
    /*background-color: #f2f2f2*/
/*}*/

/*.layui-table-tool-panel li .layui-form-checkbox[lay-skin=primary] i {*/
    /*position: absolute;*/
    /*left: 0;*/
    /*top: 0*/
/*}*/

/*.layui-table-tool-panel li .layui-form-checkbox[lay-skin=primary] span {*/
    /*padding: 0*/
/*}*/

/*.layui-table-tool .layui-table-tool-self .layui-table-tool-panel {*/
    /*left: auto;*/
    /*right: -1px*/
/*}*/

/*.layui-table-col-set {*/
    /*position: absolute;*/
    /*right: 0;*/
    /*top: 0;*/
    /*width: 20px;*/
    /*height: 100%;*/
    /*border-width: 0 0 0 1px;*/
    /*background-color: #fff*/
/*}*/

/*.layui-table-sort {*/
    /*width: 10px;*/
    /*height: 20px;*/
    /*margin-left: 5px;*/
    /*cursor: pointer !important*/
/*}*/

/*.layui-table-sort .layui-edge {*/
    /*position: absolute;*/
    /*left: 5px;*/
    /*border-width: 5px*/
/*}*/

/*.layui-table-sort .layui-table-sort-asc {*/
    /*top: 3px;*/
    /*border-top: none;*/
    /*border-bottom-style: solid;*/
    /*border-bottom-color: #b2b2b2*/
/*}*/

/*.layui-table-sort .layui-table-sort-asc:hover {*/
    /*border-bottom-color: #666*/
/*}*/

/*.layui-table-sort .layui-table-sort-desc {*/
    /*bottom: 5px;*/
    /*border-bottom: none;*/
    /*border-top-style: solid;*/
    /*border-top-color: #b2b2b2*/
/*}*/

/*.layui-table-sort .layui-table-sort-desc:hover {*/
    /*border-top-color: #666*/
/*}*/

/*.layui-table-sort[lay-sort=asc] .layui-table-sort-asc {*/
    /*border-bottom-color: #000*/
/*}*/

/*.layui-table-sort[lay-sort=desc] .layui-table-sort-desc {*/
    /*border-top-color: #000*/
/*}*/

/*.layui-table-cell {*/
    /*height: 28px;*/
    /*line-height: 28px;*/
    /*padding: 0 15px;*/
    /*position: relative;*/
    /*box-sizing: border-box*/
/*}*/

/*.layui-table-cell .layui-form-checkbox[lay-skin=primary] {*/
    /*top: -1px;*/
    /*padding: 0*/
/*}*/

/*.layui-table-cell .layui-table-link {*/
    /*color: #01aaed*/
/*}*/

/*.laytable-cell-checkbox, .laytable-cell-numbers, .laytable-cell-radio, .laytable-cell-space {*/
    /*padding: 0;*/
    /*text-align: center*/
/*}*/

/*.layui-table-body {*/
    /*position: relative;*/
    /*overflow: auto;*/
    /*margin-right: -1px;*/
    /*margin-bottom: -1px*/
/*}*/

/*.layui-table-body .layui-none {*/
    /*line-height: 26px;*/
    /*padding: 15px;*/
    /*text-align: center;*/
    /*color: #999*/
/*}*/

/*.layui-table-fixed {*/
    /*position: absolute;*/
    /*left: 0;*/
    /*top: 0;*/
    /*z-index: 101*/
/*}*/

/*.layui-table-fixed .layui-table-body {*/
    /*overflow: hidden*/
/*}*/

/*.layui-table-fixed-l {*/
    /*box-shadow: 0 -1px 8px rgba(0, 0, 0, .08)*/
/*}*/

/*.layui-table-fixed-r {*/
    /*left: auto;*/
    /*right: -1px;*/
    /*border-width: 0 0 0 1px;*/
    /*box-shadow: -1px 0 8px rgba(0, 0, 0, .08)*/
/*}*/

/*.layui-table-fixed-r .layui-table-header {*/
    /*position: relative;*/
    /*overflow: visible*/
/*}*/

/*.layui-table-mend {*/
    /*position: absolute;*/
    /*right: -49px;*/
    /*top: 0;*/
    /*height: 100%;*/
    /*width: 50px*/
/*}*/

/*.layui-table-tool {*/
    /*position: relative;*/
    /*z-index: 890;*/
    /*width: 100%;*/
    /*min-height: 50px;*/
    /*line-height: 30px;*/
    /*padding: 10px 15px;*/
    /*border-width: 0 0 1px*/
/*}*/

/*.layui-table-tool .layui-btn-container {*/
    /*margin-bottom: -10px*/
/*}*/

/*.layui-table-page, .layui-table-total {*/
    /*border-width: 1px 0 0;*/
    /*margin-bottom: -1px;*/
    /*overflow: hidden*/
/*}*/

/*.layui-table-page {*/
    /*position: relative;*/
    /*width: 100%;*/
    /*padding: 7px 7px 0;*/
    /*height: 41px;*/
    /*font-size: 12px;*/
    /*white-space: nowrap*/
/*}*/

/*.layui-table-page > div {*/
    /*height: 26px*/
/*}*/

/*.layui-table-page .layui-laypage {*/
    /*margin: 0*/
/*}*/

/*.layui-table-page .layui-laypage a, .layui-table-page .layui-laypage span {*/
    /*height: 26px;*/
    /*line-height: 26px;*/
    /*margin-bottom: 10px;*/
    /*border: none;*/
    /*background: 0 0*/
/*}*/

/*.layui-table-page .layui-laypage a, .layui-table-page .layui-laypage span.layui-laypage-curr {*/
    /*padding: 0 12px*/
/*}*/

/*.layui-table-page .layui-laypage span {*/
    /*margin-left: 0;*/
    /*padding: 0*/
/*}*/

/*.layui-table-page .layui-laypage .layui-laypage-prev {*/
    /*margin-left: -7px !important*/
/*}*/

/*.layui-table-page .layui-laypage .layui-laypage-curr .layui-laypage-em {*/
    /*left: 0;*/
    /*top: 0;*/
    /*padding: 0*/
/*}*/

/*.layui-table-page .layui-laypage button, .layui-table-page .layui-laypage input {*/
    /*height: 26px;*/
    /*line-height: 26px*/
/*}*/

/*.layui-table-page .layui-laypage input {*/
    /*width: 40px*/
/*}*/

/*.layui-table-page .layui-laypage button {*/
    /*padding: 0 10px*/
/*}*/

/*.layui-table-page select {*/
    /*height: 18px*/
/*}*/

/*.layui-table-patch .layui-table-cell {*/
    /*padding: 0;*/
    /*width: 30px*/
/*}*/

/*.layui-table-edit {*/
    /*position: absolute;*/
    /*left: 0;*/
    /*top: 0;*/
    /*width: 100%;*/
    /*height: 100%;*/
    /*padding: 0 14px 1px;*/
    /*border-radius: 0;*/
    /*box-shadow: 1px 1px 20px rgba(0, 0, 0, .15)*/
/*}*/

/*.layui-table-edit:focus {*/
    /*border-color: #5fb878 !important*/
/*}*/

/*.layui-card {*/
    /*margin-bottom: 15px;*/
    /*border-radius: 2px;*/
    /*background-color: #fff;*/
    /*box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05)*/
/*}*/

/*.layui-card:last-child {*/
    /*margin-bottom: 0*/
/*}*/

/*.layui-card-header {*/
    /*position: relative;*/
    /*height: 42px;*/
    /*line-height: 42px;*/
    /*padding: 0 15px;*/
    /*border-bottom: 1px solid #f6f6f6;*/
    /*color: #333;*/
    /*border-radius: 2px 2px 0 0;*/
    /*font-size: 14px*/
/*}*/

/*.layui-bg-black, .layui-bg-blue, .layui-bg-cyan, .layui-bg-green, .layui-bg-orange, .layui-bg-red {*/
    /*color: #fff !important*/
/*}*/

/*.layui-card-body {*/
    /*position: relative;*/
    /*padding: 10px 15px;*/
    /*line-height: 24px*/
/*}*/

/*.layui-card-body[pad15] {*/
    /*padding: 15px*/
/*}*/

/*.layui-card-body[pad20] {*/
    /*padding: 20px*/
/*}*/

/*.layui-card-body .layui-table {*/
    /*margin: 5px 0*/
/*}*/

/*.layui-card .layui-tab {*/
    /*margin: 0*/
/*}*/

.search-header {
    background-color: #fff
}

.search-header .empty {
    font-size: 16px
}

.search-header .empty .ef {
    font-size: 18px
}

.side-search-header {
    overflow: hidden;
    clear: both
}

.side-search-header .name {
    color: #a4a4a4;
    font-weight: 400;
    font-size: 15px;
    padding: 12px 0 6px
}

.side-search-header hr {
    background: #e6e6e6
}

.relevant {
    padding: 15px 5px
}

.relevant .ht {
    font-size: 16px;
    color: #1876f2;
    font-weight: 700;
    margin-bottom: 15px
}

.relevant .relevant_item {
    font-size: 16px;
    margin-bottom: 10px;
    cursor: pointer;
    background: #f4faff;
    border-radius: 5px;
    padding: 6px 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.relevant .relevant_item:hover {
    background: #e7f3ff;
    color: #1876f2
}

.search-empty {
    text-align: center;
    color: #666
}

.search-empty .ef {
    font-size: 50px;
    color: #a8a8a8
}

.search-empty .tips {
    font-size: 16px
}

.search-empty .tips p {
    margin-bottom: 5px
}

.search-empty .tips b {
    font-weight: 400
}

.search-empty .tips .relevant_item {
    cursor: pointer;
    color: #2876f2;
    margin-left: 10px;
    font-weight: bold;
}

#side {
    position: fixed;
    left: 0;
    width: 230px;
    bottom: 0;
    top: 60px;
    background: #fff;
    box-shadow: 1px 0 1px 0 #dfe2e4;
    z-index: 10
}

.side-wrapper {
    height: 100%;
    position: relative;
    width: 100%
}

.side-header {
    padding: 20px 16px 15px;
    background-color: #fff
}

.side-header .title {
    font-size: 24px
}

.side-header .desc {
    overflow: hidden;
    clear: both;
    padding-top: 20px
}

.side-header .desc .work-scene-name {
    background-color: #f9fafb;
    padding: 10px;
    border-radius: 3px
}

.side-header .side-header-icon {
    line-height: 36px;
    width: 36px;
    height: 36px;
    background-color: #e4e6eb;
    text-align: center;
    border-radius: 18px;
    cursor: pointer
}

.side-header .side-header-icon .ef {
    font-size: 24px
}

.side-header .side-header-icon2 {
    background-color: #1877f2;
    color: #fff;
    padding: 3px 9px;
    border-radius: 3px;
    margin-top: 4px
}

.side-header .side-header-icon2 .ef {
    font-size: 15px;
    margin-right: 3px
}

.side-menu {
    padding: 8px;
    height: calc(100% - 80px);
    overflow: hidden;
    position: relative;
}

.side-menu .item {
    background-color: #fff;
    height: 52px;
    line-height: 52px;
    border-radius: 8px;
    padding: 0 8px;
    font-size: 17px;
    cursor: pointer;
    display: block;
    margin-bottom: 5px
}

.side-menu .item .icon-bg {
    display: inline-block;
    height: 36px;
    width: 36px;
    line-height: 36px;
    text-align: center;
    margin-right: 10px;
    margin-top: 8px
}

.side-menu .item .ef {
    font-size: 20px
}

.side-menu .item .name {
    font-weight: 500;
    display: inline-block
}

.side-menu .item.cur {
    background-color: rgba(45, 136, 255, .1)
}

.side-menu .item.cur .icon-bg {
    background-color: #1877f2;
    color: #fff
}

.side-menu .item:hover {
    background-color: #f1f7ff
}

.side-menu .item.cur:hover {
    background-color: #f1f7ff
}

.side-title {
    padding: 25px 5px 15px
}

.side-title .title {
    font-size: 15px
}

.side-title .title2 {
    font-size: 16px
}

.side-title.blue {
    color: #1876f2
}

.side-title hr {
    background: #e6e6e6
}

.side-title2 {
    padding: 10px 5px
}

.side-fulla {
    height: 36px;
    line-height: 36px;
    text-align: center;
    display: block;
    color: #1876f2;
    background-color: #e7f3ff;
    font-size: 14px;
    border-radius: 4px;
    margin: 18px 0;
    user-select: none
}

.side-fulla .layui-icon {
    margin-right: 2px
}
.side-fulla .ef{
    font-size: 14px;
    margin-right: 3px;
}

.side-fulla:hover {
    color: #1876f2;
    background-color: #e5efff
}

.template-categorys-wrapper {
    overflow: hidden
}

.template-categorys-wrapper .item {
    font-size: 15px
}

.template-categorys-wrapper .item .icon_img {
    width: 36px;
    height: 36px;
    margin-right: 10px;
    vertical-align: middle
}

.template-categorys-wrapper .item.category_cur {
    position: relative
}

.template-categorys-wrapper .item.category_cur .name {
    color: #2976f2
}

.template-categorys-wrapper .item.category_cur:after {
    position: absolute;
    content: "";
    display: block;
    top: 50%;
    transform: translate3d(0, -50%, 0);
    right: 8px;
    border-top: 8px solid transparent;
    border-right: 16px solid #2976f2;
    border-bottom: 8px solid transparent
}

@-moz-keyframes turn {
    0% {
        -webkit-transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn)
    }
}

@-webkit-keyframes turn {
    0% {
        -webkit-transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn)
    }
}

@-o-keyframes turn {
    0% {
        -webkit-transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn)
    }
}

@keyframes turn {
    0% {
        -webkit-transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(1turn)
    }
}

.fullMask {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 100;
    background: rgba(0, 0, 0, .5)
}

.pp-tips {
    position: absolute;
    left: 50px;
    top: 50px;
    color: #fff;
    z-index: 101;
    animation-duration: .5s
}

.pp-tips-cotent {
    padding: 8px 15px;
    background: #000;
    position: relative;
    font-size: 12px
}

.pp-tips-cotent .arow {
    position: absolute;
    width: 0;
    height: 0
}

.pp-tips-cotent .arow.left {
    top: 50%;
    transform: translate3d(0, -50%, 0);
    right: -8px;
    border-top: 8px solid transparent;
    border-left: 16px solid #000;
    border-bottom: 8px solid transparent
}

.pp-tips-cotent .arow.bottom {
    top: -8px;
    border-bottom: 16px solid #000
}

.pp-tips-cotent .arow.bottom, .pp-tips-cotent .arow.top {
    left: 8px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent
}

.pp-tips-cotent .arow.top {
    bottom: -8px;
    border-top: 16px solid #000
}

.pp-tips-cotent .arow.right {
    top: 50%;
    transform: translate3d(0, -50%, 0);
    left: -8px;
    border-top: 8px solid transparent;
    border-right: 16px solid #000;
    border-bottom: 8px solid transparent
}

/*.pp-template-preview-layer {*/
    /*background: #fff;*/
    /*position: fixed;*/
    /*z-index: 110;*/
    /*width: 780px;*/
    /*height: 486px;*/
    /*left: 50%;*/
    /*top: 50%;*/
    /*margin-left: -390px;*/
    /*margin-top: -243px;*/
    /*animation-duration: .3s*/
/*}*/

.pp-template-preview-bpx {
    position: relative;
    width: 100%;
    height: 100%
}

.pp-template-preview-bpx .template {
    width: 350px;
    height: 486px;
    float: left
}

.pp-template-preview-bpx .template #reviewFrame {
    width: 100%;
    height: 100%
}

.pp-template-preview-bpx .info {
    padding-left: 351px;
    width: 100%
}

.pp-template-preview-bpx .info .footer_bar {
    color: #dad7d7;
    text-align: center
}

.pp-template-preview-bpx .info .footer_bar .tousu {
    cursor: pointer;
    margin-left: 5px
}

.pp-template-preview-bpx .info .footer_bar .tousu .ef {
    font-size: 12px;
    margin-right: 5px
}

.pp-template-preview-bpx .info .qrcode {
    width: 160px;
    display: block;
    margin: 0 auto 60px
}

.pp-template-preview-bpx .info .qrcode img {
    width: 160px;
    height: 160px;
    display: block;
    margin-bottom: 10px
}

.pp-template-preview-bpx .info .qrcode .tip {
    text-align: center
}

.pp-template-preview-bpx .info .title {
    font-size: 18px;
    height: 35px;
    line-height: 35px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 8px 60px 8px 20px;
    color: #666
}

.pp-template-preview-bpx .info .actions {
    margin-top: 65px;
    margin-bottom: 50px
}

.pp-template-preview-bpx .info .go-make {
    display: block;
    width: 180px;
    height: 46px;
    line-height: 46px;
    padding: 0;
    font-size: 16px;
    border-radius: 3px;
    margin: 0 auto;
    user-select: none
}
.pp-template-preview-bpx .info .go-make .ef{
    font-size: 16px;
    margin-right: 5px;
}
.pp-template-preview-bpx .close {
    position: absolute;
    right: 8px;
    top: 8px;
    height: 35px;
    width: 35px;
    line-height: 35px;
    cursor: pointer
}

.pp-template-preview-bpx .close .ef {
    font-size: 35px
}

.ef-menu-transform{
    transform:rotate(7deg);
    -webkit-transform:rotate(9deg);
}

.layui-table-page{

}
.layui-laypage .layui-laypage-curr em{
    color: #333;
}
.layui-laypage .layui-laypage-curr .layui-laypage-em{
    background-color: #eef2f7;
    color: #333;
}
.layui-laypage a, .layui-laypage button, .layui-laypage input, .layui-laypage select, .layui-laypage span{
    border: 1px solid #f0f3f4;
}
.channel_action{}
.channel_action span{
    display: inline-block;
    cursor: pointer;
}
.channel_action span .ef{
    font-size: 16px;
}
.channel-qrcode-tips{
    background-color: #fff;
    width: 100%;
    height: 100%;
    color:#333;
}
.channel-qrcode-tips ul{
    padding-right: 20px;
    padding-top: 10px;
}
.channel-qrcode-tips ul li{
    border: 1px solid #eee;
    padding: 5px 0;
    margin-bottom: 10px;
}
.channel-qrcode-tips ul li p{
   text-align: center;
}
.channel-qrcode-tips ul li p.size{
    width: 80px;
    float: left;
}
.channel-qrcode-tips ul li p.down{
    width: 80px;
    float: right;
}
.channel-qrcode-tips ul li p.down .ef-download{
    cursor: pointer;
}
.channel-qrcode-tips ul li p.distance{
    padding: 0 82px
}
.layui-layer-tips-cc{}
.layui-layer-tips-cc .layui-layer-content{
    border: 1px solid #eee;
    box-shadow: none!important;
}

.channel-editor-tips{
    background-color: #fff;
    width: 100%;
    height: 100%;
    color:#333;
    padding:15px 20px;
}
.channel-editor-tips .title{
    margin-bottom: 5px;
}
.channel-editor-tips .ipt{
    margin-bottom: 15px;
}
.channel-editor-tips .ipt input{
    padding: 6px 10px;
    width: 100%;
    border: 1px solid #e7e9ed;
}
.channel-editor-tips .layui-btn-blue{
    border-radius: 3px;
    width: 100px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    display: block;
    margin: 0 auto;
    color: #fff;
    cursor: pointer;
}
.channel-delete-tips{}
.channel-delete-tips .layui-layer-btn{
    font-size: 12px;

}
.channel-delete-tips .layui-layer-btn .layui-layer-btn0{
    background-color: #1877f2;
    border: 1px solid #1876f2;
}

.layui-table-tool{
    background-color: #fff;
    z-index: 10;
}
.layui-table-page{
    border-top: none;
}
.layui-table-box{
    margin-bottom: 10px;
}
.scene-message-data-box{}
.scene-message-data-box .message-item-delete{
    background-color: #e4e6eb;
    color: #0d0d0d;
    padding: 5px 13px;
    border-radius: 3px;
    margin-top: 4px;
    cursor: pointer;
}
.scene-message-data-box .message-item-delete:hover, .scene-message-data-box .message-item-delete.cur{
    background-color: #1877f2;
    color: #fff;
}
.scene-message-data-box .ef{
    color: #8f9094;
    font-size: 14px;
}

.layui-form-onswitch{
    background-color: #2876f2;
    border-color: #2876f2;
}
.layui-form-switch{
    box-sizing: content-box;
}
.table-action-btn{
    background-color: #e4e6eb;
    color: #0d0d0d;
    padding: 5px 13px;
    border-radius: 3px;
    margin-top: 4px;
    cursor: pointer;
}
.table-action-btn:hover, .table-action-btn.cur{
    background-color: #1877f2;
    color: #fff;
}
.vote_log_wrapper{
    height: 100%;
    position: relative;
    width: 100%;
}
.vote_log_wrapper .vote_log_wrapper_close{
    position: absolute;
    right: 5px;
    top: 2px;
    z-index: 10;
    cursor: pointer;
}
.vote_log_wrapper .vote_log_wrapper_close .ef{
    font-size: 24px;
}
.vote_log_wrapper .layui-table-view{
    margin: 0;
}
.vote_log_wrapper .layui-table-view .layui-table-box{

}
.pay-layer-box{}
.pay-layer-box .title{
    height: 40px;
    padding: 0 10px;
    line-height: 40px;
}
.pay-layer-box .title .name{
    font-size: 15px;
}
.pay-layer-box .title .close{
    cursor: pointer;
}
.pay-layer-box .title .close .ef{
    font-size: 26px;
}
.pay-layer-box .container{
    padding: 30px 10px;
}
.pay-layer-box .container .qrcode{
    width: 200px;
    display: block;
    margin: 0 auto 20px;
}
.pay-layer-box .container .qrcode img{
    width: 220px;
}
.pay-layer-box .tips{
    text-align: center;
    margin-bottom: 10px;
}
.pay-layer-box .tips .icon{
    text-align: center;
    margin-bottom: 10px;
}
.pay-layer-box .tips .icon img{
    width: 22px;
    margin: 0 5px;
}
.pay-layer-box .bottom{
    text-align: center;
}
.pay-layer-box .bottom .btn{
    height: 38px;
    line-height: 38px;
    padding: 0 18px;
    font-size: 14px;
    text-align: center;
    cursor: pointer;
    border-radius: 2px;
    border: 1px solid #eee;
    display: inline-block;
    background-color: #fafafa;

}
.publish_header{
    height: 60px;
    background: #fff;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
}
.publish_header .return{
    margin-top: 20px;
    border-right: 1px solid #e6ebed;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    margin-left: 20px;
    display: inline-block;
    padding-right: 30px;
}
.publish_header .return .ef{
    font-size: 14px;
}
.publish_header .scene_name{
    line-height: 30px;
    font-size: 16px;
    margin-top: 15px;
    margin-left: 20px;
}
.publish_page{
    padding: 80px 20px 0;
}
.publish-wrapper{
    padding-right: 400px;
}
.publish-preview {
    float: right;
    width: 350px;
}
.publish-preview-box{
    width: 350px;
    height: 486px;
}
.publish-preview-box #reviewFrame{
    width: 100%;
    height: 100%;
}
.publish_view{
    float: right;
    width: 350px;
}
.publish_content{
    width: 100%;
    padding-right: 380px;
}
.publish_content .layui-icon{
    font-size: 30px;
}
.publish_content .scene_name{
    background: #fff;
    padding: 8px 10px;
    border-radius: 5px;
    font-size: 16px;
}
.publish_content .pp-tag{
    margin-right: 12px;
}
.pp-tag{
    border: 1px solid #d9ecff;
    background-color: #ecf5ff;
    color: #409eff;
    font-size: 12px;
    border-radius: 4px;
    display: inline-block;
    line-height: 23px;
    padding: 0 10px;
}
.pp-tag.pp-tag-blue{
    background-color: #fff;
}
.publish_box{
    background-color: #fff;
    padding: 20px 25px;
    border-radius: 6px;
    color: #696969;
    font-size: 15px;
    margin-bottom: 35px;
}
.publish_box .item{
    margin-bottom: 16px;
}
.publish_box .main-title .name{
    font-size: 18px;
}
.publish_box .item p{
    display: inline-block;
}
.publish_box .item p.label{
    text-align: right;
    width:90px;
}
.publish_box .item p.price{
    color: #f02849;
    font-size: 24px;
    border-radius: 8px;
    font-weight: bold;
}
.publish_box .item p.promotion sup{
    background-color: #f02849;
    padding: 3px 8px;
    border-radius: 3px;
    color: #fff;
    margin-left: 3px;
}
.publish_content .scene_info{
    margin-bottom: 28px;
}
.publish_pay_type{
    overflow: hidden;
    margin-bottom: 20px;
}
.publish_pay_type p{
    display: inline-block;
    margin-right: 25px;
    border: 1px solid #eee;
    background-color: #fff;
    padding: 6px 18px;
    border-radius: 5px;
    cursor: pointer;
}
.publish_pay_type p:hover{
    border: 1px solid #1c76f2;
    color: #1c76f2;
}
.publish_pay_type p.cur{
    background-color: #e7f3ff ;
    border: 1px solid #1c76f2;
    color: #1c76f2;
}
.current_type_info{
    border-top: 1px solid #eee;
    padding-top: 30px;
    border-bottom: 1px solid #eee;
    margin-bottom: 20px;
}
.current_type_info .total_coin{
    color: #f02849;
    margin-right: 5px;
}
.current_type_info .refresh_coin{
    cursor: pointer;
    margin-left: 15px;
    font-size: 14px;
    text-align: center;
}
.current_type_info .refresh_coin .ef{
    font-size: 16px;
    margin-right: 3px;
}
.current_type_info .activity{
}
.current_type_info .activity a{
    color: #1c76f2;
    font-size: 14px;
}
.work-create-scene-item{
    position: relative;
    width: 100%;
    height: 100%;
    padding: 10px;
}
.work-create-scene-item .create_item{
    border-bottom: 1px dotted #eee;
    height: 50%;
    text-align: center;
    /*弹性盒模型*/
    display:flex;
    /*主轴居中对齐*/
    justify-content: center;
    /*侧轴居中对齐*/
    align-items: center;
}
.work-create-scene-item .create_item .side-fulla{
    padding: 0 20px;
    margin: 0;
    cursor: pointer;
}
.work-create-scene-item .create_item:last-child{
    border-bottom: none;
}
.side-fulla-grey{
    background-color: #E4E6ED;
    color: #333;
    cursor: pointer;
}
.side_search{
    width: 190px;
    overflow: hidden;
    background-color: #f0f3f4;
    border-radius: 15px;
    overflow: hidden;
    height: 33px;
    padding-left: 10px;
    margin-top: 16px;
    padding-right: 5px;
}
.side_search .ef {
    font-size: 15px;
    margin-right: 3px
}
.side_search .sIpt {
    width: 109px;
    height: 33px;
    border: none;
    background: none
}

.side_search .sBtn {
    width: 40px;
    height: 33px;
    line-height: 33px;
    text-align: center;
    display: inline-block;
    float: right;
    cursor: pointer
}

.side_search .sBtn:hover {
    background: #e6f2fe;
    color: #3185f2
}

.small_search {
    float: left;
    width: 292px;
    height: 33px;
    background-color: #f0f3f4;
    color: #8b939d;
    border-radius: 15px;
    line-height: 30px;
    padding: 0 0 0 15px;
    margin-top: 5px;
    margin-left: 15px;
    overflow: hidden
}

.small_search .ef {
    font-size: 15px;
    margin-right: 3px
}

.small_search .sIpt {
    width: 190px;
    height: 33px;
    border: none;
    background: none
}

.small_search .sBtn {
    width: 60px;
    height: 33px;
    line-height: 33px;
    text-align: center;
    display: inline-block;
    float: right;
    cursor: pointer
}

.small_search .sBtn:hover {
    background: #e6f2fe;
    color: #3185f2
}

.header-search{
    background-color: #f0f2f5;
    height: 40px;
    line-height:40px;
    width: 292px;
    padding-left: 15px;
    border-radius: 50px;
    margin-top: 10px;
    position: relative;
}

.header-search .ef {
    font-size: 18px;
    margin-right: 8px;
    float: left;
}

.header-search .sIpt {
    width: 190px;
    height: 40px;
    border: none;
    background: none;
    outline: none;
    float: left;
}
.header-search .sBtn {
    width: 60px;
    text-align: center;
    display: inline-block;
    float: right;
    cursor: pointer;
    border-radius: 0 50px 50px 0;
}

.header-search .sBtn:hover {
    background: #e6f2fe;
    color: #3185f2
}
.search-hover-hot-keywords{
    display: none;
    background-color: #fff;
    width: 100%;
    position: absolute;
    top: 40px;
    left: 0;
    padding:10px 0;
    box-shadow: 0 1px 2px #ccd0d5;
    overflow-y: scroll;
    max-height: 320px;
}
.search-hover-hot-keywords::-webkit-scrollbar{width:1px;height:1px;background-color:rgba(0,0,0,.1)}
.search-hover-hot-keywords::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.4)}
.search-hover-hot-keywords .hot_item{
    line-height: 38px;
    display: block;
    padding: 0  20px;
}
.search-hover-hot-keywords .hot_item:hover{
    background-color: #f0f2f5;
}
.search-hover-hot-keywords .hot_item .index{
    background-color: #e4e6eb;
    color: #6c727b;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    display: inline-block;
    margin-right: 12px;
}
.search-hover-hot-keywords .hot_item .index.index1{
    background-color: #f02849;
    color: #fff;
}
.search-hover-hot-keywords .hot_item .index.index2{
    background-color: #f96302;
    color: #fff;
}
.search-hover-hot-keywords .hot_item .index.index3{
    background-color: #ff9306;
    color: #fff;
}
.search-hover-hot-keywords .hot_item .words{
    display: inline-block;
}
.search-hover-hot-keywords .hot_item .hot{
    float: right;
    margin-top:10px ;
    width: 16px;
    height: 20px;
    right: -7px;
    top: -10px;
    background: url(../image/hoticon2.svg) 50%/auto 100% no-repeat;
}
.hot-search{
    word-wrap:break-word
}
.publish_side_tips{
    font-size: 14px;
    clear: both;
    margin-top: 18px;
}
.publish_side_tips .t{
    color: #1876f2;
    margin-bottom: 5px;
}
.publish_side_tips .d{
    background-color: #f4faff;
    padding: 10px;
    border-radius: 6px;
}
.template-top{
    margin-bottom: 25px;
}

.full_tips{
    background: #fff;
    border-radius: 8px;
    padding: 10px;
    width: 100%;
    line-height: 30px;
    background-color: #f4faff;
}
.full_tips .ef{
    font-size: 32px;
    line-height: 30px;
    height: 30px;
    width: 30px;
    float: left;
    color: #1877f2;
}
.full_tips .ef.ef-searchclose{
    float: right;
    font-size: 28px;
    cursor: pointer;
}
.full_tips .t{
    color: #1876f2;
}
.full_tips2{
    background-color: #2F4056;
    color: #fff;
    height: 53px;
    line-height: 53px;
    text-align: center;
}
.single_page{
    padding: 80px 20px 0;
}

.full-search{
    background: #1877f2;

    color: #fff;
}
.full-search .title{
    background: #1448c9;
    width: 130px;
    text-align: center;
}
.hot-page-box{}
.hot-page-box .recommend{}
.hot-page-box .recommend .item{
    display: inline-block;
    font-size: 15px;
    margin: 0 25px 15px 0;
}
.hot-page-box .recommend .item:first-child{
    color: #f02849;
    font-weight: bold;
}
.hot-page-box .recommend .item:nth-child(2){
    color: #ff9306;
}
.hot-page-box .recommend .item:nth-child(3){
    color: #1876f2;
}
.hot-page-box .hot-page-setcion{
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 2px 2px 0 #dfe2e4;
    width: 30.8%;
    margin-right: 3.333%;
    padding: 20px;
    display: inline-block;
}
.hot-page-box .hot-page-setcion:nth-child(3n) {
    margin-right: 0px;
}

.hot-page-box .hot-page-setcion .hot-list{}
.hot-page-box .hot-page-setcion .hot-list .item{
    padding: 8px 5px 9px 14px;
    line-height: 26px;
}
.hot-page-box .hot-page-setcion .hot-list .item i{
    font-style: normal;
    margin-right: 20px;
    display: inline-block;
    background: #e4e6eb;
    width: 26px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    border-radius: 3px;
}
.hot-page-box .hot-page-setcion .hot-list .item:first-child i{
    background: #f02849;
    color: #fff;
    font-weight: bold;
}
.hot-page-box .hot-page-setcion .hot-list .item:nth-child(2) i{
    background: #ff9306;
    color: #fff;
}
.hot-page-box .hot-page-setcion .hot-list .item:nth-child(3) i{
    background: #1876f2;
    color: #fff;
}
.hot-page-box .hot-page-setcion .hot-list .item a{
    display: inline-block;
}

.pp-fixed-right {
    position: fixed;
    bottom: 80px;
    right: 20px;
    z-index: 9999;
}

.pp-fixed-right a.pf-item {
    position: relative;
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    background: #fff;
    box-shadow: 0 0 6px rgba(0,0,0,.1);
    border-radius: 50%;
    text-align: center;
    margin-top: 6px;
    color: #282828;
    transition: all .3s;
}

.pp-fixed-right a.pf-item span {
    position: absolute;
    right: 50px;
    top: 3px;
    width: 0;
    height: 34px;
    background: rgba(0,0,0,.7);
    border-radius: 4px;
    color: #fff;
    opacity: 0;
    white-space: nowrap;
    transition: all .3s;
    line-height: 34px;
    box-sizing: border-box;
    font-size: 12px;
}

.pp-fixed-right a.pf-item span::after{
    content: '';
    position: absolute;
    right: -10px;
    top: 12px;
    width: 0;
    height: 0;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent transparent rgba(0,0,0,.7);
}

.pp-fixed-right a.pf-item:hover{
    box-shadow: 0 0 6px rgba(0,0,0,.3);
}

.pp-fixed-right a.pf-item:hover span {
    width: 80px;
    opacity: 1;
}

.pp-fixed-right a.pf-item i {
    font-size: 18px;
}

.template-show-page{
}
.template-show-page .template_nav{
    margin-bottom: 30px;
    line-height: 38px;
    font-size: 14px;
    color: rgb(102,102,102);
}
.template-show-page .template_nav a{
    display: inline-block;
    color: rgb(102,102,102);
}
.template-show-page .template_nav a:hover{
    color: #1c76f2;
}
.template-show-page .template_nav .gt{
    margin: 0 8px;
}
.template-show-page .template_nav .template_name{
    display: inline-block;
    font-size: 14px;
}
.template-show-page .template-detail{
    background: #fff;
    padding: 28px 28px 28px 28px;
    border-radius: 5px;
    margin-bottom: 50px;
}
.template-show-page .template_preview{
    width: 350px;
    height: 486px;
    float: left;
}
.template-show-page #reviewFrame{
    width: 100%;
    height: 100%;
}
.template-show-page .template_info{
    /*background: red;*/
    margin-left: 388px;
}
.template-show-page .template_info .name{
    font-size: 24px;
    margin-bottom: 8px;
}
.template-show-page .template_info .author{
    color: #999;
    margin-bottom: 25px;
}
.template-show-page .template_info .make{
    margin-bottom: 38px;
    background: #1c76f2;
    width: 139px;
    text-align: center;
    color: #fff;
    height: 38px;
    line-height: 38px;
    border-radius: 5px;
    cursor: pointer;
}
.template-show-page .template_info .make .ef{
    vertical-align: -1px;
    margin-right: 3px;
}


.template-show-page .template_info .category{
    color: #999;
    line-height: 21px;
    text-align: right;
}
.template-show-page .template_info .category_name{
    background: #1c76f2;
    padding: 3px 5px;
    color: #fff;
    margin-left: 8px;
    border-radius: 3px;
    font-size: 12px;
}
.template-show-page .template_info .template_share{
    border-top: 1px solid #eee;
    padding-top: 60px;
}


.template-show-page .template_info .qr_code{
    width: 150px;
    height: 228px;
    margin: 0 auto;
}
.template-show-page .template_info .qr_code #qrcode_img{
    visibility: hidden;
    width: 100%;
    height: 150px;
    padding: 10px;
    border: 1px solid #eee;
    margin-bottom: 6px;
}
.template-show-page .template_info .qr_code .qrtips{
    text-align: center;
    color: #999;
    display: block;
    margin-bottom: 8px;
}
.template-show-page .template_info .qr_code .copy_btn{
    color: #666;
    display: block;
    text-align: center;
    cursor: pointer;
    margin-bottom: 15px;
    color: #999;
}

.links{}
.links p{
    display: inline-block;
    float: left;
    font-size: 14px;
    margin: 0 15px 15px 0;
}
.links p a{
    color: #5f6771;
}
.links p a:hover{
    color: #050505;
}
@media screen and (max-width: 1200px) {
    .template-list .item {
        width: 30%;
        margin-right: 4.8%;
        margin-bottom: 4.8%;
    }

    .template-list .item:nth-child(3n) {
        margin-right: 0
    }
}

@media screen and (min-width: 1200px) and (max-width: 1720px) {
    .template-list .item {
        width: 23%;
        margin-right: 2.4%;
        margin-bottom: 2.4%;
    }

    .template-list .item:nth-child(4n) {
        margin-right: 0
    }
}

@media screen and (min-width: 1720px) and (max-width: 1950px) {
    .template-list .item {
        width: 23%;
        margin-right: 2.4%;
        margin-bottom: 2.4%;
    }

    .template-list .item:nth-child(4n) {
        margin-right: 0
    }

    .template-list.member-work-templates .item {
        width: 18%;
        margin-right: 2.4%;
        margin-bottom: 2.4%;
    }

    .template-list.member-work-templates .item:nth-child(5n) {
        margin-right: 0
    }
}

@media screen and (min-width: 1950px) {
    .template-list .item {
        width: 18%;
        margin-right: 2.4%;
        margin-bottom: 2.4%;
    }

    .template-list .item:nth-child(5n) {
        margin-right: 0
    }

    .template-list.member-work-templates .item {
        width: 15%;
        margin-right: 2%;
        margin-bottom: 2%;
    }

    .template-list.member-work-templates .item:nth-child(6n) {
        margin-right: 0
    }
}