/*
// ==============================
// | 使用本代码请保留此头部信息
// +----------------------------+
// | Author: 追光网络科技
// +----------------------------+
// | Domain: www.istt.cn 
// +----------------------------+
// | Contact QQ: 949839163
// +----------------------------+
// | Date: 2021年01月01日
// +----------------------------+
// | Version: 1.1
// ==============================
*/

* {
    margin: 0;
    padding: 0;
    margin-inline-start: 0;
    margin-inline-end: 0;
    margin-block-start: 0;
    margin-block-end: 0;
    touch-action: manipulation;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
    word-break: break-all;
    font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", STHeiti, "Microsoft Yahei", Tahoma, Simsun, sans-serif
}

input,
select,
textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0
}

input[type="checkbox"],
input[type="radio"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

*:focus {
    outline: 0 !important
}

img {
    vertical-align: middle;
    border: 0
}

li {
    list-style: none
}

a {
    color: hsl(230, 10%, 30%);
    text-decoration: none;
    cursor: pointer;
    background-color: transparent
}

a.line:hover {
    text-decoration: underline
}

a:hover,
a:active {
    color: hsl(230, 5%, 10%);
    transition: color .4s ease
}

.box-shadow {
    box-shadow: .02rem .02rem .1rem rgba(0, 0, 0, 0.5)
}

.text-shadow {
    text-shadow: 0 .01rem 0 #dee5e7, 0 .03rem .05rem rgba(0, 0, 0, 0.3), 0 .03rem .05rem rgba(0, 0, 0, 0.2)
}

.text-shadow2 {
    text-shadow: 0 .03rem 0 #dee5e7, 0 .02rem 0 #fcfdfd, 0 .05rem .05rem rgba(0, 0, 0, 0.125), 0 .1rem .15rem rgba(0, 0, 0, 0.1)
}

.dixian {
    width: 100%;
    color: hsl(210, 5%, 75%);
    text-align: center;
    margin: .5rem auto
}

.dixian p {
    padding: 0 .3rem
}

.dixian hr {
    width: 1.5rem;
    border-color: hsl(210, 5%, 80%)
}

html,
body {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    color: hsl(230, 10%, 30%);
    font-size: .24rem;
    background-color: hsl(0, 0%, 100%);
    overflow: hidden;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

hr {
    height: 0;
    border: 0;
    margin: .35rem 0;
    border-top: .02rem dashed hsl(210, 5%, 92%)
}

app-mian {
    display: flex;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 7.5rem;
    margin: 0 auto;
    flex-direction: column;
    background-color: hsl(240, 2%, 96%)
}

.app-b {
    box-shadow: 0 0 .4rem rgba(0, 0, 0, .4)
}

.app-header,
.ui-header {
    display: flex;
    height: .8rem;
    flex-shrink: 0;
    font-size: .26rem;
    text-align: center;
    align-items: center;
    justify-content: space-between;
    background-color: hsl(200, 5%, 99%);
    border-bottom: .015rem solid hsl(210, 5%, 92%)
}

.app-content,
.ui-content {
    height: 100%;
    flex: 1 1 auto;
    overflow: auto;
    display: flex;
    position: relative;
    flex-direction: column;
    -webkit-overflow-scrolling: touch
}

.app-frame,
.ui-frame {
    width: 100%;
    height: 100%;
    flex: 1 1 auto;
    overflow: hidden;
    display: flex;
    flex-direction: column
}

.app-footer,
.ui-footer {
    display: flex;
    height: .9rem;
    flex-shrink: 0;
    padding: 0 .2rem;
    font-size: .22rem;
    text-align: center;
    align-items: center;
    justify-content: center;
    background-color: hsl(0, 0%, 100%);
    border-top: .015rem solid hsl(210, 5%, 90%)
}

.app-notice {
    width: 100%;
    height: .5rem;
    overflow: hidden
}

.app-notice>div+div {
    white-space: nowrap
}

.app-load {
    width: 100%;
    height: 100%;
    min-height: 5rem
}

ul {
    background-color: hsl(0, 0%, 100%)
}

li>a,
li>span {
    display: block;
    cursor: pointer
}

li>a:active,
li>span:active {
    background-color: hsl(210, 5%, 95%)
}

ul>li:last-child * {
    border-bottom: 0rem !important
}

.click-nav div {
    color: hsl(230, 10%, 30%);
    cursor: pointer
}

.click-nav .active {
    color: hsl(205, 90%, 60%)
}

.in-text,
.in-list dl {
    display: flex;
    width: 100%;
    border-collapse: separate
}

.in-list dd,
.in-text dd,
.in-list>dl>a,
.in-text>a {
    flex: 1 1 auto
}

.in-list dt,
.in-text dt,
.in-list dd,
.in-text dd,
.in-list>dl>a,
.in-text>a {
    display: flex;
    align-items: center
}

.in-list.tt dt,
.in-text.tt dt,
.in-list.tt dd,
.in-text.tt dd {
    align-items: flex-start
}

.in-list.cc dt,
.in-text.cc dt,
.in-list.cc dd,
.in-text.cc dd {
    justify-content: center
}

.in-list dt.tt,
.in-list dd.tt,
.in-text dt.tt,
.in-text dd.tt,
.in-list dl.tt dt,
.in-list dl.tt dd {
    align-items: flex-start
}

.in-list dt.cc,
.in-list dd.cc,
.in-text dt.cc,
.in-text dd.cc,
.in-list dl.cc dt,
.in-list dl.cc dd {
    justify-content: center
}

.in-even dl:nth-child(odd) {
    background-color: #fafbfc
}

.in-b dl+dl {
    border-top: .015rem solid hsl(210, 5%, 95%)
}

.in-bb dl:last-child,
.in-bb .swiper-container:last-child {
    border-bottom: .015rem solid hsl(210, 5%, 95%)
}

.in-bb0 dl:last-child *,
.in-bb0 .swiper-container:last-child * {
    border-bottom: 0rem !important
}

.in-list dl .in {
    color: hsl(230, 10%, 30%)
}

.in-list dl .in:active,
.in-list .in:active,
.in-text.in:active,
.in-text .in:active {
    background-color: hsl(210, 5%, 95%)
}

.in-p1 dl {
    padding: .1rem
}

.in-p2 dl {
    padding: .2rem
}

.in-p3 dl {
    padding: .3rem
}

.in-p4 dl {
    padding: .4rem
}

.in-p5 dl {
    padding: .5rem
}

.in-p6 dl {
    padding: .6rem
}

.in-h1 dl {
    height: .6rem
}

.in-h2 dl {
    height: .8rem
}

.in-h3 dl {
    height: 1rem
}

.in-h4 dl {
    height: 1.2rem
}

.in-h5 dl {
    height: 1.4rem
}

.in-h6 dl {
    height: 1.6rem
}

.in-bp1 dt,
.in-bp1 dd {
    padding-left: .1rem;
    padding-right: .1rem
}

.in-bp2 dt,
.in-bp2 dd {
    padding-left: .2rem;
    padding-right: .2rem
}

.in-bp3 dt,
.in-bp3 dd {
    padding-left: .3rem;
    padding-right: .3rem
}

.in-bp4 dt,
.in-bp4 dd {
    padding-left: .4rem;
    padding-right: .4rem
}

.in-bp5 dt,
.in-bp5 dd {
    padding-left: .5rem;
    padding-right: .5rem
}

.in-bp6 dt,
.in-bp6 dd {
    padding-left: .6rem;
    padding-right: .6rem
}

.footer.in:active {
    background-color: hsl(210, 5%, 90%)
}

.mode-loading {
    display: inline-block;
    box-sizing: inherit;
    width: .4rem;
    height: .4rem;
    background: 0;
    color: hsl(0, 0%, 70%);
    vertical-align: middle;
    pointer-events: none;
    border: .05rem solid transparent;
    border-left-color: currentcolor;
    border-right-color: currentcolor;
    border-radius: 50%;
    -webkit-animation: .7s loader-01 linear infinite;
    animation: .7s loader-01 linear infinite
}

.tip {
    display: inline-block;
    position: absolute;
    background: 0;
    padding: .03rem .07rem;
    box-shadow: none;
    border: 0;
    border-radius: .04rem;
    z-index: 5
}

.itip {
    position: absolute;
    width: 0;
    height: 0;
    border-width: .09rem;
    border-color: transparent;
    border-style: dashed;
    *overflow: hidden
}

.itip1,
.itip3 {
    left: .05rem;
    border-right-style: solid;
    border-right-color: #000
}

.itip1 {
    bottom: -0.09rem
}

.itip3 {
    top: -0.09rem
}

.itip2,
.itip4 {
    top: .01rem;
    border-bottom-style: solid;
    border-bottom-color: #000
}

.itip2 {
    left: -0.09rem
}

.itip4 {
    right: -0.09rem
}

input[type=range] {
    -webkit-appearance: none;
    border-radius: .15rem;
    background: linear-gradient(hsl(220, 80%, 65%), hsl(220, 80%, 65%)) no-repeat;
    background-size: 0 100%
}

input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none
}

input[type=range]::-webkit-slider-runnable-track {
    height: .25rem;
    border-radius: .15rem
}

input[type=range]:focus {
    outline: 0
}

input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: .5rem;
    width: .5rem;
    margin-top: -0.13rem;
    background: #fff;
    border-radius: 50%;
    border: solid .02rem rgba(205, 224, 230, 0.7)
}

