.Instrument-txt-main .edui-for-fontfamily {
    width: 76px
}

.Instrument-txt-main .edui-for-fontfamily .edui-combox-body, .Instrument-txt-main .edui-for-fontsize .edui-combox-body {
    border-radius: 3px
}

.Instrument-txt-main {
    width: 100%;
    background: rgba(47,64,86,.9);
}

.edui-shortcutmenu .edui-for-fontsize {
    width: 85px;
    height: 21px;
    margin: 0 5px 0 0 !important
}

.edui-shortcutmenu .edui-for-fontfamily {
    width: 72px;
    height: 21px;
    margin: 0 5px 0 0 !important
}

.edui-shortcutmenu .edui-for-letterspacing {
    margin: 0 2px !important
}

.edui-shortcutmenu .edui-for-strikethrough {
    margin: 0 2px !important
}

.edui-default .edui-shortcutmenu {
    width: 308px;
    height: 130px;
    padding: 12px;
    box-sizing: border-box;
    background-color: rgba(47,64,86,.9);
    cursor: move
}
.Instrument-txt-main .edui-box:before{
    color:#fff;
}

.Instrument-txt-main .edui-button-body{
    width: 32px!important;
}

.Instrument-txt-top {
    height: 20px;
    line-height: 20px;
    margin: 0 0 10px 0
}

.Instrument-txt-top p {
    color: #fff;
    font-size: 12px;
    padding-left: 5px;
    margin-left: 5px;
    letter-spacing: 1px
}

.Instrument-txt-main > div {
    margin: 0 5px !important;
    cursor: pointer
}

.Instrument-txt-main .edui-box .edui-icon, .Instrument-txt-main .edui-box .edui-icon, .Instrument-txt-main .edui-box .edui-icon {
    height: 22px !important;
    width: 22px !important;
    border: 1px solid transparent;
    border-radius: 3px;
    /*background-image: url(../image/icons_new.png?ver=0612) !important;*/
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    box-sizing: border-box
}

.Instrument-txt-main .edui-for-forecolor .edui-icon {
    background-position: -140px -530px !important
}

.Instrument-txt-main .edui-for-forecolor .edui-arrow {
    background-image: url(../image/tools_back.png?ver=0612) !important;
    background-position: -78px -42px !important
}

.Instrument-txt-main .edui-for-backcolor .edui-icon {
    width: 24px !important;
    background-position: 1px -530px !important
}

.Instrument-txt-main .edui-for-backcolor .edui-arrow {
    background-image: url(../image/tools_back.png?ver=0612) !important;
    background-position: -78px -42px !important
}

.Instrument-txt-main .edui-for-bold .edui-icon {
    background-position: -353px -389px !important
}

.Instrument-txt-main .edui-for-italic .edui-icon {
    background-position: -425px -459px !important
}

.Instrument-txt-main .edui-for-underline .edui-icon {
    background-position: -353px -459px !important
}

.Instrument-txt-main .edui-for-letterspacing .edui-icon, .Instrument-txt-main .edui-for-shadowcolor .edui-icon {
    background-position: -639px -458px !important
}

.Instrument-txt-main .edui-for-letterspacing .edui-arrow {
    background-image: url(../image/tools_back.png?ver=0612) !important;
    background-position: -78px -42px !important
}

.Instrument-txt-main .edui-for-shadowcolor .edui-icon {
    background-position: -213px -529px !important
}

.Instrument-txt-main .edui-for-strikethrough .edui-icon {
    width: 24px !important;
    background-position: -261px -43px !important
}

.Instrument-txt-main .edui-for-fontborder .edui-icon {
    background-position: -401px -44px !important
}

.Instrument-txt-main .edui-for-formatmatch .edui-icon {
    background-position: -69px -529px !important
}

.Instrument-txt-main .edui-for-justifycenter .edui-icon {
    background-position: 1px -459px !important
}

.Instrument-txt-main .edui-for-justifyleft .edui-icon {
    background-position: -566px -387px !important
}

.Instrument-txt-main .edui-for-justifyright .edui-icon {
    background-position: -636px -387px !important
}

.Instrument-txt-main .edui-for-justifyjustify .edui-icon {
    background-position: -494px -387px !important
}

.Instrument-txt-main .edui-for-indent .edui-icon {
    background-position: -281px -459px !important
}

.Instrument-txt-main .edui-for-lineheight .edui-icon {
    background-position: -494px -458px !important
}

.Instrument-txt-main .edui-for-lineheight .edui-arrow {
    background-image: url(../image/tools_back.png?ver=0612) !important;
    background-position: -76px -41px !important
}

.Instrument-txt-main .edui-for-rowspacingtop .edui-icon {
    background-position: -282px -388px !important
}

.Instrument-txt-main .edui-for-rowspacingtop .edui-arrow, .Instrument-txt-main .edui-for-rowspacingbottom .edui-arrow, .Instrument-txt-main .edui-for-insertunorderedlist .edui-arrow {
    background-image: url(../image/tools_back.png?ver=0612) !important;
    background-position: -76px -42px !important
}

.Instrument-txt-main .edui-for-rowspacingbottom .edui-icon {
    background-position: -70px -388px !important
}

.Instrument-txt-main .edui-for-link .edui-icon {
    background-position: -83px -75px !important
}

