2023年12月31日发(作者：)

content: '';position: absolute;}.arrow-up:before {border: none;background-color: #555;height: 50%;width: 30%;top: 50%;left: 35%;}.arrow-up:after {left: 0;top: -50%;border-width: 20px 20px;border-bottom-color: #555;}.arrow-right:before {border: none;background-color: #555;height: 30%;width: 50%;top: 35%;left: 0;}.arrow-right:after {left: 50%;top: 0;border-width: 20px 20px;border-left-color: #555;}.arrow-down:before {border: none;background-color: #555;

height: 50%;width: 30%;top: 0;left: 35%;}.arrow-down:after {left: 0;top: 50%;border-width: 20px 20px;border-top-color: #555;}.arrow-left:before {border: none;background-color: #555;height: 30%;width: 50%;top: 35%;left: 50%;}.arrow-left:after {left: -50%;top: 0;border-width: 20px 20px;border-right-color: #555;}.-right:before {border: none;width: 0;height: 0;}.-right .curve {height: 20px;width: 26px;top: 20px;

left: 14px;}.-right .curve:before {-moz-border-radius: 2000px;-webkit-border-radius: 2000px;border-radius: 2000px;border: 12.01201px solid #555;height: 15.97598px;width: 27.97598px;top: -20px;left: 0;}.-right:before {border: none;width: 0;height: 0;}.-right .curve {height: 26px;width: 20px;top: 14px;left: 0;}.-right .curve:before {-moz-border-radius: 2000px;-webkit-border-radius: 2000px;border-radius: 2000px;border: 12.01201px solid #555;height: 27.97598px;width: 15.97598px;top: 0;left: 0;}.-right:before {

border: none;width: 0;height: 0;}.-right .curve {height: 20px;width: 26px;top: 0;left: 0;}.-right .curve:before {-moz-border-radius: 2000px;-webkit-border-radius: 2000px;border-radius: 2000px;border: 12.01201px solid #555;height: 15.97598px;width: 27.97598px;top: 0;left: -26px;}.-right:before {border: none;width: 0;height: 0;}.-right .curve {height: 26px;width: 20px;top: 0;left: 20px;}.-right .curve:before {-moz-border-radius: 2000px;-webkit-border-radius: 2000px;

border-radius: 2000px;border: 12.01201px solid #555;height: 27.97598px;width: 15.97598px;top: -26px;left: -20px;}.-left:before {border: none;width: 0;height: 0;}.-left .curve {height: 20px;width: 26px;top: 20px;left: 0;}.-left .curve:before {-moz-border-radius: 2000px;-webkit-border-radius: 2000px;border-radius: 2000px;border: 12.01201px solid #555;height: 15.97598px;width: 27.97598px;top: -20px;left: -26px;}.-left:before {border: none;width: 0;height: 0;}.-left .curve {

height: 26px;width: 20px;top: 0;left: 0;}.-left .curve:before {-moz-border-radius: 2000px;-webkit-border-radius: 2000px;border-radius: 2000px;border: 12.01201px solid #555;height: 27.97598px;width: 15.97598px;top: -26px;left: 0;}.-left:before {border: none;width: 0;height: 0;}.-left .curve {height: 20px;width: 26px;top: 0;left: 14px;}.-left .curve:before {-moz-border-radius: 2000px;-webkit-border-radius: 2000px;border-radius: 2000px;border: 12.01201px solid #555;height: 15.97598px;width: 27.97598px;top: 0;

left: 0;}.-left:before {border: none;width: 0;height: 0;}.-left .curve {height: 26px;width: 20px;top: 14px;left: 20px;}.-left .curve:before {-moz-border-radius: 2000px;-webkit-border-radius: 2000px;border-radius: 2000px;border: 12.01201px solid #555;height: 27.97598px;width: 15.97598px;top: 0;left: -20px;}.arrow-animate {-webkit-animation: spin 2s infinite linear;margin-left: 20px;height: 170px;/*i{@include border-radius(2000px);position: absolute;top: $h*.115;left:$h*.115;width: $w*.57;

height: $h*.57;border:$h*.1 solid rgba(255,0,0,.5);z-index: 1000;}*/width: 170px;}.arrow-animate .arrow-item {width: 170px;height: 85px;position: absolute;}.arrow-animate .arrow-item:before {content: '';height: 0;width: 0;position: absolute;border: 30.6px solid transparent;}.arrow-animate .arrow-item .curve {height: 71.4px;width: 170px;}.arrow-animate .arrow-item .curve:before {-moz-border-radius: 2000px;-webkit-border-radius: 2000px;border-radius: 2000px;border: 17px solid #555;height: 96.9px;width: 96.9px;left: 19.55px;}.arrow-animate .arrow-item:first-child {top: 0;left: 0;

}.arrow-animate .arrow-item:first-child:before {border-top-color: #555;bottom: -30.6px;}.arrow-animate .arrow-item:first-child .curve {top: 0;left: 0;}.arrow-animate .arrow-item:first-child .curve:before {top: 19.55px;}.arrow-animate .arrow-item:last-child {top: 85px;left: 0;}.arrow-animate .arrow-item:last-child:before {border-bottom-color: #555;top: -34px;right: 0;}.arrow-animate .arrow-item:last-child .curve {bottom: 0;left: 0;}.arrow-animate .arrow-item:last-child .curve:before {bottom: 19.55px;}@-webkit-keyframes spin {0% {-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-webkit-transform: rotate(0deg);transform: rotate(0deg);

}100% {-moz-transform: rotate(-360deg);-ms-transform: rotate(-360deg);-webkit-transform: rotate(-360deg);transform: rotate(-360deg);}}