@-webkit-keyframes loader-01 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes loader-01 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9 {
    display: inline-block
}

.col-1 {
    width: calc(8.33333333%)
}

.col-2 {
    width: calc(16.66666667%)
}

.col-3 {
    width: calc(25%)
}

.col-4 {
    width: calc(33.33333333%)
}

.col-5 {
    width: calc(41.66666667%)
}

.col-6 {
    width: calc(50%)
}

.col-7 {
    width: calc(58.33333333%)
}

.col-8 {
    width: calc(66.66666667%)
}

.col-9 {
    width: calc(75%)
}

.col-10 {
    width: calc(83.33333333%)
}

.col-11 {
    width: calc(91.66666667%)
}

.col-12 {
    width: calc(100%)
}

.tag {
    display: inline-block;
    padding: .01rem .1rem;
    border-radius: .05rem;
    white-space: nowrap;
    text-overflow: ellipsis
}

.btn {
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-justify-content: center;
    -webkit-align-items: center;
    -webkit-align-content: center;
    justify-content: center;
    align-items: center;
    align-content: center;
    border: .02rem solid transparent;
    background-color: hsl(0, 0%, 100%);
    white-space: nowrap;
    cursor: pointer;
    height: .8rem;
    font-size: .26rem;
    color: hsl(230, 28%, 32%);
    border-radius: .15rem;
    letter-spacing: .02rem
}

.btn-mg {
    height: 1.3rem;
    font-size: .34rem;
    font-weight: 600;
    padding: 0 .4rem
}

.btn-bg {
    height: 1.1rem;
    font-size: .30rem;
    font-weight: 600;
    padding: 0 .3rem
}

.btn-lg {
    height: .9.5rem;
    font-size: .28rem;
    font-weight: 600;
    padding: 0 .2rem
}

.btn-md {
    height: .65rem;
    font-size: .25rem;
    font-weight: 500;
    padding: 0 .15rem
}

.btn-sm {
    height: .5rem;
    font-size: .24rem;
    padding: 0 .1rem
}

.btn-xs {
    height: .35rem;
    font-size: .18rem;
    padding: 0 .1rem
}

.btn-i {
    font-size: .28rem
}

.btn.no {
    border-radius: 0
}

.btn-hong.btn-1,
.btn-hong.sl.btn-1 {
    background-color: transparent;
    border-color: hsl(0, 85%, 75%);
    color: hsl(0, 85%, 65%)
}

.btn-cheng.btn-1,
.btn-cheng.sl.btn-1 {
    background-color: transparent;
    border-color: hsl(26, 90%, 70%);
    color: hsl(26, 90%, 60%)
}

.btn-huang.btn-1,
.btn-huang.sl.btn-1 {
    background-color: transparent;
    border-color: hsl(50, 86%, 70%);
    color: hsl(50, 86%, 60%)
}

.btn-lv.btn-1,
.btn-lv.sl.btn-1 {
    background-color: transparent;
    border-color: hsl(110, 60%, 70%);
    color: hsl(110, 60%, 50%)
}

.btn-qing.btn-1,
.btn-qing.sl.btn-1 {
    background-color: transparent;
    border-color: hsl(197, 70%, 65%);
    color: hsl(197, 70%, 55%)
}

.btn-lan.btn-1,
.btn-lan.sl.btn-1 {
    background-color: transparent;
    border-color: hsl(220, 80%, 75%);
    color: hsl(220, 80%, 65%)
}

.btn-dlan.btn-1,
.btn-dlan.sl.btn-1 {
    background-color: transparent;
    border-color: hsl(204, 60%, 70%);
    color: hsl(204, 60%, 60%)
}

.btn-zi.btn-1,
.btn-zi.sl.btn-1 {
    background-color: transparent;
    border-color: hsl(290, 90%, 65%);
    color: hsl(290, 90%, 55%)
}