.Instrument-txt-main .edui-for-newlink .edui-icon {
    background-position: 1px -388px !important
}

.Instrument-txt-main .edui-for-insertunorderedlist .edui-icon {
    background-position: -108px -74px !important
}

.Instrument-txt-main .edui-for-removeformat .edui-icon {
    background-position: -141px -459px !important
}

.Instrument-txt-main .edui-for-input .edui-icon {
    background-position: -212px -388px  !important
}

.Instrument-txt-main .edui-for-input .edui-arrow {
    background-image: url(../image/tools_back.png?ver=0612) !important;
    background-position: -37px -74px !important
}

.Instrument-txt-main .edui-for-textsplit .edui-icon {
    background-position: -197px -75px !important
}

.Instrument-txt-main .edui-for-extractformat .edui-icon {
    background-position: -222px -74px !important
}

.Instrument-txt-main > div {
    margin: 0 1px !important;
    cursor: pointer
}

.Instrument-txt-main > div.edui-for-formatmatch, .Instrument-txt-main > div.edui-for-justifycenter, .Instrument-txt-main > div.edui-for-justifyleft, .Instrument-txt-main > div.edui-for-justifyright, .Instrument-txt-main > div.edui-for-justifyjustify, .Instrument-txt-main > div.edui-for-indent, .Instrument-txt-main > div.edui-for-lineheight, .Instrument-txt-main > div.edui-for-rowspacingtop, .Instrument-txt-main > div.edui-for-rowspacingbottom, .Instrument-txt-main > div.edui-for-link, .Instrument-txt-main > div.edui-for-newlink, .Instrument-txt-main > div.edui-for-insertorderedlist, .Instrument-txt-main > div.edui-for-insertunorderedlist, .Instrument-txt-main > div.edui-for-removeformat, .Instrument-txt-main > div.edui-for-textsplit, .Instrument-txt-main > div.edui-for-input, .Instrument-txt-main > div.edui-for-extractformat,.Instrument-txt-main > div.edui-for-shadowcolor,.Instrument-txt-main > div.edui-for-letterspacing,.Instrument-txt-main > div.edui-for-backcolor {
    margin: 6px 5.4px 0 0 !important
}


.Instrument-txt-main > div.edui-for-extractformat {
    margin: 10px -1px 0 0 !important
}

.Instrument-txt-main .edui-for-shadowcolor .edui-arrow {
    background-image: url(../image/tools_back.png?ver=0612) !important;
    background-position: -78px -42px !important
}

.Instrument-txt-main .edui-for-shadowcolor .edui-colorlump {
    bottom: 2px !important;
    left: 2px !important
}

.Instrument-txt-main .edui-state-hover .edui-splitbutton-body, .Instrument-txt-main .edui-state-hover .edui-button-wrap, .Instrument-txt-main .edui-state-hover .edui-menubutton-body {
    border: 1px solid #AEAEAE !important;
    box-sizing: border-box;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    background-color: transparent !important
}

.Instrument-txt-main .edui-state-checked .edui-splitbutton-body, .Instrument-txt-main .edui-state-checked .edui-button-wrap, .Instrument-txt-main .edui-state-checked .edui-menubutton-body, .Instrument-txt-main .edui-state-opened .edui-splitbutton-body, .Instrument-txt-main .edui-state-opened .edui-button-wrap, .Instrument-txt-main .edui-state-opened .edui-menubutton-body {
    background-color: #dc7e0f !important;
    padding: 0;
    border: 1px solid #dc7e0f !important;
    box-sizing: border-box;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px
}

#edui_fixedlayer > .edui-for-input {
    width: 178px !important;
    height: 52px !important
}

.Instrument-txt-main > div.edui-for-formatmatc, .Instrument-txt-main > div.edui-for-indent, .Instrument-txt-main > div.edui-for-removeformat, .Instrument-txt-main > div.edui-for-textsplit, .Instrument-txt-main > div.edui-for-extractformat {
    width: 22px !important
}

.Instrument-txt-main > div.edui-for-justifycenter, .Instrument-txt-main > div.edui-for-justifyleft, .Instrument-txt-main > div.edui-for-justifyright, .Instrument-txt-main > div.edui-for-link, .Instrument-txt-main > div.edui-for-newlink, .Instrument-txt-main > div.edui-for-justifyjustify {
    width: 20px !important
}

.Instrument-txt-main > div.edui-for-lineheight, .Instrument-txt-main > div.edui-for-rowspacingtop, .Instrument-txt-main > div.edui-for-rowspacingbottom, .Instrument-txt-main > div.edui-for-insertorderedlist, .Instrument-txt-main > div.edui-for-input {
    width: 27px !important
}

.Instrument-txt-main .edui-for-input {
    position: inherit !important
}

.edui-shortcutmenu .edui-toolbar .edui-combox-body .edui-arrow {
    width: 15px !important
}

.Jpmtobar-img {
    width: 309px;
    color: #fff;
    font-size: 14px;
    margin-top: 10px;
    letter-spacing: 2px
}

.Jpmtobar-img-body {
    height: 96px;
    padding: 12px 2px 0 2px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-color: rgba(47,64,86,.9);
    box-sizing: border-box
}

