.dpi-getter {
    width: 1in;
    height: 1in;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 99;
    visibility: hidden
}

.nav[data-v-1dee8534] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 49px;
    background: #00a2eb;
    z-index: 50;
    font-size: 14px;
    line-height: 49px
}

.nav .print[data-v-1dee8534] {
    position: relative
}

.nav .print .action-tip[data-v-1dee8534] {
    position: absolute;
    right: -32px;
    top: -9px;
    color: #fff;
    background-color: #f63758;
    border-radius: 5px 0 5px 0;
    padding: 0 3px;
    font-size: 12px;
    font-weight: 900
}

.nav .croop-download-modal[data-v-1dee8534] {
    position: fixed;
    z-index: 10000;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, .2);
    top: 45px;
    right: 5px;
    padding: 10px;
    top: 50px;
    right: 94px
}

.nav .croop-download-modal a[data-v-1dee8534] {
    display: block;
    border: 1px solid #ccc;
    width: 190px;
    height: 41px;
    border-radius: 4px;
    font-size: 14px;
    line-height: 41px;
    padding-left: 50px
}

.nav .croop-download-modal a i[data-v-1dee8534] {
    font-size: 18px;
    float: left;
    margin-right: 5px
}

.nav .croop-download-modal a[data-v-1dee8534]:hover {
    color: #32c46e;
    border-color: #32c46e
}

.nav .logo[data-v-1dee8534] {
    float: left;
    width: 66px;
    background: #008bd2;
    height: 49px;
    line-height: 49px;
    text-align: center
}

.nav .logo a[data-v-1dee8534] {
    display: inline-block;
    vertical-align: middle
}

.nav .logo a i[data-v-1dee8534] {
    font-size: 30px
}

.nav .logo .coop-logo[data-v-1dee8534] {
    font-size: 18px;
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 36px;
    vertical-align: middle;
    border: 2px solid hsla(0, 0%, 100%, .3);
    text-decoration: none;
    border-radius: 50%
}

.nav .common[data-v-1dee8534] {
    position: relative;
    z-index: 2;
    float: left;
    padding-left: 23px;
    padding-top: 10px
}

.nav .common .item[data-v-1dee8534] {
    float: left;
    color: #fff;
    margin-right: 15px;
    cursor: pointer;
    transition: all .2s ease-in
}

.nav .common .item i[data-v-1dee8534] {
    margin-right: 6px;
    font-size: 18px;
    position: relative;
    top: 1px
}

.nav .common .item.disabled[data-v-1dee8534] {
    opacity: .5
}

.nav .common .item.item-border[data-v-1dee8534] {
    display: inline-block;
    padding: 0 20px;
    line-height: 25px;
    border: 2px solid hsla(0, 0%, 100%, .7);
    border-radius: 15px
}

.nav .common .item.item-border[data-v-1dee8534]:hover {
    background: hsla(0, 0%, 100%, .2)
}

.nav .common .editTitle[data-v-1dee8534] {
    position: relative;
    padding: 0 20px;
    height: 29px;
    float: left
}

.nav .common .editTitle[data-v-1dee8534], .nav .common .editTitle span[data-v-1dee8534] {
    display: inline-block;
    width: 162px;
    border: 2px solid hsla(0, 0%, 100%, 0);
    transition: all .2s ease-in;
    border-radius: 15px
}

.nav .common .editTitle span[data-v-1dee8534] {
    outline: none;
    line-height: 25px;
    white-space: nowrap;
    cursor: text;
    text-overflow: ellipsis;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: -2px;
    padding-left: 10px
}

.nav .common .editTitle.active[data-v-1dee8534] {
    border: 2px solid hsla(0, 0%, 100%, .7)
}

.nav .common .editTitle.active span[data-v-1dee8534] {
    text-overflow: clip
}

.nav .logout[data-v-1dee8534] {
    position: absolute;
    left: 375px;
    right: 0;
    height: 100%;
    color: #fff;
    text-align: center
}

.nav .logout a[data-v-1dee8534] {
    color: #ffde00;
    margin-left: 15px
}

.nav .logout a[data-v-1dee8534]:hover {
    text-decoration: underline
}

.nav .login[data-v-1dee8534] {
    position: absolute;
    left: 375px;
    right: 0;
    height: 100%;
    color: #fff
}

.nav .login .center[data-v-1dee8534] {
    float: left;
    width: calc(100% - 154px);
    text-align: center;
    color: #333
}

.nav .login .center .save-state[data-v-1dee8534] {
    opacity: .7;
    color: hsla(0, 0%, 100%, .8);
    font-size: 12px;
    margin-left: 10px;
    position: absolute;
    top: 1px
}

.nav .login .center .item[data-v-1dee8534] {
    color: #fff;
    margin: 0 20px;
    cursor: pointer;
    transition: all .2s ease-in
}

.nav .login .center .item i[data-v-1dee8534] {
    margin-right: 6px;
    font-size: 18px;
    position: relative;
    top: 1px
}

.nav .login .center .item.disabled[data-v-1dee8534] {
    opacity: .5
}

.nav .login .center .item.item-border[data-v-1dee8534] {
    display: inline-block;
    padding: 0 20px;
    line-height: 25px;
    border: 2px solid hsla(0, 0%, 100%, .7);
    border-radius: 15px
}

.nav .login .center .item.item-border[data-v-1dee8534]:hover {
    background: hsla(0, 0%, 100%, .2)
}

.nav .login .right[data-v-1dee8534] {
    position: absolute;
    top: 0;
    right: 8px
}

.nav .login .right .item-text[data-v-1dee8534] {
    padding: 15px;
    margin: 0 5px;
    cursor: pointer
}

.nav .login .right .item-text [data-v-1dee8534] {
    cursor: pointer
}

.nav .login .right .item-text[data-v-1dee8534]:hover {
    background-color: rgba(0, 0, 0, .1)
}

.nav .login .right .item-text.black[data-v-1dee8534] {
    padding: 5px 10px;
    background: rgba(0, 0, 0, .15);
    border-radius: 4px
}

.nav .login .right .item[data-v-1dee8534] {
    margin-right: 5px;
    color: #fff;
    cursor: pointer;
    font-size: 12px
}

.nav .login .right .item i[data-v-1dee8534] {
    vertical-align: middle
}

.nav .login .right .item i.ico-skin-in[data-v-1dee8534] {
    font-size: 14px
}

.nav .login .right .item.avatar img[data-v-1dee8534] {
    width: 30px;
    vertical-align: middle;
    border-radius: 50%;
    border: 2px solid hsla(0, 0%, 100%, .5);
    position: relative;
    top: -2px
}

.nav .login .right .item.avatar i[data-v-1dee8534] {
    font-size: 28px;
    margin-right: -4px
}

.nav .login .right .item.avatar span[data-v-1dee8534] {
    padding-right: 3px;
    cursor: pointer
}

.unit-modal {
    left: 23px;
    width: 180px
}

.unit-modal .info {
    padding: 15px 20px 10px
}

.unit-modal .info span {
    font-size: 12px;
    color: #a7a7a7;
    margin-top: 3px
}

.unit-modal .info span span {
    color: #515151
}

.unit-modal .info .editor {
    padding: 5px 0
}

.unit-modal .info input {
    height: 24px;
    width: 65px;
    margin-left: 8px;
    border: 1px solid #cacaca;
    line-height: 25px;
    padding-left: 6px;
    color: #5c5c5c;
    transition: all .2s ease-in;
    border-radius: 3px
}

.unit-modal .info input:focus {
    border: 1px solid #00a2eb
}

.unit-modal .info input[readonly] {
    background: #ececec
}

.unit-modal .info .ok {
    text-align: right;
    padding-top: 5px
}

.unit-modal .info .ok button {
    color: #fff;
    padding: 4px 20px;
    margin-right: 8px;
    border-radius: 3px;
    background-color: #32c46e
}

.unit-modal .info .ok button:hover {
    opacity: .8
}

.unit-modal .info .ok button[disabled] {
    background-color: #d4d4d4
}

.unit-modal .bottom {
    padding: 11px 25px;
    overflow: hidden
}

.unit-modal .bottom button {
    width: 100%;
    height: 35px;
    font-size: 13px;
    color: #fff;
    background: #00a2eb;
    border-radius: 3px
}

.unit-modal .bottom button i {
    font-size: 20px;
    vertical-align: middle
}

.unit-modal .bottom button span {
    vertical-align: middle;
    margin-left: 3px
}

.unit-modal .bottom button:hover {
    opacity: .8
}

.download-modal {
    width: 233px;
    padding-left: 23px;
    padding-bottom: 10px;
    left: calc(50% - 80px)
}

.download-modal p {
    padding: 15px 5px 10px 0;
    font-size: 14px;
    color: #333
}

.download-modal .line {
    margin-left: -23px;
    margin-top: 11px
}

.download-modal select {
    width: 189px;
    height: 41px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(/diy4/static/img/arrow7.5ee8b6e.png) 165px 50% no-repeat #fff;
    border: 1px solid #ccc;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 40px;
    color: #666;
    font-size: 14px;
    border-radius: 4px;
    cursor: pointer;
    transition: all .2s ease-in
}

.download-modal select:hover {
    border: 1px solid #00aeee;
    background: url(/diy4/static/img/arrow8.3c4f3be.png) 165px 50% no-repeat #fff
}

.download-modal a {
    display: block;
    border: 1px solid #ccc;
    width: 190px;
    height: 41px;
    border-radius: 4px;
    font-size: 14px;
    line-height: 41px;
    margin-top: 10px;
    padding-left: 50px
}

.download-modal a i {
    font-size: 18px;
    float: left;
    margin-right: 5px
}

.download-modal a:hover {
    color: #32c46e;
    border-color: #32c46e
}

.download-modal a:last-child i {
    font-size: 20px
}

.download-modal a:last-child:hover {
    color: #00a2eb;
    border-color: #00a2eb
}

.share-modal {
    left: calc(50% - 210px);
    width: 307px
}

.share-modal .t1 {
    font-size: 14px;
    color: #515151
}

.share-modal .topInfo {
    padding: 15px 15px 0
}

.share-modal .topInfo .list {
    font-size: 0;
    padding-top: 10px;
    padding-bottom: 15px
}

.share-modal .topInfo .list a {
    width: 38px;
    height: 38px;
    background: url(/diy4/static/img/share.4c390a7.png) 0 0 no-repeat transparent;
    display: inline-block;
    margin-right: 15px
}

.share-modal .topInfo .list a.weixin {
    background-position: -54px 0
}

.share-modal .topInfo .list a.qzone {
    background-position: -107px 0
}

.share-modal .topInfo .list a.qq {
    background-position: -160px 0
}

.share-modal .topInfo .list a:hover {
    opacity: .6
}

.share-modal .midInfo {
    padding: 10px 15px 0
}

.share-modal .midInfo p.errinfo {
    padding-top: 10px;
    font-size: 12px;
    color: #e11921
}

.share-modal .midInfo .sendmail {
    padding-top: 10px;
    padding-bottom: 15px
}

.share-modal .midInfo .sendmail input {
    width: 195px;
    height: 41px;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin-right: 9px;
    padding-left: 5px
}

.share-modal .midInfo .sendmail a {
    width: 59px;
    height: 41px;
    border-radius: 5px;
    background-color: #32c46e;
    text-align: center;
    font-size: 14px;
    color: #fff;
    line-height: 40px;
    display: inline-block;
    transition: background-color .2s ease-in
}

.share-modal .botInfo {
    padding: 10px 15px 15px
}

.share-modal .botInfo .t2 {
    font-size: 12px;
    color: #a7a7a7;
    padding: 5px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: normal;
    white-space: nowrap
}

.share-modal .botInfo button {
    display: inline-block;
    border-radius: 4px;
    border: 1px solid #ccc;
    background: none;
    font-size: 12px;
    text-align: center;
    line-height: 32px;
    color: #626262;
    padding: 0 5px;
    margin-top: 5px
}

.share-modal .botInfo button i {
    font-size: 14px;
    margin-right: 2px
}

.share-modal .botInfo button:hover {
    color: #32c46e;
    border-color: #32c46e
}

.savebox-modal {
    left: calc(50% + 20px);
    width: 186px;
    padding-top: 12px
}

.savebox-modal p {
    margin: 0 12px;
    line-height: 29px;
    cursor: pointer;
    padding-left: 10px
}

.savebox-modal p span {
    float: right;
    padding-right: 5px
}

.savebox-modal p:hover {
    background: #e7e7e7
}

.savebox-modal .line {
    margin-top: 10px
}

.savebox-modal .auto-box {
    margin: 0 12px;
    line-height: 49px;
    padding-left: 10px
}

.savebox-modal .auto-box .back {
    display: inline-block;
    width: 65px;
    height: 24px;
    border-radius: 12px;
    background: #d0d0d0;
    vertical-align: middle;
    cursor: pointer;
    margin-left: 25px;
    position: relative
}

.savebox-modal .auto-box .back i {
    position: absolute;
    top: 1px;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #fff;
    transition: all .2s ease-out
}

.userset-modal {
    position: fixed;
    z-index: 200;
    top: 50px;
    right: 10px;
    width: 204px;
    padding-bottom: 10px;
    border-radius: 5px;
    background: #fff;
    color: #6e6f70;
    font-size: 12px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2)
}

.userset-modal .title {
    border-radius: 5px 5px 0 0;
    padding-left: 15px;
    line-height: 43px;
    background-color: #f1f1f1
}

.userset-modal .title span {
    height: 43px
}

.userset-modal .title i {
    cursor: pointer;
    padding-right: 15px;
    color: #afafaf;
    float: right
}

.userset-modal p {
    line-height: 40px;
    padding-left: 15px
}

.userset-modal p .split {
    padding-left: 15px;
    color: #d1d1d1;
    padding: 0 2px
}

.userset-modal .item {
    display: block;
    padding-left: 15px;
    line-height: 36px
}

.userset-modal .item i {
    vertical-align: middle;
    margin-right: 10px
}

.userset-modal .item.item-out {
    color: #ff5400;
    margin-top: 5px
}

.userset-modal .item.item-out:hover i {
    color: #ff5400
}

.userset-modal .item:hover {
    background: #f2f2f2
}

.userset-modal .item:hover i {
    color: #31a66b
}

.nav[data-v-84a1de32] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 49px;
    background: #00a2eb;
    z-index: 50;
    font-size: 14px;
    line-height: 49px
}

.nav .logo[data-v-84a1de32] {
    float: left;
    width: 66px;
    background: #008bd2;
    height: 49px;
    line-height: 49px;
    text-align: center
}

.nav .logo a[data-v-84a1de32] {
    display: inline-block;
    vertical-align: middle
}

.nav .logo a i[data-v-84a1de32] {
    font-size: 30px
}

.nav .logo a img[data-v-84a1de32] {
    margin-top: 12px
}

.nav .logo .coop-logo[data-v-84a1de32] {
    font-size: 18px;
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 36px;
    vertical-align: middle;
    border: 2px solid hsla(0, 0%, 100%, .3);
    text-decoration: none;
    border-radius: 50%
}

.nav .common[data-v-84a1de32] {
    width: 309px;
    position: relative;
    z-index: 2;
    float: left;
    text-align: center
}

.nav .common .item[data-v-84a1de32] {
    line-height: 30px;
    float: none;
    display: inline-block;
    color: #fff;
    transition: all .2s ease-in;
    background: rgba(0, 0, 0, .2);
    border-radius: 4px;
    margin-top: 10px;
    padding: 0 8px;
    cursor: pointer
}

.nav .common .item i[data-v-84a1de32] {
    margin-right: 6px;
    font-size: 12px;
    position: relative;
    top: -1px
}

.nav .common .item[data-v-84a1de32]:hover {
    background: rgba(60, 60, 60, .3)
}

.nav .common .item.none-bdr[data-v-84a1de32] {
    background: none !important;
    cursor: default
}

.nav .common .item.bdr[data-v-84a1de32] {
    line-height: 25px;
    background: none;
    border-radius: 15px;
    border: 2px solid;
    padding: 0 18px;
    font-size: 12px
}

.nav .common .item.bdr[data-v-84a1de32]:hover {
    background: hsla(0, 0%, 100%, .2)
}

.nav .logout[data-v-84a1de32] {
    position: absolute;
    left: 375px;
    right: 0;
    height: 100%;
    color: #fff;
    text-align: center
}

.nav .logout a[data-v-84a1de32] {
    color: #ffde00;
    margin-left: 15px
}

.nav .logout a[data-v-84a1de32]:hover {
    text-decoration: underline
}

.nav .login[data-v-84a1de32] {
    position: absolute;
    left: 375px;
    right: 0;
    height: 100%;
    color: #fff
}

.nav .login .center[data-v-84a1de32] {
    float: left;
    width: calc(100% - 154px);
    text-align: center;
    color: #333
}

.nav .login .center .save-state[data-v-84a1de32] {
    opacity: .7;
    color: hsla(0, 0%, 100%, .8);
    font-size: 12px;
    margin-left: 10px;
    position: absolute;
    top: 1px
}

.nav .login .center .item[data-v-84a1de32] {
    line-height: 28px;
    height: 30px;
    display: inline-block;
    color: #fff;
    margin-right: 15px;
    transition: all .2s ease-in;
    background: rgba(0, 0, 0, .2);
    border-radius: 4px;
    margin-top: 9px;
    padding: 0 14px;
    cursor: pointer
}

.nav .login .center .item[data-v-84a1de32]:hover {
    background: rgba(60, 60, 60, .3)
}

.nav .login .center .item i[data-v-84a1de32] {
    margin-right: 6px;
    font-size: 16px;
    position: relative;
    top: 1px
}

.nav .login .center .item.none-bdr[data-v-84a1de32] {
    background: none !important;
    cursor: default
}

.nav .login .right[data-v-84a1de32] {
    position: absolute;
    top: -1px;
    right: 8px
}

.nav .login .right .item[data-v-84a1de32] {
    margin-right: 5px;
    color: #fff;
    cursor: pointer;
    font-size: 12px
}

.nav .login .right .item i[data-v-84a1de32] {
    vertical-align: middle
}

.nav .login .right .item i.ico-skin-in[data-v-84a1de32] {
    font-size: 14px
}

.nav .login .right .item.avatar img[data-v-84a1de32] {
    width: 30px;
    vertical-align: middle;
    border-radius: 50%;
    border: 2px solid hsla(0, 0%, 100%, .5);
    position: relative;
    top: -2px
}

.nav .login .right .item.avatar i[data-v-84a1de32] {
    font-size: 28px;
    margin-right: -4px
}

.nav .login .right .item.avatar span[data-v-84a1de32] {
    padding-right: 3px;
    cursor: pointer
}

.nav .login .right .item.bdr[data-v-84a1de32] {
    line-height: 27px;
    background: none;
    border-radius: 15px;
    display: inline-block;
    border: 2px solid;
    padding: 0 18px;
    margin-right: 15px;
    font-size: 12px
}

.nav .login .right .item.bdr i[data-v-84a1de32] {
    margin-right: 6px
}

.nav .login .right .item.bdr[data-v-84a1de32]:hover {
    background: hsla(0, 0%, 100%, .2)
}

.nav .login .right .item.preview[data-v-84a1de32] {
    border-color: #fff;
    font-size: 14px;
    background: #fff !important
}

.wechatCode-modal {
    width: 150px;
    padding: 15px;
    background: #fff;
    text-align: center;
    border-radius: 5px;
    left: calc(50% - 100px)
}

.wechatCode-modal .code-box {
    display: inline-block
}

.wechatCode-modal p {
    margin-top: 10px;
    text-align: center;
    color: #666;
    font-size: 14px
}

.setting-title {
    text-align: center;
    width: 100%;
    box-sizing: border-box;
    padding: 5px 0 20px;
    color: #fff;
    font-size: 14px
}

.leftside {
    position: absolute;
    zoom: 1;
    left: 0;
    top: 49px;
    bottom: 0;
    background-color: #414750;
    z-index: 40;
    min-height: 481px
}

.leftside .close {
    position: absolute;
    top: 50%;
    right: -6px;
    width: 13px;
    height: 89px;
    margin-right: -6.5px;
    margin-top: -44.5px;
    background: url(/diy4/static/img/ico-turn1.c09ff08.png) no-repeat 0 0;
    color: #fff;
    cursor: pointer
}

.leftside .close.turnoff {
    background: url(/diy4/static/img/ico-turn2.1d10430.png) no-repeat 0 0
}

.leftside .menu {
    float: left;
    width: 66px;
    height: 100%;
    background: #262b30;
    position: relative;
    z-index: 49
}

.leftside .menu .list {
    padding-top: 24px;
    height: 100%
}

.leftside .menu .list li {
    cursor: pointer;
    width: 66px;
    background: url(/diy4/static/img/ico_menu.9087473.png) no-repeat 0 0;
    zoom: 1;
    height: 67px;
    text-align: center;
    padding-top: 37px;
    color: #8a9199;
    font-size: 14px;
    position: relative
}

.leftside .menu .list li.group {
    background-position: 23px 15px
}

.leftside .menu .list li.groupText {
    background-position: 23px -55px
}

.leftside .menu .list li.material {
    background-position: 23px -195px
}

.leftside .menu .list li.background {
    background-position: 23px -264px
}

.leftside .menu .list li.upload {
    background-position: 23px -332px
}

.leftside .menu .list li.page {
    background-position: 23px -124px
}

.leftside .menu .list li.action {
    background-position: 20px -124px
}

.leftside .menu .list li.setting {
    background-position: 23px -400px
}

.leftside .menu .list li.help {
    background: url(/diy4/static/img/ico-help.760324b.png) no-repeat 23px 15px;
    position: absolute;
    bottom: 10px;
    padding-top: 0
}

.leftside .menu .list li.help a {
    display: block;
    padding-top: 37px;
    color: #8a9199;
    font-size: 14px
}

.leftside .menu .list li.active, .leftside .menu .list li:hover {
    color: #fff
}

.leftside .menu .list li.active.setting, .leftside .menu .list li:hover.setting {
    background-position: -55px -400px
}

.leftside .menu .list li.active.group, .leftside .menu .list li:hover.group {
    background-position: -58px 15px
}

.leftside .menu .list li.active.groupText, .leftside .menu .list li:hover.groupText {
    background-position: -56px -55px
}

.leftside .menu .list li.active.material, .leftside .menu .list li:hover.material {
    background-position: -56px -195px
}

.leftside .menu .list li.active.background, .leftside .menu .list li:hover.background {
    background-position: -56px -264px
}

.leftside .menu .list li.active.upload, .leftside .menu .list li:hover.upload {
    background-position: -56px -332px
}

.leftside .menu .list li.active.action, .leftside .menu .list li:hover.action {
    background-position: -54px -124px
}

.leftside .menu .list li.active.help, .leftside .menu .list li:hover.help {
    background: url(/diy4/static/img/ico-help.760324b.png) no-repeat 23px -45px
}

.leftside .menu .list li.active.help a, .leftside .menu .list li:hover.help a {
    color: #fff;
    font-size: 14px
}

.leftside .menu .list li.hasnew:after {
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: red;
    content: "";
    top: 10px;
    right: 20px
}

.leftside .menu .activebg {
    width: 66px;
    height: 67px;
    background-color: #414750;
    position: absolute;
    zoom: 1;
    left: 0;
    z-index: -1;
    transition: all .2s ease-in-out
}

.leftside .menu .activebg i {
    position: absolute;
    right: 0;
    width: 16px;
    height: 16px;
    background: #414750;
    top: -16px
}

.leftside .menu .activebg i:before {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    background: #262b30;
    border-radius: 0 0 8px 0
}

.leftside .menu .activebg i:last-child {
    top: auto;
    bottom: -16px
}

.leftside .menu .activebg i:last-child:before {
    border-radius: 0 8px 0 0
}

.leftside .source {
    position: relative;
    z-index: 48;
    float: left;
    width: 309px;
    height: 100%;
    transition: all .3s ease;
    -webkit-transform: translate(0);
    transform: translate(0)
}

.leftside .source .wrap {
    width: 100%;
    height: 100%
}

.leftside .source .wrap .source-box {
    height: 100%
}

.leftside .source .wrap .source-box.box-animate {
    transition: all .3s ease
}

.setting-box {
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 16px;
    box-sizing: border-box
}

.setting-box .main-settting .single-page-setting {
    padding: 10px
}

.setting-box .main-settting .single-page-setting textarea {
    width: 100%;
    height: 100%;
    resize: none;
    padding: 5px;
    font-size: 12px;
    border: 1px solid #767b81;
    background: #676c73;
    color: #fff
}

.setting-box .main-settting .single-page-setting .word-number {
    position: absolute;
    right: 5px;
    bottom: 5px;
    opacity: .2;
    font-size: 12px
}

.setting-box .main-settting .single-page-setting .box1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.setting-box .main-settting .single-page-setting .box1 .thumb {
    cursor: pointer;
    width: 80px;
    height: 80px;
    position: relative
}

.setting-box .main-settting .single-page-setting .box1 .thumb .pic {
    cursor: pointer;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #fff
}

.setting-box .main-settting .single-page-setting .box1 .thumb .pic img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.setting-box .main-settting .single-page-setting .box1 .thumb .text {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, .7);
    color: #fff;
    padding: 2px;
    text-align: center;
    pointer-events: none
}

.setting-box .main-settting .single-page-setting .box1 .title {
    margin-left: 5px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 80px;
    position: relative
}

.setting-box .main-settting .single-page-setting .box2 {
    margin-top: 5px
}

.setting-box .main-settting .single-page-setting .box2 .description {
    position: relative
}

.setting-box .main-settting .ad-setting {
    padding: 10px
}

.setting-box .main-settting .ad-setting .ad-hidden {
    width: 100%;
    height: 120px;
    background-image: url(/diy4/static/img/ad-hidden-bg.d3e1425.png);
    text-align: center
}

.setting-box .main-settting .ad-setting .ad-hidden .not-pay {
    color: #fff;
    font-size: 13px
}

.setting-box .main-settting .ad-setting .ad-hidden .not-pay .sub1 {
    padding-top: 18px
}

.setting-box .main-settting .ad-setting .ad-hidden .not-pay .sub1 b {
    font-size: 20px;
    font-weight: 900;
    margin: 0 5px;
    vertical-align: middle
}

.setting-box .main-settting .ad-setting .ad-hidden .not-pay .sub2 {
    padding-top: 3px
}

.setting-box .main-settting .ad-setting .ad-hidden .not-pay .sub3 {
    padding-top: 8px
}

.setting-box .main-settting .ad-setting .ad-hidden .not-pay .sub3 .pay-btn {
    padding: 5px 10px;
    background-color: #00a2eb;
    color: #fff;
    border-radius: 3px;
    font-size: 14px
}

.setting-box .main-settting .ad-setting .ad-hidden .pay {
    text-align: center;
    font-size: 14px;
    padding-top: 26px
}

.setting-box .main-settting .ad-setting .ad-hidden .pay .icon i {
    font-size: 32px
}

.setting-box .main-settting .ad-setting .ad-hidden .pay .tip {
    padding-top: 5px
}

.setting-box .main-settting .ad-setting .item .item-content {
    padding: 10px 5px;
    margin-bottom: 1px;
    background-color: #676c73;
    cursor: pointer
}

.setting-box .main-settting .ad-setting .item .item-content:hover {
    background-color: #797d84
}

.setting-box .main-settting .ad-setting .item .item-content .radio-ico {
    position: relative
}

.setting-box .main-settting .ad-setting .item .item-content .radio-ico .white-bg {
    position: absolute;
    left: 0;
    top: 1px;
    background: #fff;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    pointer-events: none
}

.setting-box .main-settting .ad-setting .item .item-content .radio-ico label {
    position: absolute;
    left: 4px;
    top: 5px;
    background: #00a2eb;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    pointer-events: none;
    opacity: 0;
    z-index: 5
}

.setting-box .main-settting .ad-setting .item .item-content .radio-ico .label {
    padding-left: 20px;
    pointer-events: none
}

.setting-box .main-settting .ad-setting .item .item-content .radio-ico input {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    opacity: 0;
    cursor: pointer
}

.setting-box .main-settting .ad-setting .item .item-content .radio-ico input:checked + label {
    opacity: 1
}

.setting-box .main-settting .ad-setting .item .item-content.disable {
    pointer-events: none
}

.setting-box .main-settting .ad-setting .item .item-content.disable .label, .setting-box .main-settting .ad-setting .item .item-content.disable .white-bg {
    opacity: .5
}

.ui-accordion[data-v-62907bc8] {
    border-radius: 3px;
    margin-bottom: 5px
}

