TDataView_ui/styles/tools/toolDraw_new.css

#userDrawAddModal {
    width:330px;
    top:40%;
    margin-left:-340px;
    left: 50%;
    position: absolute;
    z-index: 999999;
    display: none;
    border: 1px solid #ccc;
}

#userDrawAddModal .modal-header h3 {
    font-size:20px;
}

#userDrawAddModal .form {

}
#userDrawAddModal .form dl {
    overflow:hidden;
}
#userDrawAddModal .form dl dt {
    font-size:14px;
    padding:0 0 10px 0;
    float:left;
    line-height:30px;
}
#userDrawAddModal .form dl .input {
    width:210px;
}
#userDrawAddModal .form .note {
    color:#AAA;
    font-size:11px;
    clear:both;
    display:block;
}
#userDrawAddModal .form .sure {
    margin:10px 0;
    clear:both;
    float:right;
    border: 1px solid #ccc;
    padding: 3px 0px;
    border-radius: 7px;
}
#yulanContent{
    position: absolute;
    left: 50%;
    top: 50%;
    width: 200px;
    height: 200px;
    z-index: 11111111111;
    display: none;
    margin-left: -100px;
    margin-top: -100px;
}
#yulanContent img{
    width: 200px;
    height: 200px;
}
#drawTipText{
    background: rgba(0, 0, 0, 0.5);
    border: 1px solid transparent;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    color: #fff;
    font: 12px/18px "Helvetica Neue", Arial, Helvetica, sans-serif;
    margin-left: 20px;
    margin-top: -15px;
    padding: 4px 8px;
    position: absolute;
    white-space: nowrap;
    z-index: 6;
    display: none;
}
.toolBF{
    position: absolute;
    right: 120px !important;
    top: 330px;
    width: 215px;
    height: 100px;
    background: rgba(45, 53, 68, 0.8);
    float: right;
    text-align: left;
    zoom: 1;
    margin-right: 10px;
    clear: both;
    margin-top: 10px;
    font-size: 0;
    padding-left: 8px;
    border: 1px solid #fff;
    border-radius: 10px;
    z-index: 11111;
    cursor: move;
}
.toolBF ul{
    list-style: none;
}
.toolBF li{
    display: inline-block;
}
.tsTX li{
    display: inline-block;
    text-align: center;
    text-decoration: none;
    width: 45px;
    height: 50px;
    line-height: 80px;
    border: 1px solid #fff;
    border-radius: 5px;
    color: #fff;
    margin: 10px 3px 5px 2.5px;
    vertical-align: top;
    font-size: 12px;
    cursor: pointer;
}
.tsTX li.point{background: rgba(45, 53, 68, 0.8) url(../../images/tools/new/bar/point.png) no-repeat 15px 7px;background-size: 15px;}
.tsTX li.label{background: rgba(45, 53, 68, 0.8) url(../../images/tools/new/bar/label.png) no-repeat 15px 7px;background-size: 15px;}
.tsTX li.polyline{background: rgba(45, 53, 68, 0.8) url(../../images/tools/new/bar/polyline.png) no-repeat 11px -1px;background-size: 28px;}
.tsTX li.polygon{background: rgba(45, 53, 68, 0.8) url(../../images/tools/new/bar/polygon.png) no-repeat 15px 7px;background-size: 15px;}
.tsTX li.rectangle{background: rgba(45, 53, 68, 0.8) url(../../images/tools/new/bar/rectangle.png) no-repeat 15px 7px;background-size: 15px;}
.tsTX li.circle{background: rgba(45, 53, 68, 0.8) url(../../images/tools/new/bar/circle.png) no-repeat 15px 7px;background-size: 15px;}

