body,
html {
    height: 100%;
}

body {
    position: relative;
    /*background: url(../img//indexCityBg.png) no-repeat top scroll;*/
    /*background-size: 100% auto;*/

}


.home-c {



    /* overflow: scroll; */

}

.xypd {
    padding: 0 3.2vw 55px 3.2vw;
}

.logoName {
    width: 100vw;
    height: 69.333vw;
    /*display: flex;*/
    /*align-items: center;*/
    position: relative;
}

.logoName > img {
    height: 69.333vw;
    position: absolute;
    top: 0;
    z-index: 98;
}

.head {
    height: 12vw;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    position: relative;
    font-size: 4.8vw;
    color: #fff;
    padding: 0 3.2vw  0;
    z-index: 99;
}

.icon-shenfenzheng {
    font-size: 5.6vw;
}



/* 焦点 */
.Headlines {
    /*background: url(../img/fileBg.png) no-repeat;*/
    /*background-size: 100% auto;*/
    /*height: 48.267vw;*/
    background-color: #ffffff;
    box-shadow: 0vw 0vw 1.6vw 0vw
    rgba(181, 181, 181, 0.1);
    border-radius: 1.6vw;
    /*padding: 4vw;*/
}



.Headlines .HeadlinesSwiper {
    /*overflow: hidden;*/
    width: 100%;
    /*height: 50vw;*/
    position: relative;
}


.swiper-pagination-bullet {
    width: 3vw !important;
    height: 1vw !important;
    border-radius: 5px !important;
}

.HeadlinesSwiper .swiper-slide {
    padding: 4.2vw  0 0;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;

}

.HeadlinesSwiper .swiper-slide>div {
    flex: 1;
    /*height: 100%;*/
}

.leftBox {
    margin-right: 4.8vw;
    flex-direction: column;
    justify-content: space-between;
}

.leftBox .info {
    align-items: center;
    justify-content: space-between;
    font-size: 2.9vw;
    color: #999999;
    margin-top: 1.3vw;
}



.leftBox img {
    width: 100%;
    height: 29.6vw;
    object-fit: cover;
    border-radius: 5px;
    display: flex;

}

.rightBox {
    flex-direction: column;
    justify-content: space-between;
}

.rightBox .infoText {
    height: 29.6vw;
}

.rightBox .infoText>div:nth-child(1) {
    color: #222222;
    font-size: 4.2vw;
    margin-bottom: 0.8vw;
    font-weight: 600;
}

.rightBox .view-detail {
    margin-top: 1.3vw;
    justify-content: flex-end;
    color: #48a3ff;
}

.radio {
    background-color: #ffffff;
    border-radius: 1.6vw;
    padding: 1.33vw 4vw;
    height: 10.2vw;
    font-size: 3.4667vw;
    align-items: center;

}

.radio img {
    width: 4vw;
}

.dowebok {
    margin-left: 2vw;
    color: #444444;
}


#echartBox{
    position: absolute;
    top: 10.667vw;
    left: 50%;
    transform: translateX(-50%);
    width: 55.667vw;
    height: 55.667vw;
    z-index: 99;
}

#echartBox2{
    position: absolute;
    top: 10.667vw;
    left: 50%;
    transform: translateX(-50%);
    width: 55.667vw;
    height: 55.667vw;
    z-index: 99;
}



.fts{
    text-align: center;
    font-size: 4.2vw;
}

.fts2{
    text-align: center;
    font-size: 2.4vw;
}

.bold.myPj {
    font-size: 3.467vw;
}
.echartBoxSearch {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    width: 100% !important;
    bottom:6vw;
    left: 0;
    color: #fff;
    z-index: 999;
}

.echartBoxSearch .pingjia{
    width: 4.533vw;
    height: 3.867vw;
    margin-right: 1.2vw;
}
/* 热度 */
.nav {
    align-items: center;
    justify-content: space-between;
}

