.bg1{background:#f1b248}.color1{color:#f1b248}.bg2{background:#fe9900}.color2{color:#fe9900}.bg3{background:#ff7875}.color3{color:#ff7875}.bg4{background:#f75aab}.color4{color:#f75aab}.bg5{background:#73d13d}.color5{color:#73d13d}.bg6{background:#31cac5}.color6{color:#31cac5}.bg7{background:#40a8ff}.color7{color:#40a8ff}.bg8{background:#5a7ef8}.color8{color:#5a7ef8}.bg9{background:#9253df}.color9{color:#9253df}.bg10{background:#4f68a1}.color10{color:#4f68a1}.warningbg{background:#e6a23c}.warning{color:#e6a23c}.errorbg{background:#fe6c6f}.error{color:#fe6c6f}.paddingTop5{padding-top:5px}.paddingTop10{padding-top:10px}.upline{display:block;width:12px;height:12px;border-radius:50%;background:#fff;position:relative;top:400px;left:40px;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.upline-body{content:"";display:block;position:absolute;top:0;left:8px;border:0 solid #fff;border-width:6px 200px 6px 200px}@-webkit-keyframes tiao{0%{-webkit-transform:rotate(90deg);transform:rotate(90deg);top:400px;opacity:1}50%{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:1}80%{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:.8}to{-webkit-transform:rotate(90deg);transform:rotate(90deg);top:0;opacity:0}}@keyframes tiao{0%{-webkit-transform:rotate(90deg);transform:rotate(90deg);top:400px;opacity:1}50%{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:1}80%{-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:.8}to{-webkit-transform:rotate(90deg);transform:rotate(90deg);top:0;opacity:0}}