.ui-accordion .heading[data-v-62907bc8] {
    height: 35px;
    line-height: 35px;
    color: #fff;
    background: #4c525a;
    font-size: 14px;
    padding: 0 10px;
    cursor: pointer;
    box-shadow: 0 2px 2px rgba(0, 0, 0, .1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.ui-accordion .heading .left[data-v-62907bc8] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    cursor: pointer
}

.ui-accordion .heading .right[data-v-62907bc8] {
    cursor: pointer;
    display: inline-block
}

.ui-accordion .heading .right i[data-v-62907bc8] {
    font-size: 28px;
    vertical-align: middle
}

.ui-accordion .content[data-v-62907bc8] {
    background: #545961;
    color: #fff;
    position: relative;
    border-radius: 0 0 3px 3px
}

.bgm-selector .tab-heading[data-v-b5b3fbdc] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.bgm-selector .tab-heading .item[data-v-b5b3fbdc] {
    background-color: #545961;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    cursor: pointer;
    border-right: 1px solid #414750;
    border-top: 2px solid #414750;
    border-bottom: 1px solid #414750;
    height: 32px;
    line-height: 28px;
    text-align: center;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .05)
}

.bgm-selector .tab-heading .item span[data-v-b5b3fbdc] {
    opacity: .5
}

.bgm-selector .tab-heading .item.active[data-v-b5b3fbdc] {
    border-bottom: none;
    box-shadow: none
}

.bgm-selector .tab-heading .item.active span[data-v-b5b3fbdc] {
    opacity: 1
}

.bgm-selector .tab-heading .item[data-v-b5b3fbdc]:last-child {
    border-right: none
}

.bgm-selector .music-list[data-v-b5b3fbdc] {
    transition: all .2s;
    height: 220px;
    overflow-y: auto
}

.bgm-selector .music-list[data-v-b5b3fbdc]::-webkit-scrollbar {
    width: 2px;
    height: 5px
}

.bgm-selector .music-list[data-v-b5b3fbdc]::-webkit-scrollbar-corner, .bgm-selector .music-list[data-v-b5b3fbdc]::-webkit-scrollbar-thumb:vertical {
    background-color: rgba(0, 0, 0, .5)
}

.bgm-selector .music-list[data-v-b5b3fbdc]::-webkit-scrollbar-thumb:horizontal {
    background-color: rgba(0, 0, 0, .5)
}

.bgm-selector .music-list [data-v-b5b3fbdc] {
    transition: all .2s
}

.bgm-selector .music-list .item[data-v-b5b3fbdc] {
    cursor: pointer;
    height: 32px;
    line-height: 32px;
    padding: 0 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #414750;
    border-left: 2px solid transparent
}

.bgm-selector .music-list .item [data-v-b5b3fbdc] {
    cursor: pointer
}

.bgm-selector .music-list .item .title i[data-v-b5b3fbdc] {
    padding-right: 5px;
    font-size: 14px
}

.bgm-selector .music-list .item .play-ico[data-v-b5b3fbdc] {
    width: 32px;
    text-align: center
}

.bgm-selector .music-list .item .play-btn i[data-v-b5b3fbdc] {
    font-size: 18px;
    color: #00a2eb
}

.bgm-selector .music-list .item .select-ico[data-v-b5b3fbdc] {
    width: 18px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    border: 1px solid #00a2eb;
    margin-top: 7px;
    margin-left: 10px;
    margin-right: 10px
}

.bgm-selector .music-list .item .select-ico i[data-v-b5b3fbdc] {
    font-size: 12px;
    color: #fff;
    opacity: 0
}

.bgm-selector .music-list .item .select-ico.active[data-v-b5b3fbdc] {
    background-color: #00a2eb
}

.bgm-selector .music-list .item .select-ico.active i[data-v-b5b3fbdc] {
    opacity: 1
}

.bgm-selector .music-list .item[data-v-b5b3fbdc]:hover {
    background-color: #4c5158
}

.bgm-selector .music-list .item.active[data-v-b5b3fbdc] {
    background-color: #4c5158;
    border-left: 2px solid #059ce1
}

.search-box {
    height: 100%;
    padding-top: 70px;
    overflow-y: auto;
    padding-left: 23px
}

.search-box .search-list .loading {
    width: 80px;
    height: 40px;
    margin: 10px auto;
    text-align: center
}

.search-box .search-list .loading .rect {
    -webkit-animation: loading 1.2s infinite ease-in-out;
    animation: loading 1.2s infinite ease-in-out;
    display: inline-block;
    width: 6px;
    height: 100%;
    background-color: #00a2eb
}

.search-box .search-list .loading .rect.rect1 {
    -webkit-animation-delay: 0;
    animation-delay: 0
}

.search-box .search-list .loading .rect.rect2 {
    -webkit-animation-delay: .1s;
    animation-delay: .1s
}