.Instrument-txt-top {
    height: 20px;
    line-height: 20px;
    margin: 0 0 10px 5px
}

.Instrument-txt-top > p {
    color: #fff;
    font-size: 12px;
    margin-left: 5px;
    letter-spacing: 1px;
    box-sizing: border-box
}

.Instrument-txt-tops {
    margin: 0 0 5px 0
}

.Instrument-txt-tops > p {
    margin-left: 0;
    padding-left: 0
}

.Instrument-txt-top > p > span {
    display: inline-block;
    vertical-align: top;
    height: 11px;
    margin: 4px 8px 0 0;
    border-left: 2px solid #16d17f;
}

.Jpmtobar-img-mains {
    height: 52px;
    margin-top: 4px
}

.Jpmtobar-img-mains > div {
    position: relative;
    float: left;
    height: 26px;
    line-height: 26px;
    cursor: pointer;
    box-sizing: border-box
}

.Jpmtobar-img-mains > div > p {
    padding-left: 10px;
    font-size: 12px;
    text-align: center;
    line-height: 26px;
    box-sizing: border-box
}

.Jpmtobar-img-mains > div > p:hover {
    color: #16d17f;
    background-color: transparent
}

.Jpmtobar-img-mains > i {
    float: left;
    height: 12px;
    margin: 7px 0
}

.Jpmtobar-img-mains > div i {
    margin: 0 0 0 3px
}

.Jpmtobar-img-mains > i.Jpmtobar-img-top {
    margin: 7px 0
}

.Jpmtobar-img-top > p > span.sp1 {
    display: inline-block;
    vertical-align: middle;
    width: 4px;
    height: 4px;
    margin: 0 3px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    background-color: #fff
}

.Jpmtobar-img-margin {
    display: none;
    text-align: right;
    box-sizing: border-box
}

.Jpmtobar-img-margin-main {
    position: relative;
    display: inline-block;
    text-align: center;
    padding: 8px 65px 0 0
}

.Jpmtobar-img-margin-main > span {
    position: absolute;
    top: 4px;
    left: 114px;
    border-width: 5px;
    border-style: solid;
    border-color: rgba(47,64,86,.9) rgba(47,64,86,.9) transparent transparent;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg)
}

.Jpmtobar-img-margin-main .Jpmtobar-img-cont {
    width: 237px;
    height: 100px;
    border-radius: 5px;
    padding: 10px 10px 0;
    box-sizing: border-box;
    background-color: rgba(47,64,86,.9);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    text-align: left;
    font-size: 0;
    letter-spacing: 0;
    cursor: default
}

.Jpmtobar-img-list {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    width: 125px;
    height: 20px;
    margin: 0 0 10px 0;
    line-height: 20px
}

.Jpmtobar-img-list:nth-child(2n) {
    margin: 0 0 10px 16px
}

.Jpmtobar-img-list .title {
    float: left;
    width: 42px;
    color: #fff;
    letter-spacing: 1px
}

.Jpmtobar-img-list .input {
    float: right;
    width: 85px;
    height: 20px;
    line-height: 20px;
    margin: 0 0 0 8px;
    border-radius: 2px;
    background-color: #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px
}

.Jpmtobar-img-list .input input, .Jpmtobar-img-list .input p {
    float: left;
    width: 65px;
    height: 20px;
    line-height: 21px;
    padding: 0 5px;
    box-sizing: border-box;
    background-color: transparent
}

.Jpmtobar-img-list .input span {
    float: right;
    color: #333;
    padding: 0 5px 0 0;
    line-height: 20px;
    box-sizing: border-box
}

.Jpmtobar-img-margin-main .Jpmtobar-img-list {
    width: 100px
}

.Jpmtobar-img-margin-main .Jpmtobar-img-list .input {
    width: 50px
}

.Jpmtobar-img-margin-main .Jpmtobar-img-list .input input {
    width: 31px
}

.Jpmtobar-beautify-main {
    display: none;
    height: 34px;
    padding: 0 65px 0 0
}

.Jpmtobar-beautify-main .Jpmtobar-img-main {
    position: relative;
    float: right;
    width: 135px;
    height: 26px;
    letter-spacing: 0;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    text-align: center;
    cursor: default
}

.Jpmtobar-beautify-main .Jpmtobar-img-main .sp1 {
    position: absolute;
    left: 63px;
    bottom: -4px;
    border-width: 5 pxborder-style: solid;
    border-color: transparent rgba(47,64,86,.9) rgba(47,64,86,.9) transparent;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg)
}

.Jpmtobar-beautify-main .Jpmtobar-img-main > div {
    margin: 0 0 -9px 0
}

.Jpmtobar-img-margin-cont {
    display: none;
    padding: 0 0 0 40px
}

.Jpmtobar-img-margin-cont .Jpmtobar-img-main {
    position: relative;
    padding: 8px 0 0
}

.Jpmtobar-img-margin-cont .Jpmtobar-img-main > .sp1 {
    position: absolute;
    top: 4px;
    left: 130px;
    border-width: 5px;
    border-style: solid;
    border-color: rgba(47,64,86,.9) rgba(47,64,86,.9) transparent transparent;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg)
}

.Jpmtobar-img-main > div {
    overflow: hidden;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg)
}