.btn-fen.btn-1,
.btn-fen.sl.btn-1 {
    background-color: transparent;
    border-color: hsl(330, 90%, 70%);
    color: hsl(330, 90%, 60%)
}

.btn-hei.btn-1,
.btn-hei.sl.btn-1 {
    background-color: transparent;
    border-color: hsl(230, 10%, 40%);
    color: hsl(230, 10%, 30%)
}

.btn-hui.btn-1,
.btn-hui.sl.btn-1 {
    background-color: transparent;
    border-color: hsl(200, 0%, 70%);
    color: hsl(200, 0%, 60%)
}

.btn-1 {
    border-width: .015rem
}

.btn:active {
    color: hsl(0, 0%, 100%) !important
}

.btn-hong:active {
    background-color: hsl(0, 85%, 60%) !important
}

.btn-hong.sl:active {
    background-color: hsl(0, 85%, 70%) !important
}

.btn-hong.sk:active {
    background-color: hsl(0, 85%, 50%) !important
}

.btn-cheng:active {
    background-color: hsl(26, 90%, 50%) !important
}

.btn-cheng.sl:active {
    background-color: hsl(26, 90%, 60%) !important
}

.btn-cheng.sk:active {
    background-color: hsl(26, 90%, 45%) !important
}

.btn-huang:active {
    background-color: hsl(50, 86%, 50%) !important
}

.btn-huang.sl:active {
    background-color: hsl(50, 86%, 60%) !important
}

.btn-huang.sk:active {
    background-color: hsl(50, 86%, 45%) !important
}

.btn-lv:active {
    background-color: hsl(110, 60%, 45%) !important
}

.btn-lv.sl:active {
    background-color: hsl(110, 60%, 55%) !important
}

.btn-lv.sk:active {
    background-color: hsl(110, 60%, 40%) !important
}

.btn-qing:active {
    background-color: hsl(195, 70%, 45%) !important
}

.btn-qing.sl:active {
    background-color: hsl(195, 70%, 55%) !important
}

.btn-qing.sk:active {
    background-color: hsl(195, 70%, 40%) !important
}

.btn-lan:active {
    background-color: hsl(220, 70%, 65%) !important
}

.btn-lan.sl:active {
    background-color: hsl(220, 70%, 75%) !important
}

.btn-lan.sk:active {
    background-color: hsl(220, 70%, 55%) !important
}

.btn-dlan:active {
    background-color: hsl(204, 60%, 50%) !important
}

.btn-dlan.sl:active {
    background-color: hsl(204, 60%, 55%) !important
}

.btn-dlan.sk:active {
    background-color: hsl(204, 60%, 45%) !important
}

.btn-zi:active {
    background-color: hsl(290, 90%, 50%) !important
}

.btn-zi.sl:active {
    background-color: hsl(290, 90%, 60%) !important
}

.btn-zi.sk:active {
    background-color: hsl(290, 90%, 40%) !important
}

.btn-fen:active {
    background-color: hsl(330, 90%, 50%) !important
}

.btn-fen.sl:active {
    background-color: hsl(330, 90%, 60%) !important
}

.btn-fen.sk:active {
    background-color: hsl(330, 90%, 45%) !important
}

.btn-hei:active {
    background-color: hsl(230, 15%, 5%) !important
}

.btn-hei.sl:active {
    background-color: hsl(230, 15%, 20%) !important
}

.btn-hei.sk:active {
    background-color: hsl(230, 15%, 0%) !important
}

.btn-hui:active {
    background-color: hsl(210, 5%, 70%) !important
}

.btn-hui.sl:active {
    background-color: hsl(210, 5%, 80%) !important
}

.btn-hui.sk:active {
    background-color: hsl(210, 5%, 60%) !important
}

.btn-bai:active {
    background-color: hsl(200, 2%, 95%) !important;
    color: hsl(230, 10%, 30%) !important
}

.btn-bai.sk:active {
    background-color: hsl(200, 1%, 93%) !important;
    color: hsl(230, 10%, 30%) !important
}

.btn-bai.sk1:active {
    background-color: hsl(200, 1%, 92%) !important;
    color: hsl(230, 10%, 30%) !important
}

.btn-bai.sk2:active {
    background-color: hsl(200, 1%, 91%) !important;
    color: hsl(230, 10%, 30%) !important
}

.btn-bai.sk3:active {
    background-color: hsl(200, 1%, 90%) !important;
    color: hsl(230, 10%, 30%) !important
}

.btn-bai.sk4:active {
    background-color: hsl(200, 1%, 89%) !important;
    color: hsl(230, 10%, 30%) !important
}

.btn-bai.sk5:active {
    background-color: hsl(200, 1%, 88%) !important;
    color: hsl(230, 10%, 30%) !important
}

.btn-0:active {
    background-color: transparent !important
}

.dropdown {
    position: relative;
    cursor: pointer
}

.dropdown.open>dl {
    display: block
}

.dropdown>dl {
    display: none;
    position: absolute;
    z-index: 1027;
    top: 110%;
    left: .2rem;
    background: #fff;
    white-space: nowrap;
    border-radius: .1rem
}

.dropdown>dl.left {
    left: .2rem
}

.dropdown>dl.right {
    left: auto;
    right: .2rem
}

.dropdown>dl.header {
    left: auto;
    right: .1rem
}

.dropdown>dl>.arrowtop:before {
    position: absolute;
    z-index: 1027;
    display: block;
    top: -0.19rem;
    left: 50%;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: .2rem;
    margin-left: -0.25rem;
    border-top-width: 0;
    border-bottom-color: hsl(210, 5%, 100%);
    content: ""
}

.dropdown>dl.left>.arrowtop:before {
    margin-left: 0 !important;
    left: .4rem !important
}

.dropdown>dl.right>.arrowtop:before {
    left: auto !important;
    margin-left: 0 !important;
    right: .4rem !important
}

.dropdown>dl.header>.arrowtop:before {
    left: auto !important;
    margin-left: 0 !important;
    right: .2rem !important
}

.dropdown>dl span+dd a {
    border-radius: .1rem .1rem 0 0
}

.dropdown>dl dd:last-child a {
    border-radius: 0 0 .1rem .1rem
}

.dropdown>dl dd a {
    display: block;
    color: #4f4d4f
}

.dropdown>dl dd a:active {
    background-color: hsl(210, 5%, 95%)
}

.dropdown>dl>dd+dd {
    border-top: .02rem solid hsl(210, 5%, 95%)
}

.dropdown>.dropdown-desc {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1024;
    background-color: rgba(0, 0, 0, 0.4)
}

.dropdown>.dropdown-desc.open {
    display: block
}

.swiper-container {
    width: 100%;
    background-color: hsl(0, 0%, 100%)
}

.swiper-wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.swiper-container:last-child * {
    border-bottom: 0rem !important
}