.search-box .search-list .loading .rect.rect3 {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

.search-box .search-list .loading .rect.rect4 {
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

.search-box .search-list .loading .rect.rect5 {
    -webkit-animation-delay: .4s;
    animation-delay: .4s
}

.search-box .search-list .info {
    margin-top: 8px;
    text-align: center;
    color: #d4d4d4;
    line-height: 1.7;
    width: 309px;
    margin-left: -23px
}

.search-box .search-list .underline {
    padding: 30px;
    color: #757c86;
    text-align: center
}

.search-box .search-list .list {
    padding-top: 20px
}

.vue-waterfall {
    position: relative
}

.vue-waterfall-slot {
    position: absolute;
    margin: 0;
    padding: 0;
    box-sizing: border-box
}

.text-box {
    height: 100%;
    overflow-y: auto;
    padding-top: 20px;
    padding-left: 23px
}

.text-box .quick-edit {
    padding: 8px
}

.text-box .quick-edit textarea {
    border: 1px solid #6b6b6b;
    border-radius: 2px;
    line-height: 18px;
    background: #4d5155;
    color: #fff;
    width: 265px;
    max-width: 100%;
    padding: 5px;
    font-size: 12px;
    margin-left: -8px;
    margin-bottom: 3px;
    overflow: hidden;
    resize: vertical !important;
    position: relative;
    transition: background-color .2s
}

.text-box .quick-edit textarea.active, .text-box .quick-edit textarea:focus {
    background: #616569
}

.text-box .box1 {
    width: 263px;
    padding-bottom: 15px
}

.text-box .box1 .text1, .text-box .box1 .text2 {
    transition: all .2s
}

.text-box .box1 .text1 {
    font-size: 30px;
    color: #fff;
    text-align: center;
    cursor: pointer;
    height: 60px;
    line-height: 60px
}

.text-box .box1 .text2 {
    font-size: 20px;
    color: #dcdcdc;
    text-align: center;
    cursor: pointer;
    height: 45px;
    line-height: 45px
}

.text-box .box2 {
    margin: 0 -3px;
    width: 270px;
    padding-top: 15px
}

.text-box .box2 .vue-waterfall-slot {
    padding: 3px
}

.text-box .box2 .underline {
    padding: 30px;
    color: #757c86;
    text-align: center
}

.text-box .box2 .loading {
    width: 80px;
    height: 40px;
    margin: 10px auto;
    text-align: center
}

.text-box .box2 .loading .rect {
    -webkit-animation: loading 1.2s infinite ease-in-out;
    animation: loading 1.2s infinite ease-in-out;
    display: inline-block;
    width: 6px;
    height: 100%;
    background-color: #00a2eb
}

.text-box .box2 .loading .rect.rect1 {
    -webkit-animation-delay: 0;
    animation-delay: 0
}

.text-box .box2 .loading .rect.rect2 {
    -webkit-animation-delay: .1s;
    animation-delay: .1s
}

.text-box .box2 .loading .rect.rect3 {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

.text-box .box2 .loading .rect.rect4 {
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

.text-box .box2 .loading .rect.rect5 {
    -webkit-animation-delay: .4s;
    animation-delay: .4s
}

.element-box {
    height: 100%;
    overflow-y: auto;
    padding-top: 20px;
    padding-left: 23px
}

.element-box .search-box {
    width: 264px;
    height: 70px;
    padding: 0;
    position: relative
}

.element-box .search-box input {
    width: 263px;
    height: 40px;
    border-radius: 5px;
    background-color: hsla(0, 0%, 100%, .95);
    border: 0;
    padding-left: 10px;
    font-size: 12px
}

.element-box .search-box input:focus {
    background: #fff
}

.element-box .search-box i {
    width: 40px;
    height: 40px;
    background: url(/diy4/static/img/search.0221d5d.png) 0 0 no-repeat transparent;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    position: absolute;
    zoom: 1;
    top: 0;
    right: 0;
    cursor: pointer
}

.element-box .search-box i:hover {
    background-position: 0 -40px
}

.element-box .sort-list ul {
    position: relative;
    width: 263px
}

.element-box .sort-list ul li {
    position: absolute;
    width: 76px;
    height: 102px;
    cursor: pointer;
    zoom: 1;
    padding: 0
}

.element-box .sort-list ul li i {
    display: block;
    width: 76px;
    height: 70px;
    background: url(/diy4/static/img/elsort.95220a3.png) 0 0 no-repeat transparent;
    position: relative;
    zoom: 1;
    z-index: 3;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    transition: all .15s linear
}

.element-box .sort-list ul li i.icon-shape {
    background-position: 0 0
}

.element-box .sort-list ul li i.icon-element {
    background-position: -94px 0
}

.element-box .sort-list ul li i.icon-sign {
    background-position: -187px 0
}

.element-box .sort-list ul li i.icon-grain {
    background-position: 0 -119px
}

.element-box .sort-list ul li i.icon-pic {
    background-position: -94px -119px
}

.element-box .sort-list ul li i.icon-scroll {
    background-position: -187px -119px
}

.element-box .sort-list ul li i.icon-icon {
    background-position: 0 -235px
}

.element-box .sort-list ul li i.icon-ai {
    background-position: -94px -235px
}

.element-box .sort-list ul li i.icon-ps {
    background-position: -187px -351px
}

.element-box .sort-list ul li i.icon-contain {
    background-position: -94px -351px
}

.element-box .sort-list ul li i.icon-line {
    background-position: 0 -458px
}

.element-box .sort-list ul li i.icon-table {
    background-position: -187px -235px
}

.element-box .sort-list ul li i.icon-fold {
    background: url(/diy4/static/img/elGroup.da2fbb1.png) 0 0 no-repeat transparent
}

.element-box .sort-list ul li i.icon-fold.icon-holiday {
    background: url(/diy4/static/img/holiday1.6394105.png) 0 0 no-repeat transparent
}

.element-box .sort-list ul li p {
    width: 76px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    font-size: 14px;
    color: #fff
}

.element-box .sort-list ul li .line {
    position: absolute;
    width: 263px;
    top: -20px;
    left: 0;
    height: 1px;
    background: #5e6266
}

.element-box .sort-list ul li.unactive {
    opacity: .25
}

.element-box .sort-list ul li:after, .element-box .sort-list ul li:before {
    content: "";
    position: absolute;
    width: 76px;
    height: 70px;
    background: url(/diy4/static/img/folder.10536fb.png) 0 0 no-repeat transparent;
    top: 0;
    left: 0;
    z-index: 2;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    transition: all .15s linear;
    opacity: 0
}

.element-box .sort-list ul li.grp-item0 {
    top: 18px;
    left: 0
}

.element-box .sort-list ul li.grp-item0 i.icon-group {
    background-position: -94px 0
}

.element-box .sort-list ul li.grp-item1 {
    top: 18px;
    left: 94px
}

.element-box .sort-list ul li.grp-item1 i.icon-group {
    background-position: -94px 0
}

.element-box .sort-list ul li.grp-item2 {
    top: 18px;
    left: 188px
}

.element-box .sort-list ul li.item0, .element-box .sort-list ul li.item3, .element-box .sort-list ul li.item6, .element-box .sort-list ul li.item9 {
    left: 0
}

.element-box .sort-list ul li.item1, .element-box .sort-list ul li.item4, .element-box .sort-list ul li.item7, .element-box .sort-list ul li.item10 {
    left: 94px
}

.element-box .sort-list ul li.item2, .element-box .sort-list ul li.item5, .element-box .sort-list ul li.item8, .element-box .sort-list ul li.item11 {
    left: 188px
}

.element-box .sort-list ul li:hover i {
    -webkit-transform: rotate(-6deg);
    transform: rotate(-6deg)
}

.element-box .sort-list ul li:hover:before {
    opacity: 1;
    -webkit-transform: rotate(8deg);
    transform: rotate(8deg)
}

.element-box .sort-list ul li:hover:after {
    opacity: 1;
    -webkit-transform: rotate(1deg);
    transform: rotate(1deg)
}

.element-box .sort-list ul li.isnew p:before {
    content: "";
    width: 6px;
    height: 6px;
    position: absolute;
    border-radius: 50%;
    background: red;
    right: 4px;
    bottom: 20px;
    z-index: 20
}

.element-box .element-list {
    position: relative;
    z-index: 5;
    background: #414750
}

.element-box .element-list .ele-cate {
    overflow: hidden;
    margin: 15px 0 0 -15px
}

.element-box .element-list .ele-cate li {
    float: left;
    width: 54px;
    background: #8e8e8e;
    color: #fff;
    line-height: 25px;
    font-size: 14px;
    cursor: pointer;
    margin-left: 15px;
    text-align: center;
    margin-bottom: 15px
}

.element-box .element-list .ele-cate li.active {
    background: #00a2eb
}

.element-box .element-list .line {
    width: 263px;
    height: 1px;
    background: #656b75;
    margin-top: 12px;
    position: relative
}

.element-box .element-list .line:before {
    content: "";
    position: absolute;
    top: -4px;
    left: 35px;
    width: 8px;
    height: 8px;
    background: #414750;
    border-top: 1px solid #656b75;
    border-right: 1px solid #656b75;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.element-box .element-list .line.corner1:before, .element-box .element-list .line.corner4:before, .element-box .element-list .line.corner7:before, .element-box .element-list .line.corner10:before {
    left: 130px
}

.element-box .element-list .line.corner2:before, .element-box .element-list .line.corner5:before, .element-box .element-list .line.corner8:before, .element-box .element-list .line.corner11:before {
    left: 224px
}

.element-box .element-list .contain-tips {
    color: #acb1b8;
    padding-top: 12px
}

.element-box .element-list .contain-tips a {
    color: #00a2eb
}

.element-box .element-list .list {
    padding: 15px 0
}

.element-box .element-list .underline {
    padding: 30px;
    color: #757c86;
    text-align: center
}

.element-box .element-list .loading {
    width: 80px;
    height: 40px;
    margin: 10px auto;
    text-align: center
}

.element-box .element-list .loading.load-anim .rect {
    -webkit-animation: loading 1.2s infinite ease-in-out;
    animation: loading 1.2s infinite ease-in-out
}

.element-box .element-list .loading .rect {
    display: inline-block;
    width: 6px;
    height: 100%;
    background-color: #00a2eb
}

.element-box .element-list .loading .rect.rect1 {
    -webkit-animation-delay: 0;
    animation-delay: 0
}

.element-box .element-list .loading .rect.rect2 {
    -webkit-animation-delay: .1s;
    animation-delay: .1s
}

.element-box .element-list .loading .rect.rect3 {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

.element-box .element-list .loading .rect.rect4 {
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

.element-box .element-list .loading .rect.rect5 {
    -webkit-animation-delay: .4s;
    animation-delay: .4s
}

.element-box .tips {
    position: fixed;
    top: 80px;
    left: 0;
    z-index: 5;
    text-align: center;
    width: 100%
}

.element-box .tips .text {
    display: inline-block;
    line-height: 30px;
    border-radius: 3px;
    padding: 0 10px;
    background-color: #272c33;
    font-size: 14px;
    color: #fff;
    cursor: pointer
}

.element-box .tips .closebtn {
    position: absolute;
    zoom: 1;
    width: 30px;
    height: 30px;
    line-height: 30px;
    top: 0;
    left: 253px;
    border-radius: 3px;
    background-color: #272c33;
    cursor: pointer;
    background: url(/diy4/static/img/ico-close.4c59be5.png) 50% no-repeat #272c33
}

.element-box .tips .closebtn:hover {
    color: #00a2eb
}

@-webkit-keyframes loading {
    0%, 40%, to {
        -webkit-transform: scaleY(.6);
        transform: scaleY(.6)
    }
    20% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
}

@keyframes loading {
    0%, 40%, to {
        -webkit-transform: scaleY(.6);
        transform: scaleY(.6)
    }
    20% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
}

.background-box {
    height: 100%;
    overflow-y: auto;
    padding-top: 20px;
    padding-left: 23px;
    overflow-x: visible
}

.background-box .title {
    font-size: 14px;
    color: #c5c5c5
}

.background-box .title.bgimg-title {
    margin-top: 60px
}

.background-box .color-modal {
    padding-top: 12px
}

.background-box .bgimg-box input {
    width: 1px;
    height: 1px;
    margin-right: -1px;
    visibility: hidden
}

.background-box .bgimg-box .upload-wrap {
    position: relative;
    overflow: hidden;
    display: block;
    width: 263px;
    height: 140px;
    padding-top: 90px;
    font-size: 14px;
    color: #71757a;
    text-align: center;
    cursor: pointer;
    z-index: 2;
    border-radius: 6px
}

.background-box .bgimg-box .bg-list {
    padding-top: 15px
}

.background-box .bgimg-box .bg-list .underline {
    padding: 30px;
    color: #dadada;
    text-align: center
}

.background-box .bgimg-box .bg-list .loading {
    width: 80px;
    height: 40px;
    margin: 10px auto;
    text-align: center
}

.background-box .bgimg-box .bg-list .loading .rect {
    -webkit-animation: loading 1.2s infinite ease-in-out;
    animation: loading 1.2s infinite ease-in-out;
    display: inline-block;
    width: 6px;
    height: 100%;
    background-color: #00a2eb
}

.background-box .bgimg-box .bg-list .loading .rect.rect1 {
    -webkit-animation-delay: 0;
    animation-delay: 0
}

.background-box .bgimg-box .bg-list .loading .rect.rect2 {
    -webkit-animation-delay: .1s;
    animation-delay: .1s
}

.background-box .bgimg-box .bg-list .loading .rect.rect3 {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

.background-box .bgimg-box .bg-list .loading .rect.rect4 {
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

.background-box .bgimg-box .bg-list .loading .rect.rect5 {
    -webkit-animation-delay: .4s;
    animation-delay: .4s
}

.background-box .bg-list ul {
    overflow: hidden
}

.background-box .bg-list ul li {
    width: 82px;
    height: 82px;
    float: left;
    background-size: cover !important;
    border-radius: 6px;
    margin: 0 8px 8px 0;
    cursor: pointer;
    position: relative
}

.background-box .bg-list ul li:after {
    content: "";
    position: absolute;
    z-index: 3;
    bottom: 10px;
    right: 10px;
    width: 28px;
    height: 28px;
    background: url(/diy4/static/img/ico-selected.ff65d65.png) no-repeat 50% 50% rgba(0, 0, 0, .67);
    border-radius: 50%;
    display: none
}

.background-box .bg-list ul li.selected:after {
    display: block
}

.background-box .bg-list ul li.diybg input {
    position: absolute
}

.background-box .bg-list ul li.diybg .upload-wrap {
    padding-top: 46px;
    width: 82px;
    height: 82px;
    border: 1px dashed #7a7a7a;
    background: url(/diy4/static/img/ico-add.42a41c1.png) 50% 30% no-repeat #32373e
}

.background-box .bg-list ul li.diybg .upload-wrap:hover {
    background: url(/diy4/static/img/ico-add2.037c653.png) 50% 30% no-repeat #32373e;
    color: #b7b7b7
}

.background-box .bg-list ul li.diybg .uploading-wrap {
    position: relative;
    overflow: hidden;
    display: block;
    width: 82px;
    height: 82px;
    padding-top: 20px;
    background: #34393f;
    border: 1px dashed #7b7b7b;
    font-size: 14px;
    color: #72767b;
    text-align: center;
    border-radius: 5px;
    z-index: 2
}

.background-box .bg-list ul li.diybg .uploading-wrap span {
    display: block;
    height: 10px;
    background: #00a2eb;
    margin-top: 10px
}

.background-box .bg-list ul li.diybg .uploaded-wrap {
    position: relative;
    border-radius: 6px;
    overflow: hidden;
    display: block;
    width: 82px;
    height: 82px;
    background: #34393f;
    font-size: 14px;
    color: #72767b;
    text-align: center;
    z-index: 2;
    cursor: pointer;
    background-size: cover !important
}

.background-box .bg-list ul li.diybg .uploaded-wrap:after {
    content: "";
    position: absolute;
    z-index: 3;
    bottom: 10px;
    right: 10px;
    width: 28px;
    height: 28px;
    background: url(/diy4/static/img/ico-selected.ff65d65.png) no-repeat 50% 50% rgba(0, 0, 0, .67);
    border-radius: 50%;
    display: none
}

.background-box .bg-list ul li.diybg .uploaded-wrap .uploaded-edit {
    display: none;
    position: absolute;
    cursor: pointer;
    font-size: 12px;
    z-index: 3;
    top: 5px;
    left: 5px;
    width: 36px;
    line-height: 20px;
    height: 20px;
    color: #fff;
    text-align: center;
    background: rgba(0, 0, 0, .67);
    border-radius: 3px
}

.background-box .bg-list ul li.diybg .uploaded-wrap.selected:after, .background-box .bg-list ul li.diybg .uploaded-wrap:hover .uploaded-edit {
    display: block
}

.color-picker-item {
    float: left;
    position: relative;
    z-index: 10000
}

.color-picker-item .box {
    transition: all .2s;
    width: 32px;
    height: 32px;
    margin-right: 5px;
    border-radius: 6px;
    box-shadow: inset 2px 2px 5px rgba(0, 0, 0, .2);
    cursor: pointer
}

.color-picker-item .box-focus {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.color-picker-item .pallet {
    position: fixed;
    width: 262px;
    border-radius: 8px;
    padding: 10px;
    background: #fff;
    font-size: 12px;
    z-index: 10000;
    color: #737373;
    box-shadow: 0 1px 5px rgba(0, 0, 0, .3)
}

.color-picker-item .pallet .header .item {
    float: left;
    cursor: pointer;
    width: 50%;
    height: 32px;
    line-height: 28px;
    text-align: center;
    font-size: 14px;
    color: #8a8a8a
}

.color-picker-item .pallet .header .color-left {
    border: 1px solid #d0d0d0;
    border-right: none
}

.color-picker-item .pallet .header .color-right {
    border: 1px solid #d0d0d0
}

.color-picker-item .pallet .header .active {
    color: #515151;
    background: #dcdcdc
}

.color-picker-item .pallet .content {
    margin-top: 50px
}

.color-picker-item:focus {
    outline: none
}

.default-color {
    margin-top: -5px
}

.default-color .title {
    height: 32px;
    line-height: 32px
}

.default-color .list .item {
    width: 22px;
    height: 22px;
    background: #f96878;
    float: left;
    cursor: pointer;
    border-left: 1px solid #dcdcdc;
    border-top: 1px solid #dcdcdc
}

.default-color .list .item:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    box-shadow: 0 0 5px rgba(0, 0, 0, .5);
    border: none
}

.pallet-panel .top .bright {
    position: relative;
    width: 200px;
    height: 200px;
    float: left
}

.pallet-panel .top .bright button {
    position: absolute;
    left: 0;
    top: 0;
    width: 16px;
    height: 16px;
    margin-top: -8px;
    margin-left: -8px;
    background: none;
    box-shadow: 0 0 5px rgba(0, 0, 0, .5);
    border-radius: 50%;
    border: 2px solid #fff
}

.pallet-panel .top .bright canvas {
    pointer-events: none
}

.pallet-panel .top .hue {
    position: relative;
    float: left;
    width: 20px;
    height: 200px;
    margin-left: 5px
}

.pallet-panel .top .hue button {
    position: absolute;
    left: 0;
    top: 0;
    width: 35px;
    height: 16px;
    margin-top: -8px;
    background: none;
    box-shadow: 0 0 5px rgba(0, 0, 0, .5);
    border-radius: 5px;
    border: 2px solid #fff
}

.pallet-panel .top .hue canvas {
    pointer-events: none
}

.pallet-panel .bottom {
    padding-top: 210px;
    line-height: 24px
}

.pallet-panel .bottom .hex-text {
    border: 1px solid #c5c5c5;
    box-shadow: 0 0 5px #ddd;
    height: 24px;
    width: 65px;
    padding: 2px;
    border-radius: 3px;
    display: inline-block
}

.pallet-panel .bottom .selected-color {
    display: inline-block;
    background: red;
    width: 24px;
    height: 24px;
    border-radius: 3px
}

.upload-box {
    width: 100%;
    height: 100%;
    overflow-y: auto;
    padding-top: 20px;
    padding-left: 23px;
    overflow-x: hidden
}

.upload-box .tip {
    color: #a6a7a9;
    padding-top: 5px;
    text-align: center;
    display: inline-block;
    width: 263px
}

.upload-box input {
    width: 0;
    height: 0;
    visibility: hidden
}

.upload-box form {
    overflow: hidden;
    width: 263px
}

.upload-box label {
    float: left;
    height: 40px;
    line-height: 40px;
    margin-top: 10px;
    background-color: #00aeee;
    font-size: 14px;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    width: 171px
}

.upload-box .phone-upload {
    float: right;
    width: 87px
}

.upload-box .phone-upload, .upload-box .psd-upload {
    height: 40px;
    line-height: 40px;
    margin-top: 10px;
    background-color: #00aeee;
    font-size: 14px;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    cursor: pointer
}

.upload-box .psd-upload {
    float: left;
    width: 100%
}

.upload-box .upload {
    display: block;
    width: 263px;
    height: 40px;
    line-height: 40px;
    margin-top: 10px;
    position: relative;
    overflow: hidden;
    background-color: #00aeee;
    font-size: 14px;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    cursor: pointer
}

.upload-box .upload:hover {
    background-color: #0097e9
}

.upload-box .upload-list {
    padding-top: 15px
}

.upload-box .upload-list .img-wrap {
    width: 84px;
    position: relative;
    cursor: pointer
}

.upload-box .upload-list .img-wrap.used {
    box-sizing: border-box;
    border: 2px solid #00a2eb
}

.upload-box .upload-list .img-wrap.used:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    background: url(/diy4/static/img/checked.72438e2.png);
    width: 17px;
    height: 17px
}

.upload-box .upload-list .vue-waterfall-slot:hover .del {
    display: block
}

.upload-box .upload-list .vue-waterfall-slot .progressbar, .upload-box .upload-list .vue-waterfall-slot.temp a {
    display: none
}

.upload-box .upload-list .vue-waterfall-slot.temp .progressbar {
    display: block;
    position: absolute;
    top: 10px;
    left: 0;
    height: 8px;
    width: 90%;
    background: #e9e9e9
}

.upload-box .upload-list .vue-waterfall-slot.temp .progressbar span {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    background: #00a2eb;
    height: 8px
}

.upload-box .upload-list .del {
    position: absolute;
    zoom: 1;
    width: 20px;
    height: 20px;
    top: 0;
    right: 4px;
    border-radius: 3px;
    background-color: rgba(0, 0, 0, .5);
    cursor: pointer;
    display: none
}

.upload-box .upload-list .del i {
    float: left;
    display: inline;
    width: 10px;
    height: 9px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAJCAYAAAAywQxIAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAABXSURBVHjapNFRCgAgCANQ3f3v0tE6gkX1EeFMcL89DDa1GdlR8bPetXXJOFzAGDom5fD8auSYZB0IjmoIHQiOugodSBesq69DZQDPoTKA51AZwHNDgAEArpAjrQS0/08AAAAASUVORK5CYII=) 0 0 no-repeat transparent;
    margin-top: 5px;
    margin-left: 5px
}

.upload-box .upload-list .del:hover i {
    background-position: -10px 0
}

.temp-box {
    height: 100%;
    overflow-y: auto;
    padding-top: 28px;
    padding-left: 23px;
    overflow-x: hidden;
    position: relative
}

.temp-box .navbar {
    padding-left: 25px;
    margin-bottom: 22px
}

.temp-box .navbar button {
    line-height: 36px;
    color: #d7d8d9;
    background: #5e6367;
    text-align: center;
    padding: 0 20px;
    margin: 0 6px;
    border-radius: 4px;
    transition: background .2s ease
}

.temp-box .navbar button:hover {
    background: #545356
}

.temp-box .navbar button.active {
    background: #00a2eb
}

.temp-box .templist a {
    display: block;
    position: relative;
    overflow: hidden
}

.temp-box .templist a .info {
    position: absolute;
    left: 0;
    top: 100%;
    pointer-events: none;
    width: 100%;
    height: 100%;
    transition: top .2s ease-in-out;
    background: linear-gradient(180deg, transparent 40%, rgba(0, 0, 0, .6))
}

.temp-box .templist a .info span {
    position: absolute;
    bottom: 0;
    color: #fff;
    height: 28px;
    line-height: 28px
}

.temp-box .templist a .info span i {
    color: #d8d8d8;
    vertical-align: middle;
    margin-right: 4px
}

.temp-box .templist a .info span.view {
    left: 12px
}

.temp-box .templist a .info span.price {
    right: 10px
}

.temp-box .templist a .corner {
    position: absolute;
    top: 0;
    right: 0;
    width: 106px;
    height: 77px;
    color: #fff;
    font-size: 14px;
    text-align: right;
    background: url(/diy4/static/img/corner.b4eec19.png) 50% 50% no-repeat;
    transition: -webkit-transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: top right;
    transform-origin: top right
}

.temp-box .templist a:hover .info {
    top: 0
}

.temp-box .templist a:hover .corner {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.temp-box .detail-box {
    position: absolute;
    top: 0;
    z-index: 1001;
    width: 100%;
    background: #414750;
    left: 0;
    padding-left: 23px;
    padding-top: 16px;
    height: 100%;
    overflow-y: auto
}

.temp-box .detail-box button {
    line-height: 36px;
    width: 78px;
    text-align: center;
    font-size: 14px;
    color: #d7d8d9;
    margin-bottom: 16px;
    background: #5e6367;
    border-radius: 4px
}

.temp-box .detail-box button i {
    font-size: 14px;
    vertical-align: middle;
    margin-right: 5px
}

.temp-box .detail-box li {
    padding-bottom: 10px
}

.action-box {
    height: 100%;
    position: relative
}

.action-box .action-edit {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: #414750;
    transition: .2s ease-in-out;
    z-index: 10;
    overflow: auto;
    height: 100%
}

.action-box .action-edit .close-btn {
    position: absolute;
    width: 24px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    right: 0;
    top: 0;
    cursor: pointer;
    color: #afafaf;
    background-color: #4e535b
}

.action-box .action-edit .close-btn i {
    font-size: 12px
}

.action-box .action-edit .close-btn:hover {
    background-color: #00a2eb;
    color: #fff
}

.action-box .action-edit::-webkit-scrollbar {
    width: 2px;
    height: 5px
}

.action-box .action-edit::-webkit-scrollbar-corner {
    background-color: rgba(255, 255, 0, .5)
}

.action-box .action-edit::-webkit-scrollbar-thumb:horizontal, .action-box .action-edit::-webkit-scrollbar-thumb:vertical {
    background-color: hsla(0, 0%, 100%, .5)
}

.action-box .action-edit[readonly] {
    background: #e1e1e1;
    cursor: not-allowed
}

.action-box .wrapper {
    height: 46px;
    transition: height .2s ease-in-out;
    overflow: hidden;
    margin-bottom: 1px
}

.action-box .wrapper.active {
    height: calc(100vh - 47 * 6px - 50px)
}

.action-box .wrapper .title {
    height: 46px;
    background: #545961;
    color: #fff;
    font-size: 14px;
    line-height: 45px;
    padding: 0 23px;
    cursor: pointer;
    position: relative;
    z-index: 2
}

.action-box .wrapper .title i {
    font-size: 35px;
    float: right
}

.action-box .wrapper .title:hover {
    background: #5c6168
}

.action-box .wrapper .list {
    height: calc(100vh - 47 * 6px - 50px);
    overflow-y: auto;
    padding: 15px 0 15px 20px
}

.action-box .wrapper .list .vue-waterfall .vue-waterfall-slot {
    padding: 3px
}

.action-box .wrapper .list .vue-waterfall .vue-waterfall-slot p {
    cursor: pointer
}

.action-box .wrapper .list .underline {
    padding: 30px;
    color: #757c86;
    text-align: center;
    z-index: 2
}

.action-box .wrapper .list .card {
    width: 263px;
    height: 247px;
    position: relative;
    cursor: pointer;
    transition: .3s ease-in-out
}

.action-box .wrapper .list .card .bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-position: 50% 0;
    background-size: cover;
    background-repeat: no-repeat;
    box-shadow: 0 -20px 50px 0 hsla(0, 1%, 42%, .5);
    transition: 3s ease
}

.action-box .wrapper .list .card .tag {
    position: absolute;
    top: 0;
    left: 0;
    width: 37px;
    line-height: 18px;
    height: 18px;
    color: #fff;
    text-align: center
}

.action-box .wrapper .list .card:hover {
    width: 243px;
    margin-left: 10px
}

.action-box .wrapper .list .like-card {
    float: left;
    padding-right: 6px
}

.action-box .wrapper .list .like-card p {
    cursor: pointer
}

.action-box .wrapper .list .block-card {
    margin-bottom: 15px
}

.action-box .wrapper .list .block-card p {
    cursor: pointer
}

.single-page-config-editor {
    padding: 16px;
    transition: top .3s ease
}

.single-page-config-editor .align-content {
    padding: 10px;
    text-align: center
}

.single-page-config-editor .align-content button {
    width: 32px;
    height: 32px;
    background-color: #e6e6e6;
    color: gray;
    border-radius: 3px;
    padding: 7px;
    margin: 0 3px
}

.single-page-config-editor .align-content button i {
    font-size: 14px
}

.single-page-config-editor .align-content button:hover {
    background-color: #d3d3d3
}

.single-page-config-editor .align-content .split {
    position: relative;
    margin: 8px
}

.single-page-config-editor .align-content .split:after {
    content: "";
    position: absolute;
    left: 0;
    width: 1px;
    top: -5px;
    bottom: -5px;
    border-left: 1px solid #e6e6e6
}

.single-page-config-editor .setting-content {
    width: 100%;
    height: 100%
}

.single-page-config-editor .setting-content::-webkit-scrollbar {
    width: 4px;
    height: 4px
}

.single-page-config-editor .setting-content::-webkit-scrollbar-corner {
    background-color: #e4e4e4
}

.single-page-config-editor .setting-content::-webkit-scrollbar-thumb:horizontal, .single-page-config-editor .setting-content::-webkit-scrollbar-thumb:vertical {
    background-color: #8b8b8b
}

.single-page-config-editor .setting-content .ui-text-input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 32px;
    margin-top: 5px;
    padding-bottom: 5px
}

.single-page-config-editor .setting-content .ui-text-input .label {
    padding: 0 8px 0 0;
    color: #fff;
    height: 32px;
    line-height: 32px
}

.single-page-config-editor .setting-content .ui-text-input .text {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.single-page-config-editor .setting-content .ui-text-input .text input {
    width: 100%;
    height: 30px;
    margin-top: 1px;
    border: 1px solid #767b81;
    padding: 5px;
    background: #676c73;
    color: #fff;
    transition: all .2s
}

.single-page-config-editor .setting-content .ui-text-input .text input:focus {
    border-color: #00a2eb;
    background: #fff;
    color: #000
}

.single-page-config-editor .setting-content .ui-radio-group {
    margin-top: 10px
}

.single-page-config-editor .setting-content .ui-radio-group .label {
    color: #fff
}

.single-page-config-editor .setting-content .ui-radio-group .radio {
    padding-left: 60px
}

.single-page-config-editor .setting-content .ui-radio-group .radio .item {
    position: relative;
    margin-bottom: 8px
}

.single-page-config-editor .setting-content .ui-radio-group .radio .item input {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    cursor: pointer
}

.single-page-config-editor .setting-content .ui-radio-group .radio .item label {
    pointer-events: none;
    position: absolute;
    left: 4px;
    bottom: 4px;
    width: 8px;
    height: 8px;
    background: #00a2eb;
    border-radius: 100%;
    opacity: 0;
    transition: all .2s
}

.single-page-config-editor .setting-content .ui-radio-group .radio .item span:after {
    content: "";
    text-align: center;
    pointer-events: none;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 16px;
    height: 16px;
    border: 1px solid #adadad;
    border-radius: 100%
}

.single-page-config-editor .setting-content .ui-radio-group .radio .item span {
    margin-left: 20px
}

.single-page-config-editor .setting-content .ui-radio-group .radio .item input:checked + label {
    opacity: 1
}

.single-page-config-editor .button-setting {
    padding: 10px
}

.form-setting {
    position: relative
}

.form-setting .clear {
    clear: both
}

.form-setting .color-accordion .content {
    overflow: visible
}

.form-setting .color-accordion .color-picker {
    padding: 10px;
    height: 50px
}

.form-element-editor {
    padding: 10px;
    position: relative
}

.form-element-editor .item {
    margin-bottom: 2px
}

.form-element-editor .item .item-content {
    margin-top: -1px;
    background: #676c73;
    font-size: 13px
}

.form-element-editor .item .item-content .title {
    cursor: move;
    padding: 0 10px;
    height: 33px;
    line-height: 33px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.form-element-editor .item .item-content .title .left {
    cursor: move;
    color: #fff;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.form-element-editor .item .item-content .title .left i {
    font-size: 14px;
    color: #fff
}

.form-element-editor .item .item-content .title .left .name {
    margin-left: 3px;
    font-size: 14px;
    cursor: pointer
}

.form-element-editor .item .item-content .title .left * {
    cursor: move
}

.form-element-editor .item .item-content .title .right {
    float: right;
    transition: all .2s
}

.form-element-editor .item .item-content .title .right * {
    cursor: pointer
}

.form-element-editor .item .item-content .title .right i {
    color: #bdbdbd
}

.form-element-editor .item .item-content .title .right .type {
    margin-left: 5px;
    font-size: 12px;
    color: #bdbdbd
}

.form-element-editor .item .item-content .content {
    overflow: hidden;
    transition: all .3s
}

.form-element-editor .active .item-content {
    background: #fff
}

.form-element-editor .active .item-content .title .left {
    color: #515151
}

.form-element-editor .active .item-content .title .left i {
    color: #9e9e9e
}

.form-element-editor .active .item-content .title .right i {
    color: #a8a8a8
}

.form-element-editor .active .item-content .title .right .type {
    color: #bdbdbd
}

.form-element-editor .add-form-element-btn {
    background-color: #00a0ea;
    color: #fff;
    text-align: center;
    padding: 8px;
    border-radius: 3px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, .1);
    cursor: pointer
}

.form-element-editor .add-form-element-btn i {
    vertical-align: middle;
    font-size: 12px;
    margin-right: 2px
}

.form-element-editor .add-form-element-btn span {
    vertical-align: middle
}

.form-element-editor .add-form-element-btn:hover {
    opacity: .8
}

.form-element-editor .add-form-element-btn:active {
    opacity: .9
}

.form-element-editor .label-text {
    border: 1px solid #dbdbdb;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 30px;
    line-height: 28px;
    margin: 0 10px 4px
}

.form-element-editor .label-text .label {
    background: #efefef;
    color: #909090;
    width: 50px;
    padding-left: 5px;
    border-right: 1px solid #dbdbdb
}

.form-element-editor .label-text input[type=text] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background: #fff;
    color: #000;
    padding: 0 5px;
    height: 100%;
    border: none
}

.form-element-editor .input-text {
    background-color: #f3f3f3;
    border: 1px solid #d6d6d6;
    color: #515151;
    padding: 4px 6px;
    margin: 0 10px 4px
}

.form-element-editor .input-text input {
    border: 1px solid #d6d6d6;
    padding: 4px;
    border-radius: 3px;
    margin: 0 6px;
    width: 35px;
    text-align: center
}

.form-element-editor .item-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 30px;
    line-height: 30px;
    margin: 0 10px 4px
}

.form-element-editor .item-text input[type=text] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border: 1px solid #d6d6d6;
    background: #fff;
    color: #515151;
    padding: 0 5px;
    height: 100%
}

.form-element-editor .item-text .remove {
    cursor: pointer;
    width: 22px;
    color: #ff6d6c;
    text-align: center;
    border-radius: 50%;
    margin-left: 5px;
    height: 22px;
    margin-top: 3px;
    line-height: 22px
}

.form-element-editor .item-text .remove i {
    font-size: 20px
}

.form-element-editor .item-text .remove:hover {
    color: #ff9b9a
}

.form-element-editor .item-img-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 75px;
    line-height: 30px;
    margin: 4px 10px
}

.form-element-editor .item-img-text .pic {
    min-width: 75px;
    min-height: 75px;
    position: relative;
    cursor: pointer
}

.form-element-editor .item-img-text .pic img {
    width: 100%;
    height: 100%
}

.form-element-editor .item-img-text .pic .change-tip {
    background-color: rgba(0, 0, 0, .5);
    color: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    height: 18px;
    line-height: 18px;
    font-size: 12px
}

.form-element-editor .item-img-text input[type=text] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border: 1px solid #dbdbdb;
    color: #515151;
    margin-left: 5px;
    height: 30px;
    padding: 0 5px
}

.form-element-editor .item-img-text .remove {
    cursor: pointer;
    width: 22px;
    color: #fff;
    text-align: center;
    border-radius: 50%;
    margin-left: 5px;
    height: 22px;
    margin-top: 3px;
    line-height: 22px
}

.form-element-editor .item-img-text .remove i {
    font-size: 20px
}

.form-element-editor .item-img-text .remove:hover {
    color: #ff9b9a
}

.form-element-editor .bottom-content {
    margin: 10px
}

.form-element-editor .bottom-content .remove-btn {
    background: none;
    color: #ff6d6c
}

.form-element-editor .bottom-content .remove-btn i {
    font-size: 14px
}

.form-element-editor .bottom-content .left {
    float: left
}

.form-element-editor .bottom-content .right {
    float: right
}

.form-element-editor .bottom-content .clear {
    clear: both
}

.text-form-element {
    padding: 5px 10px
}

.text-form-element select {
    height: 28px;
    -webkit-appearance: none;
    color: #515151;
    background-color: #fff;
    border-radius: 0;
    font-size: 13px;
    padding: 5px
}

.text-form-element .down-icon {
    position: absolute;
    right: 5px;
    pointer-events: none;
    color: #515151
}

.ui-checkbox {
    position: relative;
    padding-top: 3px
}

.ui-checkbox input[type=checkbox] {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    cursor: pointer
}

.ui-checkbox input[type=checkbox]:checked + span {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.ui-checkbox .label {
    color: #515151;
    padding-left: 20px;
    font-size: 12px
}

.ui-checkbox .label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 4px;
    width: 16px;
    height: 16px;
    border: 1px solid #adadad;
    border-radius: 3px;
    background: #fff;
    pointer-events: none
}

.ui-checkbox .icon {
    -webkit-transform: scale(0);
    transform: scale(0);
    transition: all .1s;
    position: absolute;
    left: 2px;
    top: 3px;
    z-index: 100;
    pointer-events: none
}

.ui-checkbox .icon i {
    color: #00a2eb;
    font-size: 12px
}

.radio-form-element {
    padding: 5px 10px
}

.radio-form-element .add-btn {
    width: 206px;
    margin: 0 10px 4px;
    box-sizing: border-box;
    padding: 5px;
    background: #f3f3f3;
    border: 1px solid #dbdbdb;
    color: #515151;
    font-size: 12px
}

.radio-form-element .add-btn i {
    font-size: 12px;
    color: #979797
}

.radio-form-element .add-btn:hover {
    opacity: .8
}

.imgradio-form-element {
    padding: 5px 10px
}

.imgradio-form-element .item-img-text input {
    width: 125px
}

.imgradio-form-element .add-btn {
    width: 206px;
    margin: 0 10px 4px;
    box-sizing: border-box;
    padding: 5px;
    background: #f3f3f3;
    border: 1px solid #dbdbdb;
    color: #515151;
    font-size: 12px
}

.imgradio-form-element .add-btn i {
    font-size: 12px;
    color: #979797
}

.imgradio-form-element .add-btn:hover {
    opacity: .8
}

.imgcheck-form-element {
    padding: 5px 10px
}

.imgcheck-form-element .add-btn {
    width: 219px;
    margin: 0 10px 4px;
    box-sizing: border-box;
    padding: 5px;
    background: #f3f3f3;
    border: 1px solid #dbdbdb;
    color: #515151;
    font-size: 12px
}

.imgcheck-form-element .add-btn i {
    font-size: 12px;
    color: #979797
}

.imgcheck-form-element .add-btn:hover {
    opacity: .8
}

.select-form-element {
    padding: 5px 10px
}

.select-form-element .add-btn {
    width: 206px;
    margin: 0 10px 4px;
    box-sizing: border-box;
    padding: 5px;
    background: #f3f3f3;
    border: 1px solid #dbdbdb;
    color: #515151;
    font-size: 12px
}

.select-form-element .add-btn i {
    font-size: 12px;
    color: #979797
}

.select-form-element .add-btn:hover {
    opacity: .8
}

.check-form-element {
    padding: 5px 10px
}

.check-form-element .add-btn {
    width: 206px;
    margin: 0 10px 4px;
    box-sizing: border-box;
    padding: 5px;
    background: #f3f3f3;
    border: 1px solid #dbdbdb;
    color: #515151;
    font-size: 12px
}

.check-form-element .add-btn i {
    font-size: 12px;
    color: #979797
}

.check-form-element .add-btn:hover {
    opacity: .8
}

.address-form-element {
    padding: 5px 10px
}

.address-form-element .address-wrap {
    margin: 10px 18px 4px 10px
}

.address-form-element .address-wrap .address-item {
    margin-top: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.address-form-element .address-wrap .address-item .checkbox {
    margin-top: 3px;
    cursor: pointer;
    width: 22px;
    height: 22px;
    position: relative
}

.address-form-element .address-wrap .address-item .checkbox input {
    opacity: 0;
    width: 100%;
    height: 100%
}

.address-form-element .address-wrap .address-item .checkbox input:checked + span:before {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.address-form-element .address-wrap .address-item .checkbox input:checked + span {
    background-color: #00a2eb
}

.address-form-element .address-wrap .address-item .checkbox span {
    position: absolute;
    pointer-events: none;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #dbdbdb;
    transition: all .2s
}

.address-form-element .address-wrap .address-item .checkbox span:before {
    font-family: tbzico !important;
    content: "\E647";
    position: absolute;
    left: 3.5px;
    top: 3.5px;
    color: #fff;
    transition: all .2s;
    -webkit-transform: scale(0);
    transform: scale(0)
}

.address-form-element .address-wrap .address-item .content-wrap {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.address-form-element .address-wrap .address-item .content-wrap .input {
    margin-left: 8px;
    height: 28px;
    width: 100%;
    -webkit-appearance: none;
    border: 1px solid #dbdbdb;
    background-color: #fff;
    border-radius: 0;
    font-size: 13px;
    padding: 5px
}

.address-form-element .address-wrap .address-item .content-wrap .input:disabled {
    background: #efefef
}

.button-component-setting .color-picker {
    height: 50px;
    padding: 10px
}

.button-component-setting * ::-webkit-input-placeholder {
    color: #a0a0a0
}

.button-component-setting * :-moz-placeholder, .button-component-setting * ::-moz-placeholder {
    color: #a0a0a0
}

.button-component-setting * :-ms-input-placeholder {
    color: #a0a0a0
}

.label-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 30px;
    line-height: 30px
}

.label-text .label {
    color: #d1d1d1;
    width: 50px;
    padding-left: 5px
}

.label-text input[type=text] {
    background-color: #676c73;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: #fff;
    padding: 0 5px;
    height: 100%;
    border: none;
    transition: all .2s
}

.ui-combo-box[data-v-70a4004e] {
    width: 100%;
    height: 32px;
    line-height: 32px;
    border: 1px solid #767b81;
    color: #fff;
    background-color: #676c73;
    box-sizing: border-box;
    position: relative;
    cursor: pointer
}

.ui-combo-box [data-v-70a4004e] {
    cursor: pointer
}

.ui-combo-box .viewer[data-v-70a4004e] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.ui-combo-box .viewer .value[data-v-70a4004e] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 5px
}

.ui-combo-box .viewer .icon[data-v-70a4004e] {
    width: 24px;
    background-color: #767b81;
    text-align: center;
    border-left: 1px solid #767b81;
    height: 30px
}

.ui-combo-box .viewer .icon i[data-v-70a4004e] {
    font-size: 12px;
    color: #fff
}

.ui-combo-box .list[data-v-70a4004e] {
    position: fixed;
    left: 0;
    top: 0;
    width: 200px;
    height: 300px;
    background-color: #fff;
    border: 1px solid #d6d6d6;
    z-index: 10000;
    color: #000;
    overflow-x: auto
}

.ui-combo-box .list .item[data-v-70a4004e] {
    padding-left: 5px;
    cursor: pointer;
    transition: all .2s
}

.ui-combo-box .list .item.active[data-v-70a4004e], .ui-combo-box .list .item[data-v-70a4004e]:hover {
    background-color: #00a2eb;
    color: #fff
}

.countdown-setting .color-picker[data-v-1090b890] {
    height: 50px;
    padding: 10px
}

.countdown-setting .time-setting-wrap[data-v-1090b890] {
    padding: 8px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.countdown-setting .time-setting-wrap input[data-v-1090b890] {
    background: transparent;
    font-size: 12px;
    -webkit-appearance: none;
    color: #fff
}

.countdown-setting .time-setting-wrap input[type=date][data-v-1090b890] {
    width: 135px
}

.countdown-setting .time-setting-wrap input[type=time][data-v-1090b890] {
    width: 125px
}

.time-picker {
    width: 100%;
    height: 28px;
    line-height: 28px;
    border: 1px solid #767b81;
    background: #676c73;
    padding: 5px;
    position: relative
}

.time-picker .value {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: .8;
    cursor: pointer;
    transition: all .2s
}

.time-picker .value:hover {
    opacity: 1
}

.time-picker .modal-content {
    position: absolute;
    left: 0;
    right: 0;
    top: 30px;
    border-radius: 3px;
    padding: 10px;
    background: #fff;
    color: #2b2b2b
}

.time-picker .modal-content .day-picker .item {
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #2b2b2b;
    float: left;
    border-radius: 3px;
    margin: 2px;
    cursor: pointer;
    transition: all .2s
}

.time-picker .modal-content .day-picker .item.active, .time-picker .modal-content .day-picker .item:hover {
    color: #fff;
    background-color: #00a2eb
}

.time-picker .gray-button {
    border-radius: 3px;
    color: #ababab;
    background-color: #f1f1f1;
    margin: 0 10px;
    padding: 3px
}

.time-picker .gray-button i {
    font-size: 12px
}

.time-picker hr {
    clear: both;
    border: none;
    border-bottom: 1px solid #f1f1f1;
    margin: 5px;
    padding: 0
}

.time-picker select {
    height: 28px;
    color: #515151;
    background-color: transparent;
    border-radius: 0;
    font-size: 13px;
    padding: 5px;
    transition: all .2s;
    border: 1px solid #dedede;
    border-radius: 3px
}

.time-picker select option {
    text-align: center
}

.time-picker select:hover {
    border-color: #00a2eb;
    box-shadow: 0 0 5px #00a2eb
}

.like-component-setting .color-picker[data-v-1f573e08] {
    height: 50px;
    padding: 10px
}

.like-component-setting .like-limit-setting[data-v-1f573e08] {
    padding: 10px
}

.like-component-setting .like-limit-setting input[data-v-1f573e08] {
    width: 40px;
    padding: 5px;
    font-size: 12px;
    border-radius: 3px;
    text-align: center;
    border: 1px solid #dbdbdb
}

.vote-setting .color-picker[data-v-7ae3ffdb] {
    height: 50px;
    padding: 10px
}

.vote-setting .content-setting[data-v-7ae3ffdb] {
    padding: 10px
}

.vote-setting .content-setting .btn-text-wrap[data-v-7ae3ffdb] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 12px;
    line-height: 26px;
    padding: 5px;
    padding-bottom: 10px;
    position: relative
}

.vote-setting .content-setting .btn-text-wrap span[data-v-7ae3ffdb] {
    color: #d1d1d1
}

.vote-setting .content-setting .btn-text-wrap input[data-v-7ae3ffdb] {
    margin-left: 5px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 5px;
    border: 1px solid #767b81;
    background: #676c73;
    color: #fff
}

.vote-setting .content-setting .btn-text-wrap[data-v-7ae3ffdb]:before {
    content: "";
    border-bottom: 1px dashed #6f747a;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0
}

.vote-setting .content-setting .info-wrap[data-v-7ae3ffdb] {
    margin-top: 5px;
    padding: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.vote-setting .content-setting .info-wrap .thumb[data-v-7ae3ffdb] {
    width: 80px;
    height: 80px;
    position: relative;
    cursor: pointer
}

.vote-setting .content-setting .info-wrap .thumb img[data-v-7ae3ffdb] {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.vote-setting .content-setting .info-wrap .thumb .tip[data-v-7ae3ffdb] {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    padding: 3px;
    color: #fff;
    background-color: rgba(0, 0, 0, .6)
}

.vote-setting .content-setting .info-wrap .info[data-v-7ae3ffdb] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 3px
}

.vote-setting .content-setting .info-wrap .info input[data-v-7ae3ffdb], .vote-setting .content-setting .info-wrap .info textarea[data-v-7ae3ffdb] {
    width: 100%;
    box-sizing: border-box;
    padding: 5px;
    border: 1px solid #767b81;
    background: #676c73;
    color: #fff;
    resize: none
}

.vote-setting .content-setting .info-wrap .info textarea[data-v-7ae3ffdb] {
    margin-top: 3px
}

.vote-setting .vote-limit-setting[data-v-7ae3ffdb] {
    padding: 10px
}

.vote-setting .vote-limit-setting input[data-v-7ae3ffdb] {
    width: 40px;
    padding: 5px;
    font-size: 12px;
    border-radius: 3px;
    text-align: center;
    border: 1px solid #767b81;
    background: #676c73;
    color: #fff
}

.vote-setting .time-setting-wrap[data-v-7ae3ffdb] {
    padding: 5px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.vote-setting .time-setting-wrap input[data-v-7ae3ffdb] {
    background: transparent;
    font-size: 12px;
    -webkit-appearance: none;
    color: #fff
}

.vote-setting .time-setting-wrap input[type=date][data-v-7ae3ffdb] {
    width: 135px
}

.vote-setting .time-setting-wrap input[type=time][data-v-7ae3ffdb] {
    width: 125px
}

.slide-setting .pic-manage {
    padding: 5px
}

.slide-setting .pic-manage .img-item {
    margin: 3px;
    position: relative
}

.slide-setting .pic-manage .img-item .remove-btn {
    position: absolute;
    right: 5px;
    top: 5px;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    cursor: pointer;
    background-color: rgba(0, 0, 0, .5);
    color: #fff
}

.slide-setting .pic-manage .img-item .remove-btn i {
    font-size: 13px
}

.slide-setting .pic-manage .img-item .remove-btn:hover {
    opacity: .7
}

.slide-setting .pic-manage .upload-btn {
    margin: 3px;
    padding: 10px;
    text-align: center;
    box-sizing: border-box;
    background-color: #00a2eb;
    color: #fff;
    cursor: pointer
}

.slide-setting .pic-manage .upload-btn i {
    font-size: 12px;
    position: relative;
    top: -1px;
    margin-right: 1px
}

.slide-setting .pic-manage .upload-btn span {
    position: relative;
    top: -1px
}

.slide-setting .pic-manage .upload-btn:active {
    opacity: .8
}

.slide-setting .pic-manage .tip {
    text-align: center;
    padding: 5px;
    color: #999da5
}

.video-setting .code-item {
    padding: 10px
}

.video-setting .tip {
    text-align: right;
    padding-top: 5px
}

.video-setting .tip a {
    color: #00a2eb
}

.video-setting .tip a:hover {
    opacity: .5
}

.video-setting textarea {
    width: 100%;
    height: 100%;
    resize: none;
    padding: 5px;
    font-size: 12px;
    border: 1px solid #767b81;
    background: #676c73;
    color: #fff
}

.video-setting textarea::-webkit-input-placeholder {
    color: #b1b4b9
}

.group-box {
    height: 100%
}

.group-box .wrapper {
    height: 46px;
    transition: height .2s ease-in-out;
    overflow: hidden;
    margin-bottom: 1px
}

.group-box .wrapper.active {
    height: calc(100vh - 47px - 50px)
}

.group-box .wrapper .title {
    height: 46px;
    background: #545961;
    color: #fff;
    font-size: 14px;
    line-height: 46px;
    padding: 0 23px;
    cursor: pointer;
    position: relative;
    z-index: 2
}

.group-box .wrapper .title i {
    font-size: 35px;
    float: right
}

.group-box .wrapper .list {
    height: calc(100vh - 144px);
    overflow-y: auto;
    padding: 15px 0 15px 20px
}

.group-box .wrapper .list .vue-waterfall .vue-waterfall-slot {
    padding: 3px
}

.group-box .wrapper .list .vue-waterfall .vue-waterfall-slot p {
    cursor: pointer
}

.group-box .wrapper .list .underline {
    padding: 30px;
    color: #757c86;
    text-align: center
}

.stageArea {
    top: 49px;
    right: 0;
    bottom: 0;
    background: #d7d8d9;
    z-index: 0;
    overflow: hidden;
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.stageArea, .stageArea .stage {
    position: absolute
}

.stageArea .stage .stage-resizer {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    border: 3px solid transparent
}

.stageArea .stage .stage-resizer:hover {
    -o-border-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAR0lEQVQ4je2UuwoAIAwDL355/zxu4uIDcajgTR3KQaCNgGCB7TZLGu4tRRtEuSAB4IueFPXHdortjNFmv7OLpIzR0onEpWKro8wOIWc/OvkAAAAASUVORK5CYII=) 4 4 round;
    border-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAR0lEQVQ4je2UuwoAIAwDL355/zxu4uIDcajgTR3KQaCNgGCB7TZLGu4tRRtEuSAB4IueFPXHdortjNFmv7OLpIzR0onEpWKro8wOIWc/OvkAAAAASUVORK5CYII=) 4 4 round
}

.stageArea .stage .stage-resizer .control {
    position: absolute;
    pointer-events: all
}

.stageArea .stage .stage-resizer .control .control-bar:after {
    content: "";
    position: absolute;
    left: -5px;
    right: -5px;
    top: -5px;
    bottom: -5px
}

.stageArea .stage .stage-resizer .control.right {
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: red
}

.stageArea .stage .stage-resizer .control.right div {
    display: inline-block
}

.stageArea .stage .stage-resizer .control.right .control-bar {
    display: inline-block;
    width: 5px;
    height: 35px;
    border: 1px solid #626262;
    background-color: #fff;
    margin-right: 3px;
    cursor: e-resize;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center
}

.stageArea .stage .stage-resizer .control.right .control-bar:hover + .tip {
    opacity: 1 !important
}

.stageArea .stage .stage-resizer .control.right .tip {
    color: #868686;
    line-height: 110%;
    position: absolute;
    left: 13px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0
}

.stageArea .stage .stage-resizer .control.bottom {
    text-align: center;
    width: 80px;
    bottom: -30px;
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%)
}

.stageArea .stage .stage-resizer .control.bottom .control-bar {
    display: inline-block;
    width: 35px;
    height: 5px;
    border: 1px solid #626262;
    background-color: #fff;
    margin-bottom: 3px;
    cursor: n-resize
}

.stageArea .stage .stage-resizer .control.bottom .control-bar:hover + .tip {
    opacity: 1 !important
}

.stageArea .stage .stage-resizer .control.bottom .tip {
    color: #868686;
    opacity: 0
}

.stageArea .stage .stage-mask {
    cursor: -webkit-grab;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: transparent;
    z-index: 51
}

.stageArea .stage .stage-mask.inited {
    cursor: -webkit-grabbing
}

.stageArea .stage #svg_canvas {
    box-shadow: 0 0 15px rgba(0, 0, 0, .15)
}

.stageArea .stage #svg_canvas g {
    transition: opacity .2s
}

