.incomeprofile-park-title em{ background-image: url(../../img/index-card-title.png); background-position:-36px -18px; } .incomeprofile-parkifo-title em,.incomeprofile-parkincome-title em{ background-image: url(../../img/index-card-title.png); background-position: -36px -18px; background-repeat: no-repeat; } .incomeprofile-parkrank-title em{ background-image: url(../../img/index-card-title.png); background-position: -55px -36px; } .incomeprofile-ranking{ height: 560px; overflow-y: auto; font-size: 12px; } .incomeprofile-ranking li{ height: 56px; line-height: 56px; } .incomeprofile-ranking li span:nth-of-type(1){ display: inline-block; width: 20px; height: 20px; border-radius: 50%!important; line-height: 19px; text-align: center; border: 1px solid #9B9B9B; color: #787878; font-size: 12px; vertical-align: middle; } .incomeprofile-ranking li span:nth-of-type(2){ display: inline-block; width: calc(100% - 115px); width: -webkit-calc(100% - 115px); width: -moz-calc(100% - 115px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin: 0 10px; vertical-align: middle; } @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) { /* STYLES */ .incomeprofile-ranking li span:nth-of-type(2){ width: calc(100% - 45px); width: -webkit-calc(100% - 45px); width: -moz-calc(100% - 45px); } .incomeprofile-ranking li span:nth-of-type(3){ display: none; } } .incomeprofile-ranking li:nth-of-type(1) span:nth-of-type(1){ border: 1px solid #fe944d; } .incomeprofile-ranking li:nth-of-type(2) span:nth-of-type(1){ border: 1px solid #fed64d; } .incomeprofile-ranking li:nth-of-type(3) span:nth-of-type(1){ border: 1px solid #5fe98f; } .incomeprofile-mon-list li{ flex: 1; overflow: hidden; white-space: nowrap; } .incomeprofile-mon-list li div:nth-of-type(1){ padding: 22px 0 5px; font-size: 14px; } .incomeprofile-mon-list li div:nth-of-type(2){ padding: 5px 0 22px ; font-size: 16px; } .incomeprofile-mon-list li div:nth-of-type(2) span{ font-size: 26px; margin-right: 10px; } .map-area{ height: 364px; margin-bottom: 24px; } .incomeprofile-per-main{ display: inline-block; vertical-align: middle; width: calc(100% - 50px); } .incomeprofile-per-main li{ float: left; height: 4px; } .incomeprofile-per-main li:nth-of-type(1){ width: 40%; background:#1b8bf5 ; } .incomeprofile-per-main li:nth-of-type(2){ width: 20%; background:#2cbbef ; } .incomeprofile-per-main li:nth-of-type(3){ width: 30%; background:#2cca5f; } .incomeprofile-per-main li:nth-of-type(4){ width: 10%; background:#f68339 ; } .incomeprofile-per-area{ padding:10px 0 15px 46px; width: 100%; } .incomeprofile-per-area li{ flex: 1; } .incomeprofile-per-area li:nth-of-type(1) span:nth-of-type(1){ display: inline-block; margin-right: 5px; width: 8px; height: 8px; background: #1b8bf5; } .incomeprofile-per-area li:nth-of-type(2) span:nth-of-type(1){ display: inline-block; margin-right: 5px; width: 8px; height: 8px; background: #2cbbef; } .incomeprofile-per-area li:nth-of-type(3) span:nth-of-type(1){ display: inline-block; margin-right: 5px; width: 8px; height: 8px; background: #2cca5f; } .incomeprofile-per-area li:nth-of-type(4) span:nth-of-type(1){ display: inline-block; margin-right: 5px; width: 8px; height: 8px; background:#f68339; } .incomeprofile-per-area li span:nth-of-type(2){ margin-left: 5px; } .money-list{ height: 208px; } .money-list li{ flex: 1; padding: 20px 20px; } /*地图 map*/ /*去掉百度地图logo*/ #allmap label{max-width:none;} .BMap_cpyCtrl { display:none; } .anchorBL{ display:none; } .BMap_Marker:hover{ width: 30px !important; height: 40px !important; } /*弹窗 地图*/ .pop_models{ width:132px; padding: 9px 16px; /*height:127px;*/ background:rgba(255,255,255,1); box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.15); border-radius: 3px !important; } .pop_toptitle{ width:100px; height:20px; font-size:12px; font-family:PingFangSC-Regular; color:rgba(0,0,0,0.45); line-height:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .pop_msg{ width:100px; height:20px; font-size:12px; font-family:PingFangSC-Regular; color:rgba(0,0,0,0.65); line-height:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .pop_bluebg{ width:6px; height:6px; background:rgba(24,144,255,1); float: left; margin-top: 7px; margin-right: 8px; border-radius: 50% !important; } .pop_greenbg{ width:6px; height:6px; background:rgba(82,196,26,1); float: left; margin-top: 7px; margin-right: 8px; border-radius: 50% !important; } .pop_nummsg{ float: left; width:80px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .tytj-echarts{ height: 208px; } .tyje-title { z-index: 100; top:130px; left: 50%; transform: translateX(-50%); text-align: center; } .incomeprofile-timebar{ position: absolute; top: 5px; right: 0px; width:256px; height:32px; background:rgba(255,255,255,1); } .income-daterange-bg { width: 100%; text-align: left; background: url(../../img/dataicon.png) no-repeat 94% 9px; background-color: #fff; padding-right: 25px; border-radius: 4px !important; }