.Jpmtobar-img-main p {
    float: left;
    width: 45px;
    line-height: 26px;
    text-align: center;
    font-size: 12px;
    cursor: pointer;
    background-color: rgba(47,64,86,.9)
}

.Jpmtobar-img-main p:first-child {
    border-radius: 3px 0 0 3px;
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    -ms-border-radius: 3px 0 0 3px;
    -o-border-radius: 3px 0 0 3px
}

.Jpmtobar-img-main p:last-child {
    border-radius: 0 3px 3px 0;
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    -ms-border-radius: 0 3px 3px 0;
    -o-border-radius: 0 3px 3px 0
}

.Jpmtobar-img-main p:hover {
    background-color: rgba(47,64,86,.9)
}

.Jpmtobar-img-shadow-main {
    display: inline-block;
    cursor: default
}

.Jpmtobar-img-shadow {
    position: relative;
    width: 277px;
    color: #fff;
    padding: 8px 0 0 0px
}

.Jpmtobar-img-shadow .Jpmtobar-img-cont {
    padding: 10px;
    border-radius: 5px;
    box-sizing: border-box;
    background-color: rgba(47,64,86,.9);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    font-size: 0;
    letter-spacing: 0
}

.Jpmtobar-img-shadow > span {
    position: absolute;
    left: 120px;
    top: 4px;
    width: 12px;
    height: 12px;
    transform: rotate(45deg);
    background-color: rgba(47,64,86,.9);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg)
}

.Jpmtobar-img-shadow .Jpmtobar-img-list .title {
    width: 26px
}

.Jpmtobar-img-shadow .Jpmtobar-img-list .input {
    width: 90px
}

.Jpmtobar-img-shadow .Jpmtobar-img-list .input p {
    width: 77px;
    padding: 0 0 0 5px;
    font-size: 13px;
    line-height: 21px;
    height: 21px
}

.Jpmtobar-img-list .input p {
    color: #333
}

.Jpmtobar-img-list .input p i {
    margin: -4px 5px 0 0;
    border: 1px solid #eee;
    box-sizing: border-box;
    vertical-align: middle
}

.Jpmtobar-drag-cont {
    padding: 8px 0;
    box-sizing: border-box;
    background-color: transparent !important
}

.Jpmtobar-drag-mian {
    cursor: pointer;
    float: left;
    position: relative;
    width: 53px;
    height: 6px;
    background-color: #AFAFAF;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px
}

.edit-drag-bg {
    position: absolute;
    left: 0;
    width: 60%;
    height: 6px;
    background-color: #fff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px
}

.edit-drag-hand {
    position: absolute;
    top: -3px;
    left: 60%;
    width: 12px;
    height: 12px;
    margin: 0 0 0 -6px;
    border: 1px solid #707070;
    background-color: #fff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%
}

.edit-drag-hand:hover {
    opacity: .8
}

.Jpmtobar-shadow-color {
    float: right;
    width: 20px;
    height: 20px;
    margin: -7px 0 0;
    border-radius: 3px;
    background-color: #8A8A8A;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px
}

.R-img-last-list {
    width: 272px;
    margin: 0
}

.Jpmtobar-img-shadow .Jpmtobar-img-list:nth-child(2) {
    width: 115px
}

.Jpmtobar-img-shadow .Jpmtobar-img-list:nth-child(3) .input {
    float: left;
    width: 90px
}

.Jpmtobar-img-shadow .Jpmtobar-img-list:nth-child(3) .input input {
    width: 71px
}

.Jpmtobar-img-shadow .Jpmtobar-img-list:nth-child(4) {
    width: 116px
}

.Jpmtobar-img-shadow .Jpmtobar-img-list:nth-child(4) .input {
    float: left;
    width: 81px
}

.Jpmtobar-img-shadow .Jpmtobar-img-list:nth-child(4) .input input {
    width: 55px
}

.Jpmtobar-img-shadow .Jpmtobar-img-list .Jpmtobar-drag-cont {
    float: left;
    width: 81px
}

.Jpmtobar-img-shadow .R-img-last-list .Jpmtobar-drag-cont {
    float: left;
    width: 222px
}

.Jpmtobar-img-shadow .R-img-last-list .Jpmtobar-drag-mian {
    width: 162px
}

.edit-spin-value {
    float: right;
    width: 50px;
    height: 20px;
    margin: -7px 0 0 0;
    line-height: 20px;
    background-color: #fff;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px
}

.edit-spin-value input {
    width: 50px !important;
    padding: 0 5px;
    text-align: center;
    box-sizing: border-box;
    background-color: transparent
}

.Jpmtobar-img-shadow .Jpmtobar-img-list .input > div {
    position: relative;
    cursor: pointer
}

.Jpmtobar-img-shadow .Jpmtobar-img-list .input ul {
    display: none;
    position: absolute;
    left: 0;
    top: 22px;
    z-index: 10;
    width: 100%;
    padding: 5px 0px 5px;
    box-sizing: border-box;
    border-radius: 5px;
    background-color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border: 1px solid #ddd
}

.Jpmtobar-i-shadow {
    display: inline-block;
    vertical-align: middle;
    width: 10px;
    height: 10px
}

.Jpmtobar-right-bottom {
    box-shadow: 1px 1px #000
}

