body,
html {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    margin: 0;
    color: #c5d0e1;
}

.pointer {
    cursor: pointer;
}

.grayblue {
    color: #3f5166;
}

html {
    font-size: 62.5%;
}

body {
    /*font-size: 14px;*/
    font-size: 0.7vw;
}

.subtitleColor {
    color: #35475f;
}

.fsize28 {
    /*font-size: 28px;*/
    font-size: 1.4vw;
}

.fsize20 {
    /*font-size: 20px;*/
    font-size: 1vw;
}

.fsize24 {
    /*font-size: 24px;*/
    font-size: 1.2vw;
}
.fsize22 {
    /*font-size: 22px;*/
    font-size: 1.1vw;
}

.fsize18 {
    /*font-size: 18px;*/
    font-size: 0.9vw;
}

.fsize16 {
    /*font-size: 16px;*/
    font-size: 0.8vw;
}

.fsize12 {
    /*font-size: 12px;*/
    font-size: 0.6vw;
}

.fsizexs {
    /*font-size: 8px;*/
    font-size: 0.4vw;
}

.fsize9 {
    font-size: x-small;
}

.pleft0 {
    padding-left: 0 !important;
}

.pright0 {
    padding-right: 0 !important;
}

.padding-0 {
    padding: 0;
}

.padding-top-0 {
    padding-top: 0 !important;
}

.mleft0 {
    margin-left: 0 !important;
}

.mright0 {
    margin-right: 0 !important;
}

.mbottom0 {
    margin-bottom: 0 !important;
}
.mb10 {
    margin-bottom: 0.5vw;
}
.mb15 {
    margin-bottom: 0.75vw;
}
.mb20 {
    margin-bottom: 1vw;
}
.mb30 {
    margin-bottom: 1.5vw;
}

.hp50 {
    height: 50%;
}

.hp40 {
    height: 40%;
}

.hp60 {
    height: 60%;
}

.hp100 {
    height: 100%;
}

::-webkit-scrollbar {
    /*width: 0;*/
    display: none;
}
.popular-plant-c::-webkit-scrollbar,
.keyGallary-con .gallery::-webkit-scrollbar {
    display: block;
    width: 6px;
    height: 6px;
}
.popular-plant-c::-webkit-scrollbar-thumb,
.keyGallary-con .gallery::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    border-radius: 5px;
    /*-webkit-box-shadow: inset 0 0 5px rgba(27, 92, 125, 1);*/
    background: rgba(151, 155, 161, 0.3);
}
.popular-plant-c::-webkit-scrollbar-track,
.keyGallary-con .gallery::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 5px rgba(14, 49, 72, 0.5);
    border-radius: 5px;
    background: transparent;
}

.page-header {
    background: #10192b;
    border-bottom: none;
    color: #c3c6cb;
}

.page-body {
    height: 100%;
    min-height: 100%;
    padding: 0;
    background: #10192b;
}

.canvas-con .amap-logo {
    display: none !important;
}

.main-con,
.left-con,
.right-con {
    color: #fff;
}

.date-con {
    /*height: 50px;*/
    height: 3vw;
    /*padding-top: 10px;*/
    padding-top: 0.6vw;
}

.date-con > div {
    /*padding: 0 1px;*/
    padding: 0 0.05vw;
}

.date-con .timeblock {
    display: inline-block;
    /*width: 30px;*/
    /*height: 30px;*/
    /*line-height: 30px;*/
    width: 1.8vw;
    height: 1.8vw;
    line-height: 1.8vw;
    text-align: center;
    background: #0e263a;
}

.databox {
    text-align: center;
    /*padding: 30px 0;*/
    padding: 1.5vw 0;
    margin: 0;
    height: auto;
    min-width: 80px;
}

.databox .perNum {
    display: inline-block;
    vertical-align: top;
    /*width: 35px;*/
    /*height: 35px;*/
    /*line-height: 35px;*/
    width: 2vw;
    height: 2vw;
    line-height: 2vw;
    text-align: center;
    background: #0e263a;
    color: #35b5c8;
    margin-bottom: 10px;
}

