.finetriangle{height:300px;width:500px}@media(max-width:500px){.finetriangle{height:300px;width:400px}}.finetriangle .sanjiao{transform:translateY(-50%);-webkit-transform:translateY(-50%);position:relative;padding-right:30px;top:46%;margin:0 auto;width:345px}.finetriangle .sj{height:0;border-right:15px solid transparent;border-bottom-style:solid;border-left:15px solid transparent;border-bottom-width:30px;border-top:0 solid transparent;box-sizing:content-box;margin:0 auto 9px}.finetriangle .sj1{box-shadow:0 10px 0 0 #9b9a9a;width:40px;border-bottom-color:#c5c5c5}.finetriangle .sj2{box-shadow:0 10px 0 0 #047ab8;width:80px;border-bottom-color:#00a3f7}.finetriangle .sj3{box-shadow:0 10px 0 0 #006d08;width:120px;border-bottom-color:#00a20b}.finetriangle .sj4{box-shadow:0 10px 0 0 #af7c03;width:160px;border-bottom-color:#da9a00}.finetriangle .sj5{box-shadow:0 10px 0 0 #af0000;width:200px;border-bottom-color:#da0000}.finetriangle .sj6{box-shadow:0 10px 0 0 #4d4d4d;width:240px;border-bottom-color:#6c6c6c}.finetriangle .describe{font-size:14px;font-weight:400;color:#000;position:absolute;margin-left:135px}.finetriangle .describe1{top:10px}.finetriangle .describe2{top:46px}.finetriangle .describe3{top:86px}.finetriangle .describe4{top:124px}.finetriangle .describe5{top:163px}.finetriangle .describe6{top:203px}