.ok-ui-pop {
 display:inline-block;
 position:relative;
 line-height:1
}
.ok-ui-pop-placement {
 font-size:14px;
 font-weight:400;
 color:rgba(0,0,0,.65);
 line-height:21px;
 border-bottom:1px dotted rgba(0,0,0,.1);
 cursor:pointer
}
.ok-ui-pop-over {
 display:none;
 padding:12px;
 position:absolute;
 border-radius:4px;
 width:-webkit-max-content;
 width:-moz-max-content;
 width:max-content;
 max-width:260px;
 min-width:100px;
 -webkit-box-sizing:border-box;
 box-sizing:border-box;
 z-index:9999
}
.ok-ui-pop:hover .ok-ui-pop-over {
 display:block
}
.ok-ui-pop-tip {
 background:rgba(0,0,0,.65)
}
.ok-ui-pop-blue {
 background:#3075ee
}
.ok-ui-pop-over-noTitle {
 padding-right:32px
}
.ok-ui-pop-over-title {
 font-size:14px;
 color:#fff;
 line-height:21px;
 font-weight:500;
 max-width:194px;
 margin-bottom:8px
}
.ok-ui-pop-blue .ok-ui-pop-over-title {
 margin-left:22px;
 display:inline-block
}
.ok-ui-pop-over-close-span {
 position:absolute;
 top:14px;
 right:14px;
 display:inline-block;
 width:12px;
 height:12px
}
.ok-ui-pop-over-close-span .icon-close {
 font-size:12px;
 position:absolute;
 line-height:1;
 color:hsla(0,0%,100%,.6)
}
.ok-ui-pop-over-title-icon {
 line-height:18px;
 margin-left:0;
 height:14px;
 position:absolute;
 width:14px;
 display:inline-block;
 left:12px;
 top:14px
}
.ok-ui-pop-over-title-icon .icon-exclamation-circle {
 font-size:12px;
 color:#b8cff9;
 position:absolute;
 top:0
}
.ok-ui-pop-over-tip {
 font-size:12px;
 font-weight:400;
 color:#fff;
 line-height:18px;
 margin-bottom:unset
}
.ok-ui-pop-over-tip-item {
 display:block
}
.ok-ui-pop-over-noTitle .ok-ui-pop-over-tip {
 max-width:194px;
 display:inline-block;
 vertical-align:text-top;
 margin-left:22px
}
.ok-ui-pop-blue .ok-ui-pop-over-tip {
 color:hsla(0,0%,100%,.8)
}
.ok-ui-pop-arrow-point {
 position:absolute
}
.ok-ui-pop-arrow-point:before {
 content:"";
 display:block;
 border:6px solid transparent
}
.ok-ui-pop-over-trangle {
 width:14px;
 height:14px;
 -webkit-transform:rotate(45deg);
 transform:rotate(45deg);
 position:absolute;
 background:inherit;
 left:30%
}
.ok-ui-pop-over-top {
 bottom:calc(100% + 4px)
}
.ok-ui-pop-over-top .ok-ui-pop-arrow-point {
 bottom:-6px
}
.ok-ui-pop-over-top .ok-ui-pop-arrow-point:before {
 border-bottom-width:0;
 border-top-width:6px;
 border-top-color:rgba(0,0,0,.65)
}
.ok-ui-pop-over-bottom {
 top:calc(100% + 4px)
}
.ok-ui-pop-over-bottom .ok-ui-pop-arrow-point {
 top:-6px
}
.ok-ui-pop-over-bottom .ok-ui-pop-arrow-point:before {
 border-top-width:0;
 border-bottom-width:6px;
 border-bottom-color:rgba(0,0,0,.65)
}
.ok-ui-pop-blue.ok-ui-pop-over-top {
 bottom:calc(100% + 11px);
 -webkit-transform:translateX(-30%);
 transform:translateX(-30%);
 left:45%
}
.ok-ui-pop-blue.ok-ui-pop-over-top .ok-ui-pop-over-trangle {
 bottom:-7px
}
.ok-ui-pop-over-left {
 left:0
}
.ok-ui-pop-over-left .ok-ui-pop-arrow-point {
 left:10px
}
.ok-ui-pop-blue.ok-ui-pop-over-bottom {
 top:calc(100% + 11px);
 -webkit-transform:translateX(-30%);
 transform:translateX(-30%);
 left:45%
}
.ok-ui-pop-blue.ok-ui-pop-over-bottom .ok-ui-pop-over-trangle {
 top:-7px
}
.ok-ui-pop-over-right {
 right:0
}
.ok-ui-pop-over-right .ok-ui-pop-arrow-point {
 right:10px
}