.price-trend{width:100%;border-radius:8px;border:1px solid #dadfe6;position:relative;background-color:#fff}.price-trend-subTitle{color:#0f294d;font-size:14px;font-weight:400;margin-top:-16px;margin-bottom:16px}.price-trend-wrapper{position:relative}#price-tend-container{width:100%;overflow:hidden;height:374px;cursor:pointer}.price-trend .markpoint{border-radius:4px;background-color:#051a37;z-index:1;position:absolute;display:flex;padding:8px;min-width:232px;box-sizing:border-box;opacity:0;transition:opacity .3s}.price-trend .markpoint .left{display:flex;flex-direction:column;flex-grow:1;margin-right:24px;justify-content:center}.price-trend .markpoint .right{display:flex;align-items:center;justify-content:center;flex-shrink:0}.price-trend .markpoint .left .dsp{color:#50c6d0;font-size:14px;font-weight:400}.price-trend .markpoint .left .price{margin-top:4px;color:#fff;font-size:16px;font-weight:700}.price-trend .markpoint .right .button-wrapper{background-color:#3264ff;border-radius:4px}.price-trend .markpoint .right .button-wrapper .button{display:block;font-size:14px;font-weight:400;padding:8px 16px;color:#fff;border-radius:4px}.price-trend .markpoint .right .button-wrapper .button:hover{background:rgba(0,0,0,.16)}.price-trend .markpoint::after{content:"";position:absolute;width:0;height:0;border:8px solid transparent;border-top-color:#051a37;bottom:-14px;left:50%;transform:translateX(-50%)}.price-trend .markpoint.arrowLeft::after,.price-trend .markpoint.arrowRight::after{content:"";position:absolute;width:0;height:0;border:8px solid transparent;border-top-color:#051a37;bottom:-14px;left:15px}.price-trend .markpoint.arrowRight::after{left:unset;right:16px;transform:translateX(0)}.price-trend .scroll-btn-left.hidden-btn,.price-trend .scroll-btn-right.hidden-btn{display:none}.price-trend .scroll-btn-left,.price-trend .scroll-btn-right{width:40px;height:40px;border-radius:50%;border:1px solid #f0f2f5;background-color:#fff;box-shadow:0 8px 10px 0 rgba(15,41,77,.08);position:absolute;display:flex;align-items:center;justify-content:center;z-index:1;cursor:pointer}.price-trend .scroll-btn-left:hover path,.scroll-btn-right:hover path{fill:#3264ff}.price-trend .scroll-btn-left{left:0;top:50%;transform:translate(-50%,-50%) rotate(180deg)}.price-trend .scroll-btn-right{right:0;top:50%;transform:translate(50%,-50%)}.price-trend .trip-dsp{color:#acb4bf;position:absolute;box-sizing:border-box;right:24px;bottom:24px;font-size:14px;font-weight:400}.text-overflow-1{display:-webkit-box;line-clamp:1;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-break:anywhere}@media screen and (max-width:768px){.price-trend-component{background-color:#fff;margin-bottom:32px}.price-trend{border:.5px solid #f0f2f5;box-shadow:0 4px 8px 0 rgba(5,26,55,.1);height:278px;display:flex;flex-direction:column;justify-content:flex-end;box-sizing:border-box}.price-trend-subTitle{font-size:14px;margin-top:-4px;margin-bottom:12px;line-height:18px;color:#707f94;font-weight:400}#price-tend-container{width:100%;overflow:hidden;height:256px;cursor:pointer}.price-trend .scroll-btn-left,.price-trend .scroll-btn-right{width:24px;height:24px}.price-trend .scroll-btn-left svg,.price-trend .scroll-btn-right svg{width:12px;height:12px}.price-trend .markpoint{max-width:223px}.price-trend .trip-dsp{padding:12px;font-size:14px;line-height:18px;right:unset;bottom:0;left:0;width:100%}}