.Jpmtobar-left-bottom {
    box-shadow: -1px 1px #000
}

.Jpmtobar-right-top {
    box-shadow: 1px -1px #000
}

.Jpmtobar-left-top {
    box-shadow: -1px -1px #000
}

.Jpmtobar-top {
    box-shadow: 0px -1px #000
}

.Jpmtobar-bottom {
    box-shadow: 0px 1px #000
}

.Jpmtobar-left {
    box-shadow: -1px 0px #000
}

.Jpmtobar-right {
    box-shadow: 1px 0px #000
}

.Jpmtobar-around {
    box-shadow: 0px 0px 0px 1px #000
}

.Jpmtobar-img-shadow .Jpmtobar-img-list .input ul li p {
    width: 100%;
    text-align: left;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0
}

.Jpmtobar-img-shadow .Jpmtobar-img-list .input ul li p:hover {
    background-color: #D4D4D4
}

.Jpmtobar-img-mains > div > p:hover > span {
    background-color: #16d17f
}

.Jpmtobar-img-more {
    width: 309px;
    color: #fff;
    margin: 0;
    padding: 0 8px 10px 8px;
    cursor: default;
    box-sizing: border-box;
    background-color: rgba(47,64,86,.9);
    border-radius: 0 0 10px 10px;
    -webkit-border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    -ms-border-radius: 0 0 10px 10px;
    -o-border-radius: 0 0 10px 10px
}

.Jpmtobar-more-list {
    height: 15px;
    line-height: 15px;
    margin: 0 0 10px 2px;
    font-size: 12px;
    letter-spacing: 1px
}

.Jpmtobar-more-list:last-child {
    margin: 0 0 0 2px
}

.Jpmtobar-more-list > div {
    float: left
}

.Jpmtobar-more-list > p {
    float: left;
    letter-spacing: 1px
}

.Jpmtobar-more-list .title {
    margin: 4px 4px 0 0;
}

.Jpmtobar-more-list .left {
    width: 36px;
    text-align: center;
    margin: 0 10px 0 0
}

.Jpmtobar-more-list .Jpmtobar-drag-mian {
    margin: 8px 10px 8px 0;
    width: 178px
}

.Jpmtobar-more-list .right {
    width: 37px;
    text-align: center;
    margin: 0 10px 0 0
}

.Jpmtobar-more-list ._input {
    width: 58px;
    padding: 0 2px 0 5px;
    box-sizing: border-box;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    color: #333;
    height: 20px
}

.Jpmtobar-more-list ._input input {
    width: 38px;
    height: 16px;
    line-height: 16px;
    box-sizing: border-box;
    padding-left: 8px;
    vertical-align: top;
    border-radius: 2px;
    margin-top: 3px;
}

.Jpmtobar-more-list ._input span {
    display: inline-block;
    vertical-align: top;
    line-height: 20px;
    color: #eee
}

.Jpmtobar-more-list .tit {
    margin: 4px 5px 0 0
}

.edit-drag-hand:hover {
    cursor: pointer;
    opacity: .8
}

.Jpmtobar-more-list .checked {
    width: 16px;
    height: 16px;
    text-align: center;
    line-height: 16px;
    margin: 2px 15px 0 5px;
    cursor: pointer;
    border-radius: 2px;
    background-color: #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px
}

.Jpmtobar-checked-main > p {
    float: left
}

.Jpmtobar-more-list .checked:hover {
    opacity: .8
}

.Jpmtobar-more-list i {
    color: #000
}

.Jpmtobar-more-list .active i {
    color: rgb(71, 82, 85)
}

.Jpmtobar-checked-main {
    display: none
}

.Instrument-txt-top > p > span {
    display: inline-block;
    vertical-align: top;
    height: 11px;
    margin: 4px 8px 0 0;
    border-left: 2px solid #16d17f;
}

.Jpmtobar-img-body .Instrument-txt-top {
    margin: 0 0 0px 5px
}

.Jpmtobar-img-body .Instrument-txt-top p {
    float: left;
    margin: 0;
    padding-left: 7px
}

.Jpmtobar-img-body .Instrument-txt-top .Jpmtobar-mate-icon {
    padding: 0 10px 0 0
}

.Jpmtobar-mate {
    width: 309px;
    margin: 10px 0;
    font-size: 14px;
    letter-spacing: 2px
}

.Jpmtobar-mate-body {
    padding: 12px 12px 6px;
    box-sizing: border-box;
    border-radius: 10px;
    background-color: rgba(47,64,86,.9);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    box-shadow: 0 0 10px #2e2e2e;
}

.Jpmtobar-mate .Instrument-txt-top {
    margin: 0 0 3px
}

.Jpmtobar-mate .Instrument-txt-top:nth-child(2) {
    margin: 8px 0 5px
}

.Jpmtobar-mate .Instrument-txt-top > P {
    float: left;
    margin: 0;
    padding-left: 2px
}

.Jpmtobar-mate-icon {
    float: right;
    margin: -1px 0 0;
    height: 22px;
    display: flex
}

.Jpmtobar-mate-icon > div {
    position: relative;
    float: left;
    margin: 0 0 0 10px;
    line-height: 18px;
    cursor: pointer;
    box-sizing: border-box;
    height: 18px;
    color: #fff;
    font-size: 16px;
}