.databox .allNum {
    color: #35b5c8;
}

.left-con .databox-cell {
    text-align: center;
}

.timeshaft,.floweraxis {
    background: #10192b;
    position: absolute;
    bottom: 0.01vw;
    z-index: 999;
    height: 2vw;
    width: 100%;
}

.timeshaft .slider-bar,
.floweraxis .slider-bar {
    border-top: 5px solid #103655;
    border-top: 0.25vw solid #103655;
}

.timeshaft .slider-bar span,
.floweraxis .slider-bar span {
    display: inline-block;
    vertical-align: top;
    padding: 10px 0;
    padding: .5vw 0;
    width: 100px;
    width: 5vw;
    text-align: center;
}
.flowerCard.floweraxis .slider-bar span{
     width: 10vw;
}
.slider-bar .slider-block {
    background-image: url(../../img/slide-block.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 26px;
    width: 1.3vw;
    height: 14px;
    height: 0.7vw;
    position: absolute;
    top: -4px;
    top: -0.2vw;
    left: 27px;
    left: 1.85vw;
    transition: left 2s;
    -moz-transition: left 2s;
    /* Firefox 4 */
    -webkit-transition: left 2s;
    /* Safari 和 Chrome */
    -o-transition: left 2s;
    /* Opera */
}
.imgcon {
    padding: 2px;
    padding: 0.1vw;
}

.img-new-marker,
.img-marker {
    /*width: 120px;*/
    /*height: 120px;*/
    width: 6vw;
    height: 6vw;
    display: flex;
    /*Flex布局*/
    display: -webkit-flex;
    /* Safari */
    align-items: center;
    /*指定垂直居中*/
}

.img-marker {
    /*width: 40px;*/
    /*height: 40px;*/
    width: 2vw;
    height: 2vw;
}

.img-zoom-marker {
    /*width: 120px !important;*/
    /*height: 120px !important;*/
    width: 6vw !important;
    height: 6vw !important;
}

.img-marker .imgcon {
    background: transparent;
    /*width: 40px;*/
    /*height: 40px;*/
    width: 2vw;
    height: 2vw;
    margin: auto;
}

.img-new-marker .imgcon {
    /*width: 60px;*/
    /*height: 60px;*/
    width: 3vw;
    height: 3vw;
    margin: auto;
    position: relative;
    z-index: 3;
    /*position: relative;
    top: 50%;
    transform: translateY(-50%);*/
}

.img-marker .bordersAnimate {
    display: none;
}

.img-new-marker .bordersAnimate.running {
    animation-play-state: running;
    -moz-animation-play-state: running;
    -webkit-animation-play-state: running;
    -o-animation-play-state: running;
}

.img-new-marker .bordersAnimate {
    position: absolute;
    z-index: 1;
    /*width: 120px;*/
    /*height: 120px;*/
    width: 6vw;
    height: 6vw;
    margin-left: 0;
    margin-top: 0;
    /*background: url(../../img/circle.png) no-repeat;*/
    /*background-size: 100%;*/
    animation: play 1s linear 0s 1 normal paused forwards;
    -moz-animation: play 1s linear 0s 1 normal paused forwards;
    -webkit-animation: play 1s linear 0s 1 normal paused forwards;
    -o-animation: play 1s linear 0s 1 normal paused forwards;
}

.img-new-marker .imgAnimate {
    animation: rippleOne .4s ease 0s 1 normal forwards;
    -moz-animation: rippleOne .4s ease 0s 1 normal forwards;
    -webkit-animation: rippleOne .4s ease 0s 1 normal forwards;
    -o-animation: rippleOne 1s ease .4s 1 normal forwards;
}

.img-marker img,
.img-new-marker img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
    -webkit-object-fit: cover;
    -moz-object-fit: over;
    /*box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.75);*/
    box-shadow: 0 0 0.5vw 0 rgba(0, 0, 0, 0.75);
}

.img-marker .brief {
    display: none;
}

