/* 开放统计 begin*/
.data-analysis-container {
    width: 100%;
    padding: 20px 0;
    
    background-size: 100% 100%;
}

.data-analysis-wrap {
    width: 1200px;
    margin: 0 auto;
}

.data-analysis-statistic-container {

} 

.data-analysis-statistic-container .box {
    float: left;
    position: relative;
    width: 382px;
    height: 117px;
    margin-left: 26px;
    border-radius: 5px;
}

.data-analysis-statistic-container .box1 {
    background: url(../img/data-analysis/back1.png) no-repeat center;
    background-size: cover;
}
.data-analysis-statistic-container .box2 {
    background: url(../img/data-analysis/back2.png) no-repeat center;
    background-size: cover;
}
.data-analysis-statistic-container .box3 {
    background: url(../img/data-analysis/back3.png) no-repeat center;
    background-size: cover;
}
.data-analysis-statistic-container .box4 {
    background: url(../img/data-analysis/back4.png) no-repeat center;
    background-size: cover;
}
.data-analysis-statistic-container .box5 {
    background: url(../img/data-analysis/back5.png) no-repeat center;
    background-size: cover;
}

.data-analysis-statistic-container .box .icon {
    position: absolute;
    height: 44px;
    width: 44px;
    left: 110px;
    top: 34px;
}

.data-analysis-statistic-container .box .icon1 {
    background: url(../img/data-analysis/icon1.png) no-repeat center;
    background-size: cover;
}
.data-analysis-statistic-container .box .icon2 {
    background: url(../img/data-analysis/icon2.png) no-repeat center;
}
.data-analysis-statistic-container .box .icon3 {
    background: url(../img/data-analysis/icon3.png) no-repeat center;
}
.data-analysis-statistic-container .box .icon4 {
    background: url(../img/data-analysis/icon4.png) no-repeat center;
}
.data-analysis-statistic-container .box .icon5 {
    background: url(../img/data-analysis/icon5.png) no-repeat center;
}

.data-analysis-statistic-container .box .number {
    color: #fff;
    font-size: 28px;
    font-weight: bold;
    position: absolute;
    left: 170px;
    top: 25px;
}

.data-analysis-statistic-container .box .text {
    color: #fff;
    font-size: 14px;
    position: absolute;
    top: 62px;
    left: 170px;
}

.analysis-container {
    /* border: 1px solid #3363c2; */
    border: 1px solid #dfdfdf;
    border-radius: 10px;
    /* background: #1d2c63; */
}

.analysis-data-type-container {
    margin-top: 10px;
    width: 465px;
    float: left;
    height: 360px;
}

.analysis-data-type-container .content,
.analysis-data-connect-container .content {
    width: 100%;
    height: 310px;
    position: relative;
    background: #fff;
}

.analysis-data-type-container .content {
    background:#fff url(../img/data-analysis/pie-back.png) no-repeat center;
    /* background-position-x: 82px;
    background-position-y: -1px; */
    background-position-x: 109px;
    background-position-y: 25px;
}

#pie-chart,#line-chart,.switch-content-wrap {
    width: 100%;
    height: 100%;
}

.analysis-data-connect-container {
    width: 710px;
    float: right;
    height: 360px;
    margin-top: 10px;
}




.analysis-switch-chart-container {
    width: 100%;
    height: 560px;
    margin-top: 25px;
}

.analysis-switch-chart-container .content {
    height: 510px;
    width: 100%;
    background: #fff;
}

.analysis-container .title-container {
    height: 50px;
    line-height: 50px;
    background: #efefef;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.analysis-container .title-container .title {
    /* color: #c0dfff; */
    color: #000;
    font-size: 18px;
    margin-left: 20px;
    float: left;
}
._bor {
    margin: -3px 5px 0 0;
    display: inline-block;
    vertical-align: middle;
    width: 3px;
    height: 15px;
    background: #235589;
}

.pie-inner-circle {
    width: 245px;
    height: 245px;
    position: absolute;
    border: 2px solid #235589;
    border-radius: 50%;
    left: 86px;
    top: 18px;
}

.pie-network {
    overflow: hidden;
    width: 108px;
    height: 108px;
    position: absolute;
    border-radius: 50%;
    left: 154px;
    top: 86px;
}

.pie-network .item {
    float: left;
    width: 25px;
    height: 25px;
    border-top: 2px solid #235589;
    border-left: 2px solid #235589;
}

.border-right {
    border-right: 2px solid #235589;
}

.switch-wrap {
    float: right;
}

.switch-wrap .switch-item {
    float: left;
    /* color: #fff; */
    color: #000;
    padding-left: 10px;
    padding-right: 10px;
    margin: 0 10px;
    line-height: 48px;
    cursor: pointer;
}

.split-line {
    width: 1px;
    height: 25px;
    float: left;
    margin-top: 13px;
    background: #6675ac
}

.switch-wrap .switch-item.active,
.switch-wrap .switch-item:hover {
    color: #136cc7;
    border-bottom: 2px solid #136cc7;
}

.word-cloud-wrap {
    width: 770px;
    height: 100%;
    float: left;
    padding: 30px;
}

.word-cloud-wrap #hot-chart {
    width: 100%;
    height: 100%;
}

.hot-word-wrap {
    width: 420px;
    height: 100%;
    float: right;
    padding: 40px 20px 20px 20px;
}

.hot-word-item {
    width: 350px;
    height: 42px;
    line-height: 42px;
}

.hot-word-item.odd {
    background: #fff7f7;
}

.hot-word-item.even {
    background: #fff
}

.hot-word-item .icon-wrap {
    width: 80px;
    height: 100%;
    float: left;
    text-align: center;
    border-right: 2px solid #fff;
}

.hot-word-item .icon-wrap .icon {
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    border-radius: 50%;
    background: #ccc;
    color: #fff;
}

.hot-word-item .icon-wrap .icon.icon1 {
    background: #ff5959;
}
.hot-word-item .icon-wrap .icon.icon2 {
    background: #ff7200
}
.hot-word-item .icon-wrap .icon.icon3 {
    background: #ffae00
}

.hot-word-item .text-wrap {
    float: left;
    width: 120px;
    text-align: left;
    color: #000;
    padding-left: 12px;
}

.hot-word-item .count-wrap {
    float: left;
    width: 150px;
    text-align: right;
    color: #136cc7;
    padding-right: 12px;
}


/* 开放统计 end*/

/* phone xs htc:20220801 */
@media screen and (max-width: 767px) {
    .data-analysis-wrap,.hot-word-wrap,.hot-word-item{width: 100%;}
    .data-analysis-statistic-container .box{width: calc(100% - 20px);margin: 5px 10px;}
    .data-analysis-statistic-container .box1{margin-left: 10px !important;}
    .analysis-switch-chart-container .content{overflow-x: auto;}
    .analysis-switch-chart-container{height: auto;}
    .word-cloud-wrap{display: none;}
    .hot-word-wrap{padding: 20px 10px 10px 10px;}
    .hot-word-item .text-wrap{width: calc(100% - 130px);}
    .hot-word-item .count-wrap{float: right;width: 50px;}
}