.Jpmtobar-mate-icon > div .icon-guanbi {
    font-size: 18px;
}

@-webkit-keyframes tools-animate{
    10% {
        transform: rotate(15deg);
    }
    20% {
        transform: rotate(-10deg);
    }
    30% {
        transform: rotate(5deg);
    }
    40% {
        transform: rotate(-5deg);
    }
    50%,100% {
        transform: rotate(0deg);
    }
}
@-moz-keyframes tools-animate{
    10% {
        transform: rotate(15deg);
    }
    20% {
        transform: rotate(-10deg);
    }
    30% {
        transform: rotate(5deg);
    }
    40% {
        transform: rotate(-5deg);
    }
    50%,100% {
        transform: rotate(0deg);
    }
}
@-o-keyframes tools-animate{
    10% {
        transform: rotate(15deg);
    }
    20% {
        transform: rotate(-10deg);
    }
    30% {
        transform: rotate(5deg);
    }
    40% {
        transform: rotate(-5deg);
    }
    50%,100% {
        transform: rotate(0deg);
    }
}
@keyframes tools-animate{
    10% {
        transform: rotate(15deg);
    }
    20% {
        transform: rotate(-10deg);
    }
    30% {
        transform: rotate(5deg);
    }
    40% {
        transform: rotate(-5deg);
    }
    50%,100% {
        transform: rotate(0deg);
    }
}

.Jpmtobar-mate-silde .icon {
    background-position: -502px -197px
}

.Jpmtobar-mate-sort .icon {
    background-position: -19px -13px
}

.Jpmtobar-mate-barrage .icon1 {
    width: 30px;
    display: inline-block;
    vertical-align: middle;
    letter-spacing: 0;
    height: 18px;
    border-radius: 2px;
    line-height: 18px;
    text-align: center;
    color: #16d17f;
    font-size: 12px;
    border: 1px solid #16d17f;
    box-sizing: border-box
}

.Jpmtobar-mate-add .icon {
    background-position: -90px -12px
}

.Jpmtobar-mate-unadd .icon {
    background-position: -300px -73px
}

.Jpmtobar-mate-clearGap .icon {
    background-position: -330px -73px
}

.Jpmtobar-mate-fenge .icon {
    background-position: -392px -73px
}

.Jpmtobar-mate-border .icon {
    background-position: -126px -12px
}

.Jpmtobar-mate-lock .icon {
    /*background-position: -441px -14px*/
    background: #c38b24;
    border-radius: 50% !important;
    line-height: 17px;
    text-align: center;
    font-weight: bolder;
    border: 1px solid #fff !important;
    color: #fff;
    padding-left: 2px;
    font-size: 12px;
    margin-left: 4px;
}

.Jpmtobar-mate-unlock .icon {
    background: #c38b24;
    border-radius: 50% !important;
    line-height: 17px;
    text-align: center;
    font-weight: bolder;
    border: 1px solid #fff !important;
    color: #fff;
    padding-left: 2px;
    font-size: 12px;
    margin-left: 4px;
}
.Jpmtobar-mate-ques{
    margin-left: 15px !important;
}
.Jpmtobar-mate-ques .icon {
    background: #ca79d8;
    border-radius: 50% !important;
    line-height: 17px;
    text-align: center;
    font-weight: bolder;
    border: 1px solid #fff !important;
    color: #fff;
    padding-left: 1px;
    font-size: 16px;
}

.Jpmtobar-mate-close .icon {
    background: #f30d5b;
    border-radius: 50% !important;
    line-height: 13px;
    text-align: center;
    font-weight: bolder;
    border: 1px solid #fff !important;
    color: #fff;
    padding-left: 0px;
    font-size: 16px;
}

.Jpmtobar-mate-icon > div:hover .tips {
    display: block
}

.Jpmtobar-mate-icon > div .tips {
    display: none;
    position: absolute;
    z-index: 10;
    top: -24px;
    left: -11px;
    width: 42px;
    height: 20px;
    font-size: 12px;
    line-height: 20px;
    border-radius: 3px;
    color: #fff;
    text-align: center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    background-color: rgba(47,64,86,.9)
}

.Jpmtobar-mate-icon > div.Jpmtobar-mate-clearGap .tips {
    left: -20px;
    width: 59px
}

.Jpmtobar-mate-icon > div.Jpmtobar-mate-clearGap .tips span {
    left: 27px
}

.Jpmtobar-mate-icon > div .tips > span {
    position: absolute;
    left: 17px;
    bottom: -3px;
    width: 6px;
    height: 6px;
    background-color: rgba(47,64,86,.9);
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg)
}
.Jpmtobar-mate-clear .icon {
    background-position: -328px -71px
}

.Jpmtobar-mate-middle .icon {
    background-position: -161px -12px
}

.Jpmtobar-mate-bottom .icon {
    background-position: -195px -12px
}

.Jpmtobar-mate-top .icon {
    background-position: -221px -12px
}

.Jpmtobar-mate-addleft .icon {
    background-position: -299px -10px
}

.Jpmtobar-mate-addright .icon {
    background-position: -266px -12px
}

.Jpmtobar-mate-color {
    overflow: hidden;
    padding: 5px 10px 0;
    margin: 0 -10px;
    box-sizing: border-box
}

