.page-box{margin:10px auto}.douJiaDetails .details_state{margin:0 24px;background:#f7f8f9;padding:16px;border-radius:4px}.douJiaDetails .details_state .state{font-weight:600;font-size:16px}.douJiaDetails .details_state .state .icon{color:#999;font-size:18px;margin-right:12px}.douJiaDetails .details_state .tip{font-size:12px;color:#55565f;margin:12px 0 0 30px}.douJiaDetails .details_state .tip span{color:red}.douJiaDetails .details_info{padding:0 24px}.douJiaDetails .details_info .title{font-size:17px;color:#161823;font-weight:600}.douJiaDetails .details_info .details_titInfo{display:inline-block;vertical-align:top;margin-left:12px}.douJiaDetails .details_info .details_titInfo .details_tit{word-break:break-all;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;width:260px;font-size:14px;color:#161823;margin-top:2px}.douJiaDetails .details_info .details_titInfo .name{font-size:12px;color:#6d6e71;margin-left:8px}.douJiaDetails .details_info .details_data{margin-top:24px}.douJiaDetails .details_info .details_data .data_group{width:33%;display:inline-block;margin-bottom:16px}.douJiaDetails .details_info .details_data .data_group .key{color:#6d6e71;font-size:14px}.douJiaDetails .details_info .details_data .data_group .val{color:#161823;font:-webkit-mini-control;margin-left:24px}.douJiaDetails .LaunchEffect{padding:0 24px 6px}.douJiaDetails .LaunchEffect .title{font-size:17px;color:#161823;font-weight:600}.douJiaDetails .LaunchEffect .effect_group{margin-top:20px;width:180px;position:relative;display:inline-block}.douJiaDetails .LaunchEffect .effect_group .borderRight{width:1px;height:40px;background:#f0f0f0;position:absolute;right:30px;top:10px}.douJiaDetails .LaunchEffect .effect_group .suffix{font-size:12px;color:#161823;font-weight:400}.douJiaDetails .audiencePortrait{padding:0 24px 24px}.douJiaDetails .audiencePortrait .title{font-size:17px;color:#161823;font-weight:600}.douJiaDetails .audiencePortrait .genderChart .progress-item{text-align:center;padding:60px 0}.douJiaDetails .audiencePortrait .genderChart .progress-item .gender{color:#838383;font-size:12px;display:inline-block}.douJiaDetails .audiencePortrait .genderChart .progress-item svg>path:nth-child(2){stroke:url(#orange)}.douJiaDetails .audiencePortrait .genderChart .progress-item .el-progress-circle__track{stroke:#f0f0f0;-webkit-filter:url(#innershadow);filter:url(#innershadow);stroke-width:10px!important}.douJiaDetails .audiencePortrait .genderChart .progress-item .my_pross{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.douJiaDetails .audiencePortrait .genderChart .progress-item .el-progress--circle .el-progress__text,.douJiaDetails .audiencePortrait .genderChart .progress-item .el-progress--dashboard .el-progress__text{-webkit-transform:rotateY(180deg) translateY(-50%);transform:rotateY(180deg) translateY(-50%)}.douJiaDetails .audiencePortrait .common{margin-top:20px;width:49%;display:inline-block;vertical-align:top}.douJiaDetails .audiencePortrait .ageHistogram .histogram{height:226px}.douJiaDetails .audiencePortrait .ageHistogram .item{width:24px;background:-webkit-gradient(linear,left bottom,left top,from(#e84a39),color-stop(60%),to(#f39158));background:linear-gradient(0deg,#e84a39,60%,#f39158);height:48%;border-radius:2px}.douJiaDetails .audiencePortrait .infernalHistogram .el-bg-inner-max .el-progress-bar__inner{background-color:unset;background-image:-webkit-gradient(linear,left top,right top,from(#e84a39),color-stop(12%),to(#f39158));background-image:linear-gradient(90deg,#e84a39,12%,#f39158)}.douJiaDetails .audiencePortrait .infernalHistogram .el-bg-inner-info .el-progress-bar__inner{background-image:-webkit-gradient(linear,left top,right top,from(#3587d8),to(#fb3a7e));background-image:linear-gradient(90deg,#3587d8,#fb3a7e)}.douJiaDetails .audiencePortrait .interestHistogram .icon{color:#aeafb0;margin-left:4px;font-size:14px}.douJiaDetails .audiencePortrait .interestHistogram .interestTag{width:88%;margin:30px 0 0 48px}.douJiaDetails .audiencePortrait .interestHistogram .interestTag .tag{background:#e8e8e9;color:#6e6e6e;height:30px;font-size:12px;width:92px;border-radius:2px;line-height:30px;text-align:center;display:inline-block;margin:2px}.douJiaDetails .audiencePortrait .interestHistogram .interestTag .selectTag{background:-webkit-gradient(linear,left bottom,left top,from(#e84a39),color-stop(12%),to(#f39158));background:linear-gradient(0deg,#e84a39,12%,#f39158);color:#fff}