.card {/* width:340px; */ height:auto;}
.card .inner {display:flex; flex-direction:column; align-items:flex-start; padding:16px; box-shadow:0 2px 8px rgba(0, 0, 0, 0.08); border-radius:12px; background:#fff;}
.card .inner .chart {width:100%;}
.card .title .help {width:16px; height:16px; margin-left:4px; background: url(../images/icon/icon_help.png) no-repeat 0 0; background-size:cover;}
.card .inner .chart .subtitle {margin-top:16px;}
.card .inner .chart .subtitle p {color:#7C7E84; font-size:10px; font-weight:400; line-height:18px; text-align:center;}

.card.type1 .inner .chart .title {display:flex; align-items:center; color:#1D2A53; font-size:16px; font-weight:600;}
.card.type1 .inner .chart .title:before {display:inline-flex; width:24px; height:24px; margin-right:4px; background: url(../images/icon/icon_title1.png) no-repeat 0 0; background-size:cover; content:'';}
.card.type1 .inner .chart .chart_contnts {margin-top:16px;}
.card.type1 .inner .chart .chart_contnts .group {display:flex; justify-content:space-between;}
.card.type1 .inner .chart .chart_contnts .gauge_item {display:flex; flex-direction:column; align-items:center;}
.card.type1 .inner .chart .chart_contnts .gauge_item span {display:inline-flex; align-items:center; color:#3A3A3A; font-size:10px; font-weight:500;}
.card.type1 .inner .chart .chart_contnts .gauge_item span.greed:before {display:inline-flex; width:20px; height:20px; margin-right:4px; background: url(../images/icon/icon_greed.png) no-repeat 0 0; background-size:cover; content:'';}
.card.type1 .inner .chart .chart_contnts .gauge_item span.fear:before {display:inline-flex; width:20px; height:20px; margin-right:4px; background: url(../images/icon/icon_fear.png) no-repeat 0 0; background-size:cover; content:'';}
.card.type1 .inner .chart .chart_contnts .gauge_item .gauge_area {overflow:hidden; display:flex; align-items:flex-end; position:relative; width:16px; height:127px; margin:8px 0; border-radius:8px;}
.card.type1 .inner .chart .chart_contnts .gauge_item .gauge_area .bar {display:flex; justify-content:space-between; flex-direction:column; align-items:center; width:100%; max-height:100%; background:linear-gradient(180deg, #FFCF54 0%, #EA2C2C 100%); border-radius:8px;}
.card.type1 .inner .chart .chart_contnts .gauge_item .gauge_area .bar:before {display:inline-flex; width:8px; height:8px; margin-top:4px; background: url(../images/icon/icon_bar_arrow.png) no-repeat 0 0; background-size:cover; content:'';}
.card.type1 .inner .chart .chart_contnts .gauge_item .gauge_area .bar:after {display:inline-flex; width:8px; height:8px; margin-bottom:4px; transform:rotate(180deg); background: url(../images/icon/icon_bar_arrow.png) no-repeat 0 0; background-size:cover; content:'';}
.card.type1 .inner .chart .chart_contnts .chart_view {width:247px; min-height:151px; margin-top:16px;}
.card.type1 .inner .chart .chart_contnts .chart_view img {width:100%; height:auto;}
.card.type1 .inner .chart .chart_contnts .labels {display:flex; justify-content:center; margin-top:16px;}
.card.type1 .inner .chart .chart_contnts .labels span {display:inline-flex; align-items:center; margin-left:16px; color:#3A3A3A; font-size:10px; font-weight:500;}
.card.type1 .inner .chart .chart_contnts .labels span:first-child {margin-left:0;}
.card.type1 .inner .chart .chart_contnts .labels span::before {display:inline-flex; width:8px; height:1px; margin-right:4px; content:'';}
.card.type1 .inner .chart .chart_contnts .labels span:nth-child(1)::before {background:#5278F0;}
.card.type1 .inner .chart .chart_contnts .labels span:nth-child(2)::before {background:#C60000;}
.card.type1 .inner .chart .chart_contnts .labels span:nth-child(3)::before {background:#F9CA52;}

.card.type2 .title {display:flex; align-items:center; color:#1D2A53; font-size:18px; font-weight:600;}
.card.type2 .title:before {display:inline-flex; width:24px; height:24px; margin-right:4px; border-radius:4px; background: #fff url(../images/icon/icon_title2.png) no-repeat 50% 50%; background-size:50%; box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.08); content:'';}
.card.type2 .inner {margin-top:16px;}
.card.type2 .chart_contnts .date {display:flex; justify-content:flex-end; color:#7C7E84; font-size:10px; font-weight:400; line-height:16px;}
.card.type2 .chart_contnts .result_area {position:relative; margin-top:16px; padding:36px 0 5px 0;overflow:hidden}
.card.type2 .chart_contnts .closing_price {display:inline-flex; flex-direction:column; align-items:center; position:absolute; top:0; margin-left: 30px;}
.card.type2 .chart_contnts .closing_price:after {display:inline-flex; width:1px; height:134px; margin-top:8px; background: url(../images/icon/icon_line.png) no-repeat 0 0; background-size:cover; content:'';border-left: 2px dashed #808080;}
.card.type2 .chart_contnts .closing_price span {color:#1D2A53; font-size:12px; font-weight:600; line-height:14px;}
.card.type2 .chart_contnts .closing_price strong {color:#F15050; font-size:14px; font-weight:700; line-height:14px;}
.card.type2 .chart_contnts .result {display:flex; align-items:center; position:relative; margin-top:8px;}
.card.type2 .chart_contnts .result strong {padding-right:8px; font-size:12px; font-weight:600; line-height:14px; width:55px;margin-top: 14px;}
.card.type2 .chart_contnts .result strong span {display:block; font-weight:400; line-height:12px;}
.card.type2 .chart_contnts .result .bar_graph_item {display:flex; flex-direction:column;}
.card.type2 .chart_contnts .result .bar_graph_item .min_max {display:flex; justify-content:space-between;}
.card.type2 .chart_contnts .result .bar_graph_item .min_max span {font-size:12px; font-weight:500; line-height:10px; white-space:nowrap;}
.card.type2 .chart_contnts .result .bar_graph_item .min_max span.max {margin-left:4px;}
.card.type2 .chart_contnts .result .bar_graph_item .bar {width:100%; height:20px; margin-top:4px;}
.card.type2 .chart_contnts .result.week {margin-top:16px;}
.card.type2 .chart_contnts .result.week strong {display:inline-block; color:#00B4C4; font-size:10px; font-weight:600; line-height:14px; text-align:center; width: 50px;}
.card.type2 .chart_contnts .result.week .bar_graph_item .min_max .min {color:#00B4C4;}
.card.type2 .chart_contnts .result.week .bar_graph_item .min_max .max {color:#006C9A;}
.card.type2 .chart_contnts .result.week .bar_graph_item .bar {background: linear-gradient(90deg, #00B4C4 -4.35%, #006C9A 100%);}
.card.type2 .chart_contnts .result.todbot strong {color:#745A91;}
.card.type2 .chart_contnts .result.todbot .bar_graph_item .min_max .min {color:#745A91;}
.card.type2 .chart_contnts .result.todbot .bar_graph_item .min_max .max {color:#251D53;}
.card.type2 .chart_contnts .result.todbot .bar_graph_item .bar {background: linear-gradient(90deg, #745A91 -4.35%, #261E54 100%);}
.card.type2 .chart_contnts .result.consensus strong {color:#B65477;}
.card.type2 .chart_contnts .result.consensus .bar_graph_item .min_max .min {color:#B65477;}
.card.type2 .chart_contnts .result.consensus .bar_graph_item .min_max .max {color:#6D3E70;}
.card.type2 .chart_contnts .result.consensus .bar_graph_item .bar {background: linear-gradient(90deg, #B65477 -4.35%, #6D3E70 100%);}
.card.type2 .chart_contnts .predict_box {margin-top:16px; padding:12px 16px; border-radius:10px; background:#f8f8f8;}
.card.type2 .chart_contnts .predict_box p {color:#3A3A3A; font-size:14px; font-weight:600; line-height:18px; text-align:center;}
.card.type2 .chart_contnts .predict_box p strong {display:block; color:#1D2A53; font-size:16px; font-weight:700; line-height:20px;}
.card.type2 .chart_contnts .predict_box p strong i {color:#1D2A53;}
.card.type2 .chart_contnts .predict_box p strong span {color:#3A3A3A;}

.card.type3 .title {display:flex; align-items:center; color:#1D2A53; font-size:18px; font-weight:600;}
.card.type3 .title:before {display:inline-flex; width:24px; height:24px; margin-right:4px; border-radius:4px; background: #fff url(../images/icon/icon_title3.png) no-repeat 50% 50%; background-size:50%; box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.08); content:'';}
.card.type3 .inner {margin-top:16px;}
.radio {}
.radio:first-child {margin-top:0;} {}
.radio label {display:inline-flex; flex:none; position:relative; margin:0; padding:0; color:#7C7E84; font-size:12px; font-weight:500; line-height:16px;}
.radio label input[type=radio] {position:absolute; top:0;}
.radio label input[type=radio] + span:before {flex:none; width:16px; height:16px; margin-right:4px; background:url(../images/icon/icon_radio_off.png) no-repeat 0 0; background-size:100%; content:'';}
.radio label input[type=radio]:checked + span:before {background:url(../images/icon/icon_radio_on.png) no-repeat 0 0; background-size:100%;}
.radio label span {display:inline-flex; align-items:center;}

.radio_group {display:flex; align-items:center;}
.radio_group .radio {margin-left:16px;}
.radio_group .radio:first-child {margin-left:0;}


.card.type3 .chart_contnts .chart_view {
    position: relative;
    margin: 16px auto 38px auto;
    border-radius: 8px;
    /* background:#f8f8f8; */
    /* overflow:hidden; */
    z-index: 2;
}

.card.type3 .chart_contnts .chart_view .in_chart_area {
    width: 300px;
    min-height: 230px;
    position: relative;
    margin: 0 auto;
    /* background: url(../images/icon/bg_graph.png) no-repeat 50% 50%; background-size:100%; */
    z-index: 1
}

.card.type3 .chart_contnts .chart_view.ver_bg {
    position: absolute;
    left: 0;
    top: -16px;
    z-index: 1;
    right: 0;
    bottom: -38px;
    overflow: hidden;
}
.card.type3 .chart_contnts .chart_view::after{
/*     content: '';
    display: block;
    background: url(../images/icon/bg_graph.png) no-repeat 50% 50%; background-size:100%;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 0; */

}
.card.type3 .chart_contnts .chart_view {}
.card.type3 .chart_contnts .chart_view .closing_price {position:absolute; top:95px; left:101.5px;z-index:1}
.card.type3 .chart_contnts .chart_view .closing_price strong {display:inline-flex; flex-direction:column; align-items:center; position:relative; width:8px; color:#1D2A53; font-size:10px; font-weight:700; line-height:12px; white-space:nowrap;}
.card.type3 .chart_contnts .chart_view .closing_price strong:after {display:block; width:8px; height:8px; margin-top:4px; background:url(../images/icon/icon_closing_price_dot.png) no-repeat 0 0; background-size:100%; content:''}
.card.type3 .chart_contnts .chart_view .closing_price strong:before {display:block; position:absolute; left:-97.5px; width:101px; height:40px; background:url(../images/icon/icon_closing_price_graph.png) no-repeat 0 0; background-size:100%; content:''}
.card.type3 .chart_contnts .chart_view .closing_price_point {position:absolute; bottom:-23px; left:89px;z-index:1}
.card.type3 .chart_contnts .chart_view .closing_price_point strong {display:inline-block; color:#3A3A3A; font-size:10px; font-weight:500; line-height:12px; white-space:nowrap;z-index:1}
.card.type3 .chart_contnts .chart_view .closing_price_point strong::before {display:block; width:11px; height:14px; margin:0 auto 4px auto; background:url(../images/icon/icon_closing_price_point.png) no-repeat 0 0; background-size:100%; content:''}

.card.type3 .chart_contnts .chart_view .resist {display:inline-flex; flex-direction:column; align-items:center; position:absolute; width:25px; white-space:nowrap;z-index:1}
.card.type3 .chart_contnts .chart_view .resist.point1 {top:44px; left:120px;}
.card.type3 .chart_contnts .chart_view .resist.point2 {top:24px; left:200px;}
.card.type3 .chart_contnts .chart_view .resist span {color:#3A3A3A; font-size:11px; font-weight:700; line-height:12px;}
.card.type3 .chart_contnts .chart_view .resist strong {color:#F15050; font-size:12px; font-weight:700; line-height:12px;}
.card.type3 .chart_contnts .chart_view .resist:after {display:inline-flex; width:25px; height:12.5px; margin-top:8px; background:url(../images/icon/icon_resist.png) no-repeat 0 0; background-size:100%; content:''}
.card.type3 .chart_contnts .chart_view .breakthrough {display:inline-flex; flex-direction:column; align-items:center; position:absolute; top:67px; left:163px;z-index:1}
.card.type3 .chart_contnts .chart_view .breakthrough span {color:#3A3A3A; font-size:10px; font-weight:500; line-height:12px;}
.card.type3 .chart_contnts .chart_view .breakthrough:before {display:inline-flex; width:17px; height:8px; margin-bottom:4px; background:url(../images/icon/icon_breakthrough.png) no-repeat 0 0; background-size:100%; content:''}
.card.type3 .chart_contnts .chart_view .rise {display:inline-flex; flex-direction:column; align-items:center; position:absolute; top:16px; left:243px;z-index:1}
.card.type3 .chart_contnts .chart_view .rise span {color:#F15050; font-size:10px; font-weight:700; line-height:12px;}
.card.type3 .chart_contnts .chart_view .rise:after {display:inline-flex; width:50px; height:23px; margin-top:6px; background:url(../images/icon/icon_rise.png) no-repeat 0 0; background-size:100%; content:''}

.card.type3 .chart_contnts .chart_view .support {display:inline-flex; flex-direction:column; align-items:center; position:absolute; width:26px; white-space:nowrap;z-index:1}
.card.type3 .chart_contnts .chart_view .support.point1 {top:142px; left:120px;}
.card.type3 .chart_contnts .chart_view .support.point2 {top:162px; left:200px;z-index:1}
.card.type3 .chart_contnts .chart_view .support span {color:#3A3A3A; font-size:11px; font-weight:700; line-height:12px;}
.card.type3 .chart_contnts .chart_view .support strong {color:#3582F5; font-size:12px; font-weight:700; line-height:12px;}
.card.type3 .chart_contnts .chart_view .support:before {display:inline-flex; width:26px; height:14.5px; margin-bottom:8px; background:url(../images/icon/icon_support.png) no-repeat 0 0; background-size:100%; content:''}
.card.type3 .chart_contnts .chart_view .drop {display:inline-flex; flex-direction:column; align-items:center; position:absolute; top:141px; left:163px;z-index:1}
.card.type3 .chart_contnts .chart_view .drop span {color:#3A3A3A; font-size:10px; font-weight:500; line-height:12px;}
.card.type3 .chart_contnts .chart_view .drop:after {display:inline-flex; width:17px; height:8.5px; margin-top:4px; background:url(../images/icon/icon_drop.png) no-repeat 0 0; background-size:100%; content:''}
.card.type3 .chart_contnts .chart_view .strong_drop {display:inline-flex; flex-direction:column; align-items:center; position:absolute; top:175px; left:243px;z-index:1}
.card.type3 .chart_contnts .chart_view .strong_drop span {color:#3582F5; font-size:10px; font-weight:700; line-height:12px;}
.card.type3 .chart_contnts .chart_view .strong_drop:before {display:inline-flex; width:50px; height:23px; margin-bottom:4px; background:url(../images/icon/icon_strong_drop.png) no-repeat 0 0; background-size:100%; content:''}
.card.type3 .inner .chart .subtitle {}
.card.type3 .inner .chart .subtitle p {font-size:12px; font-weight:500; line-height:16px; text-align:left;}





.in_chart_area_bg{
    min-width: 300px;
    width: 160%;
    left: 50.5%;
    top: 52.5%;
    position: absolute;
    transform: translate(-50%, -50%);
}