.stageArea .stage .bleed {
    width: 100px;
    height: 100px;
    border: 3px solid transparent;
    -o-border-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAR0lEQVQ4je2UuwoAIAwDL355/zxu4uIDcajgTR3KQaCNgGCB7TZLGu4tRRtEuSAB4IueFPXHdortjNFmv7OLpIzR0onEpWKro8wOIWc/OvkAAAAASUVORK5CYII=) 5 5 round;
    border-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAR0lEQVQ4je2UuwoAIAwDL355/zxu4uIDcajgTR3KQaCNgGCB7TZLGu4tRRtEuSAB4IueFPXHdortjNFmv7OLpIzR0onEpWKro8wOIWc/OvkAAAAASUVORK5CYII=) 5 5 round
}

.stageArea .stage .bleed, .stageArea .stage .guide {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none
}

.stageArea .stage .guide .item {
    position: absolute;
    top: 0;
    -o-border-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAR0lEQVQ4je2UuwoAIAwDL355/zxu4uIDcajgTR3KQaCNgGCB7TZLGu4tRRtEuSAB4IueFPXHdortjNFmv7OLpIzR0onEpWKro8wOIWc/OvkAAAAASUVORK5CYII=) 5 5 round;
    border-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAR0lEQVQ4je2UuwoAIAwDL355/zxu4uIDcajgTR3KQaCNgGCB7TZLGu4tRRtEuSAB4IueFPXHdortjNFmv7OLpIzR0onEpWKro8wOIWc/OvkAAAAASUVORK5CYII=) 5 5 round;
    margin: 0
}

.stageArea .stage .edit-tool {
    position: absolute;
    left: 0;
    top: 0
}

.stageArea::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background-color: #f5f5f5
}

.stageArea::-webkit-scrollbar-track {
    background-color: #ebebeb
}

.stageArea::-webkit-scrollbar-thumb {
    background-color: #555
}

.stageArea .guides-canvas {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    pointer-events: none
}

.stageArea .guides-canvas .guide-item {
    position: absolute;
    border-right: none !important;
    border-bottom: none !important;
    border: 1px solid gray;
    pointer-events: all;
    transition: box-shadow .2s
}

.stageArea .guides-canvas .guide-item:after {
    content: "";
    position: absolute;
    left: -5px;
    right: -5px;
    top: -5px;
    bottom: -5px
}

.stageArea .guides-canvas .x {
    cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAATUlEQVQokdWRuwoAMAgDTf7/n69TQfqAupT2JoVcBhUQI5IAtNs7nswCv8uS5sstyDlXxLHAVTEXePW/EwC5D1UxIh3stCDnHvjzdbkBOHcjG7ZU0TwAAAAASUVORK5CYII=) 7.5 7.5, auto;
    width: 1px;
    height: 100%
}

.stageArea .guides-canvas .y {
    cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAUElEQVQokeVTQQoAIAhz0f+/vE5ByGbRpUO7COrcBAXJcABAknD1VhHXeEzOBDcAle0drO0TICKupd/Z/nHnrpLqotSNS+Xc6J7D2p6E6qsGdW0mDehXkcoAAAAASUVORK5CYII=) 7.5 7.5, auto;
    width: 100%;
    height: 1px
}

.selection-box {
    position: absolute;
    left: 0;
    top: 0;
    width: 60px;
    height: 60px;
    background: rgba(71, 210, 233, .2);
    border: 1px solid #00a2eb
}

.hover-element, .selection-box-rect {
    position: absolute;
    left: 0;
    top: 0;
    border: 1px dashed #bbb;
    cursor: move
}

.hover-element, .selection-tool {
    pointer-events: none
}

.selection-tool {
    position: absolute;
    /*position: relative;*/
    left: 0;
    top: 0;
    border: 1px solid #00a2eb;
    z-index: 2
}

.selection-tool .rotate-text {
    position: absolute;
    left: 50%;
    top: -42px;
    width: 30px;
    text-align: center;
    margin-left: -15px
}

.selection-tool .container-tip {
    position: absolute;
    top: -15px;
    left: 0;
    font-size: 12px;
    line-height: 14px;
    color: #00a2eb;
    width: 150px
}

.selection-tool .point {
    position: absolute;
    background: #fff;
    border: 1px solid #00a2eb;
    width: 10px;
    height: 10px;
    pointer-events: all
}

.selection-tool .point:hover {
    background: #00a2eb
}

.selection-tool .rotate {
    pointer-events: all;
    position: absolute;
    width: 16px;
    height: 16px;
    margin-left: -8px;
    left: 50%;
    top: -23px;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 0 5px #aaa;
    background: url(/ziti/texiao/images/rotate-left.d17e641.png) 50% no-repeat #fff
}

.selection-tool .e {
    pointer-events: all;
    top: 50%;
    right: -5px;
    margin-top: -5px
}

.selection-tool .s {
    pointer-events: all;
    left: 50%;
    bottom: -5px;
    margin-left: -5px
}

.selection-tool .se {
    right: -5px
}

.selection-tool .se, .tbz-lock {
    pointer-events: all;
    bottom: -5px
}

.tbz-lock {
    position: absolute;
    right: -9px;
    width: 18px;
    height: 23px;
    background: url(/diy4/static/img/ico-lock.c662223.png);
    cursor: pointer
}

#thumbCanvas {
    opacity: 0;
    pointer-events: none
}

.page-tool {
    position: absolute;
    height: 41px;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 50
}

.page-tool .center .zoom-wrap {
    pointer-events: all;
    width: 254px;
    height: 41px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -88px
}

.page-tool .center .zoom-wrap .zoom-tool {
    width: 100%;
    height: 34px;
    background-color: #414750;
    border-radius: 21px;
    float: left
}

.page-tool .center .zoom-wrap .zoom-tool .zoom {
    display: inline-block;
    width: 34px;
    height: 34px;
    border-radius: 34px;
    background: url(/diy4/static/img/zoom.1fed72c.png) 50% 9px no-repeat transparent;
    cursor: pointer;
    margin-left: 4px
}

.page-tool .center .zoom-wrap .zoom-tool .text {
    display: inline-block;
    height: 34px;
    line-height: 34px;
    font-size: 12px;
    color: #fff;
    overflow: hidden;
    text-align: center;
    margin: 0 10px
}

.page-tool .center .zoom-wrap .zoom-tool .scale {
    display: inline-block;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: url(/diy4/static/img/zoom.1fed72c.png) 50% -54px no-repeat transparent;
    cursor: pointer
}

.page-tool .center .zoom-wrap .zoom-tool .grid {
    display: inline-block;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: url(/diy4/static/img/zoom.1fed72c.png) 50% -205px no-repeat transparent;
    cursor: pointer
}

.page-tool .center .zoom-wrap .zoom-tool .full {
    display: inline-block;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: url(/diy4/static/img/zoom.1fed72c.png) 50% -131px no-repeat transparent;
    cursor: pointer
}

.page-tool .center .zoom-wrap .zoom-tool .full.full2 {
    background-position: 50% -170px
}

.page-tool .center .zoom-wrap .zoom-tool .guides {
    display: inline-block;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: url(/diy4/static/img/zoom.1fed72c.png) 50% -236px no-repeat transparent;
    cursor: pointer
}

.page-tool .center .zoom-tool-jianye {
    position: fixed;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 100
}

.page-tool .center .zoom-tool-jianye .btn-item {
    background-color: #43484d;
    color: #fff;
    width: 38px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    border-radius: 3px;
    cursor: pointer;
    transition: all .2s
}

.page-tool .center .zoom-tool-jianye .btn-item:hover {
    background-color: #55595e;
    color: #00a0e9
}

.page-tool .center .zoom-tool-jianye .btm-noradius {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom: 1px solid #62666a
}

.page-tool .center .zoom-tool-jianye .top-noradius {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.page-tool .center .zoom-tool-jianye .padding {
    padding: 3px
}

.page-tool .service {
    position: absolute;
    right: 10px;
    bottom: 0;
    width: 41px;
    height: 41px
}

.page-tool .service span.ico {
    display: block;
    height: 41px;
    background: #fff;
    cursor: pointer;
    font-size: 12px;
    color: #a2a2a2;
    padding-top: 4px;
    text-align: center
}

.page-tool .service span.ico:hover {
    color: #727272
}

.page-tool .service .service-box {
    padding: 0 20px;
    width: 257px;
    height: 138px;
    background-color: #fff;
    border-radius: 8px;
    position: absolute;
    zoom: 1;
    top: 200px;
    left: -270px;
    box-shadow: 1px 1px 6px rgba(0, 0, 0, .3);
    opacity: 0;
    transition: all .2s ease-in
}

.page-tool .service .service-box .text1 {
    font-size: 12px;
    color: #656565;
    line-height: 1.5;
    border-bottom: 1px solid #dedede;
    padding: 10px 0
}

.page-tool .service .service-box .text2 {
    min-height: 66px;
    font-size: 12px;
    color: #656565;
    line-height: 1.5;
    border-bottom: 1px solid #dedede;
    padding: 12px 0 10px 55px;
    background: url(/diy4/static/img/qqq.dd3260d.png) 0 6px no-repeat transparent
}

.page-tool .service .service-box .text2 .p1 {
    font-size: 14px;
    color: #3b3b3b
}

.page-tool .service .service-box .text2 .p2 a {
    font-size: 12px;
    color: #00a2eb;
    margin-right: 10px
}

.page-tool .service .service-box .text2 .p2 span {
    font-size: 12px;
    color: #00a2eb;
    cursor: pointer
}

.page-tool .service .service-box:before {
    width: 24px;
    height: 100%;
    background: url(/diy4/static/img/arrow10.7026d94.png) 0 90% no-repeat transparent;
    display: block;
    position: absolute;
    zoom: 1;
    top: 0;
    right: -24px;
    z-index: 2;
    content: ""
}

.page-tool .service .service-box.coorp {
    font-size: 14px;
    color: #383735;
    padding: 6px;
    height: auto;
    width: 169px;
    margin: 0;
    left: -190px;
    box-sizing: border-box;
    top: auto;
    padding-left: 25px
}

.page-tool .service .service-box.coorp .title {
    line-height: 38px
}

.page-tool .service .service-box.coorp .link {
    color: #383735;
    display: block;
    width: 108px;
    line-height: 32px;
    height: 32px;
    border-radius: 2px;
    border: 1px solid #9cd1e6;
    box-shadow: 0 2px 0 0 #e7e7e7;
    text-decoration: none;
    margin-bottom: 10px;
    text-align: center
}

.page-tool .service .service-box.coorp .link .icon {
    display: inline-block;
    width: 20px;
    height: 22px;
    vertical-align: middle;
    margin: 0 5px 5px 0
}

.page-tool .service .service-box.coorp .link .icon.icon-qq {
    background: url(/diy4/static/img/qq.4c65a10.png) 0 0 no-repeat transparent
}

.page-tool .service .service-box.coorp .link .icon.icon-ww {
    background: url(/diy4/static/img/ww.fefc375.png) 0 0 no-repeat transparent
}

.page-tool .service:hover .service-box {
    bottom: 0;
    opacity: 1
}

.page-tool .thumbnail-tool {
    background-color: #414750;
    padding: 15px;
    position: absolute;
    left: 0;
    bottom: 0;
    overflow: hidden
}

.page-tool .thumbnail-tool img, .page-tool .thumbnail-tool svg {
    display: block;
    background-color: #fff
}

.page-tool .thumbnail-tool .close {
    position: absolute;
    top: 0;
    right: 2px;
    color: #fff;
    cursor: pointer;
    z-index: 1
}

.page-tool .thumbnail-tool .close:hover {
    color: #efefef
}

.page-tool .thumbnail-tool .inner {
    position: relative
}

.page-tool .thumbnail-tool .box {
    position: absolute;
    border: 2px solid #fff;
    box-shadow: 0 0 0 1000px rgba(0, 0, 0, .3);
    cursor: pointer
}

.psd-upload[data-v-11a52001] {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 2000;
    background-color: rgba(0, 0, 0, .5)
}

.psd-upload .content[data-v-11a52001] {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 330px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #fff;
    border-radius: 5px
}

.psd-upload .content .upload-state[data-v-11a52001] {
    height: 230px;
    text-align: center;
    position: relative
}

.psd-upload .content .upload-state .upload-ready[data-v-11a52001], .psd-upload .content .upload-state .uploading[data-v-11a52001] {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 165px;
    height: 168px
}

.psd-upload .content .upload-state .upload-ready[data-v-11a52001] {
    cursor: pointer
}

.psd-upload .content .upload-state .uploading[data-v-11a52001] {
    background-color: #f1f1f1
}

.psd-upload .content .upload-state .uploading .process-bar[data-v-11a52001] {
    background: #d8d8d8;
    width: 120px;
    height: 11px;
    margin: auto;
    margin-top: 73px;
    position: relative
}

.psd-upload .content .upload-state .uploading .process-bar .value-bar[data-v-11a52001] {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    background-color: #29c9ff
}

.psd-upload .content .upload-state .uploading .value[data-v-11a52001] {
    margin-top: 8px;
    color: #a3a3a3
}

.psd-upload .content .upload-tip[data-v-11a52001] {
    padding: 10px;
    border-radius: 3px;
    background-color: #f3f3f3;
    text-align: center
}

.psd-upload .content .upload-tip .icon[data-v-11a52001] {
    color: #ff9429
}

.psd-upload .content .upload-tip .icon i[data-v-11a52001] {
    font-size: 20px
}

.psd-upload .content .upload-tip .text[data-v-11a52001] {
    margin-top: 3px;
    color: #7f7f7f
}

.psd-upload .content .close-btn[data-v-11a52001] {
    color: #fff;
    position: absolute;
    right: -35px;
    top: -5px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    cursor: pointer
}

.psd-upload .content .close-btn i[data-v-11a52001] {
    font-size: 20px
}

:focus {
    outline: none
}

.text-selection-tool {
    position: absolute;
    border: 1px solid #00a2eb;
    pointer-events: none
}

.text-selection-tool .point {
    position: absolute;
    right: -5px;
    bottom: 50%;
    margin-bottom: -5px;
    background: #fff;
    border: 1px solid #00a2eb;
    width: 10px;
    height: 10px;
    pointer-events: all;
    cursor: w-resize
}

.text-selection-tool .point:hover {
    background: #00a2eb
}

.text-selection-tool .load-state {
    width: 100%;
    height: 100%;
    position: relative
}

.text-selection-tool .load-state i {
    position: absolute;
    left: 50%;
    top: 50%;
    font-size: 32px;
    margin-left: -16px;
    margin-top: -16px;
    color: #00a2eb;
    -webkit-animation: 1s rotate infinite ease-in-out;
    animation: 1s rotate infinite ease-in-out
}

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

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

.text-editor-selection {
    position: absolute;
    left: 0;
    top: 0
}

.text-editor-selection .text-editor {
    width: 100%;
    height: 100%;
    word-wrap: break-word;
    word-break: break-all;
    cursor: text
}

.text-editor-selection .text-editor p {
    margin: 0;
    padding: 0
}

.text-editor-selection .text-editor b, .text-editor-selection .text-editor b * {
    font-weight: 900
}

.text-editor-selection .text-editor * {
    cursor: text
}

.text-editor-hidden {
    word-wrap: break-word;
    word-break: break-all
}

.text-editor-hidden b, .text-editor-hidden b * {
    font-weight: 900
}

#textEditorHidden p, #textEditor p {
    line-height: 100%;
    letter-spacing: 0
}

#textLineHidden {
    left: 0;
    top: 0
}

#textLineHidden, .group-text-editor {
    position: absolute
}

.group-text-editor textarea {
    background: rgba(0, 0, 0, .1);
    font-family: microsoft yahei;
    border: 1px solid #00a2eb;
    box-shadow: 0 0 5px #fff;
    resize: none;
    width: 100%;
    height: 100%
}

.group-text-hidden {
    pointer-events: none;
    opacity: 0;
    white-space: nowrap
}

.table-rc-editor[data-v-66338acb] {
    position: absolute;
    pointer-events: none
}

.table-rc-editor .controller[data-v-66338acb] {
    border: 1px solid #d8d8d8;
    background: #f1f1f1;
    pointer-events: auto
}

.table-rc-editor .col-controller[data-v-66338acb] {
    left: 0;
    top: 0;
    width: 100%;
    height: 24px;
    margin-top: -26px;
    margin-right: 2px;
    position: relative
}

.table-rc-editor .col-controller .item[data-v-66338acb] {
    height: 100%;
    border-right: 1px solid #d8d8d8;
    display: inline-block;
    white-space: nowrap;
    position: relative
}

.table-rc-editor .col-controller .item .item-menu[data-v-66338acb] {
    width: 15px;
    height: 15px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAECAYAAABCxiV9AAAAJElEQVQImWPs6en5z4ADMDEwMDDikGNkgjHQJWA6GdAUwBUCAC3nArGrOZDdAAAAAElFTkSuQmCC) no-repeat 3px 5px;
    border: 1px solid transparent;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -7.5px;
    margin-top: -7.5px;
    cursor: pointer
}

.table-rc-editor .col-controller .item .item-menu[data-v-66338acb]:hover {
    background-color: #fff;
    border: 1px solid #d8d8d8
}

.table-rc-editor .col-controller .resize[data-v-66338acb] {
    position: absolute;
    height: 24px;
    width: 5px;
    margin-left: -2.5px;
    background: transparent;
    cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAATUlEQVQokdWRuwoAMAgDTf7/n69TQfqAupT2JoVcBhUQI5IAtNs7nswCv8uS5sstyDlXxLHAVTEXePW/EwC5D1UxIh3stCDnHvjzdbkBOHcjG7ZU0TwAAAAASUVORK5CYII=) 7.5 7.5, auto
}

.table-rc-editor .row-controller[data-v-66338acb] {
    left: 0;
    top: 0;
    height: 100%;
    width: 24px;
    margin-left: -26px;
    margin-top: 2px
}

.table-rc-editor .row-controller .item[data-v-66338acb] {
    width: 100%;
    border-bottom: 1px solid #d8d8d8;
    white-space: nowrap;
    position: relative
}

.table-rc-editor .row-controller .item .item-menu[data-v-66338acb] {
    width: 15px;
    height: 15px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAHCAYAAAAvZezQAAAAMklEQVQImWPs6en57+3tzcgABUwMDAwMW7du/Y8igCwIF4AJogh4e3szMiFz4FqQbQEAkSMPk9batbwAAAAASUVORK5CYII=) no-repeat 5px 3px;
    border: 1px solid transparent;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -7.5px;
    margin-top: -7.5px;
    cursor: pointer
}

.table-rc-editor .row-controller .item .item-menu[data-v-66338acb]:hover {
    background-color: #fff;
    border: 1px solid #d8d8d8
}

.table-rc-editor .row-controller .resize[data-v-66338acb] {
    position: absolute;
    width: 24px;
    height: 5px;
    margin-top: -2.5px;
    background: transparent;
    margin-left: -24px;
    cursor: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAUElEQVQokeVTQQoAIAhz0f+/vE5ByGbRpUO7COrcBAXJcABAknD1VhHXeEzOBDcAle0drO0TICKupd/Z/nHnrpLqotSNS+Xc6J7D2p6E6qsGdW0mDehXkcoAAAAASUVORK5CYII=) 7.5 7.5, auto
}

.table-rc-editor .add-col[data-v-66338acb] {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAYCAYAAADkgu3FAAABGElEQVRIic2SoU4EMRRFz8CuXlOHQ5NNCHZtcZCQEFz/BMuXjGUtYuYnVrAGt1mDGLKfUNS8dJM29FZR1Xnt6Xn3ZbphGCJ/r1fgbf64/76tYmJwxlxUAAAvlfeKTK1oDVyJonXXT8bUigCeRNEZo4ieG0TGKKINsBJFm66fVqroEngQRcYoIoBH8b4xWZH3Hu997uiu9FoMjhhckVETXQNLlen6aamKAG5amMW8y40qrY3jOG+tudyo0lrXT8a0JGpalijp2JKktRyTdGxJ0lrKtCT6amFU0Q9wUpkY3GmROymMDGBXOiiMzBg10Yd43xhVtG0QbVXRHjiIkn0M7qCK3kXJGfPvREfgU5QcY3DG1Iqaf4J5/QI4EEaauEN9jgAAAABJRU5ErkJggg==) no-repeat;
    right: 0;
    top: 0;
    margin-top: -26px;
    margin-right: -15px;
    width: 13px;
    height: 24px;
    position: absolute;
    cursor: pointer;
    pointer-events: auto
}

.table-rc-editor .add-col[data-v-66338acb]:hover {
    background-position: -13px 0
}

.table-rc-editor .add-row[data-v-66338acb] {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAaCAYAAACtv5zzAAAA8ElEQVRIieWUrQ7CMBSFvxFegDCPw4DgJWqwYPcmPATPMCwJCbjOYjEEjSGoYdD8FMGW3IxtDQtlCXxJxW567zlts+NprQ0Oabgc/raAUgqllDuBKjgXaNo25F2JrEVRVNpf/wmkw9S5zbXkK488BQ4OZm+Biae1Tgt9YJysXoWBN2ANzIEFcASQApIOMAKGwABoFwzdAxtgCayAc3ZDkUCWFtAFrsn3HdgBF1ujRxj/UdiZwMcEvjuBKtQfFXlXImve7FTaX/8JpMPUuc215AfCjjBOCx8NOxP4z7ATApJKYWcC/zXsCgSyFIad7c9+AD1MTW8dpF26AAAAAElFTkSuQmCC) no-repeat;
    margin-left: -26px;
    margin-bottom: -15px;
    bottom: 0;
    left: 0;
    width: 24px;
    height: 13px;
    position: absolute;
    pointer-events: auto;
    cursor: pointer
}

.table-rc-editor .add-row[data-v-66338acb]:hover {
    background-position: 0 -13px
}

.table-cell-editor[data-v-66338acb] {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: auto
}

.table-cell-editor .item[data-v-66338acb] {
    position: absolute;
    border: 1px solid rgba(0, 0, 0, .2);
    background: transparent;
    resize: none;
    width: 100%;
    height: 100%
}

.table-cell-editor .active[data-v-66338acb] {
    background: rgba(71, 210, 233, .2);
    border: 1px solid #00a2eb
}

.table-menu-editor[data-v-66338acb] {
    position: absolute;
    border: 1px solid #d8d8d8;
    background: #fff;
    z-index: 200000
}

.table-menu-editor li[data-v-66338acb] {
    width: 60px;
    height: 20px;
    line-height: 20px;
    list-style: none;
    padding-left: 5px;
    font-size: 14px;
    margin: 3px
}

.table-menu-editor li[data-v-66338acb]:hover {
    background: #e0e0e0
}

body {
    /*font-size: 12px;*/
    /*font-family: microsoft yahei;*/
    /*height: 100vh;*/
    /*background: #d7d8d9 !important*/
}

div, li, p, span {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default
}

button, input, select, textarea {
    font-family: microsoft yahei
}

textarea::-webkit-scrollbar {
    width: 2px;
    height: 5px
}

textarea::-webkit-scrollbar-corner, textarea::-webkit-scrollbar-thumb:vertical {
    background-color: rgba(0, 0, 0, .5)
}

textarea::-webkit-scrollbar-thumb:horizontal {
    background-color: rgba(0, 0, 0, .5)
}

textarea[readonly] {
    background: #e1e1e1;
    cursor: not-allowed
}

