*{ padding: 0px; margin: 0px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; -webkit-text-size-adjust:none; -webkit-user-select: text; -webkit-font-smoothing: antialiased; }
/**{ font-family:"Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu; }*/
*{ font-family: verdana,"Microsoft YaHei",SimHei,SimSun; }
a, a:hover, a:visited{ color: inherit; text-decoration: none; }
button{ cursor: pointer; border: none; outline: none; }
input, textarea{ -webkit-user-select: text; outline: none; }

.useAfterClear:after{ display: block; content: ''; width: 0px; height: 0px; clear: both; }

.absoluteCenter{ position: absolute; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); }

.left{ float: left; }
.right{ float: right; }

.UIImageView{ position: relative; overflow: hidden; }
.UIImageView .UIImage{ position: absolute; }
.UIImageView .UIImage.UIEdgeHZero{ width: 100%; height: auto; }
.UIImageView .UIImage.UIEdgeVZero{ width: auto; height: 100%; }

.UIListView{ list-style: none; }
.UIListView .li{ width: 100%; }

.useTopPop:after{ position: absolute; content: attr(popText); left: 50%; -webkit-transform: translateX(-50%); }
.useTopPop:before{ position: absolute; content: ''; background-color: transparent; border: 8px solid transparent; border-top-color: #000000; }

.UITemple{ display: none; }

.UIStep{ list-style: none; position: relative; padding-top: 60px; margin: 0px 10% 60px 10%; width: 80%; height: 10px; border-radius: 5px; overflow: visible; background-color: white; }
.UIStep.stepI    li{ width: 100%; }
.UIStep.stepII   li{ width: 50%; }
.UIStep.stepIII  li{ width: 33.333333%; }
.UIStep.stepIV   li{ width: 25%; }
.UIStep.stepV    li{ width: 20%; }
.UIStep.stepVI{ width: 95%; margin: 0px 2.5% 60px 2.5%; }
.UIStep.stepVI   li{ width: 16.666666%; }
.UIStep.stepVII{ width: 95%; margin: 0px 2.5% 60px 2.5%; }
.UIStep.stepVII  li{ width: 14.285714%; }
.UIStep.stepVIII{ width: 95%; margin: 0px 2.5% 60px 2.5%; }
.UIStep.stepVIII li{ width: 12.5%; }
.UIStep.stepIX{ width: 95%; margin: 0px 2.5% 60px 2.5%; }
.UIStep.stepIX   li{ width: 11.111111%; }
.UIStep.stepX{ width: 95%; margin: 0px 2.5% 60px 2.5%; }
.UIStep.stepX    li{ width: 10%; }

.UIStep li{ position: relative; float: left; height: 10px; }
.UIStep li:nth-of-type(1){ z-index: 30; border-top-left-radius: 5px; border-bottom-left-radius: 5px; }
.UIStep li:nth-of-type(2){ z-index: 20; }
.UIStep li:nth-of-type(3){ z-index: 10; border-top-right-radius: 5px; border-bottom-right-radius: 5px; }
.UIStep li.pass{ background-color: #69B521; }
.UIStep li.pass i{ border-color: #69B521; color: #69B521; }
.UIStep li.pass p span{ color: #69B521; }
.UIStep li.approve{ background-color: #FDAE2A; }
.UIStep li.approve i{ border-color: #FDAE2A; color: #FDAE2A; }
.UIStep li.approve p span{ color: #FDAE2A; }
.UIStep li.return{ background-color: #CA0814; }
.UIStep li.return i{ border-color: #CA0814; color: #CA0814; }
.UIStep li .return p span{ color: #CA0814; }
.UIStep li i{ display: block; position: absolute; top: -10px; right: -2px; width: 24px; height: 24px; border-radius: 50%;
    background-color: white; border: 3px solid; text-align: center; line-height: 24px; font-weight: 800; }
.UIStep li p{ position: absolute; right: -40px; bottom: 28px; font-size: 0.875rem; }
.UIStep li i.leftSide{ left: -2px; }
.UIStep li p.leftSide{ left: -40px; }