.swiper-slide {
    width: 100%;
    flex-shrink: 0;
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto
}

.swiper-wrapper .in:active {
    background-color: hsl(210, 5%, 95%)
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.swiper-container-free-mode>.swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

.refreshWrap .refresh {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 1rem;
    line-height: .9rem;
    text-align: center
}

.refreshWrap .loadingBox {
    width: 100%;
    text-align: center;
    padding: .3rem;
    position: relative
}

.refreshWrap .loading,
.refreshWrap .loadTxt {
    vertical-align: middle;
    display: inline-block;
    color: hsl(210, 7%, 60%)
}

.refreshWrap .loading {
    border-radius: 50%;
    width: .24rem;
    height: .24rem;
    border: .02rem solid hsl(210, 7%, 60%);
    border-top-color: transparent;
    margin-right: .12rem;
    transform: translateZ(0);
    position: relative
}

.refreshWrap .noMore .loading {
    display: none
}

.refreshWrap .success {
    border-color: transparent
}

.refreshWrap .success:before {
    content: "";
    border: .02rem solid hsl(210, 7%, 60%);
    border-top-color: transparent;
    border-left-color: transparent;
    position: absolute;
    left: 0;
    bottom: 0;
    width: .12rem;
    height: .24rem
}

.refreshWrap .rotate {
    -webkit-animation: refresh-rotate .6s linear infinite;
    animation: refresh-rotate .6s linear infinite
}

.box_list {
    position: relative
}

.box_list div {
    position: relative;
    cursor: pointer;
    border-radius: .1rem;
    font-weight: bold
}

.box_list div.active {
    border: solid .015rem #366df8
}

.box_list div i {
    font-weight: 400
}

.box_list div img {
    position: absolute;
    width: .35rem;
    bottom: -0.015rem;
    right: -0.015rem;
    border-radius: 0 0 .1rem 0;
    display: none
}

.box_list div.active img {
    display: block
}

.select {
    position: relative;
    display: block;
    vertical-align: middle;
    user-select: none;
    -webkit-touch-callout: none
}

.select-main {
    position: relative;
    width: 100%;
    height: .8rem;
    border-radius: .1rem;
    border: .015rem solid hsl(210, 5%, 95%);
    cursor: pointer;
    padding: 0 .2rem
}

.select-data {
    display: none;
    position: absolute;
    top: 100%;
    z-index: 10025;
    margin-top: .2rem;
    padding-bottom: .6rem
}

.select-desc {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10024;
    background-color: hsla(0, 0%, 0%, 0.4)
}

.select.active ul li,
.select .in,
.select .ins,
.select ul li a {
    display: block
}

.select.active ul li:not(.no):active,
.select .in:active,
.select .ins:active {
    background-color: hsl(200, 3%, 93%)
}

.select ul li[active] {
    background-color: hsl(215, 60%, 95%) !important
}

.select.is-open>.select-desc {
    display: block
}

.select.is-open>.select-data {
    display: block
}

.select.is-open>.select-main {
    z-index: 10025
}

.select-div {
    display: inline-block;
    border-radius: .15rem;
    width: 100%;
    color: hsl(230, 10%, 30%);
    background-color: hsl(0, 0%, 100%);
    overflow: hidden
}

.select-ul {
    display: inline-block;
    border-radius: .15rem;
    width: 100%;
    color: hsl(230, 10%, 30%);
    background-color: hsl(0, 0%, 100%);
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch
}

.select.list>.select-data {
    min-width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis
}

.select.list>.select-main {
    justify-content: space-between
}

.select.title,
.select.title.is-open>.select-main {
    background-color: inherit
}

carem {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex: 1 1 auto
}

caret {
    display: inline-block;
    width: 0;
    height: 0;
    vertical-align: middle;
    border-top: .12rem solid;
    border-right: .1rem solid transparent;
    border-left: .1rem solid transparent
}

.is-open caret {
    border-top: 0;
    border-bottom: .12rem solid
}

.select .caret2 {
    display: inline-block;
    width: 0;
    height: 0;
    margin-top: -0.12rem;
    vertical-align: middle;
    border-top: .1rem solid;
    border-right: .12rem solid transparent;
    border-left: .12rem solid transparent
}

carel {
    position: absolute;
    z-index: 1027;
    display: block;
    top: -0.14rem;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: .15rem;
    border-top-width: 0;
    border-bottom-color: hsl(210, 5%, 100%);
    content: ""
}

carel.c {
    left: 50%;
    margin-left: -0.15rem
}

carel.arrow-info {
    border-bottom-color: #23b7e5
}

@keyframes refresh-rotate {
    0% {
        transform: rotateZ(0deg);
        -moz-transform: rotate(0deg)
    }
    100% {
        transform: rotateZ(360deg);
        -moz-transform: rotate(360deg)
    }
}

.textleft {
    animation: 10s textleft linear infinite normal
}

@keyframes textleft {
    0% {
        -webkit-transform: translate3d(7rem, 0, 0);
        transform: translate3d(7rem, 0, 0)
    }
    100% {
        -webkit-transform: translate3d(-101%, 0, 0);
        transform: translate3d(-101%, 0, 0)
    }
}

.form {
    resize: none;
    padding: .1rem .2rem;
    vertical-align: middle;
    background-image: none;
    background-color: #fff;
    color: #49505b !important;
    font: inherit;
    font-size: inherit;
    border: 0 solid transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}

.form:focus {
    border-color: hsl(204, 60%, 80%);
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.form[disabled] {
    cursor: not-allowed;
    background-color: #eee;
    opacity: 1
}

.i-switch {
    position: relative;
    display: block;
    width: .7rem;
    height: .4rem;
    margin: 0;
    cursor: pointer;
    background-color: #27c24c;
    border-radius: .4rem
}

.i-switch input {
    position: absolute;
    opacity: 0;
    filter: alpha(opacity=0)
}

.i-switch input:checked+i:before {
    top: 50%;
    right: .1rem;
    bottom: 50%;
    left: 50%;
    border-width: 0;
    border-radius: .1rem
}

.i-switch input:checked+i:after {
    margin-left: .3rem
}

.i-switch i:before {
    position: absolute;
    top: 0;
    right: -0.03rem;
    bottom: 0;
    left: -0.03rem;
    background-color: #fff;
    border: .03rem solid #efefef;
    border-radius: .3rem;
    content: "";
    -webkit-transition: all .2s;
    transition: all .2s
}

.i-switch i:after {
    position: absolute;
    top: .03rem;
    bottom: .03rem;
    width: .38rem;
    background-color: #fff;
    border-radius: 50%;
    content: "";
    -webkit-box-shadow: .02rem .005rem .03rem rgba(0, 0, 0, 0.15);
    box-shadow: .02rem .005rem .03rem rgba(0, 0, 0, 0.15);
    -webkit-transition: margin-left .3s;
    transition: margin-left .3s
}

.i-switch-lg {
    width: .99rem;
    height: .6rem
}

.i-switch-lg input:checked+i:after {
    margin-left: .385rem
}

.i-switch-lg i:after {
    width: .57rem
}

.i-checks {
    cursor: pointer
}

.i-checks input {
    position: absolute;
    opacity: 0
}

.i-checks input:checked+i {
    border-color: #23b7e5
}

.i-checks input:checked+i:before {
    top: .05rem;
    left: .05rem;
    width: .18rem;
    height: .18rem;
    background-color: #23b7e5
}

.i-checks input:checked+span .active {
    display: inherit
}

.i-checks input[type="radio"]+i,
.i-checks input[type="radio"]+i:before {
    border-radius: 50%
}

.i-checks input[disabled]+i,
fieldset[disabled] .i-checks input+i {
    border-color: #dee5e7
}

.i-checks input[disabled]+i:before,
fieldset[disabled] .i-checks input+i:before {
    background-color: #dee5e7
}

.i-checks>i {
    position: relative;
    display: inline-block;
    width: .32rem;
    height: .32rem;
    margin-top: -0.04rem;
    margin-right: .08rem;
    vertical-align: middle;
    background-color: #fff;
    border: .02rem solid #cfdadd
}

.i-checks>i:before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    background-color: transparent;
    content: "";
    -webkit-transition: all .2s;
    transition: all .2s
}

.i-checks>span .active {
    display: none
}

.pan {
    background-color: #fff
}

.pan-title {
    padding: .2rem .2rem;
    font-weight: bold;
    border-bottom: .02rem solid hsl(210, 5%, 95%)
}

.pan-title>div {
    display: block;
    padding-left: .1rem;
    border-left: .05rem solid #23b7e5
}

.f0 {
    font-size: .16rem
}

.f1 {
    font-size: .18rem
}

.f2 {
    font-size: .2rem
}

.f3 {
    font-size: .22rem
}

.f4 {
    font-size: .24rem
}

.f5 {
    font-size: .26rem
}

.f6 {
    font-size: .28rem
}

.f7 {
    font-size: .3rem
}

.f8 {
    font-size: .32rem
}

.f9 {
    font-size: .36rem
}

.f10 {
    font-size: .4rem
}

.f11 {
    font-size: .44rem
}

.f12 {
    font-size: .48rem
}

.f13 {
    font-size: .52rem
}

.f14 {
    font-size: .6rem
}

.f15 {
    font-size: .7rem
}

.f16 {
    font-size: .8rem
}

.f17 {
    font-size: .9rem
}

.f18 {
    font-size: 1rem
}

.f19 {
    font-size: 1.2rem
}

.f20 {
    font-size: 1.4rem
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    font-weight: 600
}

h1 {
    font-size: .66rem
}

h2 {
    font-size: .52rem
}

h3 {
    font-size: .4rem
}

h4 {
    font-size: .32rem
}

h5 {
    font-size: .24rem
}

h6 {
    font-size: .16rem
}

.w {
    width: 100%
}

.w1 {
    width: .1rem
}

.w2 {
    width: .2rem
}

.w3 {
    width: .3rem
}

.w4 {
    width: .4rem
}

.w5 {
    width: .5rem
}

.w6 {
    width: .6rem
}

.w7 {
    width: .7rem
}

.w8 {
    width: .8rem
}

.w9 {
    width: .9rem
}

.w10 {
    width: 1rem
}

.w11 {
    width: 1.1rem
}

.w12 {
    width: 1.2rem
}

.w13 {
    width: 1.3rem
}

.w14 {
    width: 1.4rem
}

.w15 {
    width: 1.5rem
}

.w16 {
    width: 1.6rem
}

.w17 {
    width: 1.7rem
}

.w18 {
    width: 1.8rem
}

.w19 {
    width: 1.9rem
}

.w20 {
    width: 2rem
}

.w21 {
    width: 2.1rem
}

.w22 {
    width: 2.2rem
}

.w23 {
    width: 2.3rem
}

.w24 {
    width: 2.4rem
}

.w25 {
    width: 2.5rem
}

.w26 {
    width: 2.6rem
}

.w27 {
    width: 2.7rem
}

.w28 {
    width: 2.8rem
}

.w29 {
    width: 2.9rem
}

.w30 {
    width: 3rem
}

.w31 {
    width: 3.1rem
}

.w32 {
    width: 3.2rem
}

.w33 {
    width: 3.3rem
}

.w34 {
    width: 3.4rem
}

.w35 {
    width: 3.5rem
}

.w36 {
    width: 3.6rem
}

.w37 {
    width: 3.7rem
}

.w38 {
    width: 3.8rem
}

.w39 {
    width: 3.9rem
}

.w40 {
    width: 4rem
}

.w41 {
    width: 4.1rem
}

.w42 {
    width: 4.2rem
}

.w43 {
    width: 4.3rem
}

.w44 {
    width: 4.4rem
}

.w45 {
    width: 4.5rem
}

.w46 {
    width: 4.6rem
}

.w47 {
    width: 4.7rem
}

.w48 {
    width: 4.8rem
}

.w49 {
    width: 4.9rem
}

.w50 {
    width: 5rem
}

.w51 {
    width: 5.1rem
}

.w52 {
    width: 5.2rem
}

.w53 {
    width: 5.3rem
}

.w54 {
    width: 5.4rem
}

.w55 {
    width: 5.5rem
}

.w56 {
    width: 5.6rem
}

.w57 {
    width: 5.7rem
}

.w58 {
    width: 5.8rem
}

.w59 {
    width: 5.9rem
}

.w60 {
    width: 6rem
}

.w61 {
    width: 6.1rem
}

.w62 {
    width: 6.2rem
}

.w63 {
    width: 6.3rem
}

.w64 {
    width: 6.4rem
}

.w65 {
    width: 6.5rem
}

.w66 {
    width: 6.6rem
}

.w67 {
    width: 6.7rem
}

.w68 {
    width: 6.8rem
}

.w69 {
    width: 6.9rem
}

.w70 {
    width: 7rem
}

.w71 {
    width: 7.1rem
}

.w72 {
    width: 7.2rem
}

.w73 {
    width: 7.3rem
}

.w74 {
    width: 7.4rem
}

.w75 {
    width: 7.5rem
}

.h {
    height: 100%
}

.h0 {
    height: 0
}

.h1 {
    height: .1rem
}

.h2 {
    height: .2rem
}

.h3 {
    height: .3rem
}

.h4 {
    height: .4rem
}

.h5 {
    height: .5rem
}

.h6 {
    height: .6rem
}

.h7 {
    height: .7rem
}

.h8 {
    height: .8rem
}

.h9 {
    height: .9rem
}

.h10 {
    height: 1rem
}

.h11 {
    height: 1.1rem
}

.h12 {
    height: 1.2rem
}

.h13 {
    height: 1.3rem
}

.h14 {
    height: 1.4rem
}

.h15 {
    height: 1.5rem
}

.h16 {
    height: 1.6rem
}

.h17 {
    height: 1.7rem
}

.h18 {
    height: 1.8rem
}

.h19 {
    height: 1.9rem
}

.h20 {
    height: 2rem
}

.h21 {
    height: 2.1rem
}

.h22 {
    height: 2.2rem
}

.h23 {
    height: 2.3rem
}

.h24 {
    height: 2.4rem
}

.h25 {
    height: 2.5rem
}

.h26 {
    height: 2.6rem
}

.h27 {
    height: 2.7rem
}

.h28 {
    height: 2.8rem
}

.h29 {
    height: 2.9rem
}

.h30 {
    height: 3rem
}

.h31 {
    height: 3.1rem
}

.h32 {
    height: 3.2rem
}

.h33 {
    height: 3.3rem
}

.h34 {
    height: 3.4rem
}

.h35 {
    height: 3.5rem
}

.h36 {
    height: 3.6rem
}

.h37 {
    height: 3.7rem
}

.h38 {
    height: 3.8rem
}

.h39 {
    height: 3.9rem
}

.h40 {
    height: 4rem
}

.h41 {
    height: 4.1rem
}

.h42 {
    height: 4.2rem
}

.h43 {
    height: 4.3rem
}

.h44 {
    height: 4.4rem
}

.h45 {
    height: 4.5rem
}

.h46 {
    height: 4.6rem
}

.h47 {
    height: 4.7rem
}

.h48 {
    height: 4.8rem
}

.h49 {
    height: 4.9rem
}

.h50 {
    height: 5rem
}

.h51 {
    height: 5.1rem
}

.h52 {
    height: 5.2rem
}

.h53 {
    height: 5.3rem
}

.h54 {
    height: 5.4rem
}

.h55 {
    height: 5.5rem
}

.h56 {
    height: 5.6rem
}

.h57 {
    height: 5.7rem
}

.h58 {
    height: 5.8rem
}

.h59 {
    height: 5.9rem
}

.h60 {
    height: 6rem
}

.h61 {
    height: 6.1rem
}

.h62 {
    height: 6.2rem
}

.h63 {
    height: 6.3rem
}

.h64 {
    height: 6.4rem
}

.h65 {
    height: 6.5rem
}

.h66 {
    height: 6.6rem
}

.h67 {
    height: 6.7rem
}

.h68 {
    height: 6.8rem
}

.h69 {
    height: 6.9rem
}

.h70 {
    height: 7rem
}

.h71 {
    height: 7.1rem
}

.h72 {
    height: 7.2rem
}

.h73 {
    height: 7.3rem
}

.h74 {
    height: 7.4rem
}

.h75 {
    height: 7.5rem
}

.h99 {
    height: 99%
}

.wh {
    width: 100%;
    height: 100%
}

.m0 {
    margin: 0 !important
}

.mi {
    margin: .06rem
}

.mii {
    margin: .16rem
}

.m1 {
    margin: .1rem
}

.m2 {
    margin: .2rem
}

.m3 {
    margin: .3rem
}

.m4 {
    margin: .4rem
}

.m5 {
    margin: .5rem
}

.m6 {
    margin: .6rem
}

.m7 {
    margin: .7rem
}

.m8 {
    margin: .8rem
}

.m9 {
    margin: .9rem
}

.m10 {
    margin: 1rem
}

.m11 {
    margin: 1.1rem
}

.m12 {
    margin: 1.2rem
}

.mtb0 {
    margin: 0 !important
}

.mtbi {
    margin: .06rem 0
}

.mtbii {
    margin: .16rem 0
}

.mtb1 {
    margin: .1rem 0
}

.mtb2 {
    margin: .2rem 0
}

.mtb3 {
    margin: .3rem 0
}

.mtb4 {
    margin: .4rem 0
}

.mtb5 {
    margin: .5rem 0
}

.mtb6 {
    margin: .6rem 0
}

.mtb7 {
    margin: .7rem 0
}

.mtb8 {
    margin: .8rem 0
}

.mtb9 {
    margin: .9rem 0
}

.mtb10 {
    margin: 1rem 0
}

.mtb11 {
    margin: 1.1rem 0
}

.mtb12 {
    margin: 1.2rem 0
}

.mlr0 {
    margin: 0 !important
}

.mlri {
    margin: 0 .06rem
}

.mlrii {
    margin: 0 .16rem
}

.mlr1 {
    margin: 0 .1rem
}

.mlr2 {
    margin: 0 .2rem
}

.mlr3 {
    margin: 0 .3rem
}

.mlr4 {
    margin: 0 .4rem
}

.mlr5 {
    margin: 0 .5rem
}

.mlr6 {
    margin: 0 .6rem
}

.mlr7 {
    margin: 0 .7rem
}

.mlr8 {
    margin: 0 .8rem
}

.mlr9 {
    margin: 0 .9rem
}

.mlr10 {
    margin: 0 1rem
}

.mlr11 {
    margin: 0 1.1rem
}

.mlr12 {
    margin: 0 1.2rem
}

.mt0 {
    margin-top: 0 !important
}

.mti {
    margin-top: .06rem
}

.mtii {
    margin-top: .16rem
}

.mt1 {
    margin-top: .1rem
}

.mt2 {
    margin-top: .2rem
}

.mt3 {
    margin-top: .3rem
}

.mt4 {
    margin-top: .4rem
}

.mt5 {
    margin-top: .5rem
}

.mt6 {
    margin-top: .6rem
}

.mt7 {
    margin-top: .7rem
}

.mt8 {
    margin-top: .8rem
}

.mt9 {
    margin-top: .9rem
}

.mt10 {
    margin-top: 1rem
}

.mt11 {
    margin-top: 1.1rem
}

.mt12 {
    margin-top: 1.2rem
}

.mb0 {
    margin-bottom: 0 !important
}

.mbi {
    margin-bottom: .06rem
}

.mbii {
    margin-bottom: .16rem
}

.mb1 {
    margin-bottom: .1rem
}

.mb2 {
    margin-bottom: .2rem
}

.mb3 {
    margin-bottom: .3rem
}

.mb4 {
    margin-bottom: .4rem
}

.mb5 {
    margin-bottom: .5rem
}

.mb6 {
    margin-bottom: .6rem
}

.mb7 {
    margin-bottom: .7rem
}

.mb8 {
    margin-bottom: .8rem
}

.mb9 {
    margin-bottom: .9rem
}

.mb10 {
    margin-bottom: 1rem
}

.mb11 {
    margin-bottom: 1.1rem
}

.mb12 {
    margin-bottom: 1.2rem
}

.ml0 {
    margin-left: 0 !important
}

.mli {
    margin-left: .06rem
}

.mlii {
    margin-left: .16rem
}

.ml1 {
    margin-left: .1rem
}

.ml2 {
    margin-left: .2rem
}

.ml3 {
    margin-left: .3rem
}

.ml4 {
    margin-left: .4rem
}

.ml5 {
    margin-left: .5rem
}

.ml6 {
    margin-left: .6rem
}

.ml7 {
    margin-left: .7rem
}

.ml8 {
    margin-left: .8rem
}

.ml9 {
    margin-left: .9rem
}

.ml10 {
    margin-left: 1rem
}

.ml11 {
    margin-left: 1.1rem
}

.ml12 {
    margin-left: 1.2rem
}

.mr0 {
    margin-right: 0 !important
}

.mri {
    margin-right: .06rem
}

.mrii {
    margin-right: .16rem
}

.mr1 {
    margin-right: .1rem
}

.mr2 {
    margin-right: .2rem
}

.mr3 {
    margin-right: .3rem
}

.mr4 {
    margin-right: .4rem
}

.mr5 {
    margin-right: .5rem
}

.mr6 {
    margin-right: .6rem
}

.mr7 {
    margin-right: .7rem
}

.mr8 {
    margin-right: .8rem
}

.mr9 {
    margin-right: .9rem
}

.mr10 {
    margin-right: 1rem
}

.mr11 {
    margin-right: 1.1rem
}

.mr12 {
    margin-right: 1.2rem
}

.p0 {
    padding: 0 !important
}

.pi {
    padding: .06rem
}

.pii {
    padding: .16rem
}

.p1 {
    padding: .1rem
}

.p2 {
    padding: .2rem
}

.p3 {
    padding: .3rem
}

.p4 {
    padding: .4rem
}

.p5 {
    padding: .5rem
}

.p6 {
    padding: .6rem
}

.p7 {
    padding: .7rem
}

.p8 {
    padding: .8rem
}

.p9 {
    padding: .9rem
}

.p10 {
    padding: 1rem
}

.p11 {
    padding: 1.1rem
}

.p12 {
    padding: 1.2rem
}

.ptb0 {
    padding: 0 !important
}

.ptbi {
    padding: .06rem 0
}

.ptbii {
    padding: .16rem 0
}

.ptb1 {
    padding: .1rem 0
}

.ptb2 {
    padding: .2rem 0
}

.ptb3 {
    padding: .3rem 0
}

.ptb4 {
    padding: .4rem 0
}

.ptb5 {
    padding: .5rem 0
}

.ptb6 {
    padding: .6rem 0
}

.ptb7 {
    padding: .7rem 0
}

.ptb8 {
    padding: .8rem 0
}

.ptb9 {
    padding: .9rem 0
}

.ptb10 {
    padding: 1rem 0
}

.ptb11 {
    padding: 1.1rem 0
}

.ptb12 {
    padding: 1.2rem 0
}

.plr0 {
    padding: 0 !important
}

.plri {
    padding: 0 .06rem
}

.plrii {
    padding: 0 .16rem
}

.plr1 {
    padding: 0 .1rem
}

.plr2 {
    padding: 0 .2rem
}

.plr3 {
    padding: 0 .3rem
}

.plr4 {
    padding: 0 .4rem
}

.plr5 {
    padding: 0 .5rem
}

.plr6 {
    padding: 0 .6rem
}

.plr7 {
    padding: 0 .7rem
}

.plr8 {
    padding: 0 .8rem
}

.plr9 {
    padding: 0 .9rem
}

.plr10 {
    padding: 0 1rem
}

.plr11 {
    padding: 0 1.1rem
}

.plr12 {
    padding: 0 1.2rem
}

.pt0 {
    padding-top: 0 !important
}

.pt1 {
    padding-top: .06rem
}

.ptii {
    padding-top: .16rem
}

.pt1 {
    padding-top: .1rem
}

.pt2 {
    padding-top: .2rem
}

.pt3 {
    padding-top: .3rem
}

.pt4 {
    padding-top: .4rem
}

.pt5 {
    padding-top: .5rem
}

.pt6 {
    padding-top: .6rem
}

.pt7 {
    padding-top: .7rem
}

.pt8 {
    padding-top: .8rem
}

.pt9 {
    padding-top: .9rem
}

.pt10 {
    padding-top: 1rem
}

.pt11 {
    padding-top: 1.1rem
}

.pt12 {
    padding-top: 1.2rem
}

.pb0 {
    padding-bottom: 0 !important
}

.pbi {
    padding-bottom: .06rem
}

.pbii {
    padding-bottom: .16rem
}

.pb1 {
    padding-bottom: .1rem
}

.pb2 {
    padding-bottom: .2rem
}

.pb3 {
    padding-bottom: .3rem
}

.pb4 {
    padding-bottom: .4rem
}

.pb5 {
    padding-bottom: .5rem
}

.pb6 {
    padding-bottom: .6rem
}

.pb7 {
    padding-bottom: .7rem
}

.pb8 {
    padding-bottom: .8rem
}

.pb9 {
    padding-bottom: .9rem
}

.pb10 {
    padding-bottom: 1rem
}

.pb11 {
    padding-bottom: 1.1rem
}

.pb12 {
    padding-bottom: 1.2rem
}

.pl0 {
    padding-left: 0 !important
}

.pli {
    padding-left: .06rem
}

.plii {
    padding-left: .16rem
}

.pl1 {
    padding-left: .1rem
}

.pl2 {
    padding-left: .2rem
}

.pl3 {
    padding-left: .3rem
}

.pl4 {
    padding-left: .4rem
}

.pl5 {
    padding-left: .5rem
}

.pl6 {
    padding-left: .6rem
}

.pl7 {
    padding-left: .7rem
}

.pl8 {
    padding-left: .8rem
}

.pl9 {
    padding-left: .9rem
}

.pl10 {
    padding-left: 1rem
}

.pl11 {
    padding-left: 1.1rem
}

.pl12 {
    padding-left: 1.2rem
}

.pr0 {
    padding-right: 0 !important
}

.pri {
    padding-right: .06rem
}

.prii {
    padding-right: .16rem
}

.pr1 {
    padding-right: .1rem
}

.pr2 {
    padding-right: .2rem
}

.pr3 {
    padding-right: .3rem
}

.pr4 {
    padding-right: .4rem
}

.pr5 {
    padding-right: .5rem
}

.pr6 {
    padding-right: .6rem
}

.pr7 {
    padding-right: .7rem
}

.pr8 {
    padding-right: .8rem
}

.pr9 {
    padding-right: .9rem
}

.pr10 {
    padding-right: 1rem
}

.pr11 {
    padding-right: 1.1rem
}

.pr12 {
    padding-right: 1.2rem
}

.b {
    border: .015rem solid hsl(210, 5%, 95%)
}

.bt {
    border-top: .015rem solid hsl(210, 5%, 95%)
}

.br {
    border-right: .015rem solid hsl(210, 5%, 95%)
}

.bb {
    border-bottom: .015rem solid hsl(210, 5%, 95%)
}

.bl {
    border-left: .015rem solid hsl(210, 5%, 95%)
}

.bd {
    border-style: dashed !important;
    border-width: 0
}

.b0 {
    border-width: 0 !important
}

.b1 {
    border-width: .01rem
}

.b2 {
    border-width: .02rem
}

.b3 {
    border-width: .03rem
}

.b4 {
    border-width: .04rem
}

.b5 {
    border-width: .05rem
}

.bt5 {
    border-top: .05rem
}

.br5 {
    border-right: .05rem
}

.bb5 {
    border-bottom: .05rem
}

.bl5 {
    border-left: .05rem
}

.bx {
    box-shadow: 0 .01rem .015rem rgba(0, 0, 0, 0.1)
}

.bx1 {
    box-shadow: 0 .01rem .015rem rgba(0, 0, 0, 0.05)
}

.bx2 {
    box-shadow: 0 .01rem .015rem rgba(0, 0, 0, 0.15)
}

.bx3 {
    box-shadow: 0 .01rem .015rem rgba(0, 0, 0, 0.2)
}

.bx4 {
    box-shadow: 0 .01rem .015rem rgba(0, 0, 0, 0.3)
}

.bx5 {
    box-shadow: 0 .01rem .015rem rgba(0, 0, 0, 0.4)
}

.r0 {
    border-radius: 0 !important
}

.r1 {
    border-radius: 10%
}

.r2 {
    border-radius: 20%
}

.r3 {
    border-radius: 30%
}

.r4 {
    border-radius: 40%
}

.r5 {
    border-radius: 50%
}

.rx1 {
    border-radius: .03rem
}

.rx2 {
    border-radius: .05rem
}

.rx3 {
    border-radius: .1rem
}

.rx4 {
    border-radius: .15rem
}

.rx5 {
    border-radius: .2rem
}

.rx6 {
    border-radius: .25rem
}

.rxtl1 {
    border-top-left-radius: .03rem
}

.rxtl2 {
    border-top-left-radius: .05rem
}

.rxtl3 {
    border-top-left-radius: .1rem
}

.rxtl4 {
    border-top-left-radius: .15rem
}

.rxtl5 {
    border-top-left-radius: .2rem
}

.rxtl6 {
    border-top-left-radius: .25rem
}

.rxtr1 {
    border-top-right-radius: .03rem
}

.rxtr2 {
    border-top-right-radius: .05rem
}

.rxtr3 {
    border-top-right-radius: .1rem
}

.rxtr4 {
    border-top-right-radius: .15rem
}

.rxtr5 {
    border-top-right-radius: .2rem
}

.rxtr6 {
    border-top-right-radius: .25rem
}

.rxbl1 {
    border-bottom-left-radius: .03rem
}

.rxbl2 {
    border-bottom-left-radius: .05rem
}

.rxbl3 {
    border-bottom-left-radius: .1rem
}

.rxbl4 {
    border-bottom-left-radius: .15rem
}

.rxbl5 {
    border-bottom-left-radius: .2rem
}

.rxbl6 {
    border-bottom-left-radius: .25rem
}

.rxbr1 {
    border-bottom-right-radius: .03rem
}

.rxbr2 {
    border-bottom-right-radius: .05rem
}

.rxbr3 {
    border-bottom-right-radius: .1rem
}

.rxbr4 {
    border-bottom-right-radius: .15rem
}

.rxbr5 {
    border-bottom-right-radius: .2rem
}

.rxbr6 {
    border-bottom-right-radius: .25rem
}

.ls1 {
    letter-spacing: .011rem
}

.ls2 {
    letter-spacing: .024rem
}

.ls3 {
    letter-spacing: .037rem
}

.ls4 {
    letter-spacing: .05rem
}

.ls5 {
    letter-spacing: .063rem
}

.ls6 {
    letter-spacing: .076rem
}

.ls7 {
    letter-spacing: .089rem
}

.pot0 {
    top: 0 !important
}

.pot1 {
    top: .1rem
}

.pot2 {
    top: .2rem
}

.pot3 {
    top: .3rem
}

.pot4 {
    top: .4rem
}

.pot5 {
    top: .5rem
}

.pot6 {
    top: .6rem
}

.pob0 {
    bottom: 0 !important
}

.pob1 {
    bottom: .1rem
}

.pob2 {
    bottom: .2rem
}

.pob3 {
    bottom: .3rem
}

.pob4 {
    bottom: .4rem
}

.pob5 {
    bottom: .5rem
}

.pob6 {
    bottom: .6rem
}

.pol0 {
    left: 0 !important
}

.pol1 {
    left: .1rem
}

.pol2 {
    left: .2rem
}

.pol3 {
    left: .3rem
}

.pol4 {
    left: .4rem
}

.pol5 {
    left: .5rem
}

.pol6 {
    left: .6rem
}

.por0 {
    right: 0 !important
}

.por1 {
    right: .1rem
}

.por2 {
    right: .2rem
}

.por3 {
    right: .3rem
}

.por4 {
    right: .4rem
}

.por5 {
    right: .5rem
}

.por6 {
    right: .6rem
}

.animated {
    animation-fill-mode: both;
    animation-duration: .4s
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

.fadeIn {
    animation-name: fadeIn
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

.fadeOut {
    animation-name: fadeOut
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translateY(-25px)
    }
    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

.fadeInDown {
    animation-name: fadeInDown
}

@keyframes fadeOutUp {
    0% {
        opacity: 1;
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        transform: translateY(-25px)
    }
}

.fadeOutUp {
    animation-name: fadeOutUp
}

.layui-m-input {
    width: 6.8rem !important
}

.layui-m-auto {
    width: auto !important
}

.layui-m-input>.layui-m-layercont,
.layui-m-auto>.layui-m-layercont {
    padding: 0;
    overflow: hidden;
    border-radius: .2rem !important
}