.ico90 {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.ico90, .ico-90 {
    display: inline-block
}

.ico-90 {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.ico180 {
    display: inline-block;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.ico-reverseX {
    display: inline-block;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

.ico-reverseY {
    display: inline-block;
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1)
}

.u-scroll::-webkit-scrollbar {
    width: 7px;
    height: 7px
}

.u-scroll::-webkit-scrollbar-corner {
    background-color: #797c7e
}

.u-scroll::-webkit-scrollbar-thumb:horizontal, .u-scroll::-webkit-scrollbar-thumb:vertical {
    background-color: #71777c
}

.no-select {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default
}

.vue-waterfall-slot img {
    vertical-align: top
}

.modal-mini {
    position: absolute;
    z-index: 10000;
    line-height: normal;
    text-align: left;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, .2);
    top: 45px
}

.modal-mini .line {
    height: 6px;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    background: #f2f2f2
}

.modal {
    position: fixed;
    z-index: 100;
    top: 50%;
    left: 50%;
    background: #f0f0f0;
    box-shadow: 0 0 5px rgba(0, 0, 0, .5);
    padding-top: 35px
}

.modal .modal-close {
    position: absolute;
    top: -15px;
    right: -15px;
    width: 30px;
    height: 30px;
    background: #575757;
    border-radius: 50%;
    color: #fff;
    line-height: 34px;
    text-align: center;
    font-size: 24px;
    cursor: pointer;
    background: url(/diy4/static/img/ico-close.4c59be5.png) 50% no-repeat #666
}

.modal .modal-close:hover {
    background-color: #00a2eb
}

.modal .btn-box {
    border-top: 1px solid #dedede;
    text-align: right;
    padding: 10px 20px
}

.modal .btn-box button {
    padding: 8px 24px;
    color: #fff;
    border-radius: 3px;
    margin-right: 10px;
    transition: all .3s ease;
    border: 0;
    background: #959595
}

.modal .btn-box button:first-child {
    background: #00a2eb
}

.modal:before {
    content: "";
    position: absolute;
    color: #8c8c8c;
    font-size: 14px;
    top: 10px;
    left: 10px
}

.modal.modal-over {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99;
    background: rgba(0, 0, 0, .5)
}

.fade-modal-enter-active {
    transition: all .3s ease-out
}

.fade-modal-enter {
    opacity: 0;
    -webkit-transform: scale(.01);
    transform: scale(.01)
}

.fade-minimodal-enter-active, .fade-minimodal-leave-active {
    transition: all .3s ease-out
}

.fade-minimodal-enter, .fade-minimodal-leave-active {
    opacity: 0;
    -webkit-transform: translateY(15px);
    transform: translateY(15px)
}

.lock-shake {
    -webkit-animation: shakeCrazy .1s ease-in-out 5;
    animation: shakeCrazy .1s ease-in-out 5
}

input[type=range] {
    -webkit-appearance: none
}

input[type=range]::-webkit-slider-runnable-track {
    height: 2px;
    background: #bababa
}

input[type=range]:focus {
    outline: none
}

input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: 14px;
    width: 14px;
    border: 2px solid transparent;
    border-radius: 50%;
    margin-top: -6px;
    background: #515151;
    cursor: pointer;
    transition: all .2s ease
}

input[type=range]::-webkit-slider-thumb:hover {
    background: #fff;
    border-color: #a8a8a8
}

@-webkit-keyframes shakeCrazy {
    2% {
        -webkit-transform: translate(-.5px, .5px) rotate(-.5deg);
        transform: translate(-.5px, .5px) rotate(-.5deg)
    }
    4% {
        -webkit-transform: translate(2.5px, .5px) rotate(-.5deg);
        transform: translate(2.5px, .5px) rotate(-.5deg)
    }
    6% {
        -webkit-transform: translate(-.5px, 1.5px) rotate(1.5deg);
        transform: translate(-.5px, 1.5px) rotate(1.5deg)
    }
    8% {
        -webkit-transform: translate(.5px, .5px) rotate(-.5deg);
        transform: translate(.5px, .5px) rotate(-.5deg)
    }
    10% {
        -webkit-transform: translate(-.5px, -1.5px) rotate(-.5deg);
        transform: translate(-.5px, -1.5px) rotate(-.5deg)
    }
    12% {
        -webkit-transform: translate(.5px, -.5px) rotate(1.5deg);
        transform: translate(.5px, -.5px) rotate(1.5deg)
    }
    14% {
        -webkit-transform: translate(1.5px, 2.5px) rotate(-.5deg);
        transform: translate(1.5px, 2.5px) rotate(-.5deg)
    }
    16% {
        -webkit-transform: translate(-.5px, -.5px) rotate(.5deg);
        transform: translate(-.5px, -.5px) rotate(.5deg)
    }
    18% {
        -webkit-transform: translate(2.5px, .5px) rotate(.5deg);
        transform: translate(2.5px, .5px) rotate(.5deg)
    }
    20% {
        -webkit-transform: translate(.5px, -1.5px) rotate(-.5deg);
        transform: translate(.5px, -1.5px) rotate(-.5deg)
    }
    22% {
        -webkit-transform: translate(2.5px, 2.5px) rotate(-.5deg);
        transform: translate(2.5px, 2.5px) rotate(-.5deg)
    }
    24% {
        -webkit-transform: translate(2.5px, 1.5px) rotate(1.5deg);
        transform: translate(2.5px, 1.5px) rotate(1.5deg)
    }
    26% {
        -webkit-transform: translate(.5px, 1.5px) rotate(-.5deg);
        transform: translate(.5px, 1.5px) rotate(-.5deg)
    }
    28% {
        -webkit-transform: translate(1.5px, .5px) rotate(.5deg);
        transform: translate(1.5px, .5px) rotate(.5deg)
    }
    30% {
        -webkit-transform: translate(-1.5px, 2.5px) rotate(1.5deg);
        transform: translate(-1.5px, 2.5px) rotate(1.5deg)
    }
    32% {
        -webkit-transform: translate(.5px, .5px) rotate(.5deg);
        transform: translate(.5px, .5px) rotate(.5deg)
    }
    34% {
        -webkit-transform: translate(.5px, 1.5px) rotate(1.5deg);
        transform: translate(.5px, 1.5px) rotate(1.5deg)
    }
    36% {
        -webkit-transform: translate(2.5px, -.5px) rotate(1.5deg);
        transform: translate(2.5px, -.5px) rotate(1.5deg)
    }
    38% {
        -webkit-transform: translate(.5px, 1.5px) rotate(1.5deg);
        transform: translate(.5px, 1.5px) rotate(1.5deg)
    }
    40% {
        -webkit-transform: translate(2.5px, 1.5px) rotate(1.5deg);
        transform: translate(2.5px, 1.5px) rotate(1.5deg)
    }
    42% {
        -webkit-transform: translate(2.5px, -1.5px) rotate(.5deg);
        transform: translate(2.5px, -1.5px) rotate(.5deg)
    }
    44% {
        -webkit-transform: translate(.5px, -.5px) rotate(.5deg);
        transform: translate(.5px, -.5px) rotate(.5deg)
    }
    46% {
        -webkit-transform: translate(1.5px, -1.5px) rotate(.5deg);
        transform: translate(1.5px, -1.5px) rotate(.5deg)
    }
    48% {
        -webkit-transform: translate(-1.5px, -.5px) rotate(.5deg);
        transform: translate(-1.5px, -.5px) rotate(.5deg)
    }
    50% {
        -webkit-transform: translate(2.5px, -1.5px) rotate(1.5deg);
        transform: translate(2.5px, -1.5px) rotate(1.5deg)
    }
    52% {
        -webkit-transform: translate(.5px, 1.5px) rotate(.5deg);
        transform: translate(.5px, 1.5px) rotate(.5deg)
    }
    54% {
        -webkit-transform: translate(2.5px, -.5px) rotate(.5deg);
        transform: translate(2.5px, -.5px) rotate(.5deg)
    }
    56% {
        -webkit-transform: translate(2.5px, 2.5px) rotate(.5deg);
        transform: translate(2.5px, 2.5px) rotate(.5deg)
    }
    58% {
        -webkit-transform: translate(2.5px, 1.5px) rotate(-.5deg);
        transform: translate(2.5px, 1.5px) rotate(-.5deg)
    }
    60% {
        -webkit-transform: translate(1.5px, 1.5px) rotate(-.5deg);
        transform: translate(1.5px, 1.5px) rotate(-.5deg)
    }
    62% {
        -webkit-transform: translate(-.5px, .5px) rotate(-.5deg);
        transform: translate(-.5px, .5px) rotate(-.5deg)
    }
    64% {
        -webkit-transform: translate(2.5px, 1.5px) rotate(-.5deg);
        transform: translate(2.5px, 1.5px) rotate(-.5deg)
    }
    66% {
        -webkit-transform: translate(-1.5px, .5px) rotate(1.5deg);
        transform: translate(-1.5px, .5px) rotate(1.5deg)
    }
    68% {
        -webkit-transform: translate(1.5px, -1.5px) rotate(.5deg);
        transform: translate(1.5px, -1.5px) rotate(.5deg)
    }
    70% {
        -webkit-transform: translate(.5px, .5px) rotate(-.5deg);
        transform: translate(.5px, .5px) rotate(-.5deg)
    }
    72% {
        -webkit-transform: translate(-.5px, 1.5px) rotate(1.5deg);
        transform: translate(-.5px, 1.5px) rotate(1.5deg)
    }
    74% {
        -webkit-transform: translate(-1.5px, 1.5px) rotate(1.5deg);
        transform: translate(-1.5px, 1.5px) rotate(1.5deg)
    }
    76% {
        -webkit-transform: translate(2.5px, -.5px) rotate(.5deg);
        transform: translate(2.5px, -.5px) rotate(.5deg)
    }
    78% {
        -webkit-transform: translate(2.5px, 2.5px) rotate(.5deg);
        transform: translate(2.5px, 2.5px) rotate(.5deg)
    }
    80% {
        -webkit-transform: translate(-1.5px, 2.5px) rotate(.5deg);
        transform: translate(-1.5px, 2.5px) rotate(.5deg)
    }
    82% {
        -webkit-transform: translate(-1.5px, -.5px) rotate(.5deg);
        transform: translate(-1.5px, -.5px) rotate(.5deg)
    }
    84% {
        -webkit-transform: translate(.5px, 1.5px) rotate(-.5deg);
        transform: translate(.5px, 1.5px) rotate(-.5deg)
    }
    86% {
        -webkit-transform: translate(-.5px, 2.5px) rotate(.5deg);
        transform: translate(-.5px, 2.5px) rotate(.5deg)
    }
    88% {
        -webkit-transform: translate(2.5px, 2.5px) rotate(1.5deg);
        transform: translate(2.5px, 2.5px) rotate(1.5deg)
    }
    90% {
        -webkit-transform: translate(-.5px, -1.5px) rotate(-.5deg);
        transform: translate(-.5px, -1.5px) rotate(-.5deg)
    }
    92% {
        -webkit-transform: translate(1.5px, .5px) rotate(.5deg);
        transform: translate(1.5px, .5px) rotate(.5deg)
    }
    94% {
        -webkit-transform: translate(-.5px, -.5px) rotate(.5deg);
        transform: translate(-.5px, -.5px) rotate(.5deg)
    }
    96% {
        -webkit-transform: translate(1.5px, .5px) rotate(1.5deg);
        transform: translate(1.5px, .5px) rotate(1.5deg)
    }
    98% {
        -webkit-transform: translate(.5px, -.5px) rotate(1.5deg);
        transform: translate(.5px, -.5px) rotate(1.5deg)
    }
    0%, to {
        -webkit-transform: translate(0) rotate(0);
        transform: translate(0) rotate(0)
    }
}

@keyframes shakeCrazy {
    2% {
        -webkit-transform: translate(-.5px, .5px) rotate(-.5deg);
        transform: translate(-.5px, .5px) rotate(-.5deg)
    }
    4% {
        -webkit-transform: translate(2.5px, .5px) rotate(-.5deg);
        transform: translate(2.5px, .5px) rotate(-.5deg)
    }
    6% {
        -webkit-transform: translate(-.5px, 1.5px) rotate(1.5deg);
        transform: translate(-.5px, 1.5px) rotate(1.5deg)
    }
    8% {
        -webkit-transform: translate(.5px, .5px) rotate(-.5deg);
        transform: translate(.5px, .5px) rotate(-.5deg)
    }
    10% {
        -webkit-transform: translate(-.5px, -1.5px) rotate(-.5deg);
        transform: translate(-.5px, -1.5px) rotate(-.5deg)
    }
    12% {
        -webkit-transform: translate(.5px, -.5px) rotate(1.5deg);
        transform: translate(.5px, -.5px) rotate(1.5deg)
    }
    14% {
        -webkit-transform: translate(1.5px, 2.5px) rotate(-.5deg);
        transform: translate(1.5px, 2.5px) rotate(-.5deg)
    }
    16% {
        -webkit-transform: translate(-.5px, -.5px) rotate(.5deg);
        transform: translate(-.5px, -.5px) rotate(.5deg)
    }
    18% {
        -webkit-transform: translate(2.5px, .5px) rotate(.5deg);
        transform: translate(2.5px, .5px) rotate(.5deg)
    }
    20% {
        -webkit-transform: translate(.5px, -1.5px) rotate(-.5deg);
        transform: translate(.5px, -1.5px) rotate(-.5deg)
    }
    22% {
        -webkit-transform: translate(2.5px, 2.5px) rotate(-.5deg);
        transform: translate(2.5px, 2.5px) rotate(-.5deg)
    }
    24% {
        -webkit-transform: translate(2.5px, 1.5px) rotate(1.5deg);
        transform: translate(2.5px, 1.5px) rotate(1.5deg)
    }
    26% {
        -webkit-transform: translate(.5px, 1.5px) rotate(-.5deg);
        transform: translate(.5px, 1.5px) rotate(-.5deg)
    }
    28% {
        -webkit-transform: translate(1.5px, .5px) rotate(.5deg);
        transform: translate(1.5px, .5px) rotate(.5deg)
    }
    30% {
        -webkit-transform: translate(-1.5px, 2.5px) rotate(1.5deg);
        transform: translate(-1.5px, 2.5px) rotate(1.5deg)
    }
    32% {
        -webkit-transform: translate(.5px, .5px) rotate(.5deg);
        transform: translate(.5px, .5px) rotate(.5deg)
    }
    34% {
        -webkit-transform: translate(.5px, 1.5px) rotate(1.5deg);
        transform: translate(.5px, 1.5px) rotate(1.5deg)
    }
    36% {
        -webkit-transform: translate(2.5px, -.5px) rotate(1.5deg);
        transform: translate(2.5px, -.5px) rotate(1.5deg)
    }
    38% {
        -webkit-transform: translate(.5px, 1.5px) rotate(1.5deg);
        transform: translate(.5px, 1.5px) rotate(1.5deg)
    }
    40% {
        -webkit-transform: translate(2.5px, 1.5px) rotate(1.5deg);
        transform: translate(2.5px, 1.5px) rotate(1.5deg)
    }
    42% {
        -webkit-transform: translate(2.5px, -1.5px) rotate(.5deg);
        transform: translate(2.5px, -1.5px) rotate(.5deg)
    }
    44% {
        -webkit-transform: translate(.5px, -.5px) rotate(.5deg);
        transform: translate(.5px, -.5px) rotate(.5deg)
    }
    46% {
        -webkit-transform: translate(1.5px, -1.5px) rotate(.5deg);
        transform: translate(1.5px, -1.5px) rotate(.5deg)
    }
    48% {
        -webkit-transform: translate(-1.5px, -.5px) rotate(.5deg);
        transform: translate(-1.5px, -.5px) rotate(.5deg)
    }
    50% {
        -webkit-transform: translate(2.5px, -1.5px) rotate(1.5deg);
        transform: translate(2.5px, -1.5px) rotate(1.5deg)
    }
    52% {
        -webkit-transform: translate(.5px, 1.5px) rotate(.5deg);
        transform: translate(.5px, 1.5px) rotate(.5deg)
    }
    54% {
        -webkit-transform: translate(2.5px, -.5px) rotate(.5deg);
        transform: translate(2.5px, -.5px) rotate(.5deg)
    }
    56% {
        -webkit-transform: translate(2.5px, 2.5px) rotate(.5deg);
        transform: translate(2.5px, 2.5px) rotate(.5deg)
    }
    58% {
        -webkit-transform: translate(2.5px, 1.5px) rotate(-.5deg);
        transform: translate(2.5px, 1.5px) rotate(-.5deg)
    }
    60% {
        -webkit-transform: translate(1.5px, 1.5px) rotate(-.5deg);
        transform: translate(1.5px, 1.5px) rotate(-.5deg)
    }
    62% {
        -webkit-transform: translate(-.5px, .5px) rotate(-.5deg);
        transform: translate(-.5px, .5px) rotate(-.5deg)
    }
    64% {
        -webkit-transform: translate(2.5px, 1.5px) rotate(-.5deg);
        transform: translate(2.5px, 1.5px) rotate(-.5deg)
    }
    66% {
        -webkit-transform: translate(-1.5px, .5px) rotate(1.5deg);
        transform: translate(-1.5px, .5px) rotate(1.5deg)
    }
    68% {
        -webkit-transform: translate(1.5px, -1.5px) rotate(.5deg);
        transform: translate(1.5px, -1.5px) rotate(.5deg)
    }
    70% {
        -webkit-transform: translate(.5px, .5px) rotate(-.5deg);
        transform: translate(.5px, .5px) rotate(-.5deg)
    }
    72% {
        -webkit-transform: translate(-.5px, 1.5px) rotate(1.5deg);
        transform: translate(-.5px, 1.5px) rotate(1.5deg)
    }
    74% {
        -webkit-transform: translate(-1.5px, 1.5px) rotate(1.5deg);
        transform: translate(-1.5px, 1.5px) rotate(1.5deg)
    }
    76% {
        -webkit-transform: translate(2.5px, -.5px) rotate(.5deg);
        transform: translate(2.5px, -.5px) rotate(.5deg)
    }
    78% {
        -webkit-transform: translate(2.5px, 2.5px) rotate(.5deg);
        transform: translate(2.5px, 2.5px) rotate(.5deg)
    }
    80% {
        -webkit-transform: translate(-1.5px, 2.5px) rotate(.5deg);
        transform: translate(-1.5px, 2.5px) rotate(.5deg)
    }
    82% {
        -webkit-transform: translate(-1.5px, -.5px) rotate(.5deg);
        transform: translate(-1.5px, -.5px) rotate(.5deg)
    }
    84% {
        -webkit-transform: translate(.5px, 1.5px) rotate(-.5deg);
        transform: translate(.5px, 1.5px) rotate(-.5deg)
    }
    86% {
        -webkit-transform: translate(-.5px, 2.5px) rotate(.5deg);
        transform: translate(-.5px, 2.5px) rotate(.5deg)
    }
    88% {
        -webkit-transform: translate(2.5px, 2.5px) rotate(1.5deg);
        transform: translate(2.5px, 2.5px) rotate(1.5deg)
    }
    90% {
        -webkit-transform: translate(-.5px, -1.5px) rotate(-.5deg);
        transform: translate(-.5px, -1.5px) rotate(-.5deg)
    }
    92% {
        -webkit-transform: translate(1.5px, .5px) rotate(.5deg);
        transform: translate(1.5px, .5px) rotate(.5deg)
    }
    94% {
        -webkit-transform: translate(-.5px, -.5px) rotate(.5deg);
        transform: translate(-.5px, -.5px) rotate(.5deg)
    }
    96% {
        -webkit-transform: translate(1.5px, .5px) rotate(1.5deg);
        transform: translate(1.5px, .5px) rotate(1.5deg)
    }
    98% {
        -webkit-transform: translate(.5px, -.5px) rotate(1.5deg);
        transform: translate(.5px, -.5px) rotate(1.5deg)
    }
    0%, to {
        -webkit-transform: translate(0) rotate(0);
        transform: translate(0) rotate(0)
    }
}

@font-face {
    font-family: a0;
    src: local("SimSun"), url(/static/font/a0.woff)
}

@font-face {
    font-family: a1;
    src: local("Microsoft YaHei"), url(/static/font/a1.woff)
}

@font-face {
    font-family: a2;
    src: url(/static/font/a2.woff)
}

@font-face {
    font-family: a3;
    src: url(/static/font/a3.woff)
}

@font-face {
    font-family: a4;
    src: url(/static/font/a4.woff)
}

@font-face {
    font-family: a5;
    src: url(/static/font/a5.woff)
}

@font-face {
    font-family: a6;
    src: url(/static/font/a6.woff)
}

@font-face {
    font-family: a7;
    src: url(/static/font/a7.woff)
}

@font-face {
    font-family: a8;
    src: url(/static/font/a8.woff)
}

@font-face {
    font-family: a9;
    src: url(/static/font/a9.woff)
}

@font-face {
    font-family: a10;
    src: url(/static/font/a10.woff)
}

@font-face {
    font-family: a11;
    src: url(/static/font/a11.woff)
}

@font-face {
    font-family: a12;
    src: url(/static/font/a12.woff)
}

@font-face {
    font-family: a13;
    src: url(/static/font/a13.woff)
}

@font-face {
    font-family: a14;
    src: url(/static/font/a14.woff)
}

@font-face {
    font-family: a15;
    src: url(/static/font/a15.woff)
}

@font-face {
    font-family: a16;
    src: url(/static/font/a16.woff)
}

@font-face {
    font-family: a17;
    src: url(/static/font/a17.woff)
}

@font-face {
    font-family: a18;
    src: url(/static/font/a18.woff)
}

@font-face {
    font-family: a19;
    src: url(/static/font/a19.woff)
}

@font-face {
    font-family: a20;
    src: url(/static/font/a20.woff)
}

@font-face {
    font-family: a21;
    src: url(/static/font/a21.woff)
}

@font-face {
    font-family: a22;
    src: url(/static/font/a22.woff)
}

@font-face {
    font-family: a23;
    src: url(/static/font/a23.woff)
}

@font-face {
    font-family: a24;
    src: url(/static/font/a24.woff)
}

@font-face {
    font-family: a25;
    src: url(/static/font/a25.woff)
}

@font-face {
    font-family: a26;
    src: url(/static/font/a26.woff)
}

@font-face {
    font-family: a27;
    src: url(/static/font/a27.woff)
}

@font-face {
    font-family: a28;
    src: url(/static/font/a28.woff)
}

@font-face {
    font-family: a29;
    src: url(/static/font/a29.woff)
}

@font-face {
    font-family: a32;
    src: url(/static/font/a32.woff)
}

@font-face {
    font-family: a33;
    src: url(/static/font/a33.woff)
}

@font-face {
    font-family: a34;
    src: url(/static/font/a34.woff)
}

@font-face {
    font-family: a35;
    src: url(/static/font/a35.woff)
}

@font-face {
    font-family: a37;
    src: url(/static/font/a37.woff)
}

@font-face {
    font-family: a38;
    src: url(/static/font/a38.woff)
}

@font-face {
    font-family: a39;
    src: url(/static/font/a39.woff)
}

@font-face {
    font-family: c1;
    src: url(/static/font/c1.woff)
}

@font-face {
    font-family: c2;
    src: url(/static/font/c2.woff)
}

@font-face {
    font-family: c3;
    src: url(/static/font/c3.woff)
}

@font-face {
    font-family: c4;
    src: url(/static/font/c4.woff)
}

@font-face {
    font-family: c5;
    src: url(/static/font/c5.woff)
}

@font-face {
    font-family: c6;
    src: url(/static/font/c6.woff)
}

@font-face {
    font-family: c7;
    src: url(/static/font/c7.woff)
}

@font-face {
    font-family: c8;
    src: url(/static/font/c8.woff)
}

@font-face {
    font-family: c9;
    src: url(/static/font/c9.woff)
}

@font-face {
    font-family: c10;
    src: url(/static/font/c10.woff)
}

@font-face {
    font-family: c11;
    src: url(/static/font/c11.woff)
}

@font-face {
    font-family: c12;
    src: url(/static/font/c12.woff)
}

@font-face {
    font-family: c13;
    src: url(/static/font/c13.woff)
}

@font-face {
    font-family: c14;
    src: url(/static/font/c14.woff)
}

@font-face {
    font-family: c15;
    src: url(/static/font/c15.woff)
}

@font-face {
    font-family: d1;
    src: url(/static/font/d1.woff)
}

@font-face {
    font-family: d2;
    src: url(/static/font/d2.woff)
}

@font-face {
    font-family: d3;
    src: url(/static/font/d3.woff)
}

@font-face {
    font-family: d4;
    src: url(/static/font/d4.woff)
}

@font-face {
    font-family: d5;
    src: url(/static/font/d5.woff)
}

@font-face {
    font-family: d6;
    src: url(/static/font/d6.woff)
}

@font-face {
    font-family: d7;
    src: url(/static/font/d7.woff)
}

@font-face {
    font-family: d8;
    src: url(/static/font/d8.woff)
}

@font-face {
    font-family: d9;
    src: url(/static/font/d9.woff)
}

@font-face {
    font-family: d10;
    src: url(/static/font/d10.woff)
}

@font-face {
    font-family: d11;
    src: url(/static/font/d11.woff)
}

@font-face {
    font-family: d12;
    src: url(/static/font/d12.woff)
}

@font-face {
    font-family: d13;
    src: url(/static/font/d13.woff)
}

@font-face {
    font-family: d14;
    src: url(/static/font/d14.woff)
}

@font-face {
    font-family: d15;
    src: url(/static/font/d15.woff)
}

@font-face {
    font-family: d16;
    src: url(/static/font/d16.woff)
}

@font-face {
    font-family: d17;
    src: url(/static/font/d17.woff)
}

@font-face {
    font-family: d18;
    src: url(/static/font/d18.woff)
}

@font-face {
    font-family: d19;
    src: url(/static/font/d19.woff)
}

@font-face {
    font-family: d20;
    src: url(/static/font/d20.woff)
}

@font-face {
    font-family: d21;
    src: url(/static/font/d21.woff)
}

@font-face {
    font-family: d22;
    src: url(/static/font/d22.woff)
}

@font-face {
    font-family: d23;
    src: url(/static/font/d23.woff)
}

@font-face {
    font-family: d24;
    src: url(/static/font/d24.woff)
}

@font-face {
    font-family: d25;
    src: url(/static/font/d25.woff)
}

@font-face {
    font-family: d26;
    src: url(/static/font/d26.woff)
}

@font-face {
    font-family: d27;
    src: url(/static/font/d27.woff)
}

@font-face {
    font-family: d28;
    src: url(/static/font/d28.woff)
}

@font-face {
    font-family: d29;
    src: url(/static/font/d29.woff)
}

@font-face {
    font-family: d30;
    src: url(/static/font/d30.woff)
}

@font-face {
    font-family: d31;
    src: url(/static/font/d31.woff)
}

@font-face {
    font-family: d32;
    src: url(/static/font/d32.woff)
}

@font-face {
    font-family: d33;
    src: url(/static/font/d33.woff)
}

@font-face {
    font-family: d34;
    src: url(/static/font/d34.woff)
}

@font-face {
    font-family: d35;
    src: url(/static/font/d35.woff)
}

@font-face {
    font-family: d36;
    src: url(/static/font/d36.woff)
}

@font-face {
    font-family: d37;
    src: url(/static/font/d37.woff)
}

@font-face {
    font-family: d39;
    src: url(/static/font/d39.woff)
}

@font-face {
    font-family: e1;
    src: url(/static/font/e1.woff)
}

@font-face {
    font-family: e2;
    src: url(/static/font/e2.woff)
}

@font-face {
    font-family: e3;
    src: url(/static/font/e3.woff)
}

@font-face {
    font-family: e4;
    src: url(/static/font/e4.woff)
}

@font-face {
    font-family: e5;
    src: url(/static/font/e5.woff)
}

@font-face {
    font-family: e6;
    src: url(/static/font/e6.woff)
}

@font-face {
    font-family: e7;
    src: url(/static/font/e7.woff)
}

@font-face {
    font-family: f1;
    src: url(/static/font/f1.woff)
}

@font-face {
    font-family: f2;
    src: url(/static/font/f2.woff)
}

@font-face {
    font-family: f3;
    src: url(/static/font/f3.woff)
}

@font-face {
    font-family: f4;
    src: url(/static/font/f4.woff)
}

@font-face {
    font-family: f5;
    src: url(/static/font/f5.woff)
}

@font-face {
    font-family: f6;
    src: url(/static/font/f6.woff)
}

@font-face {
    font-family: f7;
    src: url(/static/font/f7.woff)
}

@font-face {
    font-family: f8;
    src: url(/static/font/f8.woff)
}

@font-face {
    font-family: f9;
    src: url(/static/font/f9.woff)
}

@font-face {
    font-family: f10;
    src: url(/static/font/f10.woff)
}

@font-face {
    font-family: f11;
    src: url(/static/font/f11.woff)
}

@font-face {
    font-family: f12;
    src: url(/static/font/f12.woff)
}

@font-face {
    font-family: f13;
    src: url(/static/font/f13.woff)
}

@font-face {
    font-family: f14;
    src: url(/static/font/f14.woff)
}

@font-face {
    font-family: f15;
    src: url(/static/font/f15.woff)
}

@font-face {
    font-family: f16;
    src: url(/static/font/f16.woff)
}

@font-face {
    font-family: f17;
    src: url(/static/font/f17.woff)
}

@font-face {
    font-family: f18;
    src: url(/static/font/f18.woff)
}

@font-face {
    font-family: f19;
    src: url(/static/font/f19.woff)
}

@font-face {
    font-family: f20;
    src: url(/static/font/f20.woff)
}

@font-face {
    font-family: f21;
    src: url(/static/font/f21.woff)
}

@font-face {
    font-family: f22;
    src: url(/static/font/f22.woff)
}

@font-face {
    font-family: f23;
    src: url(/static/font/f23.woff)
}

@font-face {
    font-family: f24;
    src: url(/static/font/f24.woff)
}

@font-face {
    font-family: f25;
    src: url(/static/font/f25.woff)
}

@font-face {
    font-family: f26;
    src: url(/static/font/f26.woff)
}

@font-face {
    font-family: f27;
    src: url(/static/font/f27.woff)
}

@font-face {
    font-family: f28;
    src: url(/static/font/f28.woff)
}

@font-face {
    font-family: f29;
    src: url(/static/font/f29.woff)
}

@font-face {
    font-family: f30;
    src: url(/static/font/f30.woff)
}

@font-face {
    font-family: f31;
    src: url(/static/font/f31.woff)
}

@font-face {
    font-family: f32;
    src: url(/static/font/f32.woff)
}

@font-face {
    font-family: f33;
    src: url(/static/font/f33.woff)
}

@font-face {
    font-family: g1;
    src: url(/static/font/g1.woff)
}

@font-face {
    font-family: g2;
    src: url(/static/font/g2.woff)
}

@font-face {
    font-family: g3;
    src: url(/static/font/g3.woff)
}

@font-face {
    font-family: g4;
    src: url(/static/font/g4.woff)
}

@font-face {
    font-family: g5;
    src: url(/static/font/g5.woff)
}

@font-face {
    font-family: g6;
    src: url(/static/font/g6.woff)
}

@font-face {
    font-family: g7;
    src: url(/static/font/g7.woff)
}

@font-face {
    font-family: g8;
    src: url(/static/font/g8.woff)
}

@font-face {
    font-family: g9;
    src: url(/static/font/g9.woff)
}

@font-face {
    font-family: g10;
    src: url(/static/font/g10.woff)
}

@font-face {
    font-family: g11;
    src: url(/static/font/g11.woff)
}

@font-face {
    font-family: g12;
    src: url(/static/font/g12.woff)
}

@font-face {
    font-family: g13;
    src: url(/static/font/g13.woff)
}

@font-face {
    font-family: g14;
    src: url(/static/font/g14.woff)
}

@font-face {
    font-family: g15;
    src: url(/static/font/g15.woff)
}

@font-face {
    font-family: g16;
    src: url(/static/font/g16.woff)
}

@font-face {
    font-family: g17;
    src: url(/static/font/g17.woff)
}

@font-face {
    font-family: g18;
    src: url(/static/font/g18.woff)
}

@font-face {
    font-family: g19;
    src: url(/static/font/g19.woff)
}

@font-face {
    font-family: g20;
    src: url(/static/font/g20.woff)
}

.page-box {
    position: absolute;
    zoom: 1;
    right: 0;
    top: 49px;
    bottom: 0;
    width: 154px;
    background-color: #414750;
    z-index: 40;
    min-height: 481px;
    transition: all .3s ease;
    box-shadow: 0 0 12px 0 hsla(0, 3%, 68%, .29)
}

.page-box .close {
    position: absolute;
    top: 50%;
    left: -19px;
    width: 19px;
    height: 89px;
    margin-top: -44.5px;
    background: url(/diy4/static/img/ico-turn1.c09ff08.png) no-repeat 0 0;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    color: #fff;
    cursor: pointer;
    z-index: 50
}

.page-box .close.turnoff {
    background: url(/diy4/static/img/ico-turn2.1d10430.png) no-repeat 0 0
}

.page-box .title {
    line-height: 46px;
    text-align: center;
    font-size: 14px;
    color: #a09f9f;
    background: #545961
}

.page-box .title i {
    margin-right: 8px
}

.page-box .scroll-list {
    position: relative;
    padding: 0 10px;
    overflow-y: auto;
    height: calc(100vh - 200px)
}

.page-box .scroll-list::-webkit-scrollbar {
    display: none
}

.page-box .pageThumb {
    width: 133px;
    position: absolute;
    cursor: pointer;
    margin-bottom: 12px;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, .2)
}

