body{background-color: #ffffff; background-image:linear-gradient( 24deg, rgba(170,200,255,0) 0%, #B9E2FF 100%);;
background-size: min(750px, 100%) 6.72rem; 
background-repeat: no-repeat;
background-position: center top;
}


.dynamic-segment {
    transition: stroke-dasharray 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

.remark-line {
    fill: none;
    stroke-width: 2;
    stroke-dasharray: 5, 4;
    transition: d 0.8s ease, opacity 0.5s;
}

.remark-text {
    font-family: "PingFang SC", "Microsoft YaHei", sans-serif;
    transition: all 0.8s ease;
    pointer-events: none;
}
.chart-container{display: flex; justify-content: center; padding: 20px;background:url(../images/chartbg.png) center bottom no-repeat #ffffff;background-size: 100% 100%;}

.header{width:100%;display:block;padding:0.26rem;margin-top:0.52rem;box-sizing: border-box;background:url(../images/titlebg.png) center center no-repeat;background-size:auto 0.5rem ;}

.back-button {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex: 0 0 0.42rem;
    height: 0.96rem;
    padding: 0;
    margin-left:0.17rem;
}

.back-icon {
    display: block;
    width: 0.24rem;
    height: 0.24rem;
    border-left: 0.07rem solid #151a23;
    border-bottom: 0.07rem solid #151a23;

    transform: rotate(45deg);
}

.box{width:9.15rem;margin:0 auto;}
.card{width:100%;display:block;padding:0.26rem;box-sizing: border-box;padding:0.43rem;}
.pici{display: block;width: 100%;padding:0.2rem 0.4rem;box-sizing: border-box;border-radius: 0.43rem;background-color:var(--white-color);box-shadow: 0px 19 117px -11px rgba(110,152,200,0.15);}
.pici .pici-title{width:100%;height: 1.2rem;}
.pici .pici-title span{margin-left:0.5rem;font-size: 0.45rem;height: 1rem;font-weight: bold;margin-right:0.3rem;position: relative;display: inline-block;line-height: 0.8rem;}
.pici .pici-title span::after{content: '';position: absolute;bottom: 0;right: 0;width:1.57rem;height: 0.29rem;background:url(../images/selectunderline.png) center center no-repeat;background-size: 100% 100%;}
.pici  .pici-info{width:100%;}
.pici  .pici-info div{margin-right: 0.3rem;height:0.86rem;line-height: 0.86rem;display:flex;justify-content:start;align-items: center;width: 100%;font-size: 0.37rem;line-height: 0.86rem;color:var(--default-font-color);}
.pici  .pici-info div span{color:#B1B3B9}
.pici  .pici-info div em {color:var(--default-font-color);font-weight:bold;}
.pici  .pici-info div i{color:#605A57}

.mysuitcollege{border-radius:0.32rem;background: linear-gradient( 84deg, #E6F3FF 0%, #E9F3FF 100%);padding:0.16rem;box-sizing: border-box;}
.mysuitcollege .mysuitcollege-title{width:100%;height: 1.2rem;color:#1F3261;font-size: 0.48rem;height: 1rem;font-weight: bold;position: relative;display: inline-block;line-height: 0.8rem;padding-left:0.5rem;box-sizing: border-box;}
.icon-tips{width: 0.43rem;height: 0.43rem;display: inline-block;background-image: url(../images/icon-tips.png);background-repeat: no-repeat;background-size: 100% 100%;}

.mysuitcollege-info{display:flex;justify-content: space-between;flex-wrap: wrap;width:100%;border-radius: 0.32rem;box-sizing: border-box;padding:0.5rem;background-color:var(--white-color);}
.mysuitcollege-info div{width: 33%;display: inline-block;margin:0.2rem 0;}
.mysuitcollege-info div span{display: block;width:100%;text-align: center;font-size:0.64rem;font-weight: bold;}
.mysuitcollege-info div em{display: block;width:100%;text-align: center;font-size:0.35rem;color:#807B79}

.fixbtn{display:block;width:100%;height:1.92rem;}
.fixbtn a{width:9.14rem;height:1.28rem;line-height:1.28rem;border-radius: 0.64rem;background-color:var(--orange-color);color:var(--white-color);font-size: 0.43rem;text-align: center;font-weight: bold;position: fixed;border:0;margin:0px;outline: none;bottom:0.43rem;left:calc(50% - 4.57rem);box-sizing: border-box;}