*{ 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; }
.UIButton{ cursor: pointer; }
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%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    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: 100%; } */
.UIImageView .UIImage.UIEdgeVZero{ width: auto; height: 100%; }
.UIImageView .UIImage.UIEdgeALLZero{ width: 100%; height: 50%; }

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

.useTopPop:after{ position: absolute; content: attr(popText); left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    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: 14%; }
.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; }

.UICalender{ position: relative; border: 0px solid #F5F5F5; width: 100%; height: auto; }

.UICalender .UIOpera{ position: relative; margin: 0; width: 100%; height: 28px !important; border: 1px solid #f5f5f5; background-color: white; border-bottom: none !important; box-sizing: border-box; }
.UICalender .UIOpera p{ position: absolute; left: 0px; top: 0px; width: 100%; height: 28px; line-height: 28px; text-align: center; }
.UICalender .UIOpera button{ z-index: 100; position: absolute; width: auto !important; height: 28px !important; padding: 0px 16px !important; background-color: #55A2E5; color: white; font-size: 1.5rem; }
.UICalender .UIOpera button:nth-of-type(1){ left: 0px; }
.UICalender .UIOpera button:nth-of-type(2){ right: 0px; }

.UICalender .days{ margin: 0; width: 100%; height: auto; text-align: center; border-collapse: collapse; background-color: white; }
.UICalender .days tr{ height: 32px; }
.UICalender .days tr td{ border: 1px solid #f5f5f5; cursor: pointer; }
.UICalender .days tr td.ON{ background-color: #55A2E5; color: white; }
.UICalender .days tr td.TODAY{ background-color: #E9611D; color: white; }
.UICalender .days tr:nth-of-type(n+2) td:hover{ background-color: #55A2E5; color: white; }

.UICalender .days li{ height: 28px; line-height: 28px; border-top: 1px solid #F5F5F5; border-left: 1px solid #F5F5F5; }
.UICalender .days li:nth-of-type( 7n + 1 ){ border-left: none; }
.UICalender .days li:hover{ background-color: #55A2E5; color: #f5f5f5; }

.UIConfirmView{ display: none; z-index: 3000; position: fixed; background-color: rgba(0, 0, 0, 0.6); left: 0px; top: 0px; width: 100%; height: 100%; }
.UIConfirmView .UIConfirm{ position: relative; width: 30%; height: auto; background-color: white; }
.UIConfirmView .UIConfirm h3{ text-align: center; line-height: 40px; font-weight: 400; }
.UIConfirmView .UIConfirm p{ position: relative; margin-bottom: 10px; width: 100%; height: auto; box-sizing: border-box; text-align: center; padding: 16px;}
.UIConfirmView .UIConfirm .btnWrapper{ position: relative; width: 100%; height: auto; overflow: hidden; }
.UIConfirmView .UIConfirm .btnWrapper button{ position: relative; width: 100%; height: 38px; background-color: #F5F5F5; color: #666666; }
.UIConfirmView .UIConfirm .btnWrapper button:hover{ background-color: #DDDDDD; }
.UIConfirmView .UIConfirm .btnWrapper button.done{ background-color: #55A2E5; color: white; }
.UIConfirmView .UIConfirm .btnWrapper button.done:hover{ background-color: #1266A3; }
.UIConfirmView .UIConfirm .btnWrapper.II button{ float: left; width: 50%; }

.UICircleProgressView{ position: relative; width: 90px; height: 90px; }
.UICircleProgressView .leadingProgress{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;
    clip: rect(0px, 90px, 90px, 45px);
}
.UICircleProgressView .trailingProgress{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;
    clip: rect(0px, 45px, 90px, 0px);
}
.UICircleProgressView .leadingView{ position: relative; width: 100%; height: 100%; border-radius: 50%; border: 2px solid #000000; box-sizing: border-box;
    border-left-color: transparent !important; border-bottom-color: transparent !important;
    -webkit-transform: rotate( -135deg );
}
.UICircleProgressView .trailingView{ position: relative; width: 100%; height: 100%; border-radius: 50%; border: 2px solid #000000; box-sizing: border-box;
    border-left-color: transparent !important; border-bottom-color: transparent !important;
    -webkit-transform: rotate( 45deg );
}
.UICircleProgressView.percent0  .leadingView{ -webkit-transform: rotate( -135deg ); }
.UICircleProgressView.percent0  .trailingView{ -webkit-transform: rotate( 45deg ); }

.UICircleProgressView.percent10 .leadingView{ -webkit-transform: rotate( -99deg ); }
.UICircleProgressView.percent20 .leadingView{ -webkit-transform: rotate( -63deg ); }
.UICircleProgressView.percent30 .leadingView{ -webkit-transform: rotate( -27deg ); }
.UICircleProgressView.percent40 .leadingView{ -webkit-transform: rotate( 9deg ); }

.UICircleProgressView.percent50 .leadingView,
.UICircleProgressView.percent60 .leadingView,
.UICircleProgressView.percent70 .leadingView,
.UICircleProgressView.percent80 .leadingView,
.UICircleProgressView.percent90 .leadingView,
.UICircleProgressView.percent100 .leadingView{ -webkit-transform: rotate( 45deg ); }

.UICircleProgressView.percent50 .trailingView{ -webkit-transform: rotate( 45deg ); }
.UICircleProgressView.percent60 .trailingView{ -webkit-transform: rotate( -279deg ); }
.UICircleProgressView.percent70 .trailingView{ -webkit-transform: rotate( -243deg ); }
.UICircleProgressView.percent80 .trailingView{ -webkit-transform: rotate( -207deg ); }
.UICircleProgressView.percent90 .trailingView{ -webkit-transform: rotate( -171deg ); }
.UICircleProgressView.percent100 .trailingView{ -webkit-transform: rotate( -135deg ); }