.page-box .pageThumb hr {
    margin: 0;
    border: none;
    border-top: 3px solid #ff0;
    position: absolute;
    bottom: -10px;
    width: 154px
}

.page-box .pageThumb .thumbnail {
    height: auto;
    pointer-events: none;
    overflow: hidden;
    transition: opacity .2s
}

.page-box .pageThumb .thumbnail img, .page-box .pageThumb .thumbnail svg {
    display: block
}

.page-box .pageThumb .thumbnail:before {
    content: "";
    position: absolute;
    bottom: -6px;
    left: -10px;
    top: -6px;
    right: -10px;
    border: 6px solid;
    border-left-width: 10px;
    border-right-width: 10px;
    display: none
}

.page-box .pageThumb.active .thumbnail:before {
    display: block
}

.page-box .pageThumb.draging {
    position: absolute;
    left: 23px;
    -webkit-transform: rotate(4deg);
    transform: rotate(4deg);
    opacity: .8;
    top: 0;
    z-index: 10
}

.page-box .pageThumb .pagenum {
    position: absolute;
    right: 0;
    width: 20px;
    height: 20px;
    background: #666;
    color: #fff;
    text-align: center
}

.page-box .pageThumb .ico-opt {
    position: absolute;
    zoom: 1;
    z-index: 10;
    width: 38px;
    height: 17px;
    line-height: 17px;
    background-color: rgba(0, 0, 0, .3);
    text-align: center;
    color: #fff;
    top: 0;
    cursor: pointer;
    display: none
}

.page-box .pageThumb .ico-opt.copy {
    background-position: -26px 0;
    left: 0
}

.page-box .pageThumb .ico-opt.del {
    background-position: 0 0;
    right: 0
}

.page-box .pageThumb .ico-opt:hover {
    background-color: rgba(0, 0, 0, .5)
}

.page-box .pageThumb:hover .ico-opt {
    display: block
}

.page-box .add-page {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 41px;
    line-height: 41px;
    width: 154px;
    color: #fff;
    text-align: center;
    font-size: 14px;
    background-color: #00a2eb;
    z-index: 99
}

.page-box .add-page i {
    margin-right: 8px
}

.toolbar {
    position: absolute;
    zoom: 1;
    background-color: #fff;
    color: #515151;
    top: 49px;
    left: 375px;
    right: 0;
    box-shadow: 1px 2px 4px rgba(0, 0, 0, .1);
    z-index: 9;
    transition: all .3s ease;
    padding: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.toolbar .left {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.toolbar .left .color-picker-item .box {
    width: 28px;
    height: 28px;
    margin-top: 2px;
    margin-right: 7px;
    border-radius: 5px;
    box-shadow: inset 2px 2px 5px rgba(0, 0, 0, .1)
}

.toolbar .tool-text {
    float: left;
    padding: 0 9px;
    border: 1px solid transparent;
    cursor: pointer;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color: #515151;
    border-radius: 3px;
    margin-right: 5px;
    position: relative;
    z-index: 1000
}

.toolbar .tool-text span {
    cursor: pointer
}

.toolbar .tool-text:hover {
    border: 1px solid #e2e3e5
}

.toolbar .tool-text.tool-ico {
    width: 30px;
    position: relative;
    overflow: visible
}

.toolbar .tool-text.tool-ico i {
    position: relative
}

.toolbar .tool-text.tool-ico.common-ico {
    background: url(/diy4/static/img/ico4.96807eb.png) no-repeat 0 50%
}

.toolbar .tool-text.tool-ico.text-ico {
    background: url(/diy4/static/img/ico-text.bc09d14.png) no-repeat 0 50%
}

.toolbar .tool-text.tool-ico:before {
    font-size: 12px;
    line-height: 25px;
    padding: 0 5px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: 3px;
    color: #fff;
    white-space: nowrap
}

.toolbar .tool-text.tool-ico:after, .toolbar .tool-text.tool-ico:before {
    content: "";
    position: absolute;
    top: 34px;
    left: 50%;
    background: #414750;
    display: none
}

.toolbar .tool-text.tool-ico:after {
    width: 8px;
    height: 8px;
    -webkit-transform: rotate(45deg) translateX(-50%);
    transform: rotate(45deg) translateX(-50%)
}

.toolbar .tool-text.tool-ico.ico-italic {
    background-position: 7px 50%
}

.toolbar .tool-text.tool-ico.ico-italic:before {
    content: "\659C\4F53"
}

.toolbar .tool-text.tool-ico.ico-align {
    background-position: -285px 50%
}

.toolbar .tool-text.tool-ico.ico-align:before {
    content: "\5BF9\9F50"
}

.toolbar .tool-text.tool-ico.ico-lh {
    background-position: -365px 50%
}

.toolbar .tool-text.tool-ico.ico-lh:before {
    content: "\884C\8DDD"
}

.toolbar .tool-text.tool-ico.ico-ls {
    background-position: -400px 50%
}

.toolbar .tool-text.tool-ico.ico-ls:before {
    content: "\95F4\8DDD"
}

.toolbar .tool-text.tool-ico.c-italic i {
    left: -2px
}

.toolbar .tool-text.tool-ico.c-italic:before {
    content: "\659C\4F53"
}

.toolbar .tool-text.tool-ico.c-underline i {
    left: -2px
}

.toolbar .tool-text.tool-ico.c-underline:before {
    content: "\4E0B\5212\7EBF"
}

.toolbar .tool-text.tool-ico.c-bold i {
    left: -2px;
    font-weight: 700
}

.toolbar .tool-text.tool-ico.c-bold:before {
    content: "\52A0\7C97"
}

.toolbar .tool-text.tool-ico.c-shadow:before {
    content: "\6587\5B57\6295\5F71"
}

.toolbar .tool-text.tool-ico.c-upper i {
    left: -9px;
    font-size: 29px
}

.toolbar .tool-text.tool-ico.c-upper:before {
    content: "\5927\5C0F\5199\5207\6362"
}

.toolbar .tool-text.tool-ico.c-align i {
    left: -2px;
    font-size: 18px
}

.toolbar .tool-text.tool-ico.c-align:before {
    content: "\5BF9\9F50"
}

.toolbar .tool-text.tool-ico.c-lh:before {
    content: "\884C\9AD8"
}

.toolbar .tool-text.tool-ico.c-ls:before {
    content: "\5B57\95F4\8DDD"
}

.toolbar .tool-text.tool-ico.c-radian i {
    left: -8px;
    font-size: 28px
}

.toolbar .tool-text.tool-ico.c-radian:before {
    content: "\73AF\7ED5"
}

.toolbar .tool-text.tool-ico.galign-ico {
    background: url(/diy4/static/img/ico-groupAlign.87c8762.png) no-repeat 0 50%
}

.toolbar .tool-text.tool-ico.ico-gl {
    background-position: 6px 50%
}

.toolbar .tool-text.tool-ico.ico-gl:before {
    content: "\5DE6\5BF9\9F50"
}

.toolbar .tool-text.tool-ico.ico-ghc {
    background-position: -28px 50%
}

.toolbar .tool-text.tool-ico.ico-ghc:before {
    content: "\6C34\5E73\5C45\4E2D\5BF9\9F50"
}

.toolbar .tool-text.tool-ico.ico-gr {
    background-position: -62px 50%
}

.toolbar .tool-text.tool-ico.ico-gr:before {
    content: "\53F3\5BF9\9F50"
}

.toolbar .tool-text.tool-ico.ico-gt {
    background-position: -118px 50%
}

.toolbar .tool-text.tool-ico.ico-gt:before {
    content: "\9876\5BF9\9F50"
}

.toolbar .tool-text.tool-ico.ico-gvc {
    background-position: -154px 50%
}

.toolbar .tool-text.tool-ico.ico-gvc:before {
    content: "\5782\76F4\5C45\4E2D\5BF9\9F50"
}

.toolbar .tool-text.tool-ico.ico-gb {
    background-position: -186px 50%
}

.toolbar .tool-text.tool-ico.ico-gb:before {
    content: "\5E95\5BF9\9F50"
}

.toolbar .tool-text.tool-ico.ico-gv {
    background-position: -244px 50%
}

.toolbar .tool-text.tool-ico.ico-gv:before {
    content: "\5782\76F4\5C45\4E2D\5206\5E03"
}

.toolbar .tool-text.tool-ico.ico-gh {
    background-position: -278px 50%
}

.toolbar .tool-text.tool-ico.ico-gh:before {
    content: "\6C34\5E73\5C45\4E2D\5206\5E03"
}

.toolbar .tool-text.tool-ico.r-sort:before {
    content: "\6392\5E8F"
}

.toolbar .tool-text.tool-ico.r-lock:before {
    content: "\9501\5B9A"
}

.toolbar .tool-text.tool-ico.r-reverse:before {
    content: "\7FFB\8F6C"
}

.toolbar .tool-text.tool-ico.r-opacity:before {
    content: "\900F\660E\5EA6"
}

.toolbar .tool-text.tool-ico.r-shadow:before {
    content: "\9634\5F71"
}

.toolbar .tool-text.tool-ico.r-del:before {
    content: "\5220\9664"
}

.toolbar .tool-text.tool-ico:hover:after, .toolbar .tool-text.tool-ico:hover:before {
    display: block
}

.toolbar .split {
    float: left;
    padding: 0 4px;
    height: 30px;
    margin-left: 12px;
    border-left: 1px solid #ddd
}

.fade-enter, .fade-leave-active {
    top: 0
}

.image-tool {
    width: 500px;
    float: left
}

.image-tool .color-picker {
    display: inline-block;
    float: left
}

.image-tool .tool-text {
    margin-right: 5px
}

.image-tool .ico-filter {
    display: inline-block;
    float: left;
    width: 30px;
    height: 30px;
    background: url(/diy4/static/img/ico-filter.b39398c.png) no-repeat 3px 50%
}

.image-filter-main {
    width: 330px;
    height: 330px
}

.image-filter-main .default {
    height: 100px;
    width: 100%;
    background: #ececec
}

.image-filter-main .default .btn-block {
    float: left;
    width: 10%;
    height: 100%
}

.image-filter-main .default .btn-block .control-btn {
    display: inline-block;
    width: 18px;
    height: 18px;
    margin-left: 9px;
    margin-top: 35px;
    background: url(/diy4/static/img/next.891e75e.png) no-repeat 0 0
}

.image-filter-main .default .btn-block .control-btn:hover {
    opacity: .5
}

.image-filter-main .default .btn-block .prev {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

.image-filter-main .default .content {
    overflow: hidden;
    float: left;
    width: 80%;
    height: 100%;
    white-space: nowrap;
    position: relative
}

.image-filter-main .default .content .filter-group {
    position: absolute;
    left: 0;
    top: 0;
    transition: all .3s ease
}

.image-filter-main .default .content .filter-group .item {
    display: inline-block;
    margin: 4.8px;
    margin-top: 15px
}

.image-filter-main .default .content .filter-group .item div {
    text-align: center;
    color: #515151;
    cursor: default
}

.image-filter-main .default .content .filter-group .item:hover {
    opacity: .8
}

.image-filter-main .setting {
    height: 210px
}

.image-filter-main .setting .item {
    padding: 10px;
    color: #515151;
    font-size: 12px
}

.image-filter-main .setting .item .name {
    display: inline-block;
    padding-left: 7px;
    width: 55px
}

.image-filter-main .setting .item input {
    display: inline-block;
    width: 210px;
    margin-left: 5px
}

.image-filter-main .setting .item .val {
    display: inline-block;
    width: 30px;
    text-align: center
}

.image-tool[data-v-5dbf432b] {
    width: 306px;
    float: left
}

.image-tool .ico-filter[data-v-5dbf432b] {
    display: inline-block;
    float: left;
    width: 30px;
    height: 30px;
    background: url(/diy4/static/img/ico-filter.b39398c.png) no-repeat 3px 50%
}

.image-tool .changeImg[data-v-5dbf432b] {
    width: 50px
}

.image-tool .changeImg label[data-v-5dbf432b] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center
}

.image-tool input[data-v-5dbf432b] {
    width: 0;
    height: 0;
    visibility: hidden
}

.size-modal {
    padding: 11px 15px;
    width: 215px;
    left: 5px;
    top: 50px
}

.size-modal .item {
    line-height: 33px;
    position: relative
}

.size-modal .item input {
    width: 105px;
    height: 32px;
    line-height: 32px;
    margin-left: 10px;
    background-color: #fff;
    border: 0;
    vertical-align: top;
    font-size: 14px;
    color: #515151;
    padding-left: 4px;
    border: 1px solid #cdcdcd;
    margin-bottom: 10px
}

.size-modal .item i {
    width: 22px;
    height: 16px;
    position: absolute;
    zoom: 1;
    top: 0;
    right: 0;
    background: url(/diy4/static/img/updown2.1b133f5.png) 6px 5px no-repeat #fff;
    cursor: pointer;
    border: 1px solid #cdcdcd
}

.size-modal .item i:last-child {
    top: 16px;
    background-position: 6px -11px
}

.size-modal .item i:hover {
    background-color: #e9e9e9
}

.size-modal button {
    display: block;
    vertical-align: top;
    width: 185px;
    height: 32px;
    padding: 0;
    background-color: #18a3de;
    font-size: 14px;
    color: #fff;
    line-height: 32px;
    text-align: center;
    border-radius: 3px
}

.svg-tool, .svg-tool .color-picker {
    float: left
}

.table-text-tool-bar {
    position: relative;
    float: left
}

.table-text-tool-bar .color-picker {
    float: left
}

.table-text-tool-bar .item {
    display: inline-block
}

.table-text-tool-bar .combo-box {
    float: left
}

.table-text-tool-bar .active {
    background-color: #e5e5e5 !important
}

.combo-box {
    line-height: 100%;
    min-width: 50px;
    padding: 5px;
    border-radius: 5px;
    position: relative;
    width: 100%;
    height: 30px;
    border: 1px solid #fff
}

.combo-box input::-webkit-inner-spin-button, .combo-box input::-webkit-outer-spin-button {
    -webkit-appearance: none !important;
    margin: 0
}

.combo-box:hover {
    border: 1px solid #e9e9e9
}

.combo-box .edit {
    position: absolute;
    left: 5px;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.combo-box .content {
    position: absolute;
    left: 0;
    top: 30px;
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, .2);
    width: 100%;
    z-index: 10000
}

.combo-box .content .list {
    padding: 2px;
    max-height: 300px;
    overflow-x: hidden;
    overflow-y: auto
}

.combo-box .content .list li {
    cursor: pointer;
    padding-left: 5px;
    display: block;
    width: 100%;
    height: 27px;
    line-height: 27px
}

.combo-box .content .list li:hover {
    background: #e4e4e4
}

.combo-box .content .list li:active {
    background: #d8d8d8
}

.combo-box .content .list .active {
    background: #e4e4e4
}

.combo-box .content .copyright-tip {
    color: #a2a2a2;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 4px;
    background: #f1f1f1
}

.combo-box .content .copyright-tip i {
    line-height: 33px;
    padding-left: 5px
}

.combo-box .content .copyright-tip .text {
    margin-left: 1px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    line-height: 16px
}

.combo-box .stepper {
    position: absolute;
    right: 2px;
    margin-top: -3px;
    width: 13px;
    height: 100%
}

.combo-box .stepper .icon {
    background: url(/diy4/static/img/stepper.63a6452.png);
    width: 13px;
    height: 12px;
    position: absolute
}

.combo-box .stepper .add {
    top: 0;
    background-position: 0 0
}

.combo-box .stepper .add:hover {
    background-position: 100% 0
}

.combo-box .stepper .minus {
    top: 12px;
    background-position: 0 100%
}

.combo-box .stepper .minus:hover {
    background-position: 100% 100%
}

.table-cell-tool-bar {
    position: relative;
    float: left;
    width: 405px
}

.table-cell-tool-bar .item {
    float: left
}

.table-cell-tool-bar .active {
    background-color: #e5e5e5 !important
}

.align-modal {
    padding: 5px 15px;
    top: 39px;
    z-index: 999;
    width: 131px
}

.align-modal span {
    display: inline-block;
    font-size: 14px;
    color: #515151;
    cursor: pointer;
    position: relative;
    width: 31px;
    line-height: 31px;
    text-align: center;
    border-radius: 3px
}

.align-modal span i {
    font-size: 18px
}

.align-modal .active, .align-modal span:hover {
    background-color: #e5e5e5
}

.text-tool-bar {
    position: relative;
    float: left;
    width: 600px
}

.text-tool-bar .combo-box {
    float: left
}

.text-tool-bar .item {
    display: inline-block
}

.text-tool-bar .align-icon {
    background: url(/diy4/static/img/ico-align.f731abb.png) no-repeat
}

.text-tool-bar .active {
    background-color: #e5e5e5 !important
}

.text-tool-bar .no-padding {
    padding: 0
}

.text-tool-bar .no-margin {
    margin: 0
}

[data-disable] {
    opacity: .5
}

.radian-panel {
    width: 340px;
    height: 150px;
    padding: 10px;
    top: 39px;
    left: 299px
}

.radian-panel .radian-btn-group {
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px
}

.radian-panel .radian-btn-group .item {
    background: url(/diy4/static/img/text-radian.1e627fa.png) no-repeat 0 50%;
    width: 50px;
    height: 50px;
    border: 1px solid #ddd;
    border-radius: 4px;
    margin-left: 4px;
    margin-right: 4px;
    cursor: pointer
}

.radian-panel .radian-btn-group .item:hover {
    opacity: .7
}

.radian-panel .radian-btn-group .active {
    background-color: #ddd
}

.radian-panel hr {
    border-color: #ddd;
    margin-left: 10px;
    margin-right: 10px
}

.radian-panel .letter-spacing-bar {
    padding: 5px;
    color: #515151;
    font-size: 14px
}

.radian-panel .letter-spacing-bar .name {
    display: inline-block;
    padding-left: 7px;
    width: 65px
}

.radian-panel .letter-spacing-bar input[type=range] {
    display: inline-block;
    width: 170px;
    margin-left: 5px
}

.radian-panel .letter-spacing-bar .val {
    display: inline-block;
    width: 30px;
    text-align: center
}

.radian-panel input[type=text] {
    margin-left: 10px;
    display: inline;
    width: 46px;
    line-height: 30px;
    font-size: 14px;
    color: #515151;
    background-color: #e5e5e5;
    border-radius: 5px;
    text-align: center
}

.group-text-tool-bar[data-v-9f324608] {
    position: relative;
    float: left;
    width: 350px
}

.group-text-tool-bar .item[data-v-9f324608] {
    display: inline-block
}

.common-left, .group-text-tool-bar .combo-box[data-v-9f324608] {
    float: left
}

.split {
    margin-left: 0 !important
}

.commonTool, .commonTool .wrap-com {
    position: relative
}

.commonTool .tool-text {
    width: 35px;
    font-size: 12px;
    text-align: center;
    border: none;
    display: inline-block;
    margin-right: 0;
    padding: 0;
    overflow: hidden
}

.commonTool .tool-text:hover {
    opacity: .8;
    border: none
}

.commonTool .arrow i {
    font-size: 12px
}

.layer-modal {
    padding: 6px;
    left: -35px;
    top: 39px
}

.layer-modal p {
    width: 170px;
    padding: 0 8px;
    line-height: 28px;
    font-size: 14px;
    color: #515151
}

.layer-modal p, .layer-modal p i {
    cursor: pointer;
    position: relative
}

.layer-modal p i {
    float: left;
    top: 5px;
    margin-right: 8px;
    width: 20px;
    height: 20px;
    background: url(/diy4/static/img/ico-layer.6a9c15a.png) no-repeat 0 0
}

.layer-modal p.item2 i {
    background-position: -57px 0
}

.layer-modal p.item3 i {
    background-position: -114px 0
}

.layer-modal p.item4 i {
    background-position: -171px 0
}

.layer-modal p:hover {
    background: #e7e7e7
}

.layer-modal p span {
    float: right;
    padding-right: 8px
}

.revert-modal {
    padding: 6px;
    width: 124px;
    left: 160px;
    top: 39px;
    z-index: 999
}

.revert-modal p {
    font-size: 14px;
    padding: 0 8px;
    color: #515151;
    cursor: pointer;
    line-height: 28px
}

.revert-modal p i {
    margin-right: 12px;
    float: left
}

.revert-modal p:hover {
    background: #e7e7e7
}

.shadow-panel {
    width: 280px;
    position: absolute;
    right: 50px;
    top: 39px;
    color: #515151;
    overflow: hidden
}

.shadow-panel .line {
    margin: 5px 0
}

.switch-box {
    font-size: 14px;
    margin-top: 5px;
    line-height: 40px
}

.switch-box .back {
    margin-top: 8px;
    float: right;
    display: inline-block;
    width: 65px;
    height: 24px;
    border-radius: 12px;
    background: #d2d2d2;
    vertical-align: middle;
    cursor: pointer;
    margin-left: 10px;
    position: relative
}

.switch-box .back i {
    position: absolute;
    top: 1px;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #fff;
    transition: all .2s ease-out
}

.scroll {
    height: 126px;
    padding: 12px 0 12px 12px
}

.scroll .item {
    color: #515151;
    font-size: 14px;
    padding-bottom: 10px
}

.scroll .item .name {
    display: inline-block;
    width: 65px;
    text-align: right
}

.scroll .item input {
    display: inline-block;
    width: 125px;
    margin-left: 5px
}

.scroll .item .val {
    display: inline-block;
    width: 30px;
    text-align: center
}

.scroll input[type=text] {
    margin-left: 10px;
    display: inline;
    width: 46px;
    line-height: 30px;
    font-size: 14px;
    color: #515151;
    background-color: #e5e5e5;
    border-radius: 5px;
    text-align: center
}

.switch {
    height: 40px;
    padding: 0 10px 0 20px
}

.sign-editor {
    position: absolute;
    left: 0;
    top: 40px;
    width: 200px;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, .3);
    overflow: hidden
}

.sign-editor .title {
    background-color: #00a2eb;
    color: #fff;
    padding: 10px
}

.sign-editor .title .big {
    font-size: 16px
}

.sign-editor .title .small {
    font-size: 12px;
    opacity: .6
}

.sign-editor .content {
    padding: 10px
}

.sign-editor .content .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 3px
}

.sign-editor .content .item .label {
    width: 25%;
    text-align: right;
    margin-right: 3px;
    padding: 3px
}

.sign-editor .content .item .input {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.sign-editor .content .item .input input, .sign-editor .content .item .input select {
    width: 100%
}

.sign-editor .content .item input, .sign-editor .content .item select {
    border: 1px solid #e2e2e2;
    background-color: #fff;
    border-radius: 3px;
    padding: 3px;
    -webkit-appearance: none
}

.sign-editor .content .clear-btn {
    width: 100%;
    padding: 5px;
    background-color: #e74c3c;
    color: #fff;
    border-radius: 3px
}

.guides-tool[data-v-dd53dc72] {
    float: left
}

.val-tool .btn {
    background: url(/diy4/static/img/val-tool-btn.7b2b086.png);
    width: 30px
}

.val-tool .yes {
    background-position-x: -1px;
    background-position-y: 2px
}

.val-tool .no {
    background-position-x: -43px;
    background-position-y: 2px
}

.slide-box {
    top: 47px;
    padding: 12px;
    z-index: 1000
}

.slide-box .item {
    overflow: hidden;
    width: 260px;
    line-height: 32px
}

.slide-box .item .title {
    display: inline-block;
    width: 47px;
    text-align: right;
    font-size: 14px
}

.slide-box .item .back {
    display: inline-block;
    width: 130px;
    height: 2px;
    background: #c8c8c8;
    margin-left: 10px;
    position: relative;
    vertical-align: middle
}

.slide-box .item .back i {
    position: absolute;
    top: -8px;
    left: 0;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 2px solid transparent;
    background: #515151;
    cursor: pointer
}

.slide-box .item .back i:hover {
    background: #fff;
    border-color: #a8a8a8
}

.slide-box .item input {
    margin-left: 10px;
    display: inline;
    width: 46px;
    line-height: 30px;
    font-size: 14px;
    color: #515151;
    background-color: #e5e5e5;
    border-radius: 5px;
    text-align: center
}

.container-editor {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 8
}

.container-editor .container-modal {
    position: relative;
    z-index: 2
}

.container-editor .container-modal .svg-layer {
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none
}

.container-editor .container-modal .under {
    position: absolute;
    top: 0;
    left: 0;
    opacity: .5;
    cursor: move
}

.container-editor .container-modal .under img {
    pointer-events: none
}

.container-editor .container-modal .resize {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    border: 1px solid #00a2eb;
    pointer-events: none
}

.container-editor .container-modal .resize .img-resize {
    width: 10px;
    height: 10px;
    position: absolute;
    background-color: #fff;
    cursor: se-resize;
    bottom: -5px;
    right: -5px;
    z-index: 2;
    border: 1px solid #00a2eb;
    pointer-events: auto
}

.container-editor .layer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .1);
    z-index: 1
}

.fade-enter-active[data-v-cd553972], .fade-leave-active[data-v-cd553972] {
    transition: all .3s
}

