.chart{background:#ebf4ff;height:500px;height:550px;margin-bottom:20px;margin-top:10px;width:100%}.tab{background-color:#263547;color:#fff;float:right;height:100%;width:20%}.chart1{float:left;height:100%;position:relative;width:80%}.tab h3{background-color:#fff;color:#33475d;font-weight:600;margin:20px 0 10px;padding:5px;text-align:center}.tab button{background-color:inherit;border:none;color:#000;cursor:pointer;display:block;font-size:17px;outline:none;padding:22px 16px;text-align:left;transition:.3s;width:100%}.tabcontent{border-left:none;float:left;height:340px;padding:0 12px;width:100%}.top-value{font-weight:300;margin-left:-17px;margin-top:-36px;text-decoration:none}.start-value,.top-value{color:#33475d;position:absolute}.start-value{bottom:-25px;font-size:12px;font-weight:900;margin-left:-21px}.middle-value{border-radius:3px;color:#33475d;left:4px;margin-bottom:0;padding:2px 6px;text-align:center;top:30%;z-index:9998}.middle-value,.middle-value span{background-color:#fff;position:absolute}.middle-value span{cursor:pointer;height:11px;left:14px;top:23.5px;transform:rotate(45deg);transition:.3s;width:11px;z-index:9999}.chart-end{background-color:#ddd;bottom:28px;height:50px;position:absolute;width:100%}.chart-end-list{margin-top:10px;text-align:center}.chart-end-list li{border-right:1px solid #afadad;float:left;list-style:none;margin:5px;position:relative}.chart-end-list li a{color:#33475d;font-size:13px;margin:10px;text-decoration:none}.chart-end-list li:before{border-radius:2px;content:"";cursor:pointer;height:25px;line-height:27px;margin-left:-35px;margin-top:-3px;position:absolute;width:36px;z-index:9999}.chart-end-arrow{background-color:#fff;cursor:pointer;height:11px;left:11px;position:absolute;top:15.5px;transform:rotate(45deg);transition:.3s;width:11px}.chart-end-list li:first-child{width:23%}.chart-end-list li:nth-child(2){width:18%}.chart-end-list li:nth-child(3){width:29%}.chart-end-list li:last-child{width:22%}.chart-end-list li:first-child:before{background-color:#f46275;z-index:1}.chart-end-list li:nth-child(2):before{background-color:#25a7f8;z-index:1}.chart-end-list li:nth-child(3):before{background-color:#33475d;margin-left:-4px;z-index:1}.chart-end-list li:last-child:before{background-color:#fff;content:"123";margin-left:-19px;z-index:1}.chart1 h3{color:#33475d;font-weight:500;margin:25px}.chart-radio{color:#fff;cursor:pointer;display:block;font-size:17px;margin:12px;padding-left:35px;position:relative;transition:all .1s linear;transition-timing-function:linear;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.chart-radio input{cursor:pointer;opacity:0;position:absolute}.checkmark{border-radius:50%;height:15px;left:0;position:absolute;top:7px;width:15px}.chart-radio input:checked~.checkmark,.chart-radio:hover input~.checkmark,.checkmark{background-color:#fff}.checkmark:after{content:"";display:none;position:absolute}.chart-radio input:checked~.checkmark:after{display:block}.chart-radio .checkmark:after{background:#c01f25;border-radius:50%;height:11px;left:2.5px;top:2px;width:11px}.checkmark:before{content:"→";display:none;position:absolute;transform:rotate(180deg)}.chart-radio input:checked~.checkmark:before{display:block}.chart-radio .checkmark:before{font-size:23px;left:120px;top:-9px}.list-bar-j{-webkit-animation:expand 2s}.list-bar-f{-webkit-animation:expand 1s}.list-bar-f1{-webkit-animation:expand1 1s}.list-bar-m{-webkit-animation:expand 1s}.list-bar-m1{-webkit-animation:expand2 1s}.list-bar-m2{-webkit-animation:expand3 1s}@-webkit-keyframes expand3{0%{height:0}to{height:150px}}.list-bar-a{-webkit-animation:expand4 1s}.list-bar-a1{-webkit-animation:expand 1s}.list-bar-a2{-webkit-animation:expand5 1s}@-webkit-keyframes expand5{0%{height:0}to{height:40px}}.list-bar-a3{-webkit-animation:expand6 1s}@-webkit-keyframes expand6{0%{height:0}to{height:225px}}.list-bar-a4{-webkit-animation:expand7 1s}@-webkit-keyframes expand7{0%{height:0}to{height:70px}}.list-bar-y{-webkit-animation:expand 1s}.list-bar-y1{-webkit-animation:expand8 1s}.list-bar-y2{-webkit-animation:expand 1s}.list-bar-y3{-webkit-animation:expand9 1s}.list-bar-y4{-webkit-animation:expand10 1s}.list-bar-ju{-webkit-animation:expand2 1s}.list-bar-ju1{-webkit-animation:expand11 1s}@-webkit-keyframes expand11{0%{height:0}to{height:194px}}.list-bar-ju2{-webkit-animation:expand2 1s}@-webkit-keyframes expand2{0%{height:0}to{height:60px}}.list-bar-ju3{-webkit-animation:expand 1s}.list-bar-ly{-webkit-animation:expand10 1s}.list-bar-ly1{-webkit-animation:expand4 1s}@-webkit-keyframes expand4{0%{height:0}to{height:80px}}.list-bar-ly2{-webkit-animation:expand 1s}.list-bar-g{-webkit-animation:expand10 1s}@-webkit-keyframes expand10{0%{height:0}to{height:200px}}.list-bar-g1{-webkit-animation:expand9 1s}@-webkit-keyframes expand9{0%{height:0}to{height:30px}}.list-bar-g2{-webkit-animation:expand8 1s}@-webkit-keyframes expand8{0%{height:0}to{height:50px}}.list-bar-g3{-webkit-animation:expand 1s}@-webkit-keyframes expand{0%{height:0}to{height:180px}}.list-bar-s,.list-bar-s1,.list-bar-s2{-webkit-animation:expand1 1s}@-webkit-keyframes expand1{0%{height:0}to{height:250px}}.list-bar-n,.list-bar-o{-webkit-animation:expand12 1s}@-webkit-keyframes expand12{0%{height:0}to{height:280px}}.list-bar-n1,.list-bar-n2{-webkit-animation:expand13 1s}@-webkit-keyframes expand13{0%{height:0}to{height:304px}}.list-bar-d,.list-bar-d1{-webkit-animation:expand14 1s}@-webkit-keyframes expand14{0%{height:0}to{height:300px}}#q-graph{background:transparent;border:0;border-bottom:1px solid #afadad;display:block;font-size:11px;height:340px;margin:1.1em 0 0;padding:0;position:relative;width:600px}#q-graph td,#q-graph th,#q-graph tr{bottom:-1px;margin:0;padding:0;position:absolute;text-align:center;width:150px;z-index:2}#q-graph #q1{left:0}#q-graph #q2{left:100px}#q-graph #q3{left:200px}#q-graph #q4{left:300px}#q-graph #q5{left:400px}#q-graph .bar{border:1px solid;border-bottom:none;color:#fff;width:50px}#q-graph .sent{background-color:#3e5670;left:13px}