.Jpmtobar-mate-color > span {
    float: left;
    width: 20px;
    height: 20px;
    box-sizing: border-box;
    margin: 0px 5px 5px 0px;
    border-radius: 1px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    -ms-border-radius: 1px;
    -o-border-radius: 1px;
    cursor: pointer;
    border: 1px solid #ebebeb
}

.Jpmtobar-mate-color > span:hover {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    box-shadow: #fff 0px 0px 4px inset
}

.Jpmtobar-mate-color > span:nth-child(15n) {
    margin: 0 0 5px 0
}

.Jpmtobar-mate-main {
    height: 54px;
    margin: 1px -10px 0;
    color: #fff;
    font-size: 12px;
    line-height: 20px;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.Jpmtobar-mate-opera {
    float: left;
    padding-left: 8px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    box-sizing: border-box;
    cursor: pointer
}

.Jpmtobar-mate-four {
}

.Jpmtobar-mate-three {
}

.Jpmtobar-mate-opera > p > i {
    margin: 0 0 0 0px
}

.Jpmtobar-mate-opera:hover {
    color: #16d17f;
}

.Jpmtobar-mate-main > i {
    float: left;
    height: 12px;
    margin: 7px 0px;
    width: 1px
}

.Jpmtobar-mate-opera > p > span {
    display: inline-block;
    vertical-align: middle;
    width: 5px;
    height: 5px;
    margin: 0 2px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    background-color: #fff
}

.Jpmtobar-mate-opera2 {
    box-sizing: border-box
}

.Jpmtobar-mate-main > i.Jpmtobar-mate-opera2 {
    margin: 7px 0px;
    padding: 0
}

.Jpmtobar-mate-part-cont {
    cursor: default
}

.Jpmtobar-mate-part {
    display: none;
    text-align: center;
    position: relative;
    padding: 8px 0 0 0
}

.Jpmtobar-mate-part > span {
    position: absolute;
    top: 4px;
    left: 106px;
    border-width: 5px;
    border-style: solid;
    border-color: rgba(47,64,86,.9) rgba(47,64,86,.9) transparent transparent;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg)
}

.Jpmtobar-mate-part-main {
    font-size: 0;
    letter-spacing: 0;
    text-align: left;
    height: 130px;
    padding: 10px;
    box-sizing: border-box;
    background-color: rgba(47,64,86,.9);
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px
}

.Jpmtobar-part-list {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    width: 90px;
    height: 20px;
    margin: 0 6px 10px 0;
    line-height: 20px
}

.Jpmtobar-part-list .title {
    float: left;
    width: 40px;
    color: #fff;
    letter-spacing: 1px
}

.Jpmtobar-part-list .input {
    float: right;
    width: 50px;
    height: 20px;
    line-height: 20px;
    background-color: #fff;
    border-radius: 2px;
}

.Jpmtobar-part-list .input input {
    float: left;
    width: 30px;
    height: 20px;
    line-height: 21px;
    padding: 0 5px;
    box-sizing: border-box;
    background-color: transparent;
    border-radius: 2px;
}

.Jpmtobar-part-list .input span {
    float: right;
    color: #666;
    padding: 0 3px 0 0;
    line-height: 20px;
    box-sizing: border-box;
}

.Jpmtobar-mate-more {
    width: 307px;
    clear:both;
    height: 135px;
    color: #fff;
    margin: 0 0 0 -10px;
    padding: 5px 5px 0;
    box-sizing: border-box;
    border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -ms-border-radius: 0 0 5px 5px;
    -o-border-radius: 0 0 5px 5px;
    cursor: default
}

.Jpmtobar-mate-more-btn:hover span {
    background-color: #16d17f
}

.Instrument-txt-main .edui-splitborder {
    width: 1px !important;
    border-left: none !important
}

.Jpmtobar-part-list:last-child {
    margin: 0;
    width: 285px
}

.Jpmtobar-part-list:last-child .input {
    float: left;
    width: 58px;
    margin: 0 4px 0 0
}

.Jpmtobar-part-list:last-child .input .qmsg {
    float: left;
    padding: 0 0 0 2px;
}

.Jpmtobar-part-list:last-child .msg {
    float: right;
    display: inline-block;
}

.Jpmtobar-part-list:last-child .input input {
    width: 24px;
    padding: 0 3px
}

.Jpmtobar-part-list:last-child .title {
    margin: 0 10px 0 0
}

.Jpmtobar-part-list:last-child .input:last-child {
    margin: 0
}

.Jpmtobar-img-margin-main .Jpmtobar-img-list:first-child {
    width: 217px
}

.Jpmtobar-img-margin-main .Jpmtobar-img-list:first-child .input {
    float: left;
    width: 39px;
    margin: 0 4px 0 0
}

.Jpmtobar-img-margin-main .Jpmtobar-img-list:first-child .input:last-child {
    margin: 0 -2px 0 0
}

.Jpmtobar-img-margin-main .Jpmtobar-img-list:first-child .input span {
    float: left;
    padding: 0 2px
}

.Jpmtobar-img-margin-main .Jpmtobar-img-list:first-child .input input {
    width: 22px;
    padding: 0 2px
}

