.echarts-time-content{position:absolute;top:374px;display:flex;margin-left:92px;width:80%;justify-content:space-between}
.echarts-time-content span{padding:2px 14px;border-radius:50px;background:#e6e6e6;color:#fff;cursor:pointer}
span.echarts-active{border:1px solid #5c9cfc!important;background:#fff!important;color:#5c9cfc!important}
span.echarts-clickable{border:1px solid #bfbfbf;background:#fff;color:#bfbfbf}
.echarts-btns .active-time{border:1px solid #5c9cfc;background:#fff;color:#5c9cfc}
span.clickable-time{border:1px solid #bfbfbf;color:#bfbfbf;background:#fff}
.echarts-details{position:absolute;right:0;bottom:1.8pc;display:flex;width:610px;height:216px;justify-content:center;align-items:center}
.echarts-details .comam-padding{position:relative;width:75%;height:216px;border:1px dashed #3c8ffe;font-size:14px;line-height: 24px;}
.echarts-details div:first-child div{display:flex;align-items:center}
.echart-round-orange{border:2px solid #ff9f5c}
.echarts-details i{position:relative;top:1px;margin-right:6px;width:8px;height:8px;border-radius: 50%;}
.t_shorttitle{max-width:300px}
.echart-round-black{border:2px solid #333}
.echart-round-red{border:2px solid #fe6075}
.echart-round-blue{border:2px solid #5d7dfe}
.echart-round-purple{border:2px solid #9a5dfe}
.echart-round-pink{border:2px solid pink}
.echart-round-orangeRed{border:2px solid #fe814b}
.echart-round-lightBlue{border:2px solid #a0c7fb}
.rate-score{position:absolute;right:2.4rem;bottom:1.6rem;width:102px;height:128px;background:url('/Public/assets/home/images/index/babyscore.png') no-repeat;justify-content:center;flex-direction:column}
.rate-score h4{color:#404040;font-weight:100;font-size:12px;margin-bottom: 16px;}
.rate-score p{margin-top: 16px;}
.rate-score strong{margin:0 2px;color:#f60;font-size:2pc;font-family:arial;line-height:14px}
.rate-score .score-value-no,.rate-score .score-value-no em{display:block;overflow:hidden;width:60px;height:12px;background:url('//img.alicdn.com/tps/i1/T1HMnMXmVqXXcb2O3B-114-122.png') 0 -27px no-repeat}
.rate-score .score-value-no em{background-position:0 -15px}
.echarts-content{margin-left:.5rem;padding:1rem;background:#fff}
.echarts-btns{display:flex;justify-content:space-between}
.echarts-btns span{padding:2px 14px;border-radius:50px;background:#e6e6e6;color:#fff;cursor:pointer}

.comam-modal.comam-modal-active{
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
/* 570586596151 */
.in-hide {
    display: none!important;
    visibility: hidden!important;
}
.comam-modal {
    position: fixed;
    /* width: 100%;
    height: 100%; */
    width: 1020px;
    height: 680px;
    top: 50%;
    left: 50%;
    z-index: 1002;
    /* display: none; */
    /* background-color: rgba(0,0,0,.6); */
    margin-top: -340px;
    margin-left: -510px;
    outline: 0;
    text-align: center;
    
    /* -webkit-transform: scale(1.185);
    -ms-transform: scale(1.185);
    transform: scale(1.185);
    -webkit-transition-property: opacity,-webkit-transform;
    transition-property: opacity,-webkit-transform;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px; */

}
.comam-modal-dialog {
    /* margin-top: 100px; */
    position: relative;
    margin-left: auto;
    margin-right: auto;
    /* width: 1020px;  */
    /* height: 680px; */
    border-radius: 0;
    background: #f8f8f8;
    padding-top: 10px;
}




.comam-modal-no-btn .comam-modal-dialog {
    border-radius: 0;
    border-bottom: none;
    border-radius: 6px;
}


.comam-modal-dialog, .comam-modal:before {
    display: inline-block;
    vertical-align: middle;
}
.comam-modal-hd {
    padding-top: 20px;
}
.comam-modal-hd {
    padding: 15px 10px 5px;
    font-size: 1.8rem;
}
.comam-modal-bd {
    padding: 15px 10px;
    text-align: center;
    /* border-bottom: 1px solid #dedede; */
    border-radius: 2px 2px 0 0;
}
.comam-modal-hd+.comam-modal-bd {
    padding-top: 0;
}
.comam-modal-hd .comam-close {
    position: absolute;
    top: 4px;
    right: 4px;
}
.comam-modal-hd .comam-close {
    height: 24px;
    font-size: 34px;
    line-height: 18px;
}
.comam-close {
    display: inline-block;
    width: 24px;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.comam-badge, .comam-close, .comam-icon-btn, .comam-icon-fw, .comam-icon-li, .comam-progress-bar {
    text-align: center;
}
#echarts-mail{
    width: 1000px;
    height: 400px;
    -webkit-tap-highlight-color: transparent;
    user-select: none;
    position: relative;
    background: transparent;
}

.comam-padding {
    padding: 16px;
}





/* 在线转链弹窗 */
/* .fq-chain {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .3);
    align-items: center;
    justify-content: center;
    z-index: 1500;
} */

/* .fq-chain-modal {
    position: relative;
    width: 1100px;
    height: 672px;
    background: #F3F4F7;
} */


.fq-chain-modal{
    width: 1100px;
    height: 672px;
  
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -550px;
    margin-top: -336px;
    background: #f8f8f8;
    border-radius: 10px;
    color: #333;
    z-index: 10001;

    /* visibility: hidden; */
}

.info-container {
    width: 100%;
    margin: 0 auto;
    display: flex;
}

.info-container > div {
    width: 50%;
}

.info-content {
    height: 262px;
    background: #FFF;
    padding: 16px 12px;
    margin-right: 6px;
}

.info-top-content {
    border: 2px dashed #EEEFF2;
    border-radius: 10px;
    padding: 6px 12px;
}

.info-title{display:flex;align-items:center;margin-bottom:6px}
.info-title>img{width: 18px; height: 18px; margin-right: 6px}
.info-title a{color:#333}
.info-other{display:flex;justify-content:space-between;color:#b1b1b1}
.chain-red{font-size:20px;color:#ec4c4c}
.chain-orange{font-size:20px;color:#f56d3d}
.chain-blur{font-size:20px;color:#5c9cfc}
.info-bottom-content{display:flex;padding-top:12px}
.info-bottom-content img{width:150px;height:150px}
.data-info{width:calc(100% - 150px);display:flex;align-content:space-between;flex-wrap:wrap;padding:4px 0 4px 12px}
.data-info div{width:100%;display:inline-flex;flex-wrap:wrap}
.data-info>div>span{width:50%;text-align:left;color:#8D9AAF}
.data-info>.shopname{word-wrap: normal;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.data-info .dot{position:relative;top:-1px;width:8px;height:8px;border-radius:50px;display:inline-block;margin:0 8px}
.dot-orange{background:#ff9f5c}
.dot-red{background:#fe6075}
.dot-blur{background:#5d7dfe}
.dot-purple{background:#9a5dfe}
.dot-pink{background:pink}
.score-up{color:#ec4c4c;padding:0 12px 0 2px}
.score-down{color:#1f7700;padding:0 12px 0 2px}
.score-chiping{color:#ec4c4c;padding:0 12px 0 2px}
.material-container{background:#fff;margin-top:12px;display:flex}
.material-left{width:70px;background:#595a5e}
.material-left>span{display:block;padding:10px 0;font-size:16px;color:#fff;text-align:center;cursor:pointer}
.material-active{background:#5c9cfc}
.material-right{width:calc(100% - 70px)}
.copywriting-content{position:relative;width:calc(1006px + 12px);padding:12px;display:none;}
.copywriting-copy{position:absolute;top:12px;right:20px;width:56px;height:56px;background:#675cfc;color:#fff;text-align:center;border-radius:100%;padding:2px 6px;font-size:12px;cursor:pointer;display:flex;justify-content:center;align-items:center;box-shadow:4px 0 10px #b7b7b7;z-index:99}
.fq-copywriting{position:relative;width:240px;height:350px;padding:8px;margin-right:8px;word-break:break-word;box-shadow:0 0 10px rgba(0,0,0,.1);text-align:left;float:left;overflow:hidden;}
.fq-copywriting .fq-copywriting_image{width:140px;height:auto}
.copywriting-text{padding:8px;margin-top:8px;background:#eceef4;border-radius:10px;font-size:14px}
.copywriting-text>img{width:auto;height:auto;display:inline-block}
.textDiv{position:relative;overflow:hidden}
.textDiv::after{content:"...";position:absolute;bottom:0;right:0;padding:0 10px 4px 4px;background:#eceef4}
.copy-text{position: absolute;bottom:12px;width:calc(100% - 16px);height:36px;line-height:36px;background:#5c9cfc;color:#fff;text-align:center;font-size:12px;cursor:pointer}
.material-content{position:relative}
.material-image{height:374px;overflow:auto;display:flex;flex-wrap:wrap;padding:12px}
.material-video{margin:0 12px 12px 0}
.material-video>div{padding:8px;box-shadow:0 0 10px rgba(0,0,0,.1)}
.play-content{position:relative}
.play-content>img{width:130px}
.play-img{position:absolute;left:50%;top:50%;width:4pc;height:4pc;background:rgba(0,0,0,.4);border:2px solid hsla(0,0%,100%,.5);border-radius:50%;margin-left:-2pc;margin-top:-2pc}
.play-img:focus{outline:0}
.play-img>img{width:50%;position:relative;top:1px;left:4px}
.material-img{margin:0 12px 12px 0}
.material-img div{padding:8px;box-shadow:0 0 10px rgba(0,0,0,.1)}
.material-img img{width:130px}
.material-copy{position:absolute;top:12px;right:12px;width:56px;height:56px;background:#675cfc;color:#fff;text-align:center;border-radius:100%;padding:2px 6px;font-size:12px;cursor:pointer;display:flex;justify-content:center;align-items:center;box-shadow:4px 0 10px #b7b7b7}
.img-label{display:flex;justify-content:center;align-items:center;margin:10px 0 0 0;font-size:14px;font-weight:400}
.img-radio{display:none}
.img-radioInput{width:16px;height:16px;background:#fff;border:2px solid #777;border-radius:100%;display:inline-flex;justify-content:center;align-items:center;margin-right:4px}
.img-radio:checked+.img-radioInput:after{content:"";width:6px;height:6px;background:#5c9cfc;border-radius:100%;display:inline-block}
.img-radio:checked+.img-radioInput{border:2px solid #5c9cfc}
.img-active{outline:1px solid #7c9af6}
.copyText-all{width:280px;height:36px;background:#5c9cfc;color:#fff;border:0;font-size:14px;margin-top:1rem}
.video-content{position:relative}
.video-material{height:374px;padding:1rem;display:flex;justify-content:space-between;align-items:center}
.friendsCircle-copywriting{position:relative;width:calc(1006px + 12px);height:374px;padding:1rem}
.fq-friendsCircle{position:relative;width:320px;height:350px;display:flex;padding:10px;word-break:break-word;box-shadow:0 0 10px rgba(0,0,0,.1)}
.friendsCircle-img{width:50px;height:50px;background:#5593ff;display:flex;align-items:center;justify-content:center;border-radius:50%}
.friendsCircle-content{width:calc(100% - 60px);height:284px;text-align:left;padding-left:10px}
.friendsCircle-title{display:block;padding-bottom:10px}
.friendsCircle-text{height:249px;padding:10px;background:#eceef4;border-radius:10px;font-size:14px;overflow-y:auto}
.friendsCircle-text>img{width:auto;height:auto;display:inline-block}
.fq-friendsCircle .copy-text{left:10px;bottom:10px;width:calc(100% - 20px)}
.icon-color-red{color:#f22633;font-size:12px;}
.icon-color-green{color:#1f7700;font-size:12px;}

.echarts-content {
    margin-left: 6px;
    padding: 12px;
    background: #fff;
}

.echarts-btns {
    display: flex;
    justify-content: space-between;
}

.echarts-btns span {
    padding: 2px 14px;
    border-radius: 1000px;
    color: #fff;
    background: #e6e6e6;
    cursor: pointer;
}

.echarts-btns span.clickable-time {
    color: #bfbfbf;
    background: #fff;
    border: 1px solid #bfbfbf;
}

.echarts-btns span.active-time {
    color: #5c9cfc;
    background: #fff;
    border: 1px solid #5c9cfc;
}

.transfer_content {
    padding: 12px;
}

.video-content,
.material-content,
.friendsCircle-copywriting
{
    display: none;
}






/* 在线转链 */
.shorturl,.tao_sign{position:absolute;left:8px;bottom:8px;width:calc(100% - 16px);height:36px;line-height:36px;font-size:14px;text-align:center;color:#FFF;letter-spacing:1px;cursor:pointer;-webkit-user-select:none;user-select:none}
.tao_sign{background:#5794fc}
.shorturl{background:#4dca51}

/* 关闭按钮 */
.fq-chain-close {
    position: absolute;
    top: -26px;
    right: -40px;
    width: 40px;
    height: 40px;
    background: #F3F4F7;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 1000px;
    cursor: pointer;
}

.fq-chain-close > .hdk-close {
    font-size: 20px;
    font-weight: 600;
}