.hot1 {
    margin: 2.8vw 0;
}
.hot {
    margin-top: 5.333vw;
    margin-bottom: 3.2vw;
}

.hot .nav .titleTab {
    margin-right: 5.2vw;
}



.nav-cardTab {
    display: flex;
    /*justify-content:space-around;*/
    flex-wrap:wrap;
}

.nav-cardTab .nav-cardTab-item {
    flex: 0 0 25%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 4.2vw;
}
/*.nav-cardTab .nav-cardTab-item:nth-child(-n + 4) {*/
/*    margin-bottom: 8.2vw;*/
/*}*/

.nav-cardTab .nav-cardTab-item > img{
    width: 10.607vw;
    height: 10.607vw;
}
.nav .more,
.nav .more i {
    font-size: 2.93vw;
    color: #999999;
}

.nav-container {}

.nav-card {
    padding: 2.667vw;
    /*height: 28.533vw;*/
    height: 22.667vw;
    background-color: #ffffff;
    box-shadow: 0px 0px 12px 0px rgba(181, 181, 181, 0.1);
    border-radius: 3.2vw;
    display: flex;
    align-items: center;
    position: relative;
    margin-bottom: 3.2vw;
}

.nav-container>.nav-card:nth-last-child(1) {
    margin-bottom: 0;
}

.nav-card .left-logo {
    width: 22.933vw;
}

.tab-content .nav-container {
    display: none;
}

.tab-content .nav-container.active {
    display: block;
}

.nav-container.tab3 {
    width: 100%;
    height: 100%;
}

.nav-card .left-logo img {
    width: 22.933vw;
    object-fit: cover;
    height: 17.333vw;
    border-radius: 0.8vw;
}

.nav-card .xlogo {
    position: absolute;
    right: 0;
    top: 0;
    width: 20vw;
}

.nav-card .xlogo img {
    width: 20vw;
}

.xlogo-text {
    position: absolute;
    color: #fff;
    font-size: 3.2vw;

    transform: rotateZ(45deg);
    top: 18%;
    right: 18%;

}

.nav-card .right-conent {
    flex: 1;
    height: 100%;
    flex-direction: column;
    justify-content: space-between;
    padding-left: 4vw;
    display: flex;
    width: calc(100% - 20vw);
}

.tab3 .nav-card .right-conent {
    flex: 1;
    /* width: calc(100% - 20vw); */
}

.nav-card .right-conent .title {
    font-size: 4vw;
    /*width: 100%;*/
    /*width: calc(100% - 10vw);*/
}

.nav-card .right-conent .rate .rateValue {
    font-size: 2.9333vw;
    color: #999999;
}

.nav-card .right-conent .comp span {
    font-size: 2.9333vw;
    color: #999999;

}

.nav-card .right-conent .time {
    justify-content: space-between;
    color: #999999;
    font-size: 2.933vw;
}

.nav-card .right-conent .time .times {
    color: #999999;
}

.right-conent .local {
    color: #999999;
}
.titleTab.activeTab::after{
    background-image: linear-gradient(90deg, #fff 0%, #5488f8 100%), linear-gradient(#fff, #5488f8)!important;
    border-radius: 0.6vw!important;
}
/* vip */
.vip {
    margin-bottom: 3.2vw;
    width: 100%;
    height: 22.67vw;
    overflow: hidden;
    position: relative;
}

.vip img {
    width: 100%;
    height: 22.67vw;
    object-fit: cover;
    border-radius: 2vw;

}

.vip.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 0;
}

.layui-rate {
    padding: 0 !important;
}

.layui-rate i {
    font-size: 2.667vw !important;
    margin-right: 0.667vw !important;
}

/* 暂无数据 */
.noData {
    width: 100%;
    height: 50vw;
    text-align: center;
    position: relative;
    color: #b8b8b8;

}

.noData img {
    width: 40%;

    margin-bottom: 3.2vw;
}

.noData .noLogo {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding-top: 4.8vw;
}