.tsTX li.point:hover{background: #5acef6 url(../../images/tools/new/bar/point.png) no-repeat 15px 7px;background-size: 15px;}
.tsTX li.label:hover{background: #5acef6 url(../../images/tools/new/bar/label.png) no-repeat 15px 7px;background-size: 15px;}
.tsTX li.polyline:hover{background: #5acef6 url(../../images/tools/new/bar/polyline.png) no-repeat 11px -1px;background-size: 28px;}
.tsTX li.polygon:hover{background: #5acef6 url(../../images/tools/new/bar/polygon.png) no-repeat 15px 7px;background-size: 15px;}
.tsTX li.rectangle:hover{background: #5acef6 url(../../images/tools/new/bar/rectangle.png) no-repeat 15px 7px;background-size: 15px;}
.tsTX li.circle:hover{background: #5acef6 url(../../images/tools/new/bar/circle.png) no-repeat 15px 7px;background-size: 15px;}

.tsTX li.point.active{background: #0f4d8f url(../../images/tools/new/bar/point.png) no-repeat 15px 7px;background-size: 15px;}
.tsTX li.label.active{background: #0f4d8f url(../../images/tools/new/bar/label.png) no-repeat 15px 7px;background-size: 15px;}
.tsTX li.polyline.active{background: #0f4d8f url(../../images/tools/new/bar/polyline.png) no-repeat 11px -1px;background-size: 28px;}
.tsTX li.polygon.active{background: #0f4d8f url(../../images/tools/new/bar/polygon.png) no-repeat 15px 7px;background-size: 15px;}
.tsTX li.rectangle.active{background: #0f4d8f url(../../images/tools/new/bar/rectangle.png) no-repeat 15px 7px;background-size: 15px;}
.tsTX li.circle.active{background: #0f4d8f url(../../images/tools/new/bar/circle.png) no-repeat 15px 7px;background-size: 15px;}

.tsAct{
    font-size: 0;
    /*display: none;*/
}
.tsAct li{
    width: 52px;
    height: 25px;
    line-height: 25px;
    border-right: 1px solid #fff;
    color: #c0defa;
    font-size: 12px;
    border-radius: 2px;
    margin: 3px 0px;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
}
.tsAct li:hover{
    color: #fff;
}
.tsAct li.save{
    display: none;
}
.tsAct li.active{
    background: #08488e;
}
.tsAct li.clear{
    border: none;
}
.tsAct li.import{
    position: relative;
}
.tsAct li.import .importFile{
    position: absolute;
    left: 0;
    opacity: 0;
    width: 59px;
}
.tsAct li.open{
	display:none;
}

/*toolbar hidden*/
.leaflet-pm-toolbar{
    width: 0;
    border: none !important;
    overflow: hidden;
}



/*手动输入*/
.draw-polyline-latlngs-picker {
    position: absolute;
    left: 0px;
    top: 120px;
    padding-bottom: 15px;
    display: none;
    width: 260px;
    color: #121827;
    background: #fff;
    clear: both;
    border-radius: 10px;
    z-index: 11111;
    /*cursor: auto;*/
}

.draw-polyline-latlngs-picker h4 {
    padding: 10px;
    font-size: 14px;
    font-weight: normal;
    background: #f0f5f8;
    border-radius: 10px 10px 0 0;
    margin: 0;
}
.draw-polyline-latlngs-picker h4 span{
    float: right;
    font-size: 30px;
    margin-top: -7px;
    cursor: pointer;
}
.draw-polyline-latlngs-picker .title {
    font-size: 14px;
    padding: 10px;
}

.draw-polyline-latlngs-picker textarea {
    width:232px;
    margin:0 10px;
    font-size:14px;
    font-family:Arial;
    resize:none;
    height:70px;
    color: #121827;
    background: #fff;
    padding: 5px;
    border: 1px solid #378BE0;
    overflow-y: scroll;
    border-radius: 3px;
}
.draw-polyline-latlngs-picker .iconStyle{
    font-size: 14px;
    margin: 10px 0 5px 10px;
}
.draw-polyline-latlngs-picker select{
    margin-left: 10px;
    width: 240px;
    height: 28px;
    line-height: 28px;
}
.draw-polyline-latlngs-picker option{
    line-height: 28px;
}
.draw-polyline-latlngs-picker button {
    height: 22px;
    font-size: 12px;
    font-weight: normal;
    cursor: pointer;
    padding: 0 10px;
    color: #666;
    background: #ddd;
    border: 1px solid #ccc;
    float: right;
    margin: 10px 10px 0 0px;
}
.draw-polyline-latlngs-picker button:hover {
    color: #000;
}
/*手动输入 end*/

/*标记弹窗*/
.leaflet-popup-content {
    margin: 0px 0px 19px 0;
}
.leaflet-container a.leaflet-popup-close-button{
	top: 24px;
    right: -200px;
    font-size: 20px;
    color: #666;
    z-index: 55555;
    font-size: 20px;
}
.pubPop,.tdPop {
    position: absolute;
    /*left: 0px;*/
    /*top: 120px;*/
    padding-bottom: 15px;
    width: 260px;
    color: #121827;
    background: #fff;
    clear: both;
    border-radius: 10px;
    z-index: 22222;
    display: none;
    margin: 20px 0 0 50px;
}
.pubPop.active,.tdPop.active{
    display: block;
}

.pubPop h4,.tdPop h4 {
    padding: 10px;
    font-size: 14px;
    font-weight: normal;
    background: #f0f5f8;
    border-radius: 10px 10px 0 0;
    margin: 0;
    cursor: move;
    clear: both;
}
.pubPop h4 .bt,.tdPop h4 .bt{
    display: inline-block;
    width: 195px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.pubPop h4 .close,.tdPop h4 .close{
    display: inline-block;
    float: right;
    color: #333;
    font-size: 25px;
    cursor: pointer;
    margin-top: -5px;
}
.pubPop h4 .del{
    display: inline-block;
    float: right;
    width: 20px;
    height: 20px;
    background: url(../../images/tools/new/del.png) center no-repeat;
    margin-right: 2px;
    cursor: pointer;
}
.pubPop .title,.tdPop .title {
    font-size: 14px;
    padding: 10px;
}
.pubPop .zhuji,.tdPop .zhuji{
    margin-left: 10px;
    line-height: 20px;
    padding-left: 5px;
    width: 230px;
    height: 20px;
}

.pubPop textarea,.tdPop textarea {
    width:228px;
    margin-left: 10px;
    font-size:14px;
    font-family:Arial;
    resize:none;
    height:70px;
    color: #121827;
    background: #fff;
    padding: 5px;
    /*border: 1px solid #378BE0;*/
    border: 1px solid #ccc;
    overflow-y: scroll;
    border-radius: 3px;
}
.pubPop .intro,.tdPop .intro{
    font-size: 14px;
    margin: 10px 10px 5px 10px;
    clear: both;
}
.pubPop .intro .tips,.tdPop .intro .tips{
    display: inline-block;
    float: right;
    background: #f9f9f9;
    padding: 5px 6px;
    border-radius: 4px 4px 0 0;
    border: 1px solid #ccc;
    border-bottom: 0;
}
.pubPop .intro .tips img,.tdPop .intro .tips img{
    padding: 0 8px;
    cursor: pointer;
}
.pubPop .ppfooter,.tdPop .ppfooter{
    margin: 10px 10px 0 10px;
    clear: both;
    /*padding-left: 15px;*/
    height: 25px;
}
.pubPop .ppfooter.bg,.tdPop .ppfooter.bg{
    /*background: url(../../images/tools/new/grayPoint.png) left no-repeat;*/
}
.pubPop .ppfooter .yuanbg{
    width: 12px;
    vertical-align: middle;
    margin-right: 5px;
    cursor: pointer;
}
.pubPop .ppfooter input,.tdPop .ppfooter input{
    width: 70px;
    border: 1px solid #ccc;
    line-height: 25px;
    padding: 0 2px;
    height: 25px;
}
.pubPop button,.tdPop button{
    width: 28px;
    height: 28px;
    border: 1px solid #ccc;
    border-radius: 2px;
    float: right;
    margin-left: 5px;
    cursor: pointer;
}
.pubPop button.point,.tdPop button.point {
    background: #ddd url(../../images/tools/new/blackPoint.png) center no-repeat;
}
.pubPop button.txt,.tdPop button.txt {
    background: #ddd url(../../images/tools/new/txt.png) center no-repeat;
}
.pubPop button.lineStyle,.tdPop button.lineStyle {
    background: #ddd url(../../images/tools/new/lineStyle.png) center no-repeat;
}
.pubPop button.del,.tdPop button.del {
    font-size: 0;
    background: #ddd url(../../images/tools/new/del.png) center no-repeat;
}
/*-----二级弹窗--------*/
.pubPop_2 {
    padding-bottom: 15px;
    width: 192px;
    color: #121827;
    background: #fff;
    clear: both;
    border-radius: 10px;
    z-index: 22222;
    position: absolute;
    top: 90px;
    left: 229px;
    padding: 10px;
    border: 1px solid #ddd;
    line-height: 27px;
    font-size: 14px;
    display: none;
    background: #efefef;
}
.pubPop_2.style{
    top: 220px;
    left: 225px;
}
.pubPop_2.active{
    display: block;
}
.pubPop_2 .daxiao{
    width: 60px;
    height: 23px;
}
.pubPop_2 .yangshi{
    width: 90px;
    height: 23px;
}
.pubPop_2 .yanse.zt{
    background: url(../../images/tools/new/labelTxt.png) 1px 3px no-repeat;
    background-size: 188px;
}
.pubPop_2 .yanse span{
    display: inline-block;
    width: 20px;
    height: 20px;
    cursor: pointer;
    margin: 0 2px;
}
.pubPop_2.style .yanse span{
    border-radius: 20px;
}
.pubPop_2 .yanse span.green{background: green;}
.pubPop_2 .yanse span.blue{background: blue;}
.pubPop_2 .yanse span.red{background: red;}
.pubPop_2 .yanse span.black{background: black;}
.pubPop_2 .yanse span.white{background: white;}
.pubPop_2 .yanse span.gray{background: gray;}
.pubPop_2 .yanse span.orange{background: orange;}
.pubPop_2 .yanse span.yellow{background: yellow;}

/*.pubPop_2 .yanse span.hover{
    background-color: #ddd;
}
.pubPop_2 .yanse span.active{
    background-color: #a9a9a9;
}*/
/*.pubPop_2 .yanse span:nth-child(1){
    background: url(../../images/tools/new/labelTxt.png) 1px 3px no-repeat;
}
.pubPop_2 .yanse span:nth-child(2){
    background: url(../../images/tools/new/labelTxt.png) 1px 3px no-repeat;
}*/
/*链接弹窗*/
.popTips {
    padding-bottom: 15px;
    width: 192px;
    color: #121827;
    background: #fff;
    clear: both;
    border-radius: 10px;
    z-index: 22222;
    position: absolute;
    top: 105px;
    left: 260px;
    border: 1px solid #ddd;
    line-height: 27px;
    font-size: 14px;
    /*display: none;*/
}
/*.popTips.pubPop_img{
    left: 210px;
}
.popTips.pubPop_video{
    left: 245px;
}*/
.popTips div.bt{
    background: #f0f5f8;
    padding: 5px 10px;
    margin-bottom: 5px;
    border-radius: 10px 10px 0 0;
}
.popTips div{
    padding: 2px 10px;
}
.popTips div input{
    padding: 2px 5px;
    width: 157px;
}
.popTips div input.link{
    width: 114px;
    vertical-align: top;
}
.popTips div .shengcheng{
    width: 41px;
    height: 22px;
    background: #ddd;
    display: inline-block;
    text-align: center;
    border: 1px solid #ccc;
    font-size: 14px;
    cursor: pointer;
    line-height: 22px;
    vertical-align: top;
}
/*打开保存弹窗*/
.pubPopRe {
    position: absolute;
    left: 50%;
    top: 50%;
    padding-bottom: 15px;
    width: 260px;
    color: #121827;
    background: #fff;
    clear: both;
    border-radius: 10px;
    z-index: 222222;
    /*display: none;*/
    margin: -2px 0 0 -2px;
    border: 1px solid #ccc;
}
.pubPopRe.xianshi{
    display: block;
}
.pubPopRe h4{
    clear: both;
}
.pubPopRe h4 .close{
    display: inline-block;
    float: right;
    color: #333;
    font-size: 25px;
    cursor: pointer;
    margin-top: -5px;
}
.pubPopRe video,.pubPopRe img{
    width: 100%;
}
.pubPopRe .title{
    clear: both;
}
.pubPopRe .tName{
    display: none;
    margin: 10px 10px 0px;
    height: 22px;
    padding-left: 5px;
}
.pubPopRe .cgEdit{
    float: right;
    width: 50px;
    height: 23px;
    line-height: 23px;
}
.pubPopRe .draw-latlngs-textarea{
    display: none;
}
.pubPopRe .yingXiang{
    padding: 0 5px;
}
.pubPopRe .yingXiang a{
    color: #00f;
    text-decoration: underline;
    padding-left: 10px;
}
/*标记弹窗 end*/

.wrapper {
    box-sizing: border-box;
    width: 100%;
    padding: 30px;
    max-width: 1000px;
    margin: auto;
}

.map {
    height: 500px;
}
/*临时*/
.leaflet-popup-tip-container{
    display: none !important;
}
.delSpan{
	position: absolute;
	right: 9px;
	width: 28px;
	height: 28px;
    background: #f00;
    opacity: 0;
    cursor: pointer;
}

/*point new */
.pubPop_2.pointSty{
    width: 260px;
    background: #fff;
}
.pubPop_2 .icon-list{
    clear: both;
}
.pubPop_2 .icon-list span {
    float: left;
    display: block;
    cursor: pointer;
    width: 40px;
}
.pubPop_2 .icon-list span img{
    height: 30px;
    margin: 3px 3px 3px 0px;
    border: 1px solid #EFEFEF;
}
.pubPop_2 .icon-list span.select img{
    border: 1px solid #B6B6B6;
    background: #F0F0F0;
}
#xingmutishi{
    background: #f7ad00;
    color: #fff;
    padding: 0px 10px 0 20px;
    position: absolute;
    z-index: 999;
    right: 20%;
    top: 140px;
    font-size: 20px;
    height: 47px;
    line-height: 47px;
    border-radius: 12px;
    display: none;
}
#xingmutishi.active{
    display: block;
}
#xingmutishi .close{
    width: 25px;
    height: 25px;
    display: inline-block;
    color: #000;
    margin-left: 50px;
    line-height: 30px;
    font-size: 30px;
    cursor: pointer;
}