html, body {padding:0;margin:0;border:0;overflow:hidden;width:100%;height:100%;font-size:20px;
    /*font-size:calc(.055 * var(--vww));*/}
body {color:#666;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);
    text-align:center;background:menu;-webkit-user-select:none;user-select:none;transform:translateZ(0);
    -webkit-perspective:1000;perspective:1000;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;}
* {-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-text-size-adjust: none;outline:none;
    -webkit-backface-visibility: hidden;backface-visibility: hidden;touch-action: manipulation;}

ul, ol, li, dd, dt, dl {margin:0;padding:0;list-style:none;}
h1, h2, h3, h4, h5, h6 {font-weight:600;margin:0;padding:0;}
form {margin:0;padding:0;}
i[class^=icon-] {font-family: "iconfont" !important;font-size: .8rem;font-style: normal;-webkit-font-smoothing: antialiased;     
    -moz-osx-font-smoothing: grayscale;}
.icon {font-family: "iconfont" !important;font-size: .8rem;font-style: normal;-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {-webkit-appearance: none;}
input[type="number"] {-moz-appearance: textfield;}

#b-router {position:relative;overflow:hidden;width:100%;height:100%;font-size:0.9rem;text-align:left;}
.b-router-main {overflow: hidden;height: 100%;height: inherit;width: 100%;position: relative;}
.b-router-item {position: absolute;top: 0;left: 0;right: 0;bottom: 0;height: 100%;height: inherit;z-index: 0;
    -webkit-transform:-webkit-translateX(100%);transform:translateX(100%);}
.b-router-main>.b-router-item:first-child,
.b-tab-main>.b-router-item:first-child{-webkit-transform:translateX(0);transform:translateX(0);}

.b-page {width:100%;height:100%;position:relative;font-weight:normal;overflow:hidden;
    -webkit-transform-style: preserve-3d;transform-style: preserve-3d;background:#fafafa;}
.b-mask {width: 100%;height:100%;background:rgba(20, 12, 12, 0.6);position:absolute;top: 0;left: 0;
    bottom:0;right:0;z-index:100;color:#fff;text-align:center;animation:b-in .2s ease-in-out forwards;}
.b-toast {width:6rem;height:6rem;position:fixed;top:50%;left:50%;margin-left:-3rem;margin-top:-3rem;z-index:100;
    background:hsla(0,0%,5%,.75);border-radius:.5rem;color:#fff;text-align:center;font-size:0.6rem;word-wrap:break-word;word-break:break-all;
    display:table;animation:b-in .2s ease-in-out forwards;max-width:70%;padding:.5rem;visibility: hidden;}
.b-toast span {vertical-align:middle;display: table-cell;font-size:0.7rem;}
.b-toast i {display:block;margin:0 auto;width:3.2rem;height:3.2rem;font-size:2.6rem;line-height:3.2rem;}

.b-btn {display:block;width:100%;text-align:center;margin-bottom:0.4rem;line-height:1.8rem;padding-top:.16rem;}
.b-btn:last-child {margin-bottom:0;}
.b-btn.round {border-radius:1.1rem;font-size:.9rem;}
.b-btn:active {box-shadow: 0 0 .2rem rgba(5,5,5,.1);}
.b-btn.small {font-size:0.7rem;border-radius:.2rem;padding:.43rem .6rem;}
.b-btn.middle {font-size:0.8rem;border-radius:.2rem;padding:.48rem .65rem;}
.b-btn.big {font-size:0.9rem;border-radius:.2rem;padding:.5rem 1rem;}
.b-btn.text {border:0;font-size:0.9rem;line-height:1.8rem;color:#2B476E;}
.b-btn.text:active {box-shadow:none;color:#3366cc;}
.b-link {color:#FF8BAE;border-bottom:1px solid #FF8BAE;}
.container {background:#fff;padding:0.4rem;word-wrap:break-word;word-break:break-all;overflow:auto;}
.container:last-child {border-bottom-width:.25rem;}
.container.notmargin {margin:0;position:relative;}

.b-copy {-webkit-user-select:auto!important;user-select:auto!important;-webkit-touch-callout:default;}

.b-tab {display:-webkit-flex;display:flex;width:100%;height:100%;z-index:1;position:relative;}
.b-tab-item {display:-webkit-flex;display:flex;flex-direction:column;text-align:center;flex:auto;
    justify-content:center;align-items:center;color:#989c9b;}
.b-tab .icon,
.b-tab .svgfont {font-size:1.4rem;width:1.35rem;height:1.55rem;margin:0 auto;position:relative;}
.b-tab .icon-title {font-size:0.55rem;}
.b-tab-item.active {color:#ff8c00!important;}
.b-tab-item:active {background:rgba(0,0,0,0.1);}
.b-tab-item.active svg {filter:drop-shadow(2px 3px 3px rgba(94,153,207,0.5));}

.b-tab-view, .b-slide {width:1000rem;height:100%;font-size:0;transition:transform .3s;-webkit-transition:-webkit-transform .3s;
    -webkit-transform-style: preserve-3d;transform-style: preserve-3d;}
.b-tab-main, .b-slide li {float:left;font-size:0.8rem;height:100%;}
.b-tab-main .b-router-item {position:relative;}
.b-tab-view::after, .b-slide::after {clear:both;}


.b-slide {overflow:hidden;height:2rem;}
.b-slide-box {width:100%;overflow:hidden;}
.b-slide.notmove {transition-property:none;}
.b-slide li {height:100%;}
.b-slide li img {width:100%;height:100%;}
.b-slide-buts {position:absolute;margin-top:-1.3rem;width:100%;text-align:center;height:1.5rem;}
.b-slide-buts li {display:inline-block;width:.5rem;height:.35rem;background:#8fb4bb;margin:0 .2rem;border-radius:.2rem;
    transition:width .2s;}
.b-slide-buts li.active {background:#FFBD50;width:1rem;}

.b-scroll {overflow:auto;padding-bottom:0.5rem;transform:translateZ(0);scroll-behavior:smooth;}

.b-dialog {position:absolute;z-index:100;left:0;right:0;bottom:0;height:80%;height:inherit;overflow:auto;
    -webkit-animation:b-down-in .2s forwards;animation:b-down-in .2s forwards;min-height:2.4rem;}
.b-bg-white {background-color:rgb(255,255,255);}
.b-close, .b-success {position:absolute;top:0.5rem;right:0.5rem;font-size:1.3rem;font-family:'iconfont';
    color:#aaa;z-index:2;}
.b-close::before {content:'\e7f6'}
.b-success::before {content:'\786e\5b9a';font-size:.8rem;padding:.5rem 1rem;font-family:inherit;
    border-radius:1.1rem;background:linear-gradient(90deg,rgba(255,189,80,1),rgba(246,207,81,1));
    box-shadow:0 .2rem .4rem 0 rgba(246,186,82,0.75);color:#fff;}
.b-dialog h5 {font-size:0.8rem;line-height:1rem;margin:0;padding:0.5rem;color:#2B476E;}

.b-dialog-right {animation:page-right-in .2s ease-in-out forwards;-webkit-animation:page-right-in .2s ease-in-out forwards;
    width:50%;height:100%;margin-left:50%;}

.b-dialog-top {animation:b-top-in .2s ease-in-out forwards;-webkit-animation:b-top-in .2s ease-in-out forwards;
        background:transparent;}

.b-dialog-ad {animation:b-in .2s ease-in-out forwards;-webkit-animation:b-in .2s ease-in-out forwards;
    background:transparent;}
.b-dialog-ad .b-close {color:#fff;}

.b-dialog-left {animation:page-left-in .2s ease-in-out forwards;-webkit-animation:page-left-in .2s ease-in-out forwards;
    width:50%;height:100%;}

.b-dialog-center {height:auto;bottom:45%;left:.6rem;right:.6rem;border-radius:.5rem;background:#fff;
        animation:b-in .1s ease-in-out forwards;}
.b-dialog-center .b-link-list {box-shadow:none;padding-bottom:.5rem;}
.b-dialog-center .b-link-list li>div:first-child,
.nothover li>div:first-child {color:#BDC0D1!important;}

.b-alert {height:auto;bottom:45%;left:.6rem;right:.6rem;border-radius:.5rem;background:#fff;
    text-align:center;font-size:1rem;animation:b-scale-in .1s ease-in-out forwards;}
.b-alert-val {color:rgba(43,71,110,1);padding:1.6rem 0.8rem .9rem;word-wrap:break-word;max-height:15rem;
    overflow:auto;}
.b-alert-btns {border-top:1px solid #fff;font-size:0;}
.b-alert-btns span {display:inline-block;margin:.6rem .5rem 1.3rem;width:6rem;
    background:linear-gradient(90deg,rgba(255,189,80,1),rgba(246,207,81,1));
    box-shadow:0 .2rem .5rem 0 rgba(246,186,82,0.75);height:1.9rem;border-radius:1.3rem;
    font-weight:600;font-size:.9rem;color:#fff;padding-top:.3rem;}

.b-alert-btn-false {color:#c3c6d5!important;border:2px solid rgba(195,198,213,1);background:none!important;
    box-shadow:none!important;padding-top:.2rem!important;}
.b-alert-btn-true {border-left:1px solid #ddd;}
.b-alert-prompt {height: 1.8rem;background: #fff;margin: .75rem auto 0;padding: 0 0.25rem;
    border-width:0;border-bottom:1px solid #CDCFDA;text-align:center;
    width: 60%;font-size: 1.1rem;font-weight:500;display:inline-block;appearance:none;}

.b-alert-prompt:hover {border-color:#1989fa;}

.b-input-text, .b-textarea {background:transparent;margin: 0;padding:0.2rem;line-height:1.2rem;color:#aaa;
    border: 0;width: 100%;font-size: 0.6rem;font-family: inherit;display: block;appearance: none;}

p {text-align:left;text-indent:0;line-height:1.5rem;}
p:first-child, p:last-child {margin:0.2rem auto;}

.b-link-list, .b-ring-list {background:#fff;margin:auto .5rem;border-radius:.4rem;
    box-shadow:0 .1rem .7rem 0 rgba(226,231,238,0.75);}
.notradius, .b-not-radius {border-radius:0;box-shadow:none;}
.b-link-list li {display:-webkit-box;display:box;padding:0.3rem 0.6rem;position:relative;
    -webkit-box-align: center;box-align: center;min-height:2.6rem;}
.b-link-list li.on>div:first-child {color:#FF8BAE!important;}
.b-link-list li:after, .b-ring-list li:after {position:absolute;content:'';left:2.2rem;bottom:0;right:.5rem;height:1px;background:#F8F8F8;}
.b-link-list.noticon li:after, .b-form li:after {left:.5rem;}
.b-link-list li:active, .b-ring-list li:active {background:#f8f8fc;}
.b-link-list li:last-child:after, .b-ring-list li:last-child:after {height:0;}
.b-link-list li>.icon:first-child {font-size:1.3rem;}
.b-link-list li>div {-webkit-box-flex:1;box-flex:1;text-indent:0.5rem;}
.b-link-list.noticon li>div, .b-form li>div {text-indent:0.2rem;}
.b-link-list li div:nth-child(1) {/*font-weight: 600;*/font-size: .8rem;}
.b-link-list .icon-jiantouyou1 {color: #b3bac7;}

.b-icon-list {background:#fff;padding:0.6rem 0;height:auto;}
.b-icon-list li {padding:0.4rem 0;border-right:1px solid #f8f8fc;}
.b-icon-list li:after {border-right-width:0;}
.b-icon-list .icon {font-size:1.8rem;width:2.4rem;height:2.4rem;line-height:2.4rem;text-align:center;border-radius:25%;
    position: relative;}
.b-icon-list .icon-title {font-size:.7rem;margin-top:.2rem;}
.b-icon-list .b-reddot {position:absolute;right:-.2rem;top:-.2rem;}

.b-ring-list .ring {width: 2.3rem;height: 2.3rem;line-height: 2.3rem;margin-right:.5rem;text-align:center;background:transparent;
    background-size: contain;font-size:0;}
.b-ring-list .ring img {width:100%;height:100%;}
.b-ring-list .item-title {font-size:.8rem;/*font-weight:500;*/line-height:1.2rem;word-break:break-all;}
.b-ring-list .item-text {font-size:.6rem;line-height:.8rem;color:#aaa;word-break:break-all;}
.b-ring-list li {display:-webkit-flex;display:flex;align-items:center;-webkit-box-align:center;padding:.5rem;position:relative;}
.b-ring-list li:after {left:3.2rem;}
.b-link-list .span1, .b-ring-list .span1 {-webkit-box-flex:1;box-flex:1;-webkit-flex:1;flex:1;width:0;height:100%;}

.b-form li>div:first-child {width:auto;min-width:2rem;padding-right:.3rem;white-space:nowrap;color:#29456D;}
.b-form li>i:first-child {padding-right:0.3rem;}
.b-showpass, .b-cleartxt {font-size:1.2rem;color:#ccc;padding:.4rem;padding-right:0;position:absolute;right:.8rem;bottom:.3rem;}
.b-showpass.active {color:#4d7fed;}
.b-cleartxt {font-size:1rem;visibility:hidden;right:.95rem;}
.b-sendmsg {font-size:0.6rem!important;height:auto!important;border:1px solid #C3C6D5;color:#C3C6D5!important;
    border-radius:1rem!important;position:absolute;right:.5rem;bottom:.5rem;padding:.4rem!important;}
.b-sendmsg.loading {border-color:#ccc;color:#ccc;}

.icon {background:transparent;}
.success {color:#52c41a;}
.primary {color:#39a4ff;}
.default {color:#485e81;}
.red {color:#fd8886;}
.orchid {color:#f16a7a;}
.yellow {color:#ff9236;}
.blue {color:#70b4e1;}
.custom1 {color:#801dae;}
.custom2 {color:#2ca8eb;}
.white {color:#fff;}

.bg-success {background:#52c41a;}
.bg-primary {background:#39a4ff;}
.bg-default {background:#485e81;}
.bg-red {background:#ff0000;}
.bg-orchid {background:#f16a7a;}
.bg-yellow {background:#ff9236;}
.bg-blue {background:#70b4e1;}
.bg-custom1 {background:#801dae;}
.bg-custom2 {background:#339;}
.bg-white {background:#fff;}

.b-minbox.success, .b-btn.success {background:#52c41a;border:0;color:#fff;}
.b-minbox.primary, .b-btn.primary {background:linear-gradient(90deg,rgba(255,189,80,1),rgba(246,207,81,1));
    /*box-shadow:0 .2rem .4rem 0 rgba(246,186,82,0.75);*/color:#fff;}
.b-minbox.default, .b-btn.default {background:#485e81;border:0;color:#fff;}
.b-minbox.red, .b-btn.red {background:#ff0000;border:0;color:#fff;}
.b-minbox.red2, .b-btn.red2 {background:#FB797E;border:0;color:#fff;}
.b-minbox.orchid, .b-btn.orchid {background:#f16a7a;border:0;color:#fff;}
.b-minbox.yellow, .b-btn.yellow {background:#ff9236;border:0;color:#fff;}
.b-minbox.blue, .b-btn.blue {background:#70b4e1;border:0;color:#fff;}
.b-minbox.custom1, .b-btn.custom1 {background:#801dae;border:0;color:#fff;}
.b-minbox.custom2, .b-btn.custom2 {background:#339;border:0;color:#fff;}

.b-badges {position: absolute;padding: 0.2rem;font-size: .4rem;line-height: 0.4rem;background: #ff0000;border-radius: 50%;
    color: #fff;top: -0.3rem;right: -0.3rem;min-width: 0.8rem;min-height: 0.8rem;}
.b-minbox {position:relative;font-size:.6rem;font-style:normal;border-radius:.4rem;padding:.15rem .2rem .1rem;font-weight:normal;}

.b-dot {position:relative;}
.b-dot::after {content:'';position:absolute;top:.4rem;right:-.4rem;}

.b-reddot,
.b-dot::after {font-size: 0;width: 0.5rem;height: 0.5rem;background: #ff0000;border-radius: 50%;display: inline-block;}

.b-tab-item .b-dot {position:absolute;right:.1rem;}

.b-capsule {display:inline-block;background:#fff;border-radius:.5rem;line-height:1.6rem;height:1.6rem;font-size:.7rem;
    border:1px solid #39a4ff;}
.b-capsule>* {position:relative;display:inline-block;padding:0 .5rem;height:100%;}
.b-capsule>*.active {background:#39a4ff;color:#fff;border-radius:.4rem;}
.b-capsule span {right:-.5rem;top:-.35rem;}

.b-line {height:0.5rem;}
.inline {display:inline-block;padding:0 .5rem;line-height:1!important;width:auto!important;
    font-size:.7rem!important;}
.b-title {font-weight:600;padding:0.5rem;color:#6F829D;line-height:1.3rem;position:relative;
    display:-webkit-flex;display:flex;align-items:center;-webkit-box-align:center;}
.b-title b {font-size:0.75rem;}
.b-title span {font-size:0.7rem;}
.b-title .icon {font-size:1.2rem;margin-right:.3rem;font-weight:normal;} 

.b-switch {margin:.3em 0;position: relative;display: inline-block;box-sizing: content-box;
    width:2em;height:.7em;background-color:#efefef;border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1em;-webkit-transition: background-color 0.3s;transition: background-color 0.3s;}
.b-switch input {display:none;}
.b-switch:after {content:'';position: absolute;top:-.3em;left: -1px;width: 1.3em;height:1.3em;background-color: #F7CD51;
    border-radius: 100%;-webkit-transition: 0.3s;transition: 0.3s;}
.b-switch.on {background-color: #FFECCC;}
.b-switch.on:after {-webkit-transform: translateX(1.3em);transform: translateX(1.05em);}

.b-radio, .b-checkbox {margin:.3em 0.2em;position:relative;display: inline-block;
    width:1.2em;height:1.2em;background-color:#fff;border:1px solid rgba(0, 0, 0, 0.2);line-height:1!important;}
.b-radio {border-radius: 100%;}
.b-radio input, .b-checkbox input {display:none;}
.b-radio.on {border-color:transparent;transform:scale(1.2);}
.b-radio.on:after,
.b-checkbox.on:after {content:'\e619';font-family:iconfont;color:#f8ce54;font-size:1.2em;position:absolute;}
.b-radio.on:after {margin-left:-.05em;}

.b-checkbox {border-radius: .3em;}
.b-checkbox.on {border-color:transparent;}
.b-checkbox.on:after {content:'\e67c';margin-left:-.03em;}

.b-textarea {resize: none;overflow:auto;height:auto;color:#BDC0D1;text-decoration: underline;}
.b-textarea ~ span {position:absolute;font-size:0.75rem;right:0.8rem;margin-top:-0.8rem;background:#fff;}
.b-textarea ~ span em {font-style:normal;color:#BDC0D1;}

.b-number {border:1px solid #ccc;display:-webkit-flex;display:flex;line-height:1!important;height:1.4rem;
    overflow:hidden;border-radius:.5rem;font-size:0;margin-bottom:1px;width:5rem;}
.b-number input[type=number] {width:1.8rem;height:1.3rem;text-align:center;border:0;border:1px solid #ccc;
    border-width:0 1px 0 1px;ime-mode:disabled;font-size:.9rem;font-weight:600;color:#2B476E;}
.b-number .icon {display:inline-block;border:0;line-height:1.4rem!important;height:100%;margin:0;width:1.5rem;
    font-size:1rem;font-weight:600;overflow:hidden;text-align:center;} 

.b-template {display:none;}
.b-tpl-select {padding:1rem;}
.b-select, .b-date {text-align:right;font-size:0.7rem;line-height:0.9rem!important;padding:.1rem .3rem 0 1rem;color:#BDC0D1;}

.b-tpl-date {display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;text-align:center;
    -webkit-align-items:center;align-items:center;height:80%;border:1rem solid #fff;border-width:1rem 0 .5rem 0;
    overflow:hidden;position:relative;color:#BDC0D1;font-size:.9rem;}
.b-tpl-date>div {min-width:4rem;z-index:1;height:100%;overflow:hidden;padding:0;}
.b-tpl-date>div>span {display:block;line-height:1.5rem;height:1.5rem;}
.b-date-view {position:absolute;width:80%;height:1.5rem!important;border-bottom:1px solid #CDCFDA;
    top:3rem;left:10%;right:10%;padding:0!important;}

.b-tpl-date .on {color:#2B476E;font-weight:600;position:relative;}
.b-tpl-date .on::after {content:'\5e74';position:absolute;color:#2B476E;font-weight:600;}
.b-tpl-date .b-date-month .on::after {content:'\6708';}
.b-tpl-date .b-date-day .on::after {content:'\65e5';}

.strong {font-weight: 600;}
.b-tab.noticon {height:1.6rem;background:#fff;border-bottom:1px solid #f3f3f3;}
.b-tab.noticon .icon-title {font-size:0.7rem;line-height:1.6rem;}
.b-tab.noticon li {position:relative;}
.b-tab.noticon li:after {transition:transform .2s ease-out;transform: scaleX(0);content:'';height:.15rem;
    font-size:0;position:absolute;bottom:0;width:2rem;left:calc(50% - 1rem);}
.b-tab.noticon .active:after {background:#0894ec;content: "";-webkit-transform: scaleX(1);transform: scaleX(1);}

.b-grid {background:#fff;font-size:.65rem;}
.b-grid li {display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;text-align:center;
    padding:.3rem;border-bottom:1px solid #f8f8fc;line-height:1.5rem;align-items: center;}
.b-grid-th {font-weight:600;}
.b-box {display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;text-align:center;align-items:center;}
.span1 {flex: 1;width:0;}
.span1_ {flex: 0 0 8.33%;}
.span2 {flex: 0 0 16.66%;}
.span3 {flex: 0 0 25%;}
.span4 {flex: 0 0 33.33%;}
.span5 {flex: 0 0 41.66%;}
.span6 {flex: 0 0 50%;}
.span7 {flex: 0 0 58.33%;}
.span8 {flex: 0 0 66.66%;}
.span9 {flex: 0 0 75%;}
.span10 {flex: 0 0 83.33%;}
.span11 {flex: 0 0 91.66%;}
.span12 {flex: 0 0 100%;}

.text-left {text-align:left!important;}

.b-reload {font-size:.7rem;text-align:center;width:100%;background:transparent;color:#999;height:0;overflow:hidden;}

.b-reload.view {height:2rem;line-height:2rem;}
.b-reload.view:after {display:inline-block;content:'\677e\5f00\5237\65b0';
    background:url(../images/b-reload.gif?200319) no-repeat left center;text-indent:1rem;}
.b-reload.view.callback:after {content:'\6b63\5728\5237\65b0';}

.b-help {background:transparent;-webkit-animation-name:normal;animation-name:normal;font-size:.8rem;overflow:hidden;}
.b-help-bg {width:100%;height:100%;text-align:center;}
.b-help-click {position:absolute;}
.b-help-click, .b-help-click::before {background:url(../images/help_shou3.png) no-repeat 0 0;position:absolute;
    background-size:100% 100%;width:66px;height:66px;animation:fingerHandle 1s ease infinite both;}
.b-help-click::before {content:'';background-image:url(../images/help_shou2.png);animation-name:circleHide;
    width:46px;height:46px;position:absolute;left:3px;top:-20px;}
.b-help-text, .b-help-close {position:absolute;padding:.5rem;border-radius:.5rem;max-width:90%;color:#fff;color:.9rem;}
.b-help-close {background:transparent;color:#fff;border:1px solid #eaeaea;border-radius:24px;padding:.3rem 1rem;}

.b-share {height:auto;margin:.5rem;border-radius:.5rem;}
.b-share-title {line-height:2.2;text-align:center;font-weight:600;font-size:1rem;}
.b-share-btns {padding:1rem .5rem;text-align:center;}
.b-share-btns div {display:inline-block;font-size:.6rem;}
.b-share .svgfont{width:1.8rem;height:1.8rem;font-size:1.8rem;margin:.3rem;}

.b-flow {display:flex;font-size:.6rem;padding:2.8rem 1.5rem 2.8rem 1rem;text-align:center;}
.b-flow>div {flex: 0 0 auto;width:0;height:.3rem;position:relative;background:#ccc;min-width:10%;}
.b-flow .success {background:#09bb07;}
.b-flow>div>label {position:absolute;top:-.45rem;right:0;width:1.2rem;height:1.2rem;border-radius:50%;background:#ccc;
    display:flex;align-items:center;justify-content:center;color:#fff;font-size:.5rem;}
.b-flow>div>span {position:absolute;top:1rem;min-width:2.6rem;right:-.7rem;}
.b-flow .success>label {background:#09bb07;}
.b-flow .success>span {border-color:#09bb07!important;}
.b-flow>div>strong {position:absolute;background:firebrick;top:-2rem;width:3rem;line-height:1.2rem;color:#fff;
    right:-1.5rem;font-weight:normal;border-radius:.3rem;}
.b-flow>div>strong:after {border-color:firebrick transparent transparent transparent;border-style:solid;
    border-width: .4rem .3rem;width:0;height:0;right:1.2rem;bottom: -.8rem;content: '';
    display: inline-block;position: absolute;}

.b-relative {position:relative;}
.b-tip {position:absolute;background:rgba(0, 0, 0, .7);border-radius:.5rem;padding:.3rem;
    width:6rem;margin-left:-3rem;left:50%;bottom:2.5rem;font-size:.65rem;line-height:1rem;animation:b-tip 1s ease infinite both;}
.b-tip::after {content:'';position:absolute;width:0;height:0;border-right:.5rem solid transparent;
    border-left:.5rem solid transparent;border-top:.5rem solid rgba(0, 0, 0, .7);left:50%;bottom:-.5rem;margin-left:-.5rem;}
@keyframes b-tip {0% {transform: none;}70% {transform:translateY(.3rem);}100% {transform: none;}}


*::-webkit-input-placeholder{color:#BDC0D1;}

header, .b-bar {background:#fff;color:#29456D;line-height:2.5rem;height:2.5rem;text-align:center;position:relative;z-index:1;
	display:flex;justify-content:center;align-items:center;transform:translate3d(0,0,0);}
header, .b-head-radius {box-shadow:0 .1rem .75rem 0 rgba(226,231,238,0.9);/*border-radius:0 0 .55rem .55rem;*/}
footer {background: #fff;color:#787878;height:2.5rem;box-shadow:0 .1rem .5rem 0 rgba(226,231,238,0.9);
    /*border-radius:.55rem .55rem 0 0;*/position:relative;z-index:1;}
main {min-height:60%;}

header div,  .b-bar div {flex:auto;}
.b-head-main {font-size:.85rem;font-weight:600;max-width:78%;overflow:auto;white-space:nowrap;flex:8;}
.b-head-left {color:#BDC0D1;flex:2;text-align:left;padding-left:.3rem;}
.b-head-right {color:#BDC0D1;flex:2;text-align:right;padding-right:.3rem;}
header .icon,  .b-bar .icon {font-size:1.2rem;display:inline-block;}

.b-icon-link {margin-right:.2rem;color:teal;}
.b-icon-link i {margin:auto 0!important;}
.b-icon-link span {font-size:.7rem;vertical-align:6%;}

:root {
    --vww: 100vw;
    --st: 0px;
    --yellow: #F6BA52;
    --blue1: #29456D;
    --gary1: #C3C6D5;
    --bs-gary: 0 .2rem .5rem 0 rgba(226,231,238,0.75);
    --bs-blue: 0 0 .5rem 0 rgba(139,233,213,.75);
    --ts-yellow: 0 .2rem .75rem rgba(246,186,82,0.75);
    --ts-gary1: 0 .2rem .75rem rgba(177,184,219,0.75);
}
@media only screen and (min-width: 800px) {
    html, body {font-size:28px!important;background:#333;}
    body {width:520px!important;margin:0 auto;}
    :root {--vww: 520px;}
    /* 设置滚动条的样式 */
    ::-webkit-scrollbar {width: 5px;height: 5px;}
    /* 滚动槽 */
    ::-webkit-scrollbar-track {border-radius: 10px;width: 10px;}
    /* 滚动条滑块 */
    ::-webkit-scrollbar-thumb {border-radius: 2px; background: #bbb;box-shadow: inset 0 0 .3rem rgba(0,0,0,0.5);}
    ::-webkit-scrollbar-thumb:window-inactive {background: #eee;}
}
@media (max-width: 768px) and (min-width: 768px){
    html, body {font-size: 28px!important;}
}
@media screen and (max-width:359px) and (min-width:320px) {
    html, body {font-size:18px!important;}
}
@media screen and (max-width:374px) and (min-width:360px) {
    html, body {font-size:20px!important;}
}
@media screen and (max-width:413px) and (min-width:375px) {
    html, body {font-size:22px!important;}
}
@media screen and (max-width:639px)  and (min-width:414px){
    html, body {font-size:24px!important;}
}
@media screen and (min-width:640px) {
    html, body {font-size:26px!important;}
}

.svg-loading {background:url('data:image/svg+xml;base64,PCEtLSBCeSBTYW0gSGVyYmVydCAoQHNoZXJiKSwgZm9yIGV2ZXJ5b25lLiBNb3JlIEAgaHR0cDovL2dvby5nbC83QUp6YkwgLS0+Cjxzdmcgd2lkdGg9IjM4IiBoZWlnaHQ9IjM4IiB2aWV3Qm94PSIwIDAgMzggMzgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICA8ZGVmcz4KICAgICAgICA8bGluZWFyR3JhZGllbnQgeDE9IjguMDQyJSIgeTE9IjAlIiB4Mj0iNjUuNjgyJSIgeTI9IjIzLjg2NSUiIGlkPSJhIj4KICAgICAgICAgICAgPHN0b3Agc3RvcC1jb2xvcj0iI2ZmZiIgc3RvcC1vcGFjaXR5PSIwIiBvZmZzZXQ9IjAlIi8+CiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiNmZmYiIHN0b3Atb3BhY2l0eT0iLjYzMSIgb2Zmc2V0PSI2My4xNDYlIi8+CiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiNmZmYiIG9mZnNldD0iMTAwJSIvPgogICAgICAgIDwvbGluZWFyR3JhZGllbnQ+CiAgICA8L2RlZnM+CiAgICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEgMSkiPgogICAgICAgICAgICA8cGF0aCBkPSJNMzYgMThjMC05Ljk0LTguMDYtMTgtMTgtMTgiIGlkPSJPdmFsLTIiIHN0cm9rZT0idXJsKCNhKSIgc3Ryb2tlLXdpZHRoPSIyIj4KICAgICAgICAgICAgICAgIDxhbmltYXRlVHJhbnNmb3JtCiAgICAgICAgICAgICAgICAgICAgYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIgogICAgICAgICAgICAgICAgICAgIHR5cGU9InJvdGF0ZSIKICAgICAgICAgICAgICAgICAgICBmcm9tPSIwIDE4IDE4IgogICAgICAgICAgICAgICAgICAgIHRvPSIzNjAgMTggMTgiCiAgICAgICAgICAgICAgICAgICAgZHVyPSIwLjlzIgogICAgICAgICAgICAgICAgICAgIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIiAvPgogICAgICAgICAgICA8L3BhdGg+CiAgICAgICAgICAgIDxjaXJjbGUgZmlsbD0iI2ZmZiIgY3g9IjM2IiBjeT0iMTgiIHI9IjEiPgogICAgICAgICAgICAgICAgPGFuaW1hdGVUcmFuc2Zvcm0KICAgICAgICAgICAgICAgICAgICBhdHRyaWJ1dGVOYW1lPSJ0cmFuc2Zvcm0iCiAgICAgICAgICAgICAgICAgICAgdHlwZT0icm90YXRlIgogICAgICAgICAgICAgICAgICAgIGZyb209IjAgMTggMTgiCiAgICAgICAgICAgICAgICAgICAgdG89IjM2MCAxOCAxOCIKICAgICAgICAgICAgICAgICAgICBkdXI9IjAuOXMiCiAgICAgICAgICAgICAgICAgICAgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiIC8+CiAgICAgICAgICAgIDwvY2lyY2xlPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+Cg==') no-repeat center center;}


@-webkit-keyframes page-right-in {from {-webkit-transform:-webkit-translateX(100%);} to {-webkit-transform:-webkit-translateX(0);}}
@keyframes page-right-in {from {transform:translateX(100%)} to {transform:translateX(0);}}

@-webkit-keyframes page-right-out {from {-webkit-transform:-webkit-translateX(0);} to {-webkit-transform:-webkit-translateX(-100%);}}
@keyframes page-right-out {from {transform:translateX(0);} to {transform:translateX(-100%);}}

@-webkit-keyframes page-left-in {from {-webkit-transform:-webkit-translateX(-100%);} to {-webkit-transform:-webkit-translateX(0);}}
@keyframes page-left-in {from {transform:translateX(-100%);} to {transform:translateX(0);}}

@-webkit-keyframes page-left-out {from {-webkit-transform:-webkit-translateX(0);} to {-webkit-transform:-webkit-translateX(100%);}}
@keyframes page-left-out {from {transform:translateX(0);} to {transform:translateX(100%);}}

@-webkit-keyframes b-in {from {opacity:.2;}}
@keyframes b-in {from {opacity:.2;}}
@-webkit-keyframes b-out {to {opacity:.2;}}
@keyframes b-out {to {opacity:.2;}}

@-webkit-keyframes b-top-in {from {-webkit-transform:-webkit-translateY(-100%);}}
@keyframes b-top-in {from {transform:translateY(-100%);}}
@-webkit-keyframes b-top-out {to {-webkit-transform:-webkit-translateY(-100%);}}
@keyframes b-top-out {to {transform:translateY(-100%);}}

@-webkit-keyframes b-down-in {from {-webkit-transform:-webkit-translateY(100%);}}
@keyframes b-down-in {from {transform:translateY(100%);}}
@-webkit-keyframes b-down-out {to {-webkit-transform:-webkit-translateY(100%);}}
@keyframes b-down-out {to {transform:translateY(100%);}}

@-webkit-keyframes b-scale-in {from {-webkit-transform:-webkit-scale(1.2);opacity:0.3;}}
@keyframes b-scale-in {from {transform:scale(1.2);opacity:0.3;}}
@-webkit-keyframes b-scale-out {to {-webkit-transform:-webkit-scale(1.2);opacity:0.3;}}
@keyframes b-scale-out {to {transform:scale(1.2);opacity:0.3;}}

@-webkit-keyframes b-notanimation {}
@keyframes b-notanimation {}