.img-new-marker .brief {
    /*display: none*/
    display: none !important;
    padding: 5px;
    background: rgba(42, 122, 138, 0.3);
    border: 0.1vw solid #2f5c78;
    box-shadow: 0 0 13px 0 rgba(82, 167, 206, 0.49);
    /*min-width: 60px;*/
    min-width: 3vw;
    /*min-height: 60px;*/
    min-height: 3vw;
    text-align: center;
    position: absolute;
    z-index: -1;
    white-space: nowrap;
}

.img-new-marker .brief::before {
    content: '';
    position: absolute;
    left: -29px;
    bottom: -10px;
    border: 1px solid #2f5c78;
    height: 0px;
    width: 30px;
    transform: rotate(150deg);
    -o-transform: rotate(150deg);
    -moz-transform: rotate(150deg);
    -webkit-transform: rotate(150deg);
}

.img-new-marker .triangle-down {
    margin-left: 27px;
}
/*解决marker点击遮挡--样式重置*/
.img-new-marker,
.img-zoom-marker,
.img-new-marker .bordersAnimate{
    width: 2vw!important;
    height: 2vw!important;
}
.img-new-marker .imgcon {
    width: 2vw;
    height: 2vw;
    transform: scale(1.5);
}

.triangle-down {
    width: 0;
    height: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 6px solid #fff;
    position: absolute;
    margin-left: 12px;
}

.weather-con {
    text-align: center;
    color: #c3c6cb;
    /*height: 50px;*/
    height: 3vw;
    /*padding-top: 10px;*/
    padding-top: 0.6vw;
}

.weather-con img {
    /*width: 30px;*/
    /*height: 30px;*/
    width: 1.8vw;
    height: 1.8vw;
    vertical-align: middle;
}

.canvas-con {
    width: 100%;
    height: 100%;
    position: relative;
}

.innerbox-con {
    width: 100%;
    height: calc(50% - 37px);
    height: -moz-calc(50% - 37px);
    height: -webkit-calc(50% - 37px);
    height: calc(50% - 2.2vw);
    height: -moz-calc(50% - 2.2vw);
    height: -webkit-calc(50% - 2.2vw);
    /*margin-bottom: 14px;*/
    margin-bottom: 0.8vw;
}

.innerbox {
    width: 100%;
    /*height: 185px;*/
    height: 9.25vw;
    min-height: 180px;
    overflow-y: auto;
    overflow-x: hidden;
    /*margin-top: 12px;*/
    margin-top: 0.6vw;
}

.innerbox .canvas-con {
    height: 100%;
}

.line-con {
    width: 100%;
    height: calc(50% - 10px);
    height: -webkit-calc(50% - 10px);
    height: -moz-calc(50% - 10px);
    height: calc(50% - 0.5vw);
    height: -webkit-calc(50% - 0.5vw);
    height: -moz-calc(50% - 0.5vw);
}

#linecharts {
    height: 100%;
}

/*滚动条样式*/
.innerbox::-webkit-scrollbar {
    /*滚动条整体样式*/
    /*width: 6px;*/
    /*高宽分别对应横竖滚动条的尺寸*/
    /*height: 4px;*/
    width: 0.3vw;
    height: 0.2vw;
}

.innerbox::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 5px rgba(27, 92, 125, 1);
    background: rgba(27, 92, 125, 1);
}

.innerbox::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 5px rgba(14, 49, 72, 0.5);
    border-radius: 0;
    background: rgba(14, 49, 72, 0.4);
}

.gallery li {
    list-style: none;
}

.cell {
    /*padding: 10px;*/
    padding: 0.5vw;
}

.cell .content {
    position: absolute;
    /*margin-top: -50px;*/
    margin-top: -2.5vw;
    padding-left: 5px;
}

.box {
    width: 100%;
    background: #10192b;
    position: relative;
    height: 0;
    padding-top: 100%;
    display: block;
}

.img-gallary {
    margin: 0;
    height: calc(100% - 50px);
    overflow: hidden;
}

.img-gallary img {
    width: 100%;
}

.img-content > span {
    /*height: 30px;*/
    height: 1.6vw;
    /*line-height: 30px;*/
    line-height: 1.6vw;
    color: #a5cbe6;
}

