.tabletool{width:309px;color:#fff;margin-top:10px;letter-spacing:2px;position:relative;z-index:1000;font-size:12px;}
.tabletool *{box-sizing:border-box;}
.tabletool-body{background-color:rgba(47,64,86,.9);height:100px;padding:12px 12px 6px;border-radius:10px;}





/*表格工具条顶部*/
.tabletool-top{height:20px;line-height:20px;}
.tabletool-top>p{float:left;margin:0;color:#ffffff;letter-spacing:1px;}
.tabletool-top>p>span{display:inline-block;vertical-align:middle;height:11px;margin:-2px 8px 0 0;width:2px;background-color:#16d17f;}
.tabletool-icon{float:right;padding:0px 0 0px 0px;margin:-1px 0px 0px;}
.tabletool-icon>div{position: relative;
    float: left;
    width: 18px;
    margin: 0 0 0 10px;
    line-height: 18px;
    cursor: pointer;
    box-sizing: border-box;
    height: 18px;
    color: #fff;
    font-size: 16px;}
.tabletool-icon>div .icon{display:block;height:22px;background-image:url(https://server.xmyeditor.com/else/20210327/4195b8c26fa34d2e0bff0677566c7511.png);border-width:1px;border-style:solid;border-color:rgb(71,82,85);border-radius:3px;}
/* .tabletool-icon-a .icon{background-position:-402px -13px;} */
.tabletool-icon-b .icon{background-position:-479px -14px;}
.tabletool-icon-c .icon{background-position:-517px -14px;}
.tabletool-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;
    background-color: rgba(47,64,86,.9);
}
.tabletool-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);}
.tabletool-icon>div:hover .tips{display:block;}


/*操作内容*/
.tabletool-mains{display: flex;flex-wrap: wrap;width: 100%;}
.tabletool-mains>div{position:relative;height:30px;line-height:30px;text-align: center;padding: 0 7px 0 0;}

/*插入*/
.tabletool-a .p1{padding:0px;cursor:pointer;}
.tabletool-a .d1{position:absolute;width:80px;z-index:100;left:-25px;top:20px;padding-top:10px;letter-spacing:0px;display:none;cursor:default;}
.tabletool-a .d1 ul{background-color:rgba(47,64,86,.9);box-shadow:0px 0px 3px rgba(255,255,255,0.32);border-radius:5px;}
.tabletool-a .d1 li{position:relative;}
.tabletool-a .p2{height:38px;line-height:38px;cursor:pointer;}
.tabletool-a .p2 i{width:20px;height:20px;margin:10px 8px 0px 0px;}
.tabletool-a .d2{background-color:rgba(47,64,86,.9);box-shadow:0px 0px 3px rgba(255,255,255,0.32);border-radius:5px;width:110px;padding:15px 0px;position:absolute;left:80px;top:0px;display:none;z-index:100;}
.tabletool-a .p3{height:20px;text-align:center;line-height:20px;padding-left:14px;display: flex;align-items: center;}
.tabletool-a .p3 span{height:20px;line-height:20px;margin-right:5px;}
.tabletool-a .p3 input{height:20px;width:50px;padding:0px 0px 0px 6px;border-radius:2px;color:#475255;}
.tabletool-a .p4{height:20px;text-align:center;line-height:20px;margin-top:10px;cursor:pointer;padding:0px 13px;display: flex;align-items: center;}
.tabletool-a .p4 span{width:16px;height:16px;border:1px solid #ccc;line-height:14px;margin:0px 0px 0px 5px;border-radius:2px;display: inline-block;}
.tabletool-a .p4 span i{display:none;}
.tabletool-a .p5{height:24px;border:1px solid #ccc;width:80%;margin:15px auto 0px;line-height:22px;border-radius:5px;text-align:center;cursor:pointer;}
.tabletool-a .p5:hover{color:#16d17f;border:1px solid #16d17f;}
.tabletool-a:hover .p1{color:#16d17f;}
.tabletool-a .d1 li:hover .p2{background-color:rgba(0,0,0,0.2);}
.tabletool-a .d1 li:hover .d2{display:block !important;}


/*合并*/
.tabletool-b .p1{padding:0px;cursor:pointer;}
.tabletool-b .d1{position:absolute;width:95px;z-index:100;left:-30px;top:20px;padding-top:10px;letter-spacing:0px;display:none;cursor:default;}
.tabletool-b .d1 ul{background-color:rgba(47,64,86,.9);box-shadow:0px 0px 3px rgba(255,255,255,0.32);border-radius:5px;}
.tabletool-b .d1 li{position:relative;}
.tabletool-b .p2{padding-left:10px;height:30px;line-height:30px;cursor:pointer;text-align: left;}
.tabletool-b:hover .p1{color:#16d17f;}
.tabletool-b .d1 li:hover .p2{color:#16d17f;}




/*应用格式*/
.tabletool-c .p1{padding:0px;cursor:pointer;}
.tabletool-c .d1{position:absolute;width:105px;z-index:100;left:-34px;top:20px;padding-top:10px;letter-spacing:0px;display:none;cursor:default;}
.tabletool-c .d1 ul{background-color:rgba(47,64,86,.9);box-shadow:0px 0px 3px rgba(255,255,255,0.32);border-radius:5px;}
.tabletool-c .d1 li{position:relative;}
.tabletool-c .p2{padding-left:10px;height:30px;line-height:30px;cursor:pointer;text-align: left;}
.tabletool-c:hover .p1{color:#16d17f;}
.tabletool-c .d1 li:hover .p2{color:#16d17f;}


/*对齐*/
.tabletool-d .p1{padding:0px;cursor:pointer;}
.tabletool-d .d1{position:absolute;width:230px;z-index:100;left:-90px;top:20px;padding-top:10px;letter-spacing:0px;display:none;cursor:default;}
.tabletool-d .d1 ul{background-color:rgba(47,64,86,.9);box-shadow:0px 0px 3px rgba(255,255,255,0.32);border-radius:5px;padding:10px 0px 10px;}
.tabletool-d .p2{height:20px;line-height:20px;text-align:center;}
.tabletool-d .li2{height:20px;margin:10px 0px;padding: 0px 22px;display: flex;justify-content: space-between;}
.tabletool-d .p3{height:20px;line-height:20px;cursor:pointer;text-align:center;display: flex;align-items: center;}
.tabletool-d .p3 span{width:16px;height:16px;border:1px solid #ccc;line-height:14px;margin:0px 3px 0px 0px;border-radius:2px;display: inline-block;}
.tabletool-d .p3 span i{display:none;}
.tabletool-d .p4{height:20px;line-height:20px;cursor:pointer;text-align:center;display: flex;align-items: center;}
.tabletool-d .p4 span{width:16px;height:16px;border:1px solid #ccc;line-height:14px;margin:0px 3px 0px 0px;border-radius:2px;display: inline-block;}
.tabletool-d .p4 span i{display:none;}
.tabletool-d .p6{height:20px;line-height:20px;cursor:pointer;text-align:center;display: flex;align-items: center;}
.tabletool-d .p6 span{width:16px;height:16px;border:1px solid #ccc;line-height:14px;margin:0px 3px 0px 0px;border-radius:2px;display: inline-block;}
.tabletool-d .p6 span i{display:none;}

.tabletool-d .li3{font-size:0px;margin:8px 0 0;padding: 0 4px;}
.tabletool-d .p5{position: relative; display:inline-block;width:25%;height: 40px; vertical-align:top;padding:10px 0px 0px;cursor:pointer;font-size: 12px;text-align: center;line-height: 20px;}
.tabletool-d .p5 i{width:20px;height:20px;display:block;margin:0 auto;}
.tabletool-d .p5:hover{background-color:rgba(0,0,0,0.2);}
.tabletool-d .p5:hover>span{display: block;}
.tabletool-d:hover .p1{color:#16d17f;}
.tabletool-ic+span{
    position: absolute;
    z-index: 10;
    top: -31px;
    left: -7px;
    width: 70px;
    height: 20px;
    line-height: 20px;
    border-radius: 3px;
    color: #fff;
    text-align: center;
    background-color: #858585;
    display: none;
}
.tabletool-ic+span>span{
    position: absolute;
    left: 32px;
    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);
}


/*边框*/
.tabletool-e .p1{padding:0px;cursor:pointer;}
.tabletool-e .p1 i{margin-left:5px;}
.tabletool-e .d1{position:absolute;width:150px;z-index:100;left:-60px;top:20px;padding-top:10px;letter-spacing:0px;display:none;cursor:default;}
.tabletool-e .d1 ul{background-color:rgba(47,64,86,.9);box-shadow:0px 0px 3px rgba(255,255,255,0.32);border-radius:5px;padding:15px 0px 15px 18px;}
/*边框-样式*/
.tabletool-e .li1{position:relative;height:20px;margin-bottom:10px;display: flex;justify-content: flex-start;}
.tabletool-e .li1>span{height:20px;line-height:20px;}
.tabletool-e .li1>div{height:20px;width:70px;position:relative;cursor:pointer;}
.tabletool-e .li1>div>p{width:100%;height:100%;background-color:#fff;border-radius:2px;padding:0px 0px 0px 8px;line-height:20px;position:relative;color:#475255;}
.tabletool-e .li1>div>p i{position:absolute;right:8px;top:-1px;font-size:16px;}
.tabletool-e .li1>div>div{position:absolute;top:20px;left:0px;background-color:#fff;width:100%;z-index:100;padding-top:2px;display:none;border-radius:0px 0px 2px 2px;box-shadow: 0 1px 2px 1px #999;}
.tabletool-e .li1>div>div p{height:24px;line-height:24px;padding-left:8px;color:#475255;}
.tabletool-e .li1>div>div p:hover{background-color:rgba(0,0,0,0.2);}

/*边框-位置*/
.tabletool-e .li2{position:relative;height:20px;margin-bottom:10px;display: flex;justify-content: flex-start;}
.tabletool-e .li2>span{height:20px;line-height:20px;}
.tabletool-e .li2>div{height:20px;width:70px;position:relative;cursor:pointer;}
.tabletool-e .li2>div>p{width:100%;height:100%;background-color:#fff;border-radius:2px;padding:0px 0px 0px 8px;line-height:20px;position:relative;color:#475255;}
.tabletool-e .li2>div>p i{position:absolute;right:8px;top:-1px;font-size:16px;}
.tabletool-e .li2>div>div{position:absolute;top:20px;left:0px;background-color:#fff;width:100%;z-index:100;padding-top:2px;display:none;border-radius:0px 0px 2px 2px;box-shadow: 0 1px 2px 1px #999;}
.tabletool-e .li2>div>div p{height:24px;line-height:24px;padding-left:8px;color:#475255;}
.tabletool-e .li2>div>div p:hover{background-color:rgba(0,0,0,0.2);}

/*边框-选择*/
.tabletool-e .li3{position:relative;height:20px;margin-bottom:10px;display: flex;justify-content: flex-start;}
.tabletool-e .li3>p{height:20px;line-height:20px;cursor:pointer;margin-right:5px;text-align:center;display: flex;}
.tabletool-e .li3>p>span{
    width: 16px;
    height: 16px;
    border: 1px solid #ccc;
    line-height: 14px;
    margin: 2px 5px 0px 0px;
    border-radius: 8px;
    text-align: center;
    position: relative;
    display: flex;
}
.tabletool-e .li3>p>span i{display:none;
    position: absolute;
    font-size: 12px;
    top: 0px;
    left: 1px;}
/*边框-颜色*/
.tabletool-e .li4{position:relative;height:20px;margin-bottom:10px;display: flex;justify-content: flex-start;}
.tabletool-e .li4>span{height:20px;line-height:20px;}
.tabletool-e .li4>p{width:20px;height:20px;border:1px solid #ccc;border-radius:4px;cursor:pointer;background-image: url(https://web2.xmyeditor.com/xmyweb/20210426/98b855805ae5b50a1df5dd72f23af586.png);}
/*边框-宽度*/
.tabletool-e .li5{position:relative;height:20px;margin-bottom:10px;display: flex;justify-content: flex-start;}
.tabletool-e .li5>span{height:20px;line-height:20px;}
.tabletool-e .li5>input{width:70px;height:20px;border-radius:2px;margin:0px;padding:0px 24px 0px 6px;}
.tabletool-e .li5>p{height:16px;line-height:16px;margin-left:-20px;color:#475255;}
/*边框-弧度*/
.tabletool-e .li6{position:relative;height:20px;display: flex;}
.tabletool-e .li6>span{height:20px;line-height:20px;}
.tabletool-e .li6>input{width:70px;height:20px;border-radius:2px;margin:0px;padding:0px 24px 0px 6px;}
.tabletool-e .li6>p{height:16px;line-height:16px;margin-left:-20px;color:#475255;}
.tabletool-e:hover .p1{color:#16d17f;}
/* 边框重置 */
.tabletool-e .li7{height:20px;line-height: 20px;margin-top: 10px;display: flex;justify-content: flex-start;}
.tabletool-e .li7>p{width: 106px;background-color: #fff;color: #333;text-align: center;border-radius: 3px;letter-spacing: 2px;cursor: pointer;}
.tabletool-e .li7>p:hover{box-shadow: 0 0 1px 1px #aaa;}

/*内距*/
.tabletool-f .p1{padding:0px;cursor:pointer;}
.tabletool-f .d1{position:absolute;width:115px;z-index:100;left:-40px;top:20px;padding-top:10px;letter-spacing:0px;display:none;cursor:default;}
.tabletool-f .d1 ul{background-color:rgba(47,64,86,.9);box-shadow:0px 0px 3px rgba(255,255,255,0.32);border-radius:5px;padding:10px 0px;}
.tabletool-f .d1 li{position:relative;height:30px;padding:5px 0px 0px 10px;display: flex;}
.tabletool-f .d1 li>span{line-height:20px;height:20px;margin-right:10px;}
.tabletool-f .d1 li>input{height:20px;width:70px;padding:0px 24px 0px 6px;border-radius:2px;}
.tabletool-f .d1 li>p{height:16px;line-height:16px;margin-left:-20px;color:#475255;}
/*.tabletool-f:hover .d1{display:block;}*/
.tabletool-f:hover .p1{color:#16d17f;}


/*删除*/
.tabletool-g .p1{padding:0px;cursor:pointer;}
.tabletool-g .d1{position:absolute;width:80px;z-index:100;left:-25px;top:20px;padding-top:10px;letter-spacing:0px;display:none;cursor:default;}
.tabletool-g .d1 ul{background-color:rgba(47,64,86,.9);box-shadow:0px 0px 3px rgba(255,255,255,0.32);border-radius:5px;}
.tabletool-g .d1 li{position:relative;}
.tabletool-g .p2{padding-left:10px;height:30px;line-height:30px;cursor:pointer;text-align: left;}
.tabletool-g .p2 i{width:20px;height:20px;margin:10px 8px 0px 0px;}
.tabletool-g:hover .p1{color:#16d17f;}
.tabletool-g .d1 li:hover .p2{color:#16d17f;}


/*颜色*/
.tabletool-h .p1{text-align:center;position:relative;cursor:pointer;position:relative;}
.tabletool-h .p1:hover {color:#16d17f;}
.tabletool-h .d1{position:absolute;width:90px;z-index:100;left:-35px;top:20px;padding-top:10px;letter-spacing:0px;cursor:default;display:none;}
.tabletool-h .d1 ul{background-color:rgba(47,64,86,.9);box-shadow:0px 0px 3px rgba(255,255,255,0.32);border-radius:5px;}
.tabletool-h .d1 li{position:relative;}
.tabletool-h .p2{padding-left:10px;height:30px;line-height:30px;cursor:pointer;position:relative;text-align: left;}
.tabletool-h .p2 i{width:20px;height:20px;margin:10px 8px 0px 0px;}
.tabletool-h .p2 span{font-size:14px;margin:0px 0px 0px 7px;position:relative;top:1px;}
.tabletool-h .d1 li:hover .p2{background-color:rgba(0,0,0,0.2);}
/*颜色-单元格背景色*/
.tabletool-h .li1 .d2{background-color:rgba(47,64,86,.9);box-shadow:0px 0px 3px rgba(255,255,255,0.32);border-radius:5px;width:205px;padding:15px 0px;position:absolute;left:90px;top:0px;z-index:100;display:none;}
.tabletool-h .li1 .p3{height:20px;padding-left:5px;display: flex;}
.tabletool-h .li1 .p3 span{width:20px;height:20px;border:1px solid #fff;border-radius:3px;cursor:pointer;}
.tabletool-h .li1 .p3 input{width:70px;height:20px;border-radius:2px;margin-left:8px;padding:0px 6px;}
.tabletool-h .li1 .d2>div{height:10px;margin-top:10px;padding-left:5px;display: flex;}
.tabletool-h .li1 .d2>div p{height:20px;line-height:20px;cursor:pointer;display: flex;align-items: center;flex-wrap: wrap;}
.tabletool-h .li1 .p5{margin-left:10px;}
.tabletool-h .li1 .p6{margin-left:10px;}
.tabletool-h .li1 .d3 span{width:16px;height:16px;border:1px solid #ccc;line-height:14px;margin:0px 5px 0px 0px;border-radius:20px;text-align:center;position:relative;}
.tabletool-h .li1 .d3 span i{width:6px;height:6px;background-color:#fff;position:absolute;border-radius:50%;top:4px;left:4px;}
/*颜色-单元格背景图*/
.tabletool-h .li2 .d2{background-color:#475255;box-shadow:0px 0px 3px rgba(255,255,255,0.32);border-radius:3px;width:230px;padding:15px 0px 15px 14px;position:absolute;left:130px;top:-7px;z-index:100;display:none;}
.tabletool-h .li2 .d3{height:20px;line-height:20px;}
.tabletool-h .li2 .d3>span{}
.tabletool-h .li2 .d4{height:20px;width:70px;position:relative;cursor:pointer;}
.tabletool-h .li2 .d4>p{width:100%;height:100%;background-color:#fff;border-radius:2px;padding:0px 0px 0px 8px;line-height:20px;position:relative;color:#475255;}
.tabletool-h .li2 .d4>p i{position:absolute;right:8px;top:-1px;font-size:16px;}
.tabletool-h .li2 .d4>div{position:absolute;top:19px;left:0px;background-color:#fff;width:100%;z-index:100;padding-top:2px;display:none;border-radius:0px 0px 2px 2px;}
.tabletool-h .li2 .d4>div p{height:24px;line-height:24px;padding-left:8px;color:#475255;}
.tabletool-h .li2 .d4>div p:hover{background-color:rgba(0,0,0,0.2);}
.tabletool-h .li2 .d4:hover>div{display:block;}
.tabletool-h .li2 .p3{height:20px;line-height:20px;margin-top:20px;}
.tabletool-h .li2 .p4{height:20px;margin-top:10px;}
.tabletool-h .li2 .p4 span{height:20px;border:1px solid #ccc;line-height:18px;padding:0px 6px;border-radius:2px;cursor:pointer;}
.tabletool-h .li2 .p4 span:hover{color:#16d17f;border-color:#16d17f;}
.tabletool-h .li2 .p4 .sp1{margin-right:8px;}
.tabletool-h .li2 .p4 .sp2{margin-right:8px;}
.tabletool-h .li2 .p5{margin-top:20px;height:20px;}
.tabletool-h .li2 .p5 span{height:20px;line-height:20px;}
.tabletool-h .li2 .p5 input{width:70px;height:20px;padding:0px 16px 0px 6px;border-radius:2px;}
.tabletool-h .li2 .p5 .sp1{margin-left:-14px;color:#475255;}
/*颜色-表格边框色*/
.tabletool-h .li3 .d2{background-color:rgba(47,64,86,.9);box-shadow:0px 0px 3px rgba(255,255,255,0.32);border-radius:5px;width:205px;padding:15px 0px;position:absolute;left:90px;top:-20px;z-index:100;display:none;}
.tabletool-h .li3 .p3{height:20px;padding-left:5px;display: flex;}
.tabletool-h .li3 .p3 span{width:20px;height:20px;background-color:#fff;border:1px solid #fff;border-radius:3px;cursor:pointer;background-image: url(https://web2.xmyeditor.com/xmyweb/20210426/98b855805ae5b50a1df5dd72f23af586.png);}
.tabletool-h .li3 .p3 input{width:70px;height:20px;border-radius:2px;margin-left:8px;padding:0px 6px;}
.tabletool-h .li3 .d2>div{height:10px;margin-top:10px;padding-left:5px;display: flex;align-items: center;}
.tabletool-h .li3 .d2>div p{height:20px;line-height:20px;cursor:pointer;display: flex;align-items: center;}
.tabletool-h .li3 .p5{margin-left:10px;}
.tabletool-h .li3 .d3 span{
    width: 16px;
    height: 16px;
    border: 1px solid #ccc;
    line-height: 14px;
    margin: 0px 5px 0px 0px;
    border-radius: 20px;
    text-align: center;
    position: relative;
}
.tabletool-h .li3 .d3 span i{
    background-color: #fff;
    position: absolute;
    border-radius: 50%;
    top: 4px;
    left: 4px;
    display:none;
    width: 6px;
    height: 6px;
}



/*列宽*/
.tabletool-i .p1{position: relative;position:relative;box-sizing:border-box;}
.tabletool-i .p1 input{height:20px;width:55px;padding:0px 16px 0px 5px;box-sizing:border-box;border-radius:2px;font-size:12px;color:#475255;line-height:20px;}
.tabletool-i .p1 b{font-size:12px;color:#475255;position:absolute;left:40px;font-weight:normal;top:5px;line-height:20px;}
.tabletool-i .p1 span{height:20px;line-height:20px;font-size:12px;margin-left:5px;cursor: pointer;}
.tabletool-i .p1 span:hover{
    color: #16d17f;
}
.tabletool-i .p1 span i{margin: 0 0 0 5px;}
.tabletool-i .p1 span+div{
    display: none;
    position: absolute;
    right: -10px;
    top: 30px;
    background-color: rgba(47,64,86,.9);
    padding: 6px 15px;
    line-height: 24px;
    cursor: pointer;
    border-radius: 5px;
    box-shadow: 0px 0px 3px rgba(255,255,255,0.32);
}
.tabletool-i .p1 span+div>p:hover{
    color: #16d17f;
}
/*行高*/
.tabletool-j{display: none;}
.tabletool-j .p1{position:relative;height:30px;line-height:30px;text-align: center;padding: 0;}
.tabletool-j .p1 input{height:20px;width:55px;padding:0px 20px 0px 5px;box-sizing:border-box;border-radius:2px;font-size:12px;color:#475255;}
.tabletool-j .p1 b{font-size:14px;color:#475255;position:absolute;left:38px;font-weight:normal;top:4px;line-height:20px;letter-spacing:0px;}
.tabletool-j .p1 span{height:20px;line-height:20px;font-size:12px;margin-left:5px;cursor: pointer;}
.tabletool-j .p1 span:hover{
    color: #16d17f;
}
.tabletool-j .p1 span i{margin: 0 0 0 5px;}
.tabletool-j .p1 span+div{
    display: none;
    position: absolute;
    right: -10px;
    top: 30px;
    background-color: rgba(47,64,86,.9);
    padding: 6px 15px;
    line-height: 24px;
    cursor: pointer;
    border-radius: 5px;
    box-shadow: 0px 0px 3px rgba(255,255,255,0.32);
}
.tabletool-j .p1 span+div>p:hover{
    color: #16d17f;
}
/*表头*/
.tabletool-k .p1{padding:0px;cursor:pointer;}
.tabletool-k .d1{position:absolute;width:60px;z-index:100;left:-10px;top:20px;padding-top:10px;letter-spacing:0px;display:none;cursor:default;}
.tabletool-k .d1 ul{background-color:rgba(47,64,86,.9);box-shadow:0px 0px 3px rgba(255,255,255,0.32);border-radius:5px;}
.tabletool-k .d1 li{position:relative;}
.tabletool-k .p2{padding-left:5px;height:30px;line-height:30px;cursor:pointer;text-align: left;}
.tabletool-k .p2 i{width:20px;height:20px;margin:10px 8px 0px 0px;}
.tabletool-k:hover .p1{color:#16d17f;}
.tabletool-k .d1 li:hover .p2{color:#16d17f;}


.tabletool-l .p1{padding:0px 0px 0px;cursor:pointer;}
.tabletool-l:hover .p1{color:#16d17f;}

.tabletool-m{cursor: pointer;}
.tabletool-m .p1:hover{color: #16d17f;}
/*图标*/
.tabletool-ic{background-image:url(https://server.xmyeditor.com/xmyweb/20210630/557381b6df28e2e342e5f732ddbb3b5e.png);background-repeat:no-repeat;}
.tabletool-ic1{background-position:1px 0px;}
.tabletool-ic2{background-position:1px -38px;}
.tabletool-ic3{background-position:1px -75px;}
.tabletool-ic4{background-position:1px -110px;}
.tabletool-ic5{background-position:-36px 1px;}
.tabletool-ic6{background-position:-36px -37px;}
.tabletool-ic7{background-position:-36px -75px;}
.tabletool-ic8{background-position:-36px -110px;}
.tabletool-ic9{background-position:-36px -148px;}
.tabletool-ic10{background-position:-72px 1px;}
.tabletool-ic11{background-position:-72px -36px;}
.tabletool-ic12{background-position:-72px -74px;}
.tabletool-ic13{background-position:-72px -110px;}
.tabletool-ic14{background-position:-222px 0px;}
.tabletool-ic15{background-position:-259px 0px;}
.tabletool-ic16{background-position:-297px 0px;}
.tabletool-ic17{background-position:-335px 0px;}
.tabletool-ic18{background-position:-222px -38px;}
.tabletool-ic19{background-position:-259px -38px;}
.tabletool-ic20{background-position:-297px -38px;}
.tabletool-ic21{background-position:-335px -38px;}
.tabletool-ic22{background-position:-222px -76px;}
.tabletool-ic23{background-position:-259px -76px;}
.tabletool-ic24{background-position:-297px -76px;}
.tabletool-ic25{background-position:-335px -76px;}
.tabletool-ic26{background-position:-109px 1px;}
.tabletool-ic27{background-position:-109px -37px;}
.tabletool-ic28{background-position:-109px -75px;}
.tabletool-ic29{background-position:-109px -111px;}
.tabletool-ic30{background-position:-145px 1px;}
.tabletool-ic31{background-position:-145px -37px;}
.tabletool-ic32{background-position:-145px -75px;}
.tabletool-ic33{background-position:-145px -111px;}
.tabletool-ic34{background-position:-183px 1px;}
.tabletool-ic35{background-position:-183px -38px;}
.tabletool-ic36{background-position:-183px -77px;}
.tabletool-ic37{background-position:-182px -111px;}
.tabletool-ic38{background-position: -219px -111px;}
.tabletool-ic39{background-position: -146px 1px;}
.tabletool-ic40{background-position: -146px -38px;}
.tabletool-ic41{background-position: -146px -77px;}
.tabletool-ic42{background-position: -146px -111px;}


/* 表格样式 */
.table-style {
    display: none;
    position: absolute;
    background-color: rgba(47,64,86,.9);
    width: 360px;
    height: 222px;
    left: -60px;
    top: 35px;
    border-radius: 5px;
    padding: 10px;
    box-shadow: 0px 0px 3px rgb(255 255 255 / 32%);
}
.table-style-top {
    font-size: 0;
    letter-spacing: 0;
    text-align: left;
    margin: 0 0 10px;
}
.table-style-top .title {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    margin: 0 10px 0 0;
    letter-spacing: 2px;
}
.table-style-top .top-color {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 74px);
}
.table-style-top .top-color .sp {
    width: 22px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    border-radius: 3px;
    background-color: red;
    display: inline-block;
    vertical-align: middle;
    margin: 0 8px 0 0;
    cursor: pointer;
}
.table-style-top .top-color .sp:hover{
    box-shadow: 0 0 2px 1px rgba(240,240,240,0.8);
}
.table-style-top .top-color .sp i{
    opacity: 0;
    font-size: 14px;
    vertical-align: middle;
}
.table-style-top .top-color .sp.active i{
    opacity: 1;
}
.table-style-top .top-color .sp:nth-child(1){
    background-color: #000;
}
.table-style-top .top-color .sp:nth-child(2){
    background-color: #4e7fba;
}
.table-style-top .top-color .sp:nth-child(3){
    background-color: #c0504d;
}
.table-style-top .top-color .sp:nth-child(4){
    background-color: #9bbb59;
}
.table-style-top .top-color .sp:nth-child(5){
    background-color: #8064a2;
}
.table-style-top .top-color .sp:nth-child(6){
    background-color: #4bacc6;
}
.table-style-top .top-color .sp:nth-child(7){
    background-color: #f79646;
}
.table-style-top .top-color .sp2 {
    text-align: center;
    width: 22px;
    height: 22px;
    line-height: 22px;
    border-radius: 3px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 8px 0 0;
    background-color: #aaa;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
}
.table-style-top .top-color .sp2:hover {
    color: #16d17f;
}
.table-style-list {
    font-size: 0;
    letter-spacing: 0;
}
.table-style-list>div {
    display: inline-block;
    vertical-align: middle;
    height: 76px;
    width: calc( (100% - 30px) / 4 );
    margin: 0 10px 10px 0;
    border-radius: 3px;
    padding: 3px;
    cursor: pointer;
    background-color: #f3f4f4;
}
.table-style-list>div:hover,
.table-style-list>div.active{
    box-shadow: 0 0 2px 1px rgba(240,240,240,0.8);
}
.table-style-list>div:nth-child(4n) {
    margin: 0 0 10px 0;
}
.table-style-list>div:nth-last-child(-n+4) {
    margin-bottom: 0;
}
.table-style-list>div>p>span {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    width: calc( 100% / 5 );
    height: 14px;
    line-height: 14px;
}
.table-style-list>div>p {
    height: 14px;
    line-height: 14px;
}
.table-style-list>div>p>span:nth-child(1) {
    border-left: none;
}
.table-style-list p span i {
    display: inline-block;
    vertical-align: 5px;
    width: 80%;
    border-top: 1px solid #aaa;
}
/* 第一个表格样式 */
.table-style-list1 p{
    border: 1px solid #4f81bd;
    border-bottom: none;
}
.table-style-list1 p:last-child{
    border-bottom: 1px solid #4f81bd;
    overflow: hidden;
}
.table-style-list1 p span {
    border-left: 1px solid #4f81bd;
}
.table-style-list1 .p1 span{
    border-left: none;
}
.table-style-list1 .p1 span i{
    vertical-align: 7px;
}
.table-style-list1>p:nth-child(2n){
    background-color: rgba(79, 129, 189, .4);
}
.table-style-list1>p:nth-child(2n+1){
    background-color: #ffffff;
}
.table-style-list1 p:nth-child(1) {
    background-color: #4f81bd;
    border-bottom: 2px solid #fff !important;
}

/* 第二个表格样式 */
.table-style-list2 p{
    border: 1px solid #4f81bd;
    border-bottom: none;
}
.table-style-list2 p:last-child{
    border-bottom: 1px solid #4f81bd;
    overflow: hidden;
}
.table-style-list2 p span {
    border-left: 1px solid #4f81bd;
}
.table-style-list2 .p1 {
    background-color: #4f81bd;
}
.table-style-list2 p{
    background-color: rgba(79, 129, 189, .15);
}

/* 第三个表格样式 */
.table-style-list3 p{
    border: 1px solid #fff;
    border-bottom: none;
}
.table-style-list3 p:last-child{
    border-bottom: 1px solid #fff;
    overflow: hidden;
}
.table-style-list3 p span {
    border-left: 1px solid #fff;
}
.table-style-list3 p:nth-child(2n){
    background-color: rgba(79, 129, 189, 0.3);
}
.table-style-list3 p:nth-child(2n+1){
    background-color: rgba(79, 129, 189, .15);
}
.table-style-list3 p:nth-child(1) {
    background-color: #4f81bd;
}
/* 第四个表格样式 */
.table-style-list4 p{
    border: 1px solid #fff;
    border-bottom: none;
}
.table-style-list4 p:last-child{
    border-bottom: 1px solid #fff;
    overflow: hidden;
}
.table-style-list4 p span {
    border-left: 1px solid #fff;
}
.table-style-list4 p:nth-child(2n){
    background-color: rgba(79, 129, 189, 0.3);
}
.table-style-list4 p:nth-child(2n+1){
    background-color: rgba(79, 129, 189, .15);
}
.table-style-list4 p:nth-child(1) {
    background-color: #4f81bd;
    border-bottom: 2px solid #fff;
}
.table-style-list4 p span:first-child{
    background-color: #4f81bd;
    border-bottom: 1px solid #fff;
}
.table-style-list4 .p1 span:first-child{
    border-bottom: 2px solid #fff;
}

/* 第五个表格样式 */
.table-style-list5 p{
    border: 1px solid #4f81bd;
    border-bottom: none;
}
.table-style-list5 p:last-child{
    border-bottom: 1px solid #4f81bd;
    overflow: hidden;
}
.table-style-list5 p span {
    border-left: 1px solid #4f81bd;
}
.table-style-list5 .p1 {
    background-color: #fff !important;
    border-bottom: 2px solid #4f81bd;
}
.table-style-list5 p:nth-child(2n){
    background-color: rgba(79, 129, 189, 0.2);
}
.table-style-list5 p:nth-child(2n+1){
    background-color: #fff;
}


/* 第六个表格样式 */
.table-style-list6 p{
    border: 1px dotted rgb(116, 120, 122);
    border-bottom: none;
}
.table-style-list6 p:last-child{
    border-bottom: 1px dotted rgb(116, 120, 122);
    overflow: hidden;
}
.table-style-list6 p span {
    border-left: 1px dotted rgb(116, 120, 122);
}
.table-style-list6 .p1{
    border-top: 1px solid #4f81bd;
    border-bottom: 1px solid #4f81bd;
}
.table-style-list6 .p2{
    border-top: none;
}
.table-style-list6 p:nth-child(5){
    border-bottom: 1px solid #4f81bd;
}
.table-style-list6 p:nth-child(2n){
    background-color: rgba(79, 129, 189, 0.2);
}
.table-style-list6 p:nth-child(2n+1){
    background-color: #fff;
}

/* 第七个表格样式 */
.table-style-list7 p{
    border: 1px solid #fff;
    border-bottom: none;
}
.table-style-list7 p:last-child{
    border-bottom: 1px solid #fff;
    overflow: hidden;
}
.table-style-list7 p span {
    border-left: 1px solid #fff;
}
.table-style-list7 p:nth-child(2n){
    background-color: rgba(79, 129, 189, 0.15);
}
.table-style-list7 p:nth-child(2n+1){
    background-color: rgba(79, 129, 189, 0.3);
}
.table-style-list7 p span:nth-child(1) {
    background-color: #4f81bd;
    border-bottom: 1px solid #fff;
}

/* 第八个表格样式 */
.table-style-list8 p{
    border-top: 1px dotted #000;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
}
.table-style-list8 p:last-child{
    border-bottom: 1px solid #000;
    overflow: hidden;
}
.table-style-list8 .p1{
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-radius: 1px solid #000;
    border-bottom: 2px solid #fff;
}
.table-style-list8 .p2{
    border-top: none;
}
.table-style-list8 p span {
    border-left: 1px dotted #000;
}
.table-style-list8 p:nth-child(2n){
    background-color: rgba(79, 129, 189, 0.6);
}
.table-style-list8 p:nth-child(2n+1){
    background-color: #4f81bd;
}