.fade-enter[data-v-cd553972], .fade-leave-to[data-v-cd553972] {
    opacity: 0;
    -webkit-transform: translateX(-50px);
    transform: translateX(-50px)
}

.add-form-element-list[data-v-cd553972] {
    position: absolute;
    background: #414750;
    color: #fff;
    width: 320px;
    height: 100%;
    left: 375px;
    top: 49px;
    z-index: 50;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.add-form-element-list .title[data-v-cd553972] {
    position: relative
}

.add-form-element-list .title .text[data-v-cd553972] {
    padding: 15px;
    text-align: center;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 14px;
    color: #fff
}

.add-form-element-list .title .close[data-v-cd553972] {
    position: absolute;
    width: 24px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    right: 0;
    top: 0;
    cursor: pointer;
    color: #afafaf;
    background-color: #4e535b
}

.add-form-element-list .title .close i[data-v-cd553972] {
    font-size: 12px
}

.add-form-element-list .title .close[data-v-cd553972]:hover {
    background-color: #00a2eb;
    color: #fff
}

.add-form-element-list .content[data-v-cd553972] {
    overflow-y: scroll;
    padding-bottom: 50px
}

.add-form-element-list .content[data-v-cd553972]::-webkit-scrollbar {
    width: 4px;
    height: 4px
}

.add-form-element-list .content[data-v-cd553972]::-webkit-scrollbar-corner {
    background-color: #e4e4e4
}

.add-form-element-list .content[data-v-cd553972]::-webkit-scrollbar-thumb:horizontal, .add-form-element-list .content[data-v-cd553972]::-webkit-scrollbar-thumb:vertical {
    background-color: #8b8b8b
}

.add-form-element-list .content[readonly][data-v-cd553972] {
    background: #e1e1e1;
    cursor: not-allowed
}

.add-form-element-list .content .item[data-v-cd553972] {
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid #d5d5d5;
    margin: 5px 10px;
    overflow: hidden;
    text-align: center;
    position: relative;
    cursor: pointer;
    padding: 5px 0
}

.add-form-element-list .content .item[data-v-cd553972]:hover:after {
    cursor: pointer;
    content: "\6DFB\52A0";
    background-color: #00a0e9;
    color: #fff;
    font-size: 14px;
    border-radius: 5px;
    padding: 5px 10px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.add-form-element-list .content .item[data-v-cd553972]:hover:before {
    cursor: pointer;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, .2);
    width: 100%;
    height: 100%
}

.save-modal {
    width: 478px;
    margin-top: -125px;
    margin-left: -240px
}

.save-modal:before {
    content: "\53E6\5B58\4E3A"
}

.save-modal .save-box {
    padding: 20px
}

.save-modal .save-box .item {
    padding-bottom: 15px
}

.save-modal .save-box .item span {
    width: 56px;
    display: inline-block;
    height: 43px;
    line-height: 43px;
    font-size: 14px;
    color: #666;
    margin-right: 10px
}

.save-modal .save-box .item select {
    height: 43px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(/diy4/static/img/arrow7.5ee8b6e.png) 325px 50% no-repeat #dadada;
    border: 0;
    line-height: 43px;
    border-radius: 4px;
    cursor: pointer
}

.save-modal .save-box .item input, .save-modal .save-box .item select {
    width: 350px;
    padding-left: 10px;
    padding-right: 10px;
    color: #666;
    font-size: 14px
}

.save-modal .save-box .item input {
    height: 39px;
    border: 2px solid #dedede;
    border-radius: 4px
}

.wait-modal {
    width: 400px;
    height: 130px;
    margin-top: -65px;
    margin-left: -200px;
    background: #fff;
    border-radius: 5px
}

.wait-modal .loading {
    width: 80px;
    height: 40px;
    margin: 10px auto;
    text-align: center
}

.wait-modal .loading .rect {
    display: inline-block;
    width: 6px;
    height: 100%;
    background-color: #00a2eb;
    -webkit-animation: loading 1.2s infinite ease-in-out;
    animation: loading 1.2s infinite ease-in-out
}

.wait-modal .loading .rect.rect1 {
    -webkit-animation-delay: 0;
    animation-delay: 0
}

.wait-modal .loading .rect.rect2 {
    -webkit-animation-delay: .1s;
    animation-delay: .1s
}

.wait-modal .loading .rect.rect3 {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

.wait-modal .loading .rect.rect4 {
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

.wait-modal .loading .rect.rect5 {
    -webkit-animation-delay: .4s;
    animation-delay: .4s
}

.wait-modal p {
    color: #969696;
    text-align: center
}

.code-modal {
    width: 320px;
    height: 340px;
    margin-top: -155px;
    margin-left: -150px;
    background: #fff;
    text-align: center;
    border-radius: 5px
}

.code-modal .close-code {
    width: 12px;
    height: 12px;
    background: url(/diy4/static/img/close1.91037dd.png) 0 0 no-repeat transparent;
    position: absolute;
    zoom: 1;
    top: 12px;
    right: 13px;
    z-index: 2;
    cursor: pointer
}

.code-modal .close-code:hover {
    background-position: 0 -12px
}

.code-modal .code-box {
    display: inline-block
}

.code-modal p {
    margin-top: 10px;
    text-align: center;
    color: #666;
    font-size: 14px;
    padding: 0 20px
}

.alert-modal {
    width: 400px;
    height: 200px;
    margin-top: -150px;
    margin-left: -200px;
    overflow: hidden
}

.alert-modal:before {
    content: "\63D0\793A"
}

.alert-modal .info {
    height: 110px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.alert-modal .info .tbz-icon {
    width: 28px;
    height: 28px
}

.alert-modal .info .tbz-icon.tbz-danger {
    background: url(/diy4/static/img/tbz-danger.916b6fe.png) 50% no-repeat
}

.alert-modal .info .tbz-icon.tbz-ok {
    background: url(/diy4/static/img/tbz-ok.0170eca.png) 50% no-repeat
}

.alert-modal .info .title {
    font-size: 12px;
    color: #5f5f5f;
    padding-left: 8px;
    display: inline-block;
    max-width: 350px;
    line-height: 20px
}

.preview-modal {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #000;
    z-index: 100;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.preview-modal .tool {
    height: 44px;
    background-color: #414750;
    border-radius: 3px;
    position: absolute;
    zoom: 1;
    bottom: 30px;
    left: 50%;
    margin-left: -89px;
    z-index: 2;
    padding: 7px 15px;
    line-height: 30px
}

.preview-modal .tool span {
    display: inline-block;
    vertical-align: middle
}

.preview-modal .tool span.esc {
    width: 26px;
    height: 26px;
    background: url(/diy4/static/img/escfull.ef7390e.png) 0 0 no-repeat transparent;
    cursor: pointer
}

.preview-modal .tool span.line {
    width: 1px;
    height: 30px;
    background-color: #666a72;
    margin-left: 14px
}

.preview-modal .tool span.prev {
    width: 30px;
    height: 30px;
    background: url(/diy4/static/img/prevnext.cf94156.png) 0 0 no-repeat transparent;
    background-position: 10px -28px;
    margin: 0 5px 0 10px;
    cursor: pointer
}

.preview-modal .tool span.prev:hover {
    background-color: #525861
}

.preview-modal .tool span.text {
    height: 30px;
    text-align: center;
    line-height: 30px;
    font-size: 16px;
    color: #fff
}

.preview-modal .tool span.next {
    width: 30px;
    height: 30px;
    background: url(/diy4/static/img/prevnext.cf94156.png) 0 0 no-repeat transparent;
    background-position: -65px -28px;
    cursor: pointer;
    margin-left: 5px
}

.preview-modal .tool span.next:hover {
    background-color: #525861
}

.cropper-editor {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 8
}

.cropper-editor .img-modal {
    position: absolute;
    pointer-events: all
}

.cropper-editor .img-modal img {
    width: 100%;
    height: 100%
}

.cropper-editor .modal-over {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .3)
}

.cropper-editor .img-resize {
    position: absolute;
    cursor: move
}

.cropper-editor .img-resize #img-resize-rect {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: transparent;
    cursor: move
}

.cropper-editor .img-resize .lt {
    left: -5px;
    top: -5px;
    cursor: nw-resize
}

.cropper-editor .img-resize .lb {
    left: -5px;
    bottom: -5px;
    cursor: ne-resize;
    background-position-y: 20px !important
}

.cropper-editor .img-resize .rt {
    right: -5px;
    top: -5px;
    cursor: ne-resize;
    background-position-x: 20px !important
}

.cropper-editor .img-resize .rb {
    right: -5px;
    bottom: -5px;
    cursor: nw-resize;
    background-position-x: 20px !important;
    background-position-y: 20px !important
}

.cropper-editor .img-resize .l {
    left: 0;
    margin-left: -5px
}

.cropper-editor .img-resize .l, .cropper-editor .img-resize .r {
    top: 50%;
    background-position-y: -20px !important;
    margin-top: -10px;
    cursor: ew-resize
}

.cropper-editor .img-resize .r {
    right: 0;
    background-position-x: 20px !important;
    margin-right: -5px
}

.cropper-editor .img-resize .t {
    top: 0;
    margin-top: -6px
}

.cropper-editor .img-resize .b, .cropper-editor .img-resize .t {
    left: 50%;
    background-position-x: -20px !important;
    margin-left: -10px;
    cursor: ns-resize
}

.cropper-editor .img-resize .b {
    bottom: 0;
    background-position-y: 20px !important;
    margin-bottom: -6px
}

.cropper-editor .img-resize .point {
    position: absolute;
    width: 20px;
    height: 20px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAABGUlEQVRoge2a0QrDIAxF4+hXVfb1w/5W9zA6WtYoGgV3c8/TKCXkOJWYKkKwCcePdV13S6CUUii/1U6M0ZTftm1BRGQ5P0yv1JbMM/4+MyZ4N4A98lsy75npOYC9eAyLPCnqPzxylFupyUmbXaUpbdqIOg9aTS7q/jFsDY/etVtxt4YpjA6F0aEwOhRG51JpzVg/t6K5fMu/fTcdX6cnhI+q3yl916GY9QBQQum25Fs8/76eNRd3U5rC6FAYHQqjQ2F0KIwOhdFxJ8wWDypuWzzuhLM9Lan46p5S2wWWEbCnxZ6WIyiMDoXRoTA6FEandLm05sx4qbt734i3xjtQhWtus2t1d+8b8a3xzrib0u6Eh/a0Zo9HEHkDJZNOhZIZpG8AAAAASUVORK5CYII=);
    pointer-events: all
}

.login-modal {
    top: 45%;
    margin-top: -180px;
    width: 306px;
    left: calc(50% - 153px);
    padding: 0
}

.login-modal .close {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 10px;
    height: 10px;
    cursor: pointer;
    z-index: 1;
    color: #999
}

.login-modal .close i {
    font-size: 12px
}

.login-modal .later {
    line-height: 26px;
    color: #adadad;
    width: 249px;
    margin: 0 auto;
    padding-bottom: 8px
}

.login-modal .later span {
    float: right;
    color: #00a2eb;
    cursor: pointer
}

.login-modal .later span:hover {
    color: #0a8bc5
}

.login-modal .tip {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    margin-top: 10px;
    text-align: center;
    line-height: 41px;
    height: 41px;
    background: #ff500c;
    border-radius: 4px;
    color: #fff;
    font-size: 12px
}

.login-modal .wechat {
    border-radius: 4px;
    overflow: hidden;
    text-align: center
}

.login-modal .wechat .title {
    color: #40c484;
    font-size: 18px;
    line-height: 75px
}

.login-modal .wechat .title i {
    color: #52ac43;
    font-size: 24px;
    margin-right: 5px
}

.login-modal .wechat .code {
    font-size: 0
}

.login-modal .wechat .code .imgwrap {
    height: 150px
}

.login-modal .wechat .code p {
    color: #5d5d5d;
    font-size: 12px;
    line-height: 41px
}

.login-modal .wechat .code.jianye {
    padding-bottom: 20px
}

.login-modal .wechat .bottom:hover {
    background: #cfcfcf
}

.login-modal .box {
    border-radius: 4px;
    overflow: hidden;
    padding-bottom: 20px
}

.login-modal .box .back {
    padding: 10px;
    font-size: 12px;
    color: #5d5d5d
}

.login-modal .box .back i {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    display: inline-block;
    width: 18px;
    height: 18px;
    vertical-align: text-top;
    margin-right: 5px;
    background: url(/diy4/static/img/circleArrow.daa7474.png) 50% 50%/cover no-repeat
}

.login-modal .box .back span {
    cursor: pointer
}

.login-modal .box .title {
    padding: 10px;
    font-size: 12px;
    color: #5d5d5d
}

.login-modal .box .title i {
    display: inline-block;
    width: 18px;
    height: 18px;
    vertical-align: text-top;
    margin-right: 5px;
    background: url(/diy4/static/img/phone.f899b56.png) 50% 50%/contain no-repeat
}

.login-modal .box form {
    padding-top: 30px;
    text-align: center
}

.login-modal .box form.bindform {
    padding-top: 0;
    padding-bottom: 30px
}

.login-modal .box form .input {
    position: relative;
    display: inline-block
}

.login-modal .box form .input label {
    position: absolute;
    top: 12px;
    left: 12px;
    width: 20px;
    height: 20px;
    cursor: pointer;
    background: url(/diy4/static/img/login.46c1fb8.png) 0 0 no-repeat
}

.login-modal .box form .input label[for=pwd] {
    background-position: 0 -52px
}

.login-modal .box form .input input {
    width: 249px;
    height: 44px;
    line-height: 44px;
    padding-left: 40px;
    background: #fff;
    font-size: 14px;
    margin-bottom: 15px;
    border-radius: 3px;
    border: 1px solid #dcdcdc
}

.login-modal .box form .input.bind-input {
    overflow: hidden;
    width: 249px
}

.login-modal .box form .input.bind-input input {
    height: 42px;
    line-height: 42px;
    padding-left: 8px;
    margin-bottom: 8px
}

.login-modal .box form .input.bind-input input.valid {
    width: 140px;
    float: left
}

.login-modal .box form .input.bind-input span {
    position: absolute;
    top: 0;
    right: 0;
    width: 104px;
    height: 42px;
    line-height: 42px;
    background: #bcbcbc;
    color: #6c6c6c;
    text-align: center;
    font-size: 14px;
    cursor: pointer;
    border-radius: 3px
}

.login-modal .box form .input.bind-input span.active {
    background-color: #00a2eb;
    color: #fff
}

.login-modal .box form .forget {
    text-align: right;
    color: #adadad;
    padding-right: 25px
}

.login-modal .box form .forget a {
    cursor: pointer;
    font-size: 12px
}

.login-modal .box form .btn {
    margin-top: 10px;
    text-align: center;
    line-height: 44px;
    height: 44px;
    background: #00a2eb;
    border-radius: 3px;
    color: #fff;
    font-size: 16px;
    width: 249px;
    transition: all .2s ease-in
}

.login-modal .box form .btn:hover {
    background-color: #24a4de
}

.login-modal .bottom {
    height: 55px;
    line-height: 55px;
    background: #eaeaea;
    color: #5d5d5d;
    font-size: 14px;
    text-align: center
}

.login-modal .bottom i {
    display: inline-block;
    width: 30px;
    height: 30px;
    vertical-align: text-top;
    margin-right: 5px;
    background: url(/diy4/static/img/circleArrow.daa7474.png) no-repeat
}

.login-modal .bottom a {
    display: inline-block;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    margin: 10px 6px;
    background: url(/diy4/static/img/other-ico.7ec04b5.png) no-repeat 10px #fff
}

.login-modal .bottom a.weibo {
    background-position: -50px
}

.login-modal .bottom a.bajie {
    background-position: -110px
}

.register-modal {
    width: 365px;
    margin-top: -225px;
    margin-left: -182px;
    padding: 0
}

.coorp-modal {
    width: 544px;
    margin-top: -153px;
    margin-left: -272px;
    padding-top: 0
}

.coorp-modal p {
    line-height: 46px;
    font-size: 16px;
    padding-left: 20px;
    background: #00a2eb;
    color: #fff
}

.coorp-modal .close {
    position: absolute;
    width: 19px;
    height: 19px;
    top: 15px;
    right: 13px;
    cursor: pointer;
    background: url(/diy4/static/img/ico-close.4c59be5.png) no-repeat 50%
}

.coorp-modal .link-wrap {
    padding: 22px 0 15px 22px
}

.coorp-modal .link-wrap a {
    display: inline-block;
    padding: 0 17px 0 0
}

.coorp-modal .link-wrap a img {
    width: 150px;
    height: 80px
}

.coorp-modal .link-wrap a .a_name {
    font-size: 14px;
    text-align: center;
    color: #515151;
    line-height: 22px
}

.coorp-modal .link-wrap a:hover .a_name {
    color: #999
}

.debug-panel {
    position: fixed;
    bottom: 5px;
    right: 10px;
    background: #fff;
    padding: 10px;
    box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
    border-radius: 4px;
    z-index: 10000
}

.debug-panel button {
    background: #008891;
    color: #fff;
    padding: 5px;
    border: none;
    border-radius: 3px
}

.newpage-modal {
    width: 812px;
    height: 410px;
    top: 50%;
    left: 50%;
    background-color: #f4f4f4;
    margin-left: -406px;
    margin-top: -205px;
    overflow: hidden
}

.newpage-modal .choice {
    float: left;
    width: 600px;
    background: #e8e8e8;
    height: 410px;
    padding: 26px
}

.newpage-modal .choice .title {
    font-size: 14px;
    color: #666
}

.newpage-modal .choice ul {
    margin: 0 -5px;
    overflow: hidden;
    padding-top: 20px
}

.newpage-modal .choice ul li {
    float: left;
    width: 127px;
    height: 127px;
    margin: 0 5px 10px;
    border-radius: 5px;
    font-size: 12px;
    text-align: center;
    cursor: pointer;
    background: #d0d0d0;
    color: #666
}

.newpage-modal .choice ul li .t1 {
    color: #333232
}

.newpage-modal .choice ul li span {
    display: block
}

.newpage-modal .choice ul li i {
    font-size: 50px;
    margin: 20px 0 10px;
    display: inline-block
}

.newpage-modal .choice p {
    color: #666;
    background: #fff;
    line-height: 38px;
    font-style: italic;
    width: 400px;
    text-align: center;
    margin: 15px auto 0;
    border-radius: 4px
}

.newpage-modal .form {
    height: 410px;
    float: right;
    width: 212px;
    padding: 20px 0 0 20px;
    color: #989898
}

.newpage-modal .form .title {
    font-size: 14px;
    line-height: 26px;
    padding-bottom: 5px
}

.newpage-modal .form form input {
    color: #666;
    font-size: 16px
}

.newpage-modal .form form input.name {
    border-bottom: 1px solid #d8d8d8;
    display: block;
    line-height: 32px;
    background: transparent;
    width: 172px;
    margin-bottom: 10px
}

.newpage-modal .form form input.box {
    border: 2px solid #dedede;
    line-height: 39px;
    padding-left: 5px;
    width: 78px;
    border-radius: 4px
}

.newpage-modal .form form .item {
    display: inline-block;
    margin-right: 7px;
    margin-bottom: 10px;
    width: 78px;
    position: relative
}

.newpage-modal .form form .item label {
    line-height: 32px;
    font-size: 14px
}

.newpage-modal .form form .item span {
    border: 2px solid #dedede;
    line-height: 39px;
    padding-left: 8px;
    width: 78px;
    border-radius: 4px;
    cursor: pointer;
    position: relative;
    font-size: 16px;
    color: #666;
    display: inline-block
}

.newpage-modal .form form .item i {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 40px;
    right: 5px;
    color: #bdbdbd;
    pointer-events: none;
    font-size: 25px
}

.newpage-modal .form form .item .selectPannel {
    border-radius: 3px;
    position: absolute;
    width: 100%;
    background-color: #dfdfdf;
    top: 76px;
    padding: 8px;
    font-size: 16px;
    color: #666;
    width: 78px
}

.newpage-modal .form form .item .selectPannel p {
    line-height: 30px;
    padding-left: 4px;
    cursor: pointer
}

.newpage-modal .form form .item .selectPannel p:hover {
    background-color: #f5f5f5
}

.newpage-modal .form form .info {
    line-height: 21px;
    width: 168px
}

.newpage-modal .form form .info i {
    color: #ff734e;
    font-size: 13px;
    margin-right: 1px
}

.newpage-modal .form form button {
    line-height: 43px;
    border-radius: 4px
}

.newpage-modal .form form .reset, .newpage-modal .form form button {
    width: 80px;
    height: 43px;
    font-size: 16px;
    font-weight: 700;
    margin-right: 11px;
    transition: all .3s ease-in;
    margin-top: 46px
}

.newpage-modal .form form .reset {
    text-align: center;
    cursor: pointer;
    display: inline-block;
    border-radius: 4px;
    border: 2px solid #b7b7b7;
    color: #b7b7b7;
    line-height: 39px;
    background: transparent
}

.newpage-modal .form form .reset:hover {
    color: #fff;
    background: #b7b7b7
}

.skin-modal {
    padding: 0;
    width: 494px;
    height: 176px;
    margin-top: -88px;
    margin-left: -247px;
    border-radius: 5px;
    color: #fff
}

.skin-modal .title {
    border-radius: 5px 5px 0 0;
    padding-left: 15px;
    line-height: 34px;
    background-color: #48525e
}

.skin-modal .title i {
    font-size: 20px;
    margin-right: 8px;
    vertical-align: middle
}

.skin-modal ul {
    padding: 20px 0 0 20px
}

.skin-modal ul li {
    width: 49px;
    height: 49px;
    float: left;
    border-radius: 5px;
    margin: 0 2px 2px 0;
    cursor: pointer;
    line-height: 49px;
    text-align: center
}

.skin-modal ul li i {
    display: none;
    font-size: 20px
}

.skin-modal ul li.active i {
    display: block
}

.skin-modal ul li.diycolor {
    background: url(/diy4/static/img/diycolor.44a6f68.png)
}

.skin-modal .close {
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer
}

.skin-modal .close i {
    font-size: 12px
}

.skin-modal .colorPicker {
    position: absolute;
    width: 242px;
    height: 236px;
    background-color: #fff;
    top: 175px;
    left: 400px;
    box-shadow: 0 0 0 10px #fff;
    color: #515151
}

.skin-modal .colorPicker .sure {
    position: absolute;
    bottom: 0;
    right: 0;
    line-height: 26px;
    cursor: pointer;
    padding: 0 15px;
    background-color: #ddd;
    transition: all .2s ease-in
}

.skin-modal .colorPicker .sure:hover {
    background-color: #c6c6c6
}

.guides[data-v-a0bde9b0] {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 10000;
    background-color: rgba(0, 0, 0, .2)
}

.guides .guides-content[data-v-a0bde9b0] {
    width: 260px;
    height: 180px;
    background: #fff;
    border-radius: 5px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
    padding: 10px
}

.guides .guides-content .top[data-v-a0bde9b0] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.guides .guides-content .top .title[data-v-a0bde9b0] {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: #515151;
    font-size: 12px
}

.guides .guides-content .top .close i[data-v-a0bde9b0] {
    font-size: 12px;
    color: #b8b8b8;
    cursor: pointer
}

.guides .guides-content .top .close i[data-v-a0bde9b0]:hover {
    color: #32c46e
}

.guides .guides-content .select[data-v-a0bde9b0] {
    margin-top: 15px;
    background-color: #e7e7e7;
    border-radius: 5px;
    padding: 20px;
    text-align: center
}

.guides .guides-content .select .radio-item[data-v-a0bde9b0] {
    position: relative;
    margin: 15px
}

.guides .guides-content .select .radio-item input[type=radio][data-v-a0bde9b0] {
    width: 16px;
    height: 16px;
    opacity: 0
}

.guides .guides-content .select .radio-item label[data-v-a0bde9b0] {
    position: absolute;
    left: 0;
    top: 0;
    width: 16px;
    height: 16px;
    background: #fff;
    border-radius: 50%
}

.guides .guides-content .select .radio-item label[data-v-a0bde9b0]:after {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
    background-color: #32c46e;
    border-radius: 50%;
    transition: all .2s
}

.guides .guides-content .select .radio-item input:checked + label[data-v-a0bde9b0]:after {
    -webkit-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1)
}

.guides .guides-content .select .radio-item span[data-v-a0bde9b0] {
    color: #515151;
    font-size: 14px
}

.guides .guides-content .add[data-v-a0bde9b0] {
    margin-top: 15px
}

.guides .guides-content .add button[data-v-a0bde9b0] {
    width: 100%;
    height: 50px;
    background-color: #32c46e;
    color: #fff;
    font-size: 14px;
    border-radius: 5px
}

.guides .guides-content .add button[data-v-a0bde9b0]:hover {
    opacity: .8
}

.upload-group[data-v-9a4ed5c6] {
    position: fixed;
    z-index: 9;
    background-color: #fff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .3);
    left: 380px;
    top: 100px;
    border-radius: 5px;
    padding: 5px
}

.upload-group .item[data-v-9a4ed5c6] {
    padding: 5px
}

.upload-group .item .title[data-v-9a4ed5c6] {
    margin-right: 3px
}

.upload-group .item .text-input[data-v-9a4ed5c6] {
    border: 1px solid rgba(0, 0, 0, .2);
    padding: 5px
}

.upload-group .item button[data-v-9a4ed5c6] {
    width: 100%;
    color: #fff;
    background-color: #00a2eb;
    border-radius: 3px;
    padding: 8px;
    box-sizing: border-box
}

.welcome-modal {
    position: fixed;
    z-index: 1000;
    width: 100%;
    height: 100%;
    background: #d7d8d9;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 50px;
    color: #00a2eb
}

.new-user-guide {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 50
}

.new-user-guide .guide-contronl {
    position: absolute;
    width: 300px;
    z-index: 100
}

.new-user-guide .guide-contronl button {
    position: absolute;
    left: 0;
    top: 0;
    width: 181px;
    height: 57px;
    background: none;
    color: #fff;
    background-image: url(/diy4/static/img/button.92eabe6.png);
    font-size: 18px;
    cursor: pointer
}

.new-user-guide .guide-contronl button span {
    position: relative;
    top: -4px;
    cursor: pointer
}

.new-user-guide .guide-contronl button:active {
    opacity: .6
}

.new-user-guide .guide-contronl a {
    position: absolute;
    left: 200px;
    top: 20px;
    color: #00a2eb;
    text-decoration: underline
}

.new-user-guide .step {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 10;
    background-color: rgba(0, 0, 0, .7)
}

.new-user-guide .step button, .new-user-guide .step img {
    position: absolute
}

.new-user-guide .step1 .step-image {
    left: 0;
    top: 49px
}

.new-user-guide .step1 .guide-contronl {
    left: 500px;
    top: 600px
}

.new-user-guide .step2 .step-image {
    left: 0;
    top: 49px
}

.new-user-guide .step2 .guide-contronl {
    left: 460px;
    top: 250px
}

.new-user-guide .step3 .step-image {
    left: 0;
    top: 49px
}

.new-user-guide .step3 .guide-contronl {
    left: 500px;
    top: 500px
}

.new-user-guide .step4 .step-image {
    left: 0;
    top: 40px
}

.new-user-guide .step4 .guide-contronl {
    left: 520px;
    top: 250px
}

.new-user-guide .step5 .step-image {
    left: 0;
    top: 47px
}

.new-user-guide .step5 .guide-contronl {
    left: 520px;
    top: 250px
}

.new-user-guide .step6 .step-image {
    left: 0;
    top: 49px
}

.new-user-guide .step6 .guide-contronl {
    left: 520px;
    top: 250px
}

.new-user-guide .step7 .step-image {
    left: 375px;
    top: 50px;
    max-width: none
}

.new-user-guide .step7 .guide-contronl {
    left: 620px;
    top: 220px
}

.new-user-guide .step8 .step-image {
    left: 50%;
    -webkit-transform: translateX(-300px);
    transform: translateX(-300px);
    top: 0
}

.new-user-guide .step8 .guide-contronl {
    left: 520px;
    top: 250px
}

.new-user-guide .step9 .step-image {
    right: 120px;
    top: 0
}

.new-user-guide .step9 .guide-contronl {
    right: 270px;
    top: 200px
}

.new-user-guide .source-panel-mask {
    position: absolute;
    width: 309px;
    top: 49px;
    bottom: 0;
    left: 66px;
    background-color: #404750
}

.shanghu-pay {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .5);
    z-index: 1000
}

.shanghu-pay .pay-content {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 700px;
    height: 420px;
    background-color: #fff;
    border-radius: 3px;
    padding: 25px
}