.img-content > span:last-child {
    text-align: right;
}

.border-shandow {
    background-image: url(../../img/img_light.png);
    background-position: bottom center;
    background-size: 80%;
    background-repeat: no-repeat;
    width: 100%;
    height: 40px;
    position: absolute;
    margin-top: -30px;
}

.box img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
}

.pagination > li {
    padding: 20px;
}

.gradient {
    width: 100%;
    height: 50px;
    background: -webkit-linear-gradient(rgba(31, 64, 75, 0.6), rgba(31, 64, 75, 0));
    /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(rgba(31, 64, 75, 0.6), rgba(31, 64, 75, 0));
    /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(rgba(31, 64, 75, 0.6), rgba(31, 64, 75, 0));
    /* Firefox 3.6 - 15 */
    background: linear-gradient(rgba(31, 64, 75, 0.6), rgba(31, 64, 75, 0));
    /* 标准的语法（必须放在最后） */
}
/* 花期右上角卡片 */
.totalInfoPanel{
    background: rgba(5,64,96,0.65);
    border: 1px solid #054060;
    position:absolute;
    right: 0;
    top: 0;
}
.totalInfoPanel .cardCol{
    color: #B1DEFF;
    padding: 15px 20px;
    line-height: 4px;
    font-size: 14px;
    font-family:AlibabaPuHui-Regular, sans-serif;
}
@keyframes padanimate {
    0% {
        padding: 1.5vw;
    }
    50% {
        padding: 1.75vw;
    }
    100% {
        padding: 2vw;
    }
}

@keyframes rippleOne {
    0% {
        /*width: 60px;*/
        /*height: 60px;*/
        /*width: 3vw;*/
        /*height: 3vw;*/
        /*解决marker点击遮挡*/
        transform: scale(1.5);
    }
    50% {
        /*width: 50px;*/
        /*height: 50px;*/
        /*width: 2.5vw;*/
        /*height: 2.5vw;*/
        /*解决marker点击遮挡*/
        transform: scale(1.25);
    }
    100% {
        /*width: 40px;*/
        /*height: 40px;*/
        /*width: 2vw;*/
        /*height: 2vw;*/
        /*解决marker点击遮挡*/
        transform: scale(1);
    }
}

@keyframes yellowflicker {
    0%,
    100% {
        background: #fefa01;
        box-shadow: 0 0 0.3rem #fefa01, inset -0.25rem 0 0 0.1rem rgba(14, 10, 10, 0.5);
    }
    30%,
    70% {
        background: #fffd99;
        box-shadow: -0.3rem 0 0.3rem 0.3rem #fefa01, inset -0.25rem 0 0 0.1rem rgba(14, 10, 10, 0.5);
    }
    50% {
        box-shadow: -0.3rem 0 0.3rem 0.3rem rgba(254, 250, 1, 0.8), inset -0.25rem 0 0 0.1rem rgba(14, 10, 10, 0.5);
    }
}

@keyframes redflicker {
    0%,
    100% {
        background: #ff3333;
        box-shadow: 0 0 0.3rem #ff3333, inset -0.25rem 0 0 0.1rem rgba(14, 10, 10, 0.5);
    }
    30%,
    70% {
        background: #ff9900;
        box-shadow: -0.3rem 0 0.3rem 0.3rem #ff3333, inset -0.25rem 0 0 0.1rem rgba(14, 10, 10, 0.5);
    }
    50% {
        box-shadow: -0.3rem 0 0.3rem 0.3rem rgba(255, 0, 0, 0.8), inset -0.25rem 0 0 0.1rem rgba(14, 10, 10, 0.5);
    }
}

@keyframes ripple {
    0% {
        left: 5px;
        top: 5px;
        opcity: 75;
        width: 0;
        height: 0;
    }
    100% {
        left: -20px;
        top: -20px;
        opacity: 0;
        width: 50px;
        height: 50px;
    }
}

@-webkit-keyframes play {
    0% {
        -webkit-transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(-180deg);
    }
}