.Jpmtobar-img-margin-main .Jpmtobar-img-list:first-child .title {
    margin: 0 8px 0 0
}

.Jpmtobar-img-margin-main .Jpmtobar-img-list:nth-child(2n) {
    margin: 0
}

.Jpmtobar-mate-icon .Jpmtobar-mate-top > div {
    width: 59px;
    left: -20px
}

.Jpmtobar-mate-icon .Jpmtobar-mate-top > div > span {
    left: 26px
}

.Jpmtobar-mate-icon .Jpmtobar-mate-bottom > div {
    width: 59px;
    left: -20px
}

.Jpmtobar-mate-icon .Jpmtobar-mate-bottom > div > span {
    left: 26px
}

.Jpmtobar-mate-icon > div.Jpmtobar-mate-add .icon:hover {
    border-color: #ff9600
}

.Jpmtobar-img-margin-main .Jpmtobar-img-list:nth-child(2) {
    margin: 0 0 10px 0
}

.Jpmtobar-img-margin-main .Jpmtobar-img-list:nth-child(3) {
    margin: 0 0 10px 17px
}

.Jpmtobar-img-margin-main .Jpmtobar-img-list:nth-child(4) {
    margin: 0
}

.Jpmtobar-img-list:nth-child(2n) {
    margin: 0 0 10px 16px
}

.Jpmtobar-mate-icon > div.Jpmtobar-mate-unadd .icon:hover {
    border-color: #ff9600
}

.edui-for-textattr .edui-icon {
    width: 20px;
    height: 20px;
    background-position: 4px 3px;
    background-image: url(../image/fullattr01.png) !important;
    background-repeat: no-repeat
}

.editor-contextmenu {
    z-index: 12;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 238px;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.16);
    border-radius: 3px;
    font-size: 0
}

.editor-contextmenu li {
    cursor: pointer;
    background-color: #fff;
    border-bottom: 1px solid #F6F6F6
}

.editor-contextmenu li:last-child {
    border-bottom: 0
}

.editor-contextmenu-list {
    position: relative
}

.editor-contextmenu li > .name {
    position: relative;
    padding: 0 10px
}

.editor-contextmenu li > .name:hover {
    background-color: #f8f8f8
}

.editor-contextmenu li > .name > p {
    display: inline-block;
    vertical-align: middle;
    height: 28px;
    line-height: 28px
}

.editor-contextmenu li > .name > p.editor-icon {
    width: 20px;
    height: 20px;
    line-height: 20px;
    background-image: url(../image/editor_right.png);
    background-repeat: no-repeat
}

.editor-contextmenu li > .name > p.text {
    width: calc(100% - 36px);
    padding: 0 8px;
    font-size: 12px;
    color: #393939
}

.editor-contextmenu .editor-second-list > .name > p.text {
    width: calc(100% - 20px)
}

.editor-contextmenu li > .name > p.editor-more {
    width: 16px;
    height: 16px;
    line-height: 16px;
    font-size: 18px;
    color: #333;
    text-align: right
}

.editor-contextmenu li > .name > p.isdefault {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #999;
    position: absolute;
    top: 12px;
    right: 10px
}

.editor-contextmenu li > .name > p.isused {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #44B549;
    position: absolute;
    top: 12px;
    right: 10px
}

.editor-second-right {
    padding: 0 0 0 5px;
    display: none;
    position: absolute;
    left: 100%;
    top: 0;
    width: 160px
}

.editor-second-right > ul {
    background-color: #fff;
    border-radius: 3px;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.16)
}

.editor-contextmenu-list:hover .editor-second-right {
    display: block
}

.editor-second-right.editor-align-right {
    width: 85px;
    font-size: 0
}

.editor-align-right li.editor-second-list {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    width: 20px;
    height: 20px;
    border-bottom: none;
    text-align: center;
    margin: 0 5px 5px 0
}

.editor-align-right li.editor-second-list:hover {
    background-color: #f8f8f8
}

.editor-align-right > ul {
    padding: 5px 5px 0
}

.editor-align-right li > .name {
    padding: 0
}

.editor-align-right li.editor-second-list:nth-child(3n) {
    margin: 0 0 5px 0
}

.Instrument-text-tittle {
    float: left
}

.Instrument-text-tittle + .Jpmtobar-mate-ques {
    position: relative;
    float: right;
    width: 22px;
    margin: 0 0 0 10px;
    line-height: 20px;
    cursor: pointer;
    box-sizing: border-box
}

.Instrument-text-tittle + div .icon {
    float: right;
    width: 18px;
    height: 18px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(71, 82, 85);
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    box-sizing: border-box;
    background-position: -479px -14px
}

.Instrument-text-tittle + .Jpmtobar-mate-ques:hover .tips {
    display: block
}

.Instrument-text-tittle + div .tips {
    display: none;
    position: absolute;
    z-index: 10;
    top: -24px;
    left: -11px;
    width: 42px;
    height: 20px;
    font-size: 12px;
    line-height: 20px;
    border-radius: 3px;
    color: #fff;
    text-align: center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    background-color: #858585
}

.Instrument-text-tittle + div .tips span {
    position: absolute;
    left: 17px;
    bottom: -3px;
    width: 6px;
    height: 6px;
    background-color: #858585;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg)
}