.shanghu-pay .pay-content .title {
    font-size: 24px;
    color: #333
}

.shanghu-pay .pay-content .grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 25px
}

.shanghu-pay .pay-content .grid .info {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: #333;
    font-size: 14px
}

.shanghu-pay .pay-content .grid .info .item {
    padding-left: 10px;
    padding-bottom: 20px
}

.shanghu-pay .pay-content .grid .info .item .value {
    padding-left: 10px;
    color: #666
}

.shanghu-pay .pay-content .grid .pay-block {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background-color: #fff;
    height: 300px;
    border: 1px solid #ccc;
    border-radius: 3px;
    overflow: hidden
}

.shanghu-pay .pay-content .grid .pay-block .tab-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.shanghu-pay .pay-content .grid .pay-block .tab-header .item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    height: 50px;
    line-height: 50px;
    background-color: #fafafa;
    color: #666;
    font-size: 14px;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    cursor: pointer
}

.shanghu-pay .pay-content .grid .pay-block .tab-header .item * {
    cursor: pointer
}

.shanghu-pay .pay-content .grid .pay-block .tab-header .item img {
    position: relative;
    top: 6px
}

.shanghu-pay .pay-content .grid .pay-block .tab-header .item.active {
    background: #fff;
    border-bottom: none
}

.shanghu-pay .pay-content .grid .pay-block .tab-header .item:first-child {
    border-left: none
}

.shanghu-pay .pay-content .grid .pay-block .tab-content {
    position: relative
}

.shanghu-pay .pay-content .grid .pay-block .tab-content .pay-info {
    font-size: 16px;
    color: #333
}

.shanghu-pay .pay-content .grid .pay-block .tab-content .pay-info .price {
    font-size: 24px;
    color: #f75252
}

.shanghu-pay .pay-content .grid .pay-block .tab-content .alipay {
    text-align: center;
    padding: 40px
}

.shanghu-pay .pay-content .grid .pay-block .tab-content .alipay .pay-btn {
    background-color: #00a2eb;
    color: #fff;
    font-size: 16px;
    padding: 10px 40px;
    border-radius: 3px;
    line-height: 80px
}

.shanghu-pay .pay-content .grid .pay-block .tab-content .wxpay {
    padding: 10px;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.shanghu-pay .pay-content .grid .pay-block .tab-content .wxpay .qrcode {
    position: absolute;
    left: 9px;
    top: 0;
    width: 50%
}

.shanghu-pay .pay-content .grid .pay-block .tab-content .wxpay .qrcode .qrcode-img {
    position: absolute;
    left: 18px;
    top: 50px
}

.shanghu-pay .pay-content .grid .pay-block .tab-content .wxpay .qrcode .scan {
    position: absolute;
    left: 10px;
    top: 41px
}

.shanghu-pay .pay-content .grid .pay-block .tab-content .wxpay .qrcode .tip {
    position: absolute;
    left: 27px;
    top: 196px;
    font-size: 14px;
    color: #464646
}

.shanghu-pay .pay-content .grid .pay-block .tab-content .wxpay .pay-info {
    position: absolute;
    left: 190px;
    top: 95px;
    width: 50%
}

.shanghu-pay .close-btn {
    position: absolute;
    right: -12.5px;
    top: -12.5px;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    background-color: rgba(0, 0, 0, .7)
}

.shanghu-pay .close-btn i {
    font-size: 14px
}

.shanghu-pay .close-btn:hover {
    opacity: .7
}

.ctip-modal {
    width: 247px;
    height: 186px;
    left: 419px;
    top: 150px;
    color: #898989
}

.ctip-modal p {
    font-size: 14px;
    padding-left: 18px;
    margin-top: -15px
}

.ctip-modal button {
    margin-left: 18px;
    width: 69px;
    height: 27px;
    line-height: 27px;
    text-align: center;
    background-color: #fff;
    border: 1px solid #c5c6c8;
    border-radius: 2px;
    color: #898989;
    font-size: 14px;
    margin-top: 10px
}

.ctip-modal i {
    position: absolute;
    top: 18px;
    right: 12px;
    width: 12px;
    height: 12px;
    cursor: pointer;
    background: url(/diy4/static/img/close1.91037dd.png) 0 0/cover no-repeat
}

.fade-enter-active[data-v-2729384f], .fade-leave-active[data-v-2729384f] {
    transition: all .5s
}

.fade-enter[data-v-2729384f], .fade-leave-to[data-v-2729384f] {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0
}

.fade2-enter-active[data-v-2729384f], .fade2-leave-active[data-v-2729384f] {
    transition: all .5s
}

.fade2-enter[data-v-2729384f], .fade2-leave-to[data-v-2729384f] {
    -webkit-transform: rotateY(90deg);
    transform: rotateY(90deg);
    opacity: 0
}

.jianye-preview[data-v-2729384f] {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 50;
    background-color: hsla(0, 0%, 100%, .95)
}

.jianye-preview .content[data-v-2729384f] {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 700px
}

.jianye-preview .content .phone[data-v-2729384f], .jianye-preview .content .share[data-v-2729384f] {
    display: inline-block
}

.jianye-preview .content .phone[data-v-2729384f] {
    width: 400px;
    height: 100%;
    position: relative;
    background: url(/diy4/static/img/iphone.aa459ae.png) 40px 30px no-repeat
}

.jianye-preview .content .phone .web-preview[data-v-2729384f], .jianye-preview .content .phone .weixin-preview[data-v-2729384f] {
    position: absolute;
    left: 62px;
    right: 63px;
    bottom: 123px;
    border: none;
    top: 100px
}

.jianye-preview .content .phone .web-preview[data-v-2729384f] {
    background: #fff;
    border: none
}

.jianye-preview .content .phone .web-preview .header[data-v-2729384f] {
    width: 100%;
    cursor: pointer
}

.jianye-preview .content .phone .web-preview .page[data-v-2729384f] {
    border: none;
    height: 450px;
    width: 275px;
    margin-top: -3px
}

.jianye-preview .content .phone .weixin-preview[data-v-2729384f] {
    position: relative;
    width: 276px;
    height: 100%;
    background: url(/diy4/static/img/jianye-web-preview-weixin.675816c.png) no-repeat;
    background-size: 100%
}

.jianye-preview .content .phone .weixin-preview .msg-content[data-v-2729384f] {
    position: absolute;
    left: 21px;
    top: 81px;
    width: 209px;
    height: 100px;
    box-sizing: border-box;
    padding: 13px
}

.jianye-preview .content .phone .weixin-preview .msg-content[data-v-2729384f], .jianye-preview .content .phone .weixin-preview .msg-content [data-v-2729384f] {
    cursor: pointer
}

.jianye-preview .content .phone .weixin-preview .msg-content .left[data-v-2729384f] {
    display: inline-block;
    width: 130px
}

.jianye-preview .content .phone .weixin-preview .msg-content .left .title[data-v-2729384f] {
    margin-bottom: 2px;
    font-size: 14px;
    color: #161616;
    width: 100%;
    height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.jianye-preview .content .phone .weixin-preview .msg-content .left .summary[data-v-2729384f] {
    font-size: 12px;
    color: #898989;
    width: 100%;
    height: 50px;
    overflow: hidden
}

.jianye-preview .content .phone .weixin-preview .msg-content .right[data-v-2729384f] {
    display: inline-block;
    width: 45px
}

.jianye-preview .content .phone .weixin-preview .msg-content .right .thumb[data-v-2729384f] {
    margin-top: 24px;
    width: 50px;
    height: 50px;
    max-width: 50px;
    -o-object-fit: cover;
    object-fit: cover
}

.jianye-preview .content .phone .switch[data-v-2729384f] {
    position: absolute;
    left: 160px;
    bottom: 5px;
    height: 13px
}

.jianye-preview .content .phone .switch .point[data-v-2729384f] {
    cursor: pointer;
    width: 11px;
    height: 11px;
    border-radius: 100%;
    background-color: #00a0e9;
    display: inline-block;
    margin: 2px;
    transition: all .2s
}

.jianye-preview .content .phone .switch .active[data-v-2729384f] {
    background-color: #c5c5c5
}

.jianye-preview .content .share[data-v-2729384f] {
    width: 162px;
    height: 100%;
    float: right
}

.jianye-preview .content .share .qrcode-img[data-v-2729384f] {
    position: relative;
    width: 162px;
    height: 258px;
    background: url(/diy4/static/img/jianye-qrcode.0a90367.png) no-repeat;
    margin-top: 100px
}

.jianye-preview .content .share .qrcode-img .tip[data-v-2729384f] {
    text-align: center;
    font-size: 14px;
    padding: 12px;
    color: #676767
}

.jianye-preview .content .share .qrcode-img #preview-code[data-v-2729384f] {
    position: absolute;
    left: 10px;
    top: 105px;
    width: 140px;
    height: 140px
}

.jianye-preview .content .share .download[data-v-2729384f] {
    margin-top: 40px
}

.jianye-preview .content .share .download .item-btn[data-v-2729384f] {
    width: 162px;
    height: 40px;
    margin: 4px 0;
    font-size: 14px;
    cursor: pointer;
    text-align: center;
    color: #676767;
    background-color: #fff;
    border: 1px solid #e9e9e9;
    box-shadow: 0 2px 2px rgba(0, 0, 0, .1)
}

.jianye-preview .content .share .download .item-btn [data-v-2729384f] {
    cursor: pointer
}

.jianye-preview .content .share .download .item-btn i[data-v-2729384f] {
    color: #9fa0a0;
    margin-right: 2px;
    top: 1px;
    position: relative
}

.jianye-preview .content .share .download .item-btn[data-v-2729384f]:active {
    opacity: .7
}

.jianye-preview .content .share .share-to-social[data-v-2729384f] {
    margin-top: 20px;
    text-align: center;
    margin-left: -10px
}

.jianye-preview .content .share .share-to-social .title[data-v-2729384f] {
    color: #a1a1a1;
    font-size: 13px;
    padding: 10px
}

.jianye-preview .content .share .share-to-social .icon .item[data-v-2729384f] {
    display: inline-block;
    width: 32px;
    height: 32px;
    line-height: 32px;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    margin: 2px;
    transition: all .3s;
    position: relative
}

.jianye-preview .content .share .share-to-social .icon .item[data-v-2729384f]:hover {
    opacity: .7
}

.jianye-preview .content .share .share-to-social .icon .item[data-v-2729384f]:hover:before {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.jianye-preview .content .share .share-to-social .icon .item[data-v-2729384f]:before {
    pointer-events: none;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 50%;
    border: 2px solid red;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    transition: all .3s;
    opacity: 0
}

.jianye-preview .content .share .share-to-social .icon .icon1[data-v-2729384f] {
    background-color: #59c4f1
}

.jianye-preview .content .share .share-to-social .icon .icon1[data-v-2729384f]:before {
    border-color: #59c4f1
}

.jianye-preview .content .share .share-to-social .icon .icon2[data-v-2729384f] {
    background-color: #ec643d
}

.jianye-preview .content .share .share-to-social .icon .icon2[data-v-2729384f]:before {
    border-color: #ec643d
}

.jianye-preview .content .share .share-to-social .icon .icon3[data-v-2729384f] {
    background-color: #1cacff
}

.jianye-preview .content .share .share-to-social .icon .icon3[data-v-2729384f]:before {
    border-color: #1cacff
}

.jianye-preview .content .share .share-to-social .icon .icon4[data-v-2729384f] {
    background-color: #ffcb3c
}

.jianye-preview .content .share .share-to-social .icon .icon4[data-v-2729384f]:before {
    border-color: #ffcb3c
}

.jianye-preview .close-btn[data-v-2729384f] {
    background: #00a2eb;
    width: 38px;
    height: 38px;
    text-align: center;
    line-height: 38px;
    color: #fff;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer
}

.jianye-preview .close-btn[data-v-2729384f]:hover {
    opacity: .7
}

.lock-modal {
    width: 247px;
    right: 190px;
    top: 104px;
    color: #898989;
    padding: 10px 0 18px
}

.lock-modal p {
    font-size: 14px;
    padding: 0 20px 0 18px;
    line-height: 27px;
    height: 27px
}

.lock-modal p span {
    line-height: 27px;
    font-size: 16px;
    color: #ababab;
    font-weight: 700;
    vertical-align: top;
    padding: 0 5px 0 0
}

.lock-modal p:first-child {
    color: #00a2eb
}

.lock-modal button {
    margin-left: 18px;
    width: 69px;
    height: 27px;
    line-height: 27px;
    text-align: center;
    background-color: #00a2eb;
    border-radius: 2px;
    color: #fff;
    font-size: 14px;
    margin-top: 10px
}

.forbidden-modal {
    width: 634px;
    height: 341px;
    border: 7px solid rgba(0, 0, 0, .34);
    top: 50%;
    left: 50%;
    margin-top: -170px;
    margin-left: -317px;
    background-color: #fff;
    padding: 0
}

.forbidden-modal .title-bg {
    height: 46px;
    background-color: #00aeee
}

.forbidden-modal .message {
    margin-top: 50px;
    padding: 0 56px 0 126px;
    background: url(/diy4/static/img/ico-forbidden.618bf41.png) no-repeat 50px 10px;
    line-height: 25px;
    font-size: 18px;
    color: #00aeee
}

.forbidden-modal .link {
    margin-top: 30px;
    padding-left: 126px
}

.forbidden-modal .link li {
    display: inline-block;
    width: 145px;
    margin-right: 47px;
    margin-bottom: 15px
}

.forbidden-modal .link li a {
    font-size: 18px;
    color: #00aeee
}

abbr, address, article, aside, audio, b, blockquote, body, body div, caption, cite, code, dd, del, details, dfn, dl, dt, em, fieldset, figure, footer, form, h1, h2, h3, h4, h5, h6, header, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video {
    margin: 0;
    padding: 0;
    font-weight: 400;
    /*vertical-align: baseline;*/
    background: transparent
}

article, aside, details, figure, footer, header, nav, section, summary {
    display: block
}

html {
    box-sizing: border-box
}

*, :after, :before {
    box-sizing: inherit
}

embed, img, object {
    max-width: 100%
}

ul {
    list-style: none
}

blockquote, q {
    quotes: none
}

blockquote:after, blockquote:before, q:after, q:before {
    content: "";
    content: none
}

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    text-decoration: none;
    color: inherit
}

del {
    text-decoration: line-through
}

abbr[title], dfn[title] {
    border-bottom: 1px dotted #000;
    cursor: help
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

th {
    font-weight: 700;
    vertical-align: bottom
}

td {
    font-weight: 400;
    vertical-align: top
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0
}

input, select {
    vertical-align: middle
}

pre {
    white-space: pre;
    white-space: pre-wrap;
    white-space: pre-line;
    word-wrap: break-word
}

input[type=radio] {
    vertical-align: text-bottom
}

input[type=checkbox] {
    vertical-align: bottom
}

.ie7 input[type=checkbox] {
    vertical-align: baseline
}

.ie6 input {
    vertical-align: text-bottom
}

table {
    font-size: inherit;
    font: 100%
}

small {
    font-size: 85%
}

strong {
    font-weight: 700
}

td, td img {
    vertical-align: top
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

code, kbd, pre, samp {
    font-family: monospace, sans-serif
}

.clickable, button, input[type=button], input[type=file], input[type=submit], label {
    cursor: pointer
}

button, input, select {
    border: none;
    outline: none;
    padding: 0;
    font-family: microsoft yahei
}

button, input, select, textarea {
    margin: 0
}

button, input[type=button] {
    width: auto;
    overflow: visible
}

.ie7 img {
    -ms-interpolation-mode: bicubic
}

.clearfix:after, .clearfix:before {
    content: " ";
    display: block;
    height: 0;
    overflow: hidden
}

.clearfix:after {
    clear: both
}

.clearfix {
    zoom: 1
}

@font-face {
    font-family: tbzico;
    src: url(/diy4/static/fonts/iconfont.0b21024.eot);
    src: url(/diy4/static/fonts/iconfont.0b21024.eot#iefix) format("embedded-opentype"), url("data:application/x-font-woff;charset=utf-8;base64,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") format("woff"), url(/diy4/static/fonts/iconfont.221f4e8.ttf) format("truetype"), url(/diy4/static/img/iconfont.1dfc478.svg#tbzico) format("svg")
}

.tbzico {
    font-family: tbzico !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.ico-warning:before {
    content: "\E673"
}

.ico-loading:before {
    content: "\E61F"
}

.ico-close1:before {
    content: "\E6DB"
}

.ico-upload1:before {
    content: "\E6DA"
}

.ico-more:before {
    content: "\E603"
}

.ico-fav:before {
    content: "\E604"
}

.ico-el:before {
    content: "\E605"
}

.ico-del:before {
    content: "\E606"
}

.ico-bought:before {
    content: "\E607"
}

.ico-design:before {
    content: "\E608"
}

.ico-share:before {
    content: "\E609"
}

.ico-arrow2:before {
    content: "\E60C"
}

.ico-disk:before {
    content: "\E60D"
}

.ico-size:before {
    content: "\E60E"
}

.ico-skin:before {
    content: "\E60F"
}

.ico-work:before {
    content: "\E610"
}

.ico-meida:before {
    content: "\E611"
}

.ico-set:before {
    content: "\E612"
}

.ico-info:before {
    content: "\E613"
}

.ico-recom:before {
    content: "\E614"
}

.ico-life:before {
    content: "\E615"
}

.ico-taobao:before {
    content: "\E616"
}

.ico-eye:before {
    content: "\E617"
}

.ico-print:before {
    content: "\E618"
}

.ico-heart:before {
    content: "\E61A"
}

.ico-zeng:before {
    content: "\E61B"
}

.ico-cross:before {
    content: "\E61C"
}

.ico-fold:before {
    content: "\E61E"
}

.ico-arrow3:before {
    content: "\E620"
}

.ico-close:before {
    content: "\E621"
}

.ico-bill:before {
    content: "\E622"
}

.ico-email:before {
    content: "\E623"
}

.ico-search:before {
    content: "\E624"
}

.ico-phone:before {
    content: "\E625"
}

.ico-sort:before {
    content: "\E626"
}

.ico-down:before {
    content: "\E627"
}

.ico-out:before {
    content: "\E628"
}

.ico-addbd:before {
    content: "\E629"
}

.ico-add:before {
    content: "\E62A"
}

.ico-setbd:before {
    content: "\E62B"
}

.ico-showblock:before {
    content: "\E62C"
}

.ico-showlist:before {
    content: "\E62D"
}

.ico-folder:before {
    content: "\E62F"
}

.ico-bi:before {
    content: "\E619"
}

.ico-wenjianjiaguanbi:before {
    content: "\E630"
}

.ico-wenjianjiadakai:before {
    content: "\E631"
}

.ico-kai:before {
    content: "\E632"
}

.ico-upload:before {
    content: "\E633"
}

.ico-creator:before {
    content: "\E637"
}

.ico-tuichu:before {
    content: "\E638"
}

.ico-logo2:before {
    content: "\E639"
}

.ico-edit:before {
    content: "\E63A"
}

.ico-gmember:before {
    content: "\E61D"
}

.ico-gdesign:before {
    content: "\E63B"
}

.ico-logo:before {
    content: "\E63C"
}

.ico-store:before {
    content: "\E62E"
}

.ico-eSize:before {
    content: "\E63D"
}

.ico-eBack:before {
    content: "\E63F"
}

.ico-ePreview:before {
    content: "\E640"
}

.ico-eShare:before {
    content: "\E641"
}

.ico-eLogo:before {
    content: "\E643"
}

.ico-ePrint:before {
    content: "\E644"
}

.ico-left:before {
    content: "\E634"
}

.ico-flipy:before {
    content: "\E646"
}

.ico-ok:before {
    content: "\E647"
}

.ico-fenxiang:before {
    content: "\E648"
}

.ico-share-moments:before {
    content: "\E649"
}

.ico-share-wx:before {
    content: "\E64A"
}

.ico-copy:before {
    content: "\E64B"
}

.ico-share-weibo:before {
    content: "\E64F"
}

.ico-italic:before {
    content: "\E650"
}

.ico-align-center:before {
    content: "\E651"
}

.ico-remove:before {
    content: "\E654"
}

.ico-upload2:before {
    content: "\E655"
}

.ico-shouye:before {
    content: "\E656"
}

.ico-shouye1:before {
    content: "\E657"
}

.ico-shouye2:before {
    content: "\E658"
}

.ico-setting:before {
    content: "\E659"
}

.ico-shouye4:before {
    content: "\E65A"
}

.ico-menu:before {
    content: "\E65B"
}

.ico-flipx:before {
    content: "\E65C"
}

.ico-elements:before {
    content: "\E65D"
}

.ico-image:before {
    content: "\E663"
}

.ico-arrow:before {
    content: "\E664"
}

.ico-tpl:before {
    content: "\E665"
}

.ico-wenzi:before {
    content: "\E666"
}

.ico-newpage:before {
    content: "\E667"
}

.ico-tpl-active:before {
    content: "\E668"
}

.ico-mydesign-active:before {
    content: "\E669"
}

.ico-mydesign:before {
    content: "\E66A"
}

.ico-bought-active2:before {
    content: "\E66B"
}

.ico-bought2:before {
    content: "\E66C"
}

.ico-account:before {
    content: "\E66D"
}

.ico-account-active:before {
    content: "\E66E"
}

.ico-qqspace:before {
    content: "\E675"
}

.ico-weChat:before {
    content: "\E677"
}

.ico-comment:before {
    content: "\E678"
}

.ico-dianzan:before {
    content: "\E679"
}

.ico-eaddpage:before {
    content: "\E67A"
}

.ico-epage:before {
    content: "\E67B"
}

.ico-eService:before {
    content: "\E67E"
}

.ico-skin-in:before {
    content: "\E681"
}

.ico-eArrow2:before {
    content: "\E65E"
}

.ico-eReverse2:before {
    content: "\E65F"
}

.ico-eSave:before {
    content: "\E660"
}

.ico-eUpper:before {
    content: "\E662"
}

.ico-eCompute:before {
    content: "\E66F"
}

.ico-eCopy:before {
    content: "\E672"
}

.ico-eBold:before {
    content: "\E682"
}

.ico-eRound:before {
    content: "\E683"
}

.ico-eAcenter:before {
    content: "\E684"
}

.ico-eUnlock:before {
    content: "\E685"
}

.ico-eAround:before {
    content: "\E686"
}

.ico-eItalic:before {
    content: "\E687"
}

.ico-eDel0:before {
    content: "\E688"
}

.ico-eSort:before {
    content: "\E689"
}

.ico-eLink:before {
    content: "\E68A"
}

.ico-eLup:before {
    content: "\E68B"
}

.ico-ePhone:before {
    content: "\E68C"
}

.ico-eAh:before {
    content: "\E68D"
}

.ico-eReverse:before {
    content: "\E68E"
}

.ico-eLock:before {
    content: "\E68F"
}

.ico-eAtop:before {
    content: "\E691"
}

.ico-eAup:before {
    content: "\E692"
}

.ico-eUnderline:before {
    content: "\E693"
}

.ico-eOpacity:before {
    content: "\E694"
}

.ico-img:before {
    content: "\E695"
}

.ico-eArrow:before {
    content: "\E696"
}

.ico-eDownload:before {
    content: "\E699"
}

.ico-eLtop:before {
    content: "\E69A"
}

.ico-eAlign:before {
    content: "\E69B"
}

.ico-eShadow:before {
    content: "\E661"
}

.ico-eLbottom:before {
    content: "\E690"
}

.ico-eLdown:before {
    content: "\E697"
}

.ico-care:before {
    content: "\E698"
}

.ico-touying:before {
    content: "\E64C"
}

.ico-huanrao:before {
    content: "\E64D"
}

.ico-caijian:before {
    content: "\E64E"
}

.ico-koutu:before {
    content: "\E652"
}

.ico-display:before {
    content: "\E653"
}

.ico-pause:before {
    content: "\E635"
}

.ico-play:before {
    content: "\E636"
}

.ico-remove2:before {
    content: "\E63E"
}

.ico-erweima:before {
    content: "\E670"
}

.ico-chuanboshuju:before {
    content: "\E671"
}

.ico-bofang:before {
    content: "\E674"
}

.ico-danyexiangmu:before {
    content: "\E676"
}

.ico-fangkelaiyuan:before {
    content: "\E67C"
}

.ico-diqufenbu:before {
    content: "\E67D"
}

.ico-fuzhi:before {
    content: "\E67F"
}

.ico-pingjuntingliushichang:before {
    content: "\E680"
}

.ico-liulanliang:before {
    content: "\E69C"
}

.ico-shanchu:before {
    content: "\E69D"
}

.ico-fangkeshu:before {
    content: "\E69E"
}

.ico-shangxianzhong:before {
    content: "\E69F"
}

.ico-shoujipinpai:before {
    content: "\E6A0"
}

.ico-shengyin:before {
    content: "\E6A1"
}

.ico-shujuzonglan:before {
    content: "\E6A2"
}

.ico-tingliushichang:before {
    content: "\E6A3"
}

.ico-xiaxian:before {
    content: "\E6A4"
}

.ico-xiazaierweima:before {
    content: "\E6A5"
}

.ico-tongji:before {
    content: "\E6A6"
}

.ico-yemianbeifenxiang:before {
    content: "\E6A7"
}

.ico-zanting:before {
    content: "\E6A8"
}

.ico-yixiaxian:before {
    content: "\E6A9"
}

.ico-zongfangkeshu:before {
    content: "\E6AA"
}

.ico-yichu:before {
    content: "\E6AB"
}

.ico-zongfenxiangshu:before {
    content: "\E6AC"
}

.ico-zongliulanliang:before {
    content: "\E6AD"
}

.ico-liulan:before {
    content: "\E6AE"
}

.ico-fenxiang1:before {
    content: "\E6AF"
}

.ico-shoucang:before {
    content: "\E6B0"
}

.ico-yidong-faxianmoban:before {
    content: "\E6B1"
}

.ico-yidong-wodedanye:before {
    content: "\E6B2"
}

.ico-alignVCenter:before {
    content: "\E642"
}

.ico-alignTop:before {
    content: "\E645"
}

.ico-alignRight:before {
    content: "\E6B3"
}

.ico-alignCenter:before {
    content: "\E6B4"
}

.ico-alignBottom:before {
    content: "\E6B5"
}

.ico-alignLeft:before {
    content: "\E6B6"
}

.ico-option:before {
    content: "\E6B7"
}

.ico-remove1:before {
    content: "\E6B8"
}

.ico-remove3:before {
    content: "\E6B9"
}

.ico-faxianmoban:before {
    content: "\E6BA"
}

.ico-shujutongji1:before {
    content: "\E6BE"
}

.ico-shujutongji:before {
    content: "\E6BB"
}

.ico-faxianmoban1:before {
    content: "\E6BF"
}

.ico-wodejianye1:before {
    content: "\E6C0"
}

.ico-wodesucai1:before {
    content: "\E6C1"
}

.ico-wodejianye:before {
    content: "\E6BC"
}

.ico-wodesucai:before {
    content: "\E6BD"
}

.ico-tuichu1:before {
    content: "\E6C2"
}

.ico-queding:before {
    content: "\E6C3"
}

.ico-wancheng:before {
    content: "\E6C4"
}

.ico-biaodanshuju:before {
    content: "\E6C5"
}

.ico-fangwenshuju:before {
    content: "\E6C6"
}

.ico-toupiaoshuju:before {
    content: "\E6C7"
}

.ico-music:before {
    content: "\E6C8"
}

.ico-tubiaozhizuomoban:before {
    content: "\E6C9"
}

.ico-tubiaozhizuomoban1:before {
    content: "\E6CA"
}

.ico-anzhuo:before {
    content: "\E6CB"
}

.ico-pingguo:before {
    content: "\E6CC"
}

.ico-gengduo:before {
    content: "\E6CD"
}

.ico-shenqingfapiao:before {
    content: "\E6CE"
}

.ico-xiugaitouxiang:before {
    content: "\E6CF"
}

.ico-shouzhijilu:before {
    content: "\E6D0"
}

.ico-zhanghuchongzhi:before {
    content: "\E6D1"
}

.ico-touxiang:before {
    content: "\E6D2"
}

.ico-xiugai:before {
    content: "\E6D3"
}

.ico-grid:before {
    content: "\E6D4"
}

.ico-guide:before {
    content: "\E6D5"
}

.ico-psupload:before {
    content: "\E6D6"
}

.ico-zoomin:before {
    content: "\E6D7"
}

.ico-zoomout:before {
    content: "\E6D8"
}

.ico-arrowRight:before {
    content: "\E6D9"
}