@-moz-keyframes play {
    0% {
        -moz-transform: rotate(0deg);
    }
    100% {
        -moz-transform: rotate(-180deg);
    }
}

@keyframes play {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(-180deg);
    }
}


/*@media screen and (max-width: 600px) {
	.left-con,
	.main-con,
	.right-con {
		height: 500px;
	}
	body,
	html {
		overflow-y: auto;
	}
}*/

[v-cloak] {
    display: none;
}

/*字体*/
@font-face {
    font-family: 'HYRuiZhiW';
    src: url('../../fonts/HYRuiZhiW.ttf');
    font-weight: normal;
    font-style: normal;
}
.font-RZ{
    font-family: HYRuiZhiW;
}
/*字体高亮*/
.text-sd {
    text-shadow: 2px 0px 4px rgba(0, 255, 155, 1);
}

/*左右侧模块标题*/
.module-title {
    width: max-content;
    height: 1.6vw;
    line-height: 1.6vw;
    background: linear-gradient(to right, rgba(22, 226, 231, 0), rgba(33, 227, 221, 0.06), rgba(79, 229, 181, 0.2), rgba(136, 232, 130, 0));
    position: relative;
}
.module-title::after{
    content: ' ';
    width: 100%;
    height: 0.8vw;
    background: linear-gradient(to right, rgba(22, 226, 231, 0) 0%, rgba(33, 227, 221, 0.3) 10%, rgba(79, 229, 181, 0.8) 50%, rgba(136, 232, 130, 0) 100%);
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.module-title > div {
    display: flex;
    align-items: center;
    position: relative;
    z-index: 2;
    padding-right: 1.5vw;
}
.module-title img {
    width: 1.3vw;
    margin-right: 0.5vw;
    position: relative;
}

/*最新发现*/
.real-time-pic_c {
    margin-top: 0.5vw;
    min-height: 13vw;
}
.real-time-pic_item {
    display: flex;
    /*margin-bottom: 10px;*/
    margin-bottom: 0.5vw;
}
.real-time-pic_item>div:first-child {
    /*width: 118px;*/
    width: 6vw;
    /*height: 118px;*/
    height: 6vw;
    border-radius: 4px;
    overflow: hidden;
    z-index: 9;
    flex-shrink: 0;
    position: relative;
}
.real-time-pic_item>div:first-child img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: matrix(1, 0, 0, 1, 0, 0);
}
.real-time-pic_item>div:first-child span {
    width: 2vw;
    height: 2vw;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.real-time-pic_txt {
    width: calc(100% - 110px);
    width: -moz-calc(100% - 110px);
    width: -webkit-calc(100% - 110px);
    width: calc(100% - 5.5vw);
    width: -moz-calc(100% - 5.5vw);
    width: -webkit-calc(100% - 5.5vw);
    /*padding: 0 0 0 18px;*/
    padding: 0 0 0 0.9vw;
    /*margin-left: -8px;*/
    margin-left: -0.4vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-image: linear-gradient(to right, #213C63 -100%, rgba(30,41,56, 0));
}
.real-time-pic_txt>div {
    color: #B1DEFF;
    margin-bottom: 0.25vw;
}
.real-time-pic_txt>div:first-child {
    color: #fff;
    margin-bottom: 0.5vw;
    font-size: 0.8vw;
}
.real-time-pic_txt>div:last-child {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


/*中心内容-tab标题*/
.main-con .header-con.header-blue-title .nav-tabs{
    background-color:transparent!important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    /*margin-top: 0.5vw;*/
    /*height: 52px;*/
    height: 2.6vw;
    padding: 0 3vw;
}
.main-con .header-con.header-blue-title .nav-tabs:before{
    content: none;
}
.main-con .header-con.header-blue-title .nav-tabs:after{
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background-size: contain;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
}
.main-con .header-con.header-blue-title .nav-tabs .blue-title,
.header-con.header-blue-title .nav-tabs>li>a,
.header-con.header-blue-title .nav-tabs>li>a:focus
{
    color: rgba(255, 255, 255, .8);
    background: transparent!important;
    border-top:transparent!important;
}
.header-con.header-blue-title .nav-tabs>li>a span {
    position: absolute;
    /*right: 40px;*/
    right: 2vw;
    top: 50%;
    transform: translateY(-50%);
    /*font-size: 12px;*/
    font-size: 0.6vw;
    font-family: AlibabaPuHui-Regular;
    display: none;
    text-shadow: none;
}
.header-con.header-blue-title .nav-tabs .tab .tab-img-box {
    width: 9vw;
    height: 2.8vw;
    margin-bottom: 6px;
}
.header-con.header-blue-title .nav-tabs .tab .tab-img-box>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.header-con.header-blue-title .nav-tabs>li.active>a span {
    display: inline-block;
}

/*热力图*/
.hot-time-axis{
    width: 96%;
    background-image: url('../../img/heat-bj.jpg');
    background-size:100% 100%;
    /*height: 58px;*/
    height: 2.9vw;
    position: absolute;
    left: 50%;
    /*bottom: 12px;*/
    bottom: 0.6vw;
    transform: translateX(-50%);
}
.hot-time-axis .time-slide-bj .slider-block-time{
    width: 92%;
    /*height: 10px;*/
    height: 0.5vw;
    background-image: url('../../img/heat-time.jpg');
    background-size:100% 100%;
    position: absolute;
    top: calc(50% - 0.25vw);
    left: 50%;
    transform: translate(-50%, -50%);
}
.hot-time-axis .time-slide-bj{
    /*width: 90%;*/
    margin:auto;
}
.hot-time-axis .time-slide-bj .slider-time-ul{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 94%;
    position: absolute;
    left: 50%;
    top: calc(50% + 0.2vw);
    transform: translateX(-50%);
}
.hot-time-axis .time-slide-bj .slider-time-ul .heat-time-box{
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
}
.hot-time-axis .slider-background-bj{
    width: 92%;
    /*height: 46px;*/
    height: 2.3vw;
    position: absolute;
    left: 4%;
    top: 50%;
    transform: translateY(-50%);
    background-image: linear-gradient(to right, rgba(17,112,221,0.18), rgba(17,112,221,1));
    transition: width 2s;
}
.hot-time-axis .slider-background-bj .dot-con {
    box-sizing: border-box;
    /*width: 10px;*/
    /*height: 10px;*/
    width: 0.5vw;
    height: 0.5vw;
    border-radius: 50%;
    position: absolute;
    right: -0.25vw;
    top: 47%;
    transform: translateY(-50%);
    z-index: 9999;
}
.hot-time-axis .time-slide-bj .time-slider-bar {
    margin: 0 auto;
    height: 2.9vw;
}


/*图集*/
.image-content .image-a img {
    border-radius: 4px;
}
.image-content .image-bj-mark{
    width: calc(100% - 1vw);
    padding: 4px 5px 3px;
    background: rgba(0, 0, 0, .3);
    margin-top: auto;
    bottom: 0.5vw;
    color: #fff;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;

}
.image-content .image-bj-mark .reliability-time{
    display: flex;
    justify-content: space-between;
}
.image-content .image-bj-mark .floatRight{
    float: right;
}
.image-content .image-bj-mark .floatNone{
    float: none;
}

/*曲线*/
.innerbox-con-blue.innerbox-con{
    height: calc(100% - 5vw);
    height: -moz-calc(100% - 5vw);
    height: -webkit-calc(100% - 5vw);
}
.innerbox-con .nav-data{
    display: flex;
    justify-content:flex-end;
}
.innerbox-con .nav-data .tab{
    color: var(--titleColor);
    display: flex;
    align-items: center;
    cursor: pointer;
}
/*花期card*/
.florescenceCard {
    width: 253px;
    position: absolute;
    right: 24px;
    top: 27px;
    z-index: 145;
}
.florescenceCard .panel-group {
    margin-bottom: 5px;
}
.florescenceCard .panel-group .panel {
    margin-bottom: 5px;
    border-radius: 0;
    border-color: transparent;
    background-color: transparent;
    box-shadow: none;
}
.florescenceCard .panel-heading {
    padding: 5px 0;
    background-color: transparent;
    background-image: linear-gradient(to right, rgba(65,120,143, 0.1), rgba(86,182,220, 0.15), rgba(255,255,255,0));
    border-color: transparent;
}
.florescenceCard .panel-title {
    font-size: 18px;
    font-family: HYRuiZhiW;
    padding: 5px 20px;
    transition: all 10s;
}
.florescenceCard .bright-title {
    color: #fff;
    cursor: pointer;
    display: flex;
    align-items: center;
}
.florescenceCard .dark-title {
    color: rgba(255, 255, 255, 0.6);
}
.florescenceCard .panel-title a:hover {
    text-decoration: none;
}
.florescenceCard .panel-title span {
    display: inline-block;
    margin-left: 10px;
    font-size: 12px;
    font-family: AlibabaPuHui-Regular;
    height: 17px;
    line-height: 16px;
    padding: 0 9px;
    border: 1px solid rgba(255, 255, 255, 0.8);
    border-radius: 6px;
    background-color: rgba(255, 255, 255, 0.08);

}
.florescenceCard .panel-collapse {
    margin-top: 5px;
}
.florescenceCard .panel-body {
    border-top-color: transparent!important;
    padding: 0;

}
.panel-collapse-time {
    padding: 10px 0 0 20px
}
.panel-collapse-cflex {
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding: 12px 0 7px;
}
.panel-collapse-cflex>div {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.panel-collapse-cflex>div div:first-child {
    width: 85px;
    height: 85px;
    line-height: 85px;
    text-align: center;
    background-size: 100% 100%;
    margin-bottom: 8px;
}
.panel-collapse-cflex>div div:last-child {
    font-size: 12px;
}

/*人气植物-dialog、花期-dialog*/
.popular-plant-dialog {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 2000;
}
.popular-plant-dialog .mask {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, .5);
}
.popular-plant-container {
    width: 80%;
    height: 90vh;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: linear-gradient(rgba(13,34,49, 0.9), rgba(16,25,43,0.9));
    display: flex;
    flex-direction: column;
}
.popular-plant-t {
    width: 100%;
    height: 56px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #fff;
    background: linear-gradient(to right, rgba(21,85,164, 0.07), rgba(21,132,185, 0.44), rgba(21,77,160, 0));
}
.popular-plant-t>div:first-child {
    font-size: 22px;
    margin-left: 25px;
}
.popular-plant-t>div:last-child {
    margin-right: 15px;
    width: 32px;
    height: 32px;
    line-height: 24px;
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    cursor: pointer;
}
.popular-plant-c {
    flex: 1;
    /*max-height: calc(100% - 108px);*/
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0 1vw;
}
.popular-plant-item {
    position: relative;
    margin-bottom: 1vw;
}
@media (min-width: 1900px) {
    .col-lg-7-12 {
        width: 14.2857%
    }
}
.popular-plant-item_img {
    width: 100%;
    position: relative;
    height: 0;
    padding-top: 100%;
    display: block;
}
.popular-plant-item_img img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
    border-radius: 4px;
}
.popular-plant-item_info {
    width: calc(100% - 30px);
    position: absolute;
    bottom: 0;
    left: 15px;
    padding: 3px 5px 2px;
    background: rgba(0, 0, 0, 0.3);
    color: #fff;
    font-family: AlibabaPuHui-Regular;
}
.popular-plant-item_info p {
    line-height: 1.4;
    margin-bottom: 0;
}
.popular-plant-item_info p:nth-of-type(1) {
    display: flex;
    justify-content: space-between;
}
.popular-plant-item_info p:last-child {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    min-height: 18px;
}

/*地图infoWindow*/
.canvas-con .amap-info-content {
    padding: 0px;
}
.info-window-top {
    font-size: 18px;
    font-family: AlibabaPuHui-Regular;
    font-weight: bold;
    padding: 5px 10px;
    margin-bottom: 5px;
}
.info-window-img {
    width: 253px;
    padding: 0 10px;
}
.info-window-img img {
    width: 233px;
}
.info-window-bottom {
    font-family: AlibabaPuHui-Regular;
    font-size: 14px;
    padding: 8px 10px 0;
}
.info-window-bottom>div {
    margin-bottom: 8px;
}
.canvas-con .amap-info-close{
    right: 10px!important;
    font-size: 25px;
    color: #fff;
    top: 10px;
    font-family: AlibabaPuHui-Regular;
}

/*图集*/
.cell>div .address {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    min-height: 18px;
}

/*预留的div，用于设置marker label的定位等*/
#empty-div {
    width: 2vw;
    height: 2vw;
    display: none;
}

/* 统计数 statistics-con */
.statistics-con {}
.statistics-date {
    margin-bottom: 0.5vw;
}
.statistics-row {
    width: 100%;
    display: flex;
}
.statistics-item {
    width: calc(100% / 3);
    /*height: 8.3vw;*/
    /*max-height: 8.3vw;*/
    display: flex;
    flex-direction: column;
    align-items: center;
    /*margin-right: 0.75vw*/
    /*background: linear-gradient(rgba(21,185,130, 0.44), rgba(21,77,160, 0));*/
}
.statistics-item-row {
    width: 50%;
    display: flex;
    align-items: center;
}
/*.statistics-item > div:nth-of-type(3) {*/
/*    margin-top: 3px;*/
/*    margin-top: 0.3rem;*/
/*    margin-top: 0.15vw;*/
/*    margin-bottom: 5px;*/
/*    margin-bottom: 0.5rem;*/
/*    margin-bottom: 0.25vw;*/
/*}*/
.statistics-icon {
    /*width: 70px;*/
    width: 3.5vw;
    /*height: 70px;*/
    height: 3.5vw;
    background-size: 100% 100%;
}


/* nav style 近一月/近三月/近一年  */
.nav-range {
    background: none;
    /*padding: 10px 0 0 0;*/
    padding: 0.5vw 0 0 0;
    margin: 0;
    /*height: 50px;*/
    /*height: .5rem;*/
    /*height: 3vw;*/
    display: flex;
    justify-content: right;
    box-shadow: none;
}
.nav-range > .tab {
    position: relative;
    z-index: 10;
    color: #9ACFFF;
    background: transparent;
    border-right: 1px solid #0c6284;
    /*padding: 0 10px;*/
    padding: 0 0.5vw;
    transform: skewX(-20deg);
}
.nav-range > .tab:last-child {
    border-right: none;
    padding-right: 0;
}
.nav-range > .tab > a > div {
    transform: skewX(20deg);
}
.nav-range > .tab > a {
    /*font-size: 14px;*/
    font-size: 0.7vw;
    color: #9ACFFF;
    padding: 0;
    /*padding: 5px 10px 5px 10px;*/
    /*padding: .5rem 1rem .5rem 1rem;*/
    /*padding: .25vw .5vw .25vw .5vw;*/
    margin-top: 0;
    cursor: pointer;
    line-height: 1 !important
}
.nav-range > .tab.active > a,
.nav-range > .tab.active > a:hover,
.nav-range > .tab.active > a:focus {
    border-top: 1px solid transparent;
    background: none;
    color: #fff;
    margin-top: 0;
    font-family: AlibabaPuHui-Regular;
    font-weight: bold;
    text-shadow: 1px 1px 4px rgba(0,238,255,0.8);
}
.nav-range > li > a:focus {
    background: none;
    color: #9ACFFF;
    margin-top: 0;
}
.nav-range > .tab > a:hover {
    color: #9ACFFF;
}
.nav-tabs>li:first-child>a {
    border-left: 0 solid transparent;
}

.loading-container {
    background-color: #0C1E29 !important;
}


/*图集视频*/
.box video {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    /*object-fit: cover;*/
    border-radius: 4px;
}
.box .image-bj-play{
    position: absolute;
    left: 50%;
    top:50%;
    transform: translateX(-50%);
    width: 4vw;
    height: 4vw;
}
.box .image-bj-play img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/*重点发现中的样式*/
.keyGallary-con .box .image-bj-play{
    transform: translate(-50%, -50%);
}