html,body {
    position: relative;
    height: 100%;
    width: 100%;
    overflow-x: hidden
}

body {
    font-family: -apple-system,SF UI Text,Helvetica Neue,Helvetica,Arial,sans-serif;
    margin: 0;
    padding: 0;
    color: #000;
    font-size: 14px;
    line-height: 1.4;
    width: 100%;
    -webkit-text-size-adjust: 100%;
    background: #fff;
    overflow: hidden
}

@media all and (width: 1024px) and (height:691px) and (orientation:landscape) {
    html,body {
        height:671px
    }
}

@media all and (width: 1024px) and (height:692px) and (orientation:landscape) {
    html,body {
        height:672px
    }
}

* {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-touch-callout: none
}

a,input,textarea,select {
    outline: 0
}

a {
    text-decoration: none;
    color: #007aff
}

p {
    margin: 1em 0
}

.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start
}

.row>[class*="col-"] {
    box-sizing: border-box
}

.row .col-auto {
    width: 100%
}

.row .col-100 {
    width: 100%;
    width: calc((100% - 15px*0) / 1)
}

.row.no-gutter .col-100 {
    width: 100%
}

.row .col-95 {
    width: 95%;
    width: calc((100% - 15px*0.05263157894736836) / 1.0526315789473684)
}

.row.no-gutter .col-95 {
    width: 95%
}

.row .col-90 {
    width: 90%;
    width: calc((100% - 15px*0.11111111111111116) / 1.1111111111111112)
}

.row.no-gutter .col-90 {
    width: 90%
}

.row .col-85 {
    width: 85%;
    width: calc((100% - 15px*0.17647058823529416) / 1.1764705882352942)
}

.row.no-gutter .col-85 {
    width: 85%
}

.row .col-80 {
    width: 80%;
    width: calc((100% - 15px*0.25) / 1.25)
}

.row.no-gutter .col-80 {
    width: 80%
}

.row .col-75 {
    width: 75%;
    width: calc((100% - 15px*0.33333333333333326) / 1.3333333333333333)
}

.row.no-gutter .col-75 {
    width: 75%
}

.row .col-66 {
    width: 66.66666666666666%;
    width: calc((100% - 15px*0.5000000000000002) / 1.5000000000000002)
}

.row.no-gutter .col-66 {
    width: 66.66666666666666%
}

.row .col-60 {
    width: 60%;
    width: calc((100% - 15px*0.6666666666666667) / 1.6666666666666667)
}

.row.no-gutter .col-60 {
    width: 60%
}

.row .col-50 {
    width: 50%;
    width: calc((100% - 15px*1) / 2)
}

.row.no-gutter .col-50 {
    width: 50%
}

.row .col-40 {
    width: 40%;
    width: calc((100% - 15px*1.5) / 2.5)
}

.row.no-gutter .col-40 {
    width: 40%
}

.row .col-33 {
    width: 33.333333333333336%;
    width: calc((100% - 15px*2) / 3)
}

.row.no-gutter .col-33 {
    width: 33.333333333333336%
}

.row .col-25 {
    width: 25%;
    width: calc((100% - 15px*3) / 4)
}

.row.no-gutter .col-25 {
    width: 25%
}

.row .col-20 {
    width: 20%;
    width: calc((100% - 15px*4) / 5)
}

.row.no-gutter .col-20 {
    width: 20%
}

.row .col-15 {
    width: 15%;
    width: calc((100% - 15px*5.666666666666667) / 6.666666666666667)
}

.row.no-gutter .col-15 {
    width: 15%
}

.row .col-10 {
    width: 10%;
    width: calc((100% - 15px*9) / 10)
}

.row.no-gutter .col-10 {
    width: 10%
}

.row .col-5 {
    width: 5%;
    width: calc((100% - 15px*19) / 20)
}

.row.no-gutter .col-5 {
    width: 5%
}

.row .col-auto:nth-last-child( 1),.row .col-auto:nth-last-child( 1)~.col-auto {
    width: 100%;
    width: calc((100% - 15px*0) / 1)
}

.row.no-gutter .col-auto:nth-last-child( 1),.row.no-gutter .col-auto:nth-last-child( 1)~.col-auto {
    width: 100%
}

.row .col-auto:nth-last-child( 2),.row .col-auto:nth-last-child( 2)~.col-auto {
    width: 50%;
    width: calc((100% - 15px*1) / 2)
}

.row.no-gutter .col-auto:nth-last-child( 2),.row.no-gutter .col-auto:nth-last-child( 2)~.col-auto {
    width: 50%
}

.row .col-auto:nth-last-child( 3),.row .col-auto:nth-last-child( 3)~.col-auto {
    width: 33.33333333%;
    width: calc((100% - 15px*2) / 3)
}

.row.no-gutter .col-auto:nth-last-child( 3),.row.no-gutter .col-auto:nth-last-child( 3)~.col-auto {
    width: 33.33333333%
}

.row .col-auto:nth-last-child( 4),.row .col-auto:nth-last-child( 4)~.col-auto {
    width: 25%;
    width: calc((100% - 15px*3) / 4)
}

.row.no-gutter .col-auto:nth-last-child( 4),.row.no-gutter .col-auto:nth-last-child( 4)~.col-auto {
    width: 25%
}

.row .col-auto:nth-last-child( 5),.row .col-auto:nth-last-child( 5)~.col-auto {
    width: 20%;
    width: calc((100% - 15px*4) / 5)
}

.row.no-gutter .col-auto:nth-last-child( 5),.row.no-gutter .col-auto:nth-last-child( 5)~.col-auto {
    width: 20%
}

.row .col-auto:nth-last-child( 6),.row .col-auto:nth-last-child( 6)~.col-auto {
    width: 16.66666667%;
    width: calc((100% - 15px*5) / 6)
}

.row.no-gutter .col-auto:nth-last-child( 6),.row.no-gutter .col-auto:nth-last-child( 6)~.col-auto {
    width: 16.66666667%
}

.row .col-auto:nth-last-child( 7),.row .col-auto:nth-last-child( 7)~.col-auto {
    width: 14.28571429%;
    width: calc((100% - 15px*6) / 7)
}

.row.no-gutter .col-auto:nth-last-child( 7),.row.no-gutter .col-auto:nth-last-child( 7)~.col-auto {
    width: 14.28571429%
}

.row .col-auto:nth-last-child( 8),.row .col-auto:nth-last-child( 8)~.col-auto {
    width: 12.5%;
    width: calc((100% - 15px*7) / 8)
}

.row.no-gutter .col-auto:nth-last-child( 8),.row.no-gutter .col-auto:nth-last-child( 8)~.col-auto {
    width: 12.5%
}

.row .col-auto:nth-last-child( 9),.row .col-auto:nth-last-child( 9)~.col-auto {
    width: 11.11111111%;
    width: calc((100% - 15px*8) / 9)
}

.row.no-gutter .col-auto:nth-last-child( 9),.row.no-gutter .col-auto:nth-last-child( 9)~.col-auto {
    width: 11.11111111%
}

.row .col-auto:nth-last-child( 10),.row .col-auto:nth-last-child( 10)~.col-auto {
    width: 10%;
    width: calc((100% - 15px*9) / 10)
}

.row.no-gutter .col-auto:nth-last-child( 10),.row.no-gutter .col-auto:nth-last-child( 10)~.col-auto {
    width: 10%
}

.row .col-auto:nth-last-child( 11),.row .col-auto:nth-last-child( 11)~.col-auto {
    width: 9.09090909%;
    width: calc((100% - 15px*10) / 11)
}

.row.no-gutter .col-auto:nth-last-child( 11),.row.no-gutter .col-auto:nth-last-child( 11)~.col-auto {
    width: 9.09090909%
}

.row .col-auto:nth-last-child( 12),.row .col-auto:nth-last-child( 12)~.col-auto {
    width: 8.33333333%;
    width: calc((100% - 15px*11) / 12)
}

.row.no-gutter .col-auto:nth-last-child( 12),.row.no-gutter .col-auto:nth-last-child( 12)~.col-auto {
    width: 8.33333333%
}

.row .col-auto:nth-last-child( 13),.row .col-auto:nth-last-child( 13)~.col-auto {
    width: 7.69230769%;
    width: calc((100% - 15px*12) / 13)
}

.row.no-gutter .col-auto:nth-last-child( 13),.row.no-gutter .col-auto:nth-last-child( 13)~.col-auto {
    width: 7.69230769%
}

.row .col-auto:nth-last-child( 14),.row .col-auto:nth-last-child( 14)~.col-auto {
    width: 7.14285714%;
    width: calc((100% - 15px*13) / 14)
}

.row.no-gutter .col-auto:nth-last-child( 14),.row.no-gutter .col-auto:nth-last-child( 14)~.col-auto {
    width: 7.14285714%
}

.row .col-auto:nth-last-child( 15),.row .col-auto:nth-last-child( 15)~.col-auto {
    width: 6.66666667%;
    width: calc((100% - 15px*14) / 15)
}

.row.no-gutter .col-auto:nth-last-child( 15),.row.no-gutter .col-auto:nth-last-child( 15)~.col-auto {
    width: 6.66666667%
}

@media all and (min-width: 768px) {
    .row .tablet-100 {
        width:100%;
        width: calc((100% - 15px*0) / 1)
    }

    .row.no-gutter .tablet-100 {
        width: 100%
    }

    .row .tablet-95 {
        width: 95%;
        width: calc((100% - 15px*0.05263157894736836) / 1.0526315789473684)
    }

    .row.no-gutter .tablet-95 {
        width: 95%
    }

    .row .tablet-90 {
        width: 90%;
        width: calc((100% - 15px*0.11111111111111116) / 1.1111111111111112)
    }

    .row.no-gutter .tablet-90 {
        width: 90%
    }

    .row .tablet-85 {
        width: 85%;
        width: calc((100% - 15px*0.17647058823529416) / 1.1764705882352942)
    }

    .row.no-gutter .tablet-85 {
        width: 85%
    }

    .row .tablet-80 {
        width: 80%;
        width: calc((100% - 15px*0.25) / 1.25)
    }

    .row.no-gutter .tablet-80 {
        width: 80%
    }

    .row .tablet-75 {
        width: 75%;
        width: calc((100% - 15px*0.33333333333333326) / 1.3333333333333333)
    }

    .row.no-gutter .tablet-75 {
        width: 75%
    }

    .row .tablet-66 {
        width: 66.66666666666666%;
        width: calc((100% - 15px*0.5000000000000002) / 1.5000000000000002)
    }

    .row.no-gutter .tablet-66 {
        width: 66.66666666666666%
    }

    .row .tablet-60 {
        width: 60%;
        width: calc((100% - 15px*0.6666666666666667) / 1.6666666666666667)
    }

    .row.no-gutter .tablet-60 {
        width: 60%
    }

    .row .tablet-50 {
        width: 50%;
        width: calc((100% - 15px*1) / 2)
    }

    .row.no-gutter .tablet-50 {
        width: 50%
    }

    .row .tablet-40 {
        width: 40%;
        width: calc((100% - 15px*1.5) / 2.5)
    }

    .row.no-gutter .tablet-40 {
        width: 40%
    }

    .row .tablet-33 {
        width: 33.333333333333336%;
        width: calc((100% - 15px*2) / 3)
    }

    .row.no-gutter .tablet-33 {
        width: 33.333333333333336%
    }

    .row .tablet-25 {
        width: 25%;
        width: calc((100% - 15px*3) / 4)
    }

    .row.no-gutter .tablet-25 {
        width: 25%
    }

    .row .tablet-20 {
        width: 20%;
        width: calc((100% - 15px*4) / 5)
    }

    .row.no-gutter .tablet-20 {
        width: 20%
    }

    .row .tablet-15 {
        width: 15%;
        width: calc((100% - 15px*5.666666666666667) / 6.666666666666667)
    }

    .row.no-gutter .tablet-15 {
        width: 15%
    }

    .row .tablet-10 {
        width: 10%;
        width: calc((100% - 15px*9) / 10)
    }

    .row.no-gutter .tablet-10 {
        width: 10%
    }

    .row .tablet-5 {
        width: 5%;
        width: calc((100% - 15px*19) / 20)
    }

    .row.no-gutter .tablet-5 {
        width: 5%
    }

    .row .tablet-auto:nth-last-child( 1),.row .tablet-auto:nth-last-child( 1)~.col-auto {
        width: 100%;
        width: calc((100% - 15px*0) / 1)
    }

    .row.no-gutter .tablet-auto:nth-last-child( 1),.row.no-gutter .tablet-auto:nth-last-child( 1)~.tablet-auto {
        width: 100%
    }

    .row .tablet-auto:nth-last-child( 2),.row .tablet-auto:nth-last-child( 2)~.col-auto {
        width: 50%;
        width: calc((100% - 15px*1) / 2)
    }

    .row.no-gutter .tablet-auto:nth-last-child( 2),.row.no-gutter .tablet-auto:nth-last-child( 2)~.tablet-auto {
        width: 50%
    }

    .row .tablet-auto:nth-last-child( 3),.row .tablet-auto:nth-last-child( 3)~.col-auto {
        width: 33.33333333%;
        width: calc((100% - 15px*2) / 3)
    }

    .row.no-gutter .tablet-auto:nth-last-child( 3),.row.no-gutter .tablet-auto:nth-last-child( 3)~.tablet-auto {
        width: 33.33333333%
    }

    .row .tablet-auto:nth-last-child( 4),.row .tablet-auto:nth-last-child( 4)~.col-auto {
        width: 25%;
        width: calc((100% - 15px*3) / 4)
    }

    .row.no-gutter .tablet-auto:nth-last-child( 4),.row.no-gutter .tablet-auto:nth-last-child( 4)~.tablet-auto {
        width: 25%
    }

    .row .tablet-auto:nth-last-child( 5),.row .tablet-auto:nth-last-child( 5)~.col-auto {
        width: 20%;
        width: calc((100% - 15px*4) / 5)
    }

    .row.no-gutter .tablet-auto:nth-last-child( 5),.row.no-gutter .tablet-auto:nth-last-child( 5)~.tablet-auto {
        width: 20%
    }

    .row .tablet-auto:nth-last-child( 6),.row .tablet-auto:nth-last-child( 6)~.col-auto {
        width: 16.66666667%;
        width: calc((100% - 15px*5) / 6)
    }

    .row.no-gutter .tablet-auto:nth-last-child( 6),.row.no-gutter .tablet-auto:nth-last-child( 6)~.tablet-auto {
        width: 16.66666667%
    }

    .row .tablet-auto:nth-last-child( 7),.row .tablet-auto:nth-last-child( 7)~.col-auto {
        width: 14.28571429%;
        width: calc((100% - 15px*6) / 7)
    }

    .row.no-gutter .tablet-auto:nth-last-child( 7),.row.no-gutter .tablet-auto:nth-last-child( 7)~.tablet-auto {
        width: 14.28571429%
    }

    .row .tablet-auto:nth-last-child( 8),.row .tablet-auto:nth-last-child( 8)~.col-auto {
        width: 12.5%;
        width: calc((100% - 15px*7) / 8)
    }

    .row.no-gutter .tablet-auto:nth-last-child( 8),.row.no-gutter .tablet-auto:nth-last-child( 8)~.tablet-auto {
        width: 12.5%
    }

    .row .tablet-auto:nth-last-child( 9),.row .tablet-auto:nth-last-child( 9)~.col-auto {
        width: 11.11111111%;
        width: calc((100% - 15px*8) / 9)
    }

    .row.no-gutter .tablet-auto:nth-last-child( 9),.row.no-gutter .tablet-auto:nth-last-child( 9)~.tablet-auto {
        width: 11.11111111%
    }

    .row .tablet-auto:nth-last-child( 10),.row .tablet-auto:nth-last-child( 10)~.col-auto {
        width: 10%;
        width: calc((100% - 15px*9) / 10)
    }

    .row.no-gutter .tablet-auto:nth-last-child( 10),.row.no-gutter .tablet-auto:nth-last-child( 10)~.tablet-auto {
        width: 10%
    }

    .row .tablet-auto:nth-last-child( 11),.row .tablet-auto:nth-last-child( 11)~.col-auto {
        width: 9.09090909%;
        width: calc((100% - 15px*10) / 11)
    }

    .row.no-gutter .tablet-auto:nth-last-child( 11),.row.no-gutter .tablet-auto:nth-last-child( 11)~.tablet-auto {
        width: 9.09090909%
    }

    .row .tablet-auto:nth-last-child( 12),.row .tablet-auto:nth-last-child( 12)~.col-auto {
        width: 8.33333333%;
        width: calc((100% - 15px*11) / 12)
    }

    .row.no-gutter .tablet-auto:nth-last-child( 12),.row.no-gutter .tablet-auto:nth-last-child( 12)~.tablet-auto {
        width: 8.33333333%
    }

    .row .tablet-auto:nth-last-child( 13),.row .tablet-auto:nth-last-child( 13)~.col-auto {
        width: 7.69230769%;
        width: calc((100% - 15px*12) / 13)
    }

    .row.no-gutter .tablet-auto:nth-last-child( 13),.row.no-gutter .tablet-auto:nth-last-child( 13)~.tablet-auto {
        width: 7.69230769%
    }

    .row .tablet-auto:nth-last-child( 14),.row .tablet-auto:nth-last-child( 14)~.col-auto {
        width: 7.14285714%;
        width: calc((100% - 15px*13) / 14)
    }

    .row.no-gutter .tablet-auto:nth-last-child( 14),.row.no-gutter .tablet-auto:nth-last-child( 14)~.tablet-auto {
        width: 7.14285714%
    }

    .row .tablet-auto:nth-last-child( 15),.row .tablet-auto:nth-last-child( 15)~.col-auto {
        width: 6.66666667%;
        width: calc((100% - 15px*14) / 15)
    }

    .row.no-gutter .tablet-auto:nth-last-child( 15),.row.no-gutter .tablet-auto:nth-last-child( 15)~.tablet-auto {
        width: 6.66666667%
    }
}

.views,.view {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 5000
}

.views {
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.view {
    overflow: hidden;
    box-sizing: border-box
}

.pages {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #000
}

.page {
    box-sizing: border-box;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #efeff4;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.page.cached {
    display: none
}

.page-on-left {
    opacity: .9;
    -webkit-transform: translate3d(-20%, 0, 0);
    transform: translate3d(-20%, 0, 0)
}

.page-on-center .swipeback-page-shadow {
    opacity: 1
}

.page-on-right {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

.page-on-right .swipeback-page-shadow {
    opacity: 0
}

.page-content {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    box-sizing: border-box;
    height: 100%;
    position: relative;
    z-index: 1
}

.swipeback-page-shadow {
    position: absolute;
    right: 100%;
    top: 0;
    width: 16px;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0, rgba(0,0,0,0) 10%, rgba(0,0,0,0.01) 50%, rgba(0,0,0,0.2) 100%);
    background: linear-gradient(to right, rgba(0,0,0,0) 0, rgba(0,0,0,0) 10%, rgba(0,0,0,0.01) 50%, rgba(0,0,0,0.2) 100%);
    z-index: -1;
    content: ''
}

html.android .swipeback-page-shadow {
    display: none;
    -webkit-animation: none;
    animation: none
}

.page-transitioning,.page-transitioning .swipeback-page-shadow {
    -webkit-transition-duration: 400ms;
    transition-duration: 400ms
}

.page-from-right-to-center:before,.page-from-center-to-right:before {
    position: absolute;
    right: 100%;
    top: 0;
    width: 16px;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0, rgba(0,0,0,0) 10%, rgba(0,0,0,0.01) 50%, rgba(0,0,0,0.2) 100%);
    background: linear-gradient(to right, rgba(0,0,0,0) 0, rgba(0,0,0,0) 10%, rgba(0,0,0,0.01) 50%, rgba(0,0,0,0.2) 100%);
    z-index: -1;
    content: ''
}

html.android .page-from-right-to-center:before,html.android .page-from-center-to-right:before {
    display: none;
    -webkit-animation: none;
    animation: none
}

.page-from-right-to-center {
    -webkit-animation: pageFromRightToCenter 400ms forwards;
    animation: pageFromRightToCenter 400ms forwards
}

.page-from-right-to-center:before {
    -webkit-animation: pageFromRightToCenterShadow 400ms forwards;
    animation: pageFromRightToCenterShadow 400ms forwards
}

.page-from-center-to-right {
    -webkit-animation: pageFromCenterToRight 400ms forwards;
    animation: pageFromCenterToRight 400ms forwards
}

.page-from-center-to-right:before {
    -webkit-animation: pageFromCenterToRightShadow 400ms forwards;
    animation: pageFromCenterToRightShadow 400ms forwards
}

@-webkit-keyframes pageFromRightToCenter {
    from {
        -webkit-transform: translate3d(100%, 0, 0)
    }

    to {
        -webkit-transform: translate3d(0, 0, 0)
    }
}

@keyframes pageFromRightToCenter {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@-webkit-keyframes pageFromRightToCenterShadow {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes pageFromRightToCenterShadow {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes pageFromCenterToRight {
    from {
        -webkit-transform: translate3d(0, 0, 0)
    }

    to {
        -webkit-transform: translate3d(100%, 0, 0)
    }
}

@keyframes pageFromCenterToRight {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    to {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@-webkit-keyframes pageFromCenterToRightShadow {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes pageFromCenterToRightShadow {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.page-from-center-to-left {
    -webkit-animation: pageFromCenterToLeft 400ms forwards;
    animation: pageFromCenterToLeft 400ms forwards
}

.page-from-left-to-center {
    -webkit-animation: pageFromLeftToCenter 400ms forwards;
    animation: pageFromLeftToCenter 400ms forwards
}

@-webkit-keyframes pageFromCenterToLeft {
    from {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0)
    }

    to {
        opacity: .9;
        -webkit-transform: translate3d(-20%, 0, 0)
    }
}

@keyframes pageFromCenterToLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    to {
        opacity: .9;
        -webkit-transform: translate3d(-20%, 0, 0);
        transform: translate3d(-20%, 0, 0)
    }
}

@-webkit-keyframes pageFromLeftToCenter {
    from {
        opacity: .9;
        -webkit-transform: translate3d(-20%, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0)
    }
}

@keyframes pageFromLeftToCenter {
    from {
        -webkit-transform: translate3d(-20%, 0, 0);
        transform: translate3d(-20%, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.navbar-inner,.toolbar-inner {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 0 8px;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

.navbar-inner.cached {
    display: none
}

.navbar,.toolbar {
    height: 44px;
    width: 100%;
    box-sizing: border-box;
    font-size: 17px;
    position: relative;
    margin: 0;
    z-index: 500;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.navbar b,.toolbar b {
    font-weight: 500
}

html.ios-gt-8 .navbar b,html.ios-gt-8 .toolbar b {
    font-weight: 600
}

.navbar,.toolbar,.subnavbar {
    background: #f7f7f8
}

.navbar a.link,.toolbar a.link,.subnavbar a.link {
    line-height: 44px;
    height: 44px;
    text-decoration: none;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

html:not(.watch-active-state) .navbar a.link:active,html:not(.watch-active-state) .toolbar a.link:active,html:not(.watch-active-state) .subnavbar a.link:active,.navbar a.link.active-state,.toolbar a.link.active-state,.subnavbar a.link.active-state {
    opacity: .3;
    -webkit-transition-duration: 0ms;
    transition-duration: 0ms
}

.navbar a.link i+span,.toolbar a.link i+span,.subnavbar a.link i+span,.navbar a.link i+i,.toolbar a.link i+i,.subnavbar a.link i+i,.navbar a.link span+i,.toolbar a.link span+i,.subnavbar a.link span+i,.navbar a.link span+span,.toolbar a.link span+span,.subnavbar a.link span+span {
    margin-left: 7px
}

.navbar a.icon-only,.toolbar a.icon-only,.subnavbar a.icon-only {
    min-width: 44px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin: 0
}

.navbar i.icon,.toolbar i.icon,.subnavbar i.icon {
    display: block
}

.navbar {
    left: 0;
    top: 0
}

.navbar:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    right: auto;
    top: auto;
    height: 1px;
    width: 100%;
    background-color: #c4c4c4;
    display: block;
    z-index: 15;
    -webkit-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%
}

html.pixel-ratio-2 .navbar:after {
    -webkit-transform: scaleY(.5);
    -ms-transform: scaleY(.5);
    transform: scaleY(.5)
}

html.pixel-ratio-3 .navbar:after {
    -webkit-transform: scaleY(.33);
    -ms-transform: scaleY(.33);
    transform: scaleY(.33)
}

.navbar:after {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.navbar.no-border:after {
    display: none
}

.navbar .center {
    font-size: 17px;
    font-weight: 500;
    text-align: center;
    margin: 0;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 44px;
    -webkit-flex-shrink: 10;
    -ms-flex: 0 10 auto;
    -webkit-flex-shrink: 10;
    -ms-flex-negative: 10;
    flex-shrink: 10;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

html.ios-gt-8 .navbar .center {
    font-weight: 600
}

.navbar .left,.navbar .right {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.navbar .left a+a,.navbar .right a+a {
    margin-left: 15px
}

.navbar .left {
    margin-right: 10px
}

.navbar .right {
    margin-left: 10px
}

.navbar .right:first-child {
    position: absolute;
    right: 8px;
    height: 100%
}

.popup .navbar {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.subnavbar {
    height: 44px;
    width: 100%;
    position: absolute;
    left: 0;
    top: 100%;
    margin-top: -1px;
    z-index: 20;
    box-sizing: border-box;
    padding: 0 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

.subnavbar:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    right: auto;
    top: auto;
    height: 1px;
    width: 100%;
    background-color: #c4c4c4;
    display: block;
    z-index: 15;
    -webkit-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%
}

html.pixel-ratio-2 .subnavbar:after {
    -webkit-transform: scaleY(.5);
    -ms-transform: scaleY(.5);
    transform: scaleY(.5)
}

html.pixel-ratio-3 .subnavbar:after {
    -webkit-transform: scaleY(.33);
    -ms-transform: scaleY(.33);
    transform: scaleY(.33)
}

.subnavbar.no-border:after {
    display: none
}

.navbar.no-border .subnavbar {
    margin-top: 0
}

.navbar-on-left .subnavbar,.navbar-on-right .subnavbar {
    pointer-events: none
}

.navbar .subnavbar,.page .subnavbar {
    position: absolute
}

.page>.subnavbar {
    top: 0;
    margin-top: 0
}

.subnavbar>.buttons-row {
    width: 100%
}

.subnavbar .searchbar,.subnavbar.searchbar {
    position: absolute
}

.subnavbar.searchbar,.subnavbar .searchbar {
    position: absolute
}

.subnavbar .searchbar {
    left: 0;
    top: 0
}

.toolbar {
    left: 0;
    bottom: 0
}

.toolbar:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: auto;
    right: auto;
    height: 1px;
    width: 100%;
    background-color: #c4c4c4;
    display: block;
    z-index: 15;
    -webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0
}

html.pixel-ratio-2 .toolbar:before {
    -webkit-transform: scaleY(.5);
    -ms-transform: scaleY(.5);
    transform: scaleY(.5)
}

html.pixel-ratio-3 .toolbar:before {
    -webkit-transform: scaleY(.33);
    -ms-transform: scaleY(.33);
    transform: scaleY(.33)
}

.toolbar.no-border:before {
    display: none
}

.toolbar a {
    -webkit-flex-shrink: 1;
    -ms-flex: 0 1 auto;
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    position: relative;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.tabbar {
    color: #929292;
    z-index: 5001
}

.tabbar a {
    color: #929292
}

.tabbar a.active {
    color: #007aff
}

.tabbar a.link {
    line-height: 1.4
}

.tabbar a.tab-link,.tabbar a.link {
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    overflow: visible;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column
}

.tabbar i.icon {
    height: 30px
}

.tabbar-labels {
    height: 50px
}

.tabbar-labels a.tab-link,.tabbar-labels a.link {
    padding-top: 4px;
    padding-bottom: 4px;
    height: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.tabbar-labels a.tab-link i+span,.tabbar-labels a.link i+span {
    margin: 0
}

.tabbar-labels span.tabbar-label {
    line-height: 1;
    display: block;
    margin: 0;
    letter-spacing: .01em;
    font-size: 10px;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap
}

@media all and (min-width: 768px) {
    .tabbar .toolbar-inner {
        -webkit-box-pack:center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center
    }

    .tabbar a.tab-link,.tabbar a.link {
        width: auto;
        min-width: 105px
    }

    .tabbar-labels {
        height: 56px
    }

    .tabbar-labels span.tabbar-label {
        font-size: 14px
    }
}

.navbar-from-right-to-center .left,.navbar-from-right-to-center .right,.navbar-from-right-to-center .center,.navbar-from-right-to-center .subnavbar,.navbar-from-right-to-center .fading {
    -webkit-animation: navbarElementFadeIn 400ms forwards;
    animation: navbarElementFadeIn 400ms forwards
}

.navbar-from-right-to-center .sliding {
    opacity: 1
}

.navbar-from-center-to-right .left,.navbar-from-center-to-right .right,.navbar-from-center-to-right .center,.navbar-from-center-to-right .subnavbar,.navbar-from-center-to-right .fading {
    -webkit-animation: navbarElementFadeOut 400ms forwards;
    animation: navbarElementFadeOut 400ms forwards
}

.navbar-from-center-to-right .sliding {
    opacity: 0
}

.navbar-from-center-to-right .subnavbar.sliding {
    opacity: 1
}

@-webkit-keyframes navbarElementFadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes navbarElementFadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.navbar-from-center-to-left .left,.navbar-from-center-to-left .right,.navbar-from-center-to-left .center,.navbar-from-center-to-left .subnavbar,.navbar-from-center-to-left .fading {
    -webkit-animation: navbarElementFadeOut 400ms forwards;
    animation: navbarElementFadeOut 400ms forwards
}

.navbar-from-center-to-left .sliding {
    opacity: 0
}

.navbar-from-center-to-left .subnavbar.sliding {
    opacity: 1
}

.navbar-from-left-to-center .left,.navbar-from-left-to-center .right,.navbar-from-left-to-center .center,.navbar-from-left-to-center .subnavbar,.navbar-from-left-to-center .fading {
    -webkit-animation: navbarElementFadeIn 400ms forwards;
    animation: navbarElementFadeIn 400ms forwards
}

.navbar-from-left-to-center .sliding {
    opacity: 1
}

.navbar-on-left .left,.navbar-on-left .right,.navbar-on-left .center,.navbar-on-left .subnavbar,.navbar-on-left .fading {
    opacity: 0
}

.navbar-on-left .sliding {
    opacity: 0
}

.navbar-on-left .subnavbar.sliding {
    opacity: 1;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

.navbar-on-right .left,.navbar-on-right .right,.navbar-on-right .center,.navbar-on-right .subnavbar,.navbar-on-right .fading {
    opacity: 0
}

.navbar-on-right .sliding {
    opacity: 0
}

.navbar-on-right .subnavbar.sliding {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

@-webkit-keyframes navbarElementFadeOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes navbarElementFadeOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.navbar-from-right-to-center .left.sliding .back.link .icon,.navbar-from-center-to-right .left.sliding .back.link .icon,.navbar-from-center-to-left .left.sliding .back.link .icon,.navbar-from-left-to-center .left.sliding .back.link .icon {
    -webkit-transition-duration: 400ms;
    transition-duration: 400ms
}

.navbar-from-right-to-center .sliding,.navbar-from-center-to-right .sliding,.navbar-from-center-to-left .sliding,.navbar-from-left-to-center .sliding {
    -webkit-transition-duration: 400ms;
    transition-duration: 400ms;
    -webkit-animation: none;
    animation: none
}

.page>.navbar,.view>.navbar,.views>.navbar,.page>.toolbar,.view>.toolbar,.views>.toolbar {
    position: absolute
}

.subnavbar~.page-content {
    padding-top: 44px
}

.navbar-through .page-content,.navbar-fixed .page-content {
    padding-top: 44px
}

.navbar-through .with-subnavbar .page-content,.navbar-fixed .with-subnavbar .page-content,.navbar-through .page-content.with-subnavbar,.navbar-fixed .page-content.with-subnavbar,.navbar-through .subnavbar~.page-content,.navbar-fixed .subnavbar~.page-content {
    padding-top: 88px
}

.navbar-through .page .subnavbar,.navbar-fixed .page .subnavbar,.navbar-through.page .subnavbar,.navbar-fixed.page .subnavbar {
    top: 44px
}

.toolbar-through .page-content,.toolbar-fixed .page-content,.tabbar-through .page-content,.tabbar-fixed .page-content {
    padding-bottom: 44px
}

.tabbar-labels-fixed .page-content,.tabbar-labels-through .page-content {
    padding-bottom: 50px
}

@media all and (min-width: 768px) {
    .tabbar-labels-fixed .page-content,.tabbar-labels-through .page-content {
        padding-bottom:56px
    }
}

.navbar.navbar-hiding {
    -webkit-transition-duration: 400ms;
    transition-duration: 400ms;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.navbar.navbar-hiding~.page-content .list-group-title,.navbar.navbar-hiding~.pages .list-group-title,.navbar.navbar-hiding~.page .list-group-title {
    -webkit-transition-duration: 400ms;
    transition-duration: 400ms
}

.navbar.navbar-hiding~.page-content .subnavbar,.navbar.navbar-hiding~.pages .subnavbar,.navbar.navbar-hiding~.page .subnavbar {
    -webkit-transition-duration: 400ms;
    transition-duration: 400ms
}

.navbar.navbar-hidden {
    -webkit-transition-duration: 400ms;
    transition-duration: 400ms;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
}

.navbar.navbar-hidden~.page-content .list-group-title,.navbar.navbar-hidden~.pages .list-group-title,.navbar.navbar-hidden~.page .list-group-title {
    -webkit-transition-duration: 400ms;
    transition-duration: 400ms;
    top: -44px
}

.navbar.navbar-hidden~.page-content .subnavbar,.navbar.navbar-hidden~.pages .subnavbar,.navbar.navbar-hidden~.page .subnavbar {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    -webkit-transition-duration: 400ms;
    transition-duration: 400ms
}

.page.no-navbar .page-content {
    padding-top: 0
}

.page.no-navbar.with-subnavbar .page-content,.with-subnavbar .page.no-navbar .page-content,.page.no-navbar .page-content.with-subnavbar {
    padding-top: 44px
}

.toolbar.toolbar-hiding,.tabbar.toolbar-hiding,.toolbar.tabbar-hiding,.tabbar.tabbar-hiding {
    -webkit-transition-duration: 400ms;
    transition-duration: 400ms;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.toolbar.toolbar-hidden,.tabbar.toolbar-hidden,.toolbar.tabbar-hidden,.tabbar.tabbar-hidden {
    -webkit-transition-duration: 400ms;
    transition-duration: 400ms;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
}

.page.no-toolbar .page-content,.page.no-tabbar .page-content {
    padding-bottom: 0
}

.content-block {
    margin: 35px 0;
    padding: 0 15px;
    color: #6d6d72;
    box-sizing: border-box
}

.content-block-title {
    position: relative;
    overflow: hidden;
    margin: 0;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 14px;
    text-transform: uppercase;
    line-height: 1;
    color: #6d6d72;
    margin: 35px 15px 10px
}

.content-block-title+.list-block,.content-block-title+.content-block,.content-block-title+.card {
    margin-top: 10px
}

.content-block-inner {
    background: #fff;
    padding: 10px 15px;
    margin-left: -15px;
    width: 100%;
    position: relative;
    color: #000
}

.content-block-inner:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: auto;
    right: auto;
    height: 1px;
    width: 100%;
    background-color: #c8c7cc;
    display: block;
    z-index: 15;
    -webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0
}

html.pixel-ratio-2 .content-block-inner:before {
    -webkit-transform: scaleY(.5);
    -ms-transform: scaleY(.5);
    transform: scaleY(.5)
}

html.pixel-ratio-3 .content-block-inner:before {
    -webkit-transform: scaleY(.33);
    -ms-transform: scaleY(.33);
    transform: scaleY(.33)
}

.content-block-inner:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    right: auto;
    top: auto;
    height: 1px;
    width: 100%;
    background-color: #c8c7cc;
    display: block;
    z-index: 15;
    -webkit-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%
}

html.pixel-ratio-2 .content-block-inner:after {
    -webkit-transform: scaleY(.5);
    -ms-transform: scaleY(.5);
    transform: scaleY(.5)
}

html.pixel-ratio-3 .content-block-inner:after {
    -webkit-transform: scaleY(.33);
    -ms-transform: scaleY(.33);
    transform: scaleY(.33)
}

.content-block.inset {
    margin-left: 15px;
    margin-right: 15px;
    border-radius: 7px
}

.content-block.inset .content-block-inner {
    border-radius: 7px
}

.content-block.inset .content-block-inner:before {
    display: none
}

.content-block.inset .content-block-inner:after {
    display: none
}

@media all and (min-width: 768px) {
    .content-block.tablet-inset {
        margin-left:15px;
        margin-right: 15px;
        border-radius: 7px
    }

    .content-block.tablet-inset .content-block-inner {
        border-radius: 7px
    }

    .content-block.tablet-inset .content-block-inner:before {
        display: none
    }

    .content-block.tablet-inset .content-block-inner:after {
        display: none
    }
}

.list-block {
    margin: 35px 0;
    font-size: 17px
}

.list-block ul {
    background: #fff;
    list-style: none;
    padding: 0;
    margin: 0;
    position: relative
}

.list-block ul:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: auto;
    right: auto;
    height: 1px;
    width: 100%;
    background-color: #c8c7cc;
    display: block;
    z-index: 15;
    -webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0
}

html.pixel-ratio-2 .list-block ul:before {
    -webkit-transform: scaleY(.5);
    -ms-transform: scaleY(.5);
    transform: scaleY(.5)
}

html.pixel-ratio-3 .list-block ul:before {
    -webkit-transform: scaleY(.33);
    -ms-transform: scaleY(.33);
    transform: scaleY(.33)
}

.list-block ul:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    right: auto;
    top: auto;
    height: 1px;
    width: 100%;
    background-color: #c8c7cc;
    display: block;
    z-index: 15;
    -webkit-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%
}

html.pixel-ratio-2 .list-block ul:after {
    -webkit-transform: scaleY(.5);
    -ms-transform: scaleY(.5);
    transform: scaleY(.5)
}

html.pixel-ratio-3 .list-block ul:after {
    -webkit-transform: scaleY(.33);
    -ms-transform: scaleY(.33);
    transform: scaleY(.33)
}

.list-block ul ul {
    padding-left: 45px
}

.list-block ul ul:before {
    display: none
}

.list-block ul ul:after {
    display: none
}

.list-block .align-top,.list-block .align-top .item-content,.list-block .align-top .item-inner {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start
}

.list-block.inset {
    margin-left: 15px;
    margin-right: 15px;
    border-radius: 7px
}

.list-block.inset .content-block-title {
    margin-left: 0;
    margin-right: 0
}

.list-block.inset ul {
    border-radius: 7px
}

.list-block.inset ul:before {
    display: none
}

.list-block.inset ul:after {
    display: none
}

.list-block.inset li:first-child>a {
    border-radius: 7px 7px 0 0
}

.list-block.inset li:last-child>a {
    border-radius: 0 0 7px 7px
}

.list-block.inset li:first-child:last-child>a {
    border-radius: 7px
}

@media all and (min-width: 768px) {
    .list-block.tablet-inset {
        margin-left:15px;
        margin-right: 15px;
        border-radius: 7px
    }

    .list-block.tablet-inset .content-block-title {
        margin-left: 0;
        margin-right: 0
    }

    .list-block.tablet-inset ul {
        border-radius: 7px
    }

    .list-block.tablet-inset ul:before {
        display: none
    }

    .list-block.tablet-inset ul:after {
        display: none
    }

    .list-block.tablet-inset li:first-child>a {
        border-radius: 7px 7px 0 0
    }

    .list-block.tablet-inset li:last-child>a {
        border-radius: 0 0 7px 7px
    }

    .list-block.tablet-inset li:first-child:last-child>a {
        border-radius: 7px
    }

    .list-block.tablet-inset .content-block-title {
        margin-left: 0;
        margin-right: 0
    }

    .list-block.tablet-inset ul {
        border-radius: 7px
    }

    .list-block.tablet-inset ul:before {
        display: none
    }

    .list-block.tablet-inset ul:after {
        display: none
    }

    .list-block.tablet-inset li:first-child>a {
        border-radius: 7px 7px 0 0
    }

    .list-block.tablet-inset li:last-child>a {
        border-radius: 0 0 7px 7px
    }

    .list-block.tablet-inset li:first-child:last-child>a {
        border-radius: 7px
    }
}

.list-block li {
    box-sizing: border-box;
    position: relative
}

.list-block .item-media {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-lines: single;
    -moz-box-lines: single;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: none;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    box-sizing: border-box;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding-top: 7px;
    padding-bottom: 8px
}

.list-block .item-media i+i {
    margin-left: 5px
}

.list-block .item-media i+img {
    margin-left: 5px
}

.list-block .item-media+.item-inner {
    margin-left: 15px
}

.list-block .item-inner {
    padding-right: 15px;
    position: relative;
    width: 100%;
    padding-top: 8px;
    padding-bottom: 7px;
    min-height: 44px;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    overflow: hidden;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-flex-item-align: stretch;
    -webkit-align-self: stretch;
    align-self: stretch
}

.list-block .item-inner:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    right: auto;
    top: auto;
    height: 1px;
    width: 100%;
    background-color: #c8c7cc;
    display: block;
    z-index: 15;
    -webkit-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%
}

html.pixel-ratio-2 .list-block .item-inner:after {
    -webkit-transform: scaleY(.5);
    -ms-transform: scaleY(.5);
    transform: scaleY(.5)
}

html.pixel-ratio-3 .list-block .item-inner:after {
    -webkit-transform: scaleY(.33);
    -ms-transform: scaleY(.33);
    transform: scaleY(.33)
}

.list-block .item-title {
    -webkit-flex-shrink: 1;
    -ms-flex: 0 1 auto;
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    min-width: 0;
    white-space: nowrap;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%
}

.list-block .item-after {
    white-space: nowrap;
    color: #8e8e93;
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    max-height: 28px
}

.list-block .smart-select .item-after,.list-block .autocomplete-opener .item-after {
    max-width: 70%;
    overflow: hidden;
    text-overflow: ellipsis;
    position: relative;
    display: block
}

.list-block .item-link {
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms;
    display: block;
    color: inherit
}

.list-block .item-link .item-inner {
    padding-right: 35px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%2060%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'm60%2061.5-38.25%2038.25-9.75-9.75%2029.25-28.5-29.25-28.5%209.75-9.75z'%20fill%3D'%23c7c7cc'%2F%3E%3C%2Fsvg%3E");
    background-size: 10px 20px;
    background-repeat: no-repeat;
    background-position: 95% center;
    background-position: calc(100% - 15px) center
}

html:not(.watch-active-state) .list-block .item-link:active,.list-block .item-link.active-state {
    -webkit-transition-duration: 0ms;
    transition-duration: 0ms;
    background-color: #d9d9d9
}

html:not(.watch-active-state) .list-block .item-link:active .item-inner:after,.list-block .item-link.active-state .item-inner:after {
    background-color: transparent
}

.list-block .item-link.list-button {
    padding: 0 15px;
    text-align: center;
    color: #007aff;
    display: block;
    line-height: 43px
}

.list-block .item-link.list-button:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    right: auto;
    top: auto;
    height: 1px;
    width: 100%;
    background-color: #c8c7cc;
    display: block;
    z-index: 15;
    -webkit-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%
}

html.pixel-ratio-2 .list-block .item-link.list-button:after {
    -webkit-transform: scaleY(.5);
    -ms-transform: scaleY(.5);
    transform: scaleY(.5)
}

html.pixel-ratio-3 .list-block .item-link.list-button:after {
    -webkit-transform: scaleY(.33);
    -ms-transform: scaleY(.33);
    transform: scaleY(.33)
}

.list-block .item-content {
    box-sizing: border-box;
    padding-left: 15px;
    min-height: 44px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

.list-block .list-block-label {
    margin: 10px 0 35px;
    padding: 0 15px;
    font-size: 14px;
    color: #8f8f94
}

.list-block .swipeout {
    overflow: hidden;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.list-block .swipeout.deleting {
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms
}

.list-block .swipeout.deleting .swipeout-content {
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%)
}

.list-block .swipeout.transitioning .swipeout-content,.list-block .swipeout.transitioning .swipeout-actions-right a,.list-block .swipeout.transitioning .swipeout-actions-left a,.list-block .swipeout.transitioning .swipeout-overswipe {
    -webkit-transition: 300ms;
    transition: 300ms
}

.list-block .swipeout-content {
    position: relative;
    z-index: 10
}

.list-block .swipeout-overswipe {
    -webkit-transition: 200ms left;
    transition: 200ms left
}

.list-block .swipeout-actions-left,.list-block .swipeout-actions-right {
    position: absolute;
    top: 0;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.list-block .swipeout-actions-left a,.list-block .swipeout-actions-right a {
    padding: 0 30px;
    color: #fff;
    background: #c7c7cc;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    position: relative;
    left: 0
}

.list-block .swipeout-actions-left a:after,.list-block .swipeout-actions-right a:after {
    content: '';
    position: absolute;
    top: 0;
    width: 600%;
    height: 100%;
    background: inherit;
    z-index: -1
}

.list-block .swipeout-actions-left a.swipeout-delete,.list-block .swipeout-actions-right a.swipeout-delete {
    background: #ff3b30
}

.list-block .swipeout-actions-right {
    right: 0;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%)
}

.list-block .swipeout-actions-right a:after {
    left: 100%;
    margin-left: -1px
}

.list-block .swipeout-actions-left {
    left: 0;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%)
}

.list-block .swipeout-actions-left a:after {
    right: 100%;
    margin-right: -1px
}

.list-block .item-subtitle {
    font-size: 15px;
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    max-width: 100%;
    text-overflow: ellipsis
}

.list-block .item-text {
    font-size: 15px;
    color: #8e8e93;
    line-height: 21px;
    position: relative;
    overflow: hidden;
    height: 42px;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box
}

.list-block.media-list .item-title,.list-block li.media-item .item-title {
    font-weight: 500
}

html.ios-gt-8 .list-block.media-list .item-title,html.ios-gt-8 .list-block li.media-item .item-title {
    font-weight: 600
}

.list-block.media-list .item-inner,.list-block li.media-item .item-inner {
    display: block;
    padding-top: 10px;
    padding-bottom: 9px;
    -ms-flex-item-align: stretch;
    -webkit-align-self: stretch;
    align-self: stretch
}

.list-block.media-list .item-link .item-inner,.list-block li.media-item .item-link .item-inner {
    background: none;
    padding-right: 15px
}

.list-block.media-list .item-link .item-title-row,.list-block li.media-item .item-link .item-title-row {
    padding-right: 20px;
    background: no-repeat right center;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%2060%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'm60%2061.5-38.25%2038.25-9.75-9.75%2029.25-28.5-29.25-28.5%209.75-9.75z'%20fill%3D'%23c7c7cc'%2F%3E%3C%2Fsvg%3E");
    background-size: 10px 20px
}

.list-block.media-list .item-media,.list-block li.media-item .item-media {
    padding-top: 9px;
    padding-bottom: 10px
}

.list-block.media-list .item-media img,.list-block li.media-item .item-media img {
    display: block
}

.list-block.media-list .item-title-row,.list-block li.media-item .item-title-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.list-block.media-list .item-content>.item-after,.list-block li.media-item .item-content>.item-after {
    margin-right: 15px;
    margin-left: 15px
}

.list-block .list-group ul:after,.list-block .list-group ul:before {
    z-index: 25
}

.list-block .list-group+.list-group ul:before {
    display: none
}

.list-block .item-divider,.list-block .list-group-title {
    background: #f7f7f7;
    margin-top: -1px;
    padding: 4px 15px;
    white-space: nowrap;
    position: relative;
    max-width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #8e8e93;
    z-index: 15
}

.list-block .item-divider:before,.list-block .list-group-title:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: auto;
    right: auto;
    height: 1px;
    width: 100%;
    background-color: #c8c7cc;
    display: block;
    z-index: 15;
    -webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0
}

html.pixel-ratio-2 .list-block .item-divider:before,html.pixel-ratio-2 .list-block .list-group-title:before {
    -webkit-transform: scaleY(.5);
    -ms-transform: scaleY(.5);
    transform: scaleY(.5)
}

html.pixel-ratio-3 .list-block .item-divider:before,html.pixel-ratio-3 .list-block .list-group-title:before {
    -webkit-transform: scaleY(.33);
    -ms-transform: scaleY(.33);
    transform: scaleY(.33)
}

.list-block .list-group-title {
    position: relative;
    position: -webkit-sticky;
    position: -moz-sticky;
    position: sticky;
    top: 0;
    z-index: 20;
    margin-top: 0
}

.list-block .list-group-title:before {
    display: none
}

.list-block .sortable-handler {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 1px;
    z-index: 10;
    background-repeat: no-repeat;
    background-size: 18px 12px;
    background-position: center;
    width: 35px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2018%2012'%20fill%3D'%23c7c7cc'%3E%3Cpath%20d%3D'M0%2C2V0h22v2H0z'%2F%3E%3Cpath%20d%3D'M0%2C7V5h22v2H0z'%2F%3E%3Cpath%20d%3D'M0%2C12v-2h22v2H0z'%2F%3E%3C%2Fsvg%3E");
    opacity: 0;
    visibility: hidden;
    cursor: pointer;
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms
}

.list-block.sortable .item-inner {
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms
}

.list-block.sortable-opened .sortable-handler {
    visibility: visible;
    opacity: 1
}

.list-block.sortable-opened .item-inner,.list-block.sortable-opened .item-link .item-inner {
    padding-right: 35px
}

.list-block.sortable-opened .item-link .item-inner,.list-block.sortable-opened .item-link .item-title-row {
    background-image: none
}

.list-block.sortable-sorting li {
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms
}

.list-block li.sorting {
    z-index: 50;
    background: rgba(255,255,255,0.8);
    box-shadow: 0 2px 8px rgba(0,0,0,0.6);
    -webkit-transition-duration: 0ms;
    transition-duration: 0ms
}

.list-block li.sorting .item-inner:after {
    display: none
}

.list-block li:last-child .list-button:after {
    display: none
}

.list-block li:last-child .item-inner:after,.list-block li:last-child li:last-child .item-inner:after {
    display: none
}

.list-block li li:last-child .item-inner:after,.list-block li:last-child li .item-inner:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    right: auto;
    top: auto;
    height: 1px;
    width: 100%;
    background-color: #c8c7cc;
    display: block;
    z-index: 15;
    -webkit-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%
}

html.pixel-ratio-2 .list-block li li:last-child .item-inner:after,html.pixel-ratio-2 .list-block li:last-child li .item-inner:after {
    -webkit-transform: scaleY(.5);
    -ms-transform: scaleY(.5);
    transform: scaleY(.5)
}

html.pixel-ratio-3 .list-block li li:last-child .item-inner:after,html.pixel-ratio-3 .list-block li:last-child li .item-inner:after {
    -webkit-transform: scaleY(.33);
    -ms-transform: scaleY(.33);
    transform: scaleY(.33)
}

.list-block input[type="text"],.list-block input[type="password"],.list-block input[type="search"],.list-block input[type="email"],.list-block input[type="tel"],.list-block input[type="url"],.list-block input[type="date"],.list-block input[type="datetime-local"],.list-block input[type="time"],.list-block input[type="number"],.list-block select,.list-block textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    box-sizing: border-box;
    border: none;
    background: none;
    border-radius: 0 0 0 0;
    box-shadow: none;
    display: block;
    padding: 0;
    margin: 0;
    width: 100%;
    height: 43px;
    color: #000;
    font-size: 17px;
    font-family: inherit
}

.list-block .item-title.label {
    vertical-align: top
}

.list-block .item-title.label+.item-input {
    margin-left: 5px
}

.list-block input[type="date"],.list-block input[type="datetime-local"] {
    line-height: 44px
}

.list-block select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none
}

.list-block textarea {
    height: 100px;
    resize: none;
    line-height: 1.4;
    padding-top: 8px;
    padding-bottom: 7px
}

.list-block textarea.resizable {
    height: 43px
}

.list-block .item-input {
    width: 100%;
    margin-top: -8px;
    margin-bottom: -7px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    -webkit-flex-shrink: 1;
    -ms-flex: 0 1 auto;
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1
}

.list-block .item-title.label {
    width: 35%;
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.label-switch {
    display: inline-block;
    vertical-align: middle;
    width: 52px;
    border-radius: 16px;
    box-sizing: border-box;
    height: 32px;
    position: relative;
    cursor: pointer;
    -ms-flex-item-align: center;
    -webkit-align-self: center;
    align-self: center
}

.label-switch .checkbox {
    width: 52px;
    border-radius: 16px;
    box-sizing: border-box;
    height: 32px;
    background: #e5e5e5;
    z-index: 0;
    margin: 0;
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    border: none;
    cursor: pointer;
    position: relative;
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms
}

.label-switch .checkbox:before {
    content: ' ';
    position: absolute;
    left: 2px;
    top: 2px;
    width: 48px;
    border-radius: 16px;
    box-sizing: border-box;
    height: 28px;
    background: #fff;
    z-index: 1;
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.label-switch .checkbox:after {
    content: ' ';
    height: 28px;
    width: 28px;
    border-radius: 28px;
    background: #fff;
    position: absolute;
    z-index: 2;
    top: 2px;
    left: 2px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.4);
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms
}

.label-switch input[type="checkbox"] {
    display: none
}

.label-switch input[type="checkbox"]:checked+.checkbox {
    background: #4cd964
}

.label-switch input[type="checkbox"]:checked+.checkbox:before {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0)
}

.label-switch input[type="checkbox"]:checked+.checkbox:after {
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px)
}

html.android .label-switch input[type="checkbox"]+.checkbox {
    -webkit-transition-duration: 0;
    transition-duration: 0
}

html.android .label-switch input[type="checkbox"]+.checkbox:after,html.android .label-switch input[type="checkbox"]+.checkbox:before {
    -webkit-transition-duration: 0;
    transition-duration: 0
}

.button {
    border: 1px solid #007aff;
    text-decoration: none;
    text-align: center;
    display: block;
    border-radius: 5px;
    line-height: 27px;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background: none;
    padding: 0 10px;
    margin: 0;
    height: 29px;
    white-space: nowrap;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    font-family: inherit;
    cursor: pointer;
    outline: 0
}

input[type="submit"].button,input[type="button"].button {
    width: 100%
}

html:not(.watch-active-state) .button:active,.button.active-state {
    background: rgba(0,122,255,0.15)
}

.button.button-round {
    border-radius: 27px
}

.button.active {
    background: #007aff;
    color: #fff
}

.button.button-big {
    font-size: 17px;
    height: 44px;
    line-height: 42px
}

.button.button-fill {
    color: #fff;
    background: #007aff;
    border: none
}

html:not(.watch-active-state) .button.button-fill:active,.button.button-fill.active-state {
    opacity: .8
}

.button i.icon:first-child {
    margin-right: 10px
}

.button i.icon:last-child {
    margin-left: 10px
}

.button i.icon:first-child:last-child {
    margin-left: 0;
    margin-right: 0
}

.buttons-row {
    -ms-flex-item-align: center;
    -webkit-align-self: center;
    align-self: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-lines: single;
    -moz-box-lines: single;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: none;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.buttons-row .button {
    border-radius: 0 0 0 0;
    border-left-width: 0;
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1
}

.buttons-row .button:first-child {
    border-radius: 5px 0 0 5px;
    border-left-width: 1px;
    border-left-style: solid
}

.buttons-row .button:last-child {
    border-radius: 0 5px 5px 0
}

.buttons-row .button:first-child:last-child {
    border-radius: 5px
}

.buttons-row .button.button-round:first-child {
    border-radius: 27px 0 0 27px
}

.buttons-row .button.button-round:last-child {
    border-radius: 0 27px 27px 0
}

.range-slider {
    width: 100%;
    position: relative;
    overflow: hidden;
    padding-left: 3px;
    padding-right: 3px;
    margin-left: -1px;
    -ms-flex-item-align: center;
    -webkit-align-self: center;
    align-self: center
}

.range-slider input[type="range"] {
    position: relative;
    height: 28px;
    width: 100%;
    margin: 4px 0 5px 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0, #b7b8b7), color-stop(100%, #b7b8b7));
    background: -webkit-linear-gradient(left, #b7b8b7 0, #b7b8b7 100%);
    background: linear-gradient(to right, #b7b8b7 0, #b7b8b7 100%);
    background-position: center;
    background-size: 100% 2px;
    background-repeat: no-repeat;
    outline: 0;
    border: none;
    box-sizing: content-box;
    -ms-background-position-y: 500px
}

.range-slider input[type="range"]:focus,.range-slider input[type="range"]:active {
    border: 0;
    outline: 0
}

.range-slider input[type="range"]:after {
    height: 2px;
    background: #fff;
    content: ' ';
    width: 5px;
    top: 50%;
    margin-top: -1px;
    left: -5px;
    z-index: 1;
    position: absolute
}

.range-slider input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    border: none;
    height: 28px;
    width: 28px;
    position: relative;
    background: none
}

.range-slider input[type="range"]::-webkit-slider-thumb:after {
    height: 28px;
    width: 28px;
    border-radius: 28px;
    background: #fff;
    z-index: 10;
    box-shadow: 0 2px 4px rgba(0,0,0,0.4);
    border: 0;
    outline: 0;
    position: absolute;
    box-sizing: border-box;
    content: ' ';
    left: 0;
    top: 0
}

.range-slider input[type="range"]::-webkit-slider-thumb:before {
    position: absolute;
    top: 50%;
    right: 100%;
    width: 2000px;
    height: 2px;
    margin-top: -1px;
    z-index: 1;
    background: #007aff;
    content: ' '
}

.range-slider input[type="range"]::-moz-range-track {
    width: 100%;
    height: 2px;
    background: #b7b8b7;
    border: none;
    outline: 0
}

.range-slider input[type="range"]::-moz-range-thumb {
    height: 28px;
    width: 28px;
    border-radius: 28px;
    background: #fff;
    z-index: 10;
    box-shadow: 0 2px 4px rgba(0,0,0,0.4);
    border: 0;
    outline: 0;
    position: absolute;
    box-sizing: border-box;
    content: ' '
}

.range-slider input[type="range"]::-ms-track {
    width: 100%;
    height: 2px;
    cursor: pointer;
    background: transparent;
    border-color: transparent;
    color: transparent
}

.range-slider input[type="range"]::-ms-thumb {
    height: 28px;
    width: 28px;
    border-radius: 28px;
    background: #fff;
    z-index: 10;
    box-shadow: 0 2px 4px rgba(0,0,0,0.4);
    border: 0;
    outline: 0;
    position: absolute;
    content: ' ';
    box-shadow: none;
    border: 1px solid rgba(0,0,0,0.2);
    box-sizing: border-box;
    margin-top: 0;
    top: 50%
}

.range-slider input[type="range"]::-ms-fill-lower {
    background: #007aff
}

.range-slider input[type="range"]::-ms-fill-upper {
    background: #b7b8b7
}

label.label-checkbox {
    cursor: pointer
}

label.label-checkbox i.icon-form-checkbox {
    width: 22px;
    height: 22px;
    position: relative;
    border-radius: 22px;
    border: 1px solid #c7c7cc;
    box-sizing: border-box
}

label.label-checkbox i.icon-form-checkbox:after {
    content: ' ';
    position: absolute;
    left: 50%;
    margin-left: -6px;
    top: 50%;
    margin-top: -4px;
    width: 12px;
    height: 9px
}

label.label-checkbox input[type="checkbox"],label.label-checkbox input[type="radio"] {
    display: none
}

label.label-checkbox input[type="checkbox"]:checked+.item-media i.icon-form-checkbox,label.label-checkbox input[type="radio"]:checked+.item-media i.icon-form-checkbox {
    border: none;
    background-color: #007aff
}

label.label-checkbox input[type="checkbox"]:checked+.item-media i.icon-form-checkbox:after,label.label-checkbox input[type="radio"]:checked+.item-media i.icon-form-checkbox:after {
    background: no-repeat center;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20x%3D'0px'%20y%3D'0px'%20viewBox%3D'0%200%2012%209'%20xml%3Aspace%3D'preserve'%3E%3Cpolygon%20fill%3D'%23ffffff'%20points%3D'12%2C0.7%2011.3%2C0%203.9%2C7.4%200.7%2C4.2%200%2C4.9%203.9%2C8.8%203.9%2C8.8%203.9%2C8.8%20'%2F%3E%3C%2Fsvg%3E");
    background-size: 12px 9px
}

label.label-radio {
    cursor: pointer
}

label.label-radio input[type="checkbox"],label.label-radio input[type="radio"] {
    display: none
}

label.label-radio input[type="checkbox"]~.item-inner,label.label-radio input[type="radio"]~.item-inner {
    padding-right: 35px
}

label.label-radio input[type="checkbox"]:checked~.item-inner,label.label-radio input[type="radio"]:checked~.item-inner {
    background: no-repeat center;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2013%2010'%3E%3Cpolygon%20fill%3D'%23007aff'%20points%3D'11.6%2C0%204.4%2C7.2%201.4%2C4.2%200%2C5.6%204.4%2C10%204.4%2C10%204.4%2C10%2013%2C1.4%20'%2F%3E%3C%2Fsvg%3E");
    background-position: 90% center;
    background-position: calc(100% - 15px) center;
    background-size: 13px 10px
}

label.label-checkbox,label.label-radio {
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms
}

html:not(.watch-active-state) label.label-checkbox:active,html:not(.watch-active-state) label.label-radio:active,label.label-checkbox.active-state,label.label-radio.active-state {
    -webkit-transition-duration: 0ms;
    transition-duration: 0ms;
    background-color: #d9d9d9
}

html:not(.watch-active-state) label.label-checkbox:active .item-inner:after,html:not(.watch-active-state) label.label-radio:active .item-inner:after,label.label-checkbox.active-state .item-inner:after,label.label-radio.active-state .item-inner:after {
    background-color: transparent
}

.smart-select select {
    display: none
}

.modal-overlay,.preloader-indicator-overlay,.popup-overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.4);
    z-index: 13000;
    visibility: hidden;
    opacity: 0;
    -webkit-transition-duration: 400ms;
    transition-duration: 400ms
}

.modal-overlay.modal-overlay-visible,.preloader-indicator-overlay.modal-overlay-visible,.popup-overlay.modal-overlay-visible {
    visibility: visible;
    opacity: 1
}

.popup-overlay {
    z-index: 10500
}

.modal {
    width: 270px;
    position: absolute;
    z-index: 13500;
    left: 50%;
    margin-left: -135px;
    margin-top: 0;
    top: 50%;
    text-align: center;
    border-radius: 13px;
    overflow: hidden;
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0) scale(1.185);
    transform: translate3d(0, 0, 0) scale(1.185);
    -webkit-transition-property: -webkit-transform,opacity;
    transition-property: transform,opacity;
    color: #000;
    display: none
}

.modal.modal-in {
    opacity: 1;
    -webkit-transition-duration: 400ms;
    transition-duration: 400ms;
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1)
}

.modal.modal-out {
    opacity: 0;
    z-index: 13499;
    -webkit-transition-duration: 400ms;
    transition-duration: 400ms;
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1)
}

.modal-inner {
    padding: 15px;
    border-radius: 13px 13px 0 0;
    position: relative;
    background: rgba(255,255,255,0.95)
}

.modal-inner:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    right: auto;
    top: auto;
    height: 1px;
    width: 100%;
    background-color: rgba(0,0,0,0.2);
    display: block;
    z-index: 15;
    -webkit-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%
}

html.pixel-ratio-2 .modal-inner:after {
    -webkit-transform: scaleY(.5);
    -ms-transform: scaleY(.5);
    transform: scaleY(.5)
}

html.pixel-ratio-3 .modal-inner:after {
    -webkit-transform: scaleY(.33);
    -ms-transform: scaleY(.33);
    transform: scaleY(.33)
}

.modal-title {
    font-weight: 500;
    font-size: 18px;
    text-align: center
}

html.ios-gt-8 .modal-title {
    font-weight: 600
}

.modal-title+.modal-text {
    margin-top: 5px
}

.modal-buttons {
    height: 44px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.modal-buttons.modal-buttons-vertical {
    display: block;
    height: auto
}

.modal-button {
    width: 100%;
    padding: 0 5px;
    height: 44px;
    font-size: 17px;
    line-height: 44px;
    text-align: center;
    color: #007aff;
    display: block;
    position: relative;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: pointer;
    box-sizing: border-box;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    background: rgba(255,255,255,0.95)
}

.modal-button:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    left: auto;
    bottom: auto;
    width: 1px;
    height: 100%;
    background-color: rgba(0,0,0,0.2);
    display: block;
    z-index: 15;
    -webkit-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    transform-origin: 100% 50%
}

html.pixel-ratio-2 .modal-button:after {
    -webkit-transform: scaleX(.5);
    -ms-transform: scaleX(.5);
    transform: scaleX(.5)
}

html.pixel-ratio-3 .modal-button:after {
    -webkit-transform: scaleX(.33);
    -ms-transform: scaleX(.33);
    transform: scaleX(.33)
}

.modal-button:first-child {
    border-radius: 0 0 0 13px
}

.modal-button:last-child {
    border-radius: 0 0 13px 0
}

.modal-button:last-child:after {
    display: none
}

.modal-button:first-child:last-child {
    border-radius: 0 0 13px 13px
}

.modal-button.modal-button-bold {
    font-weight: 500
}

html.ios-gt-8 .modal-button.modal-button-bold {
    font-weight: 600
}

html:not(.watch-active-state) .modal-button:active,.modal-button.active-state {
    background: rgba(230,230,230,0.95)
}

.modal-buttons-vertical .modal-button {
    border-radius: 0
}

.modal-buttons-vertical .modal-button:after {
    display: none
}

.modal-buttons-vertical .modal-button:before {
    display: none
}

.modal-buttons-vertical .modal-button:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    right: auto;
    top: auto;
    height: 1px;
    width: 100%;
    background-color: rgba(0,0,0,0.2);
    display: block;
    z-index: 15;
    -webkit-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%
}

html.pixel-ratio-2 .modal-buttons-vertical .modal-button:after {
    -webkit-transform: scaleY(.5);
    -ms-transform: scaleY(.5);
    transform: scaleY(.5)
}

html.pixel-ratio-3 .modal-buttons-vertical .modal-button:after {
    -webkit-transform: scaleY(.33);
    -ms-transform: scaleY(.33);
    transform: scaleY(.33)
}

.modal-buttons-vertical .modal-button:last-child {
    border-radius: 0 0 13px 13px
}

.modal-buttons-vertical .modal-button:last-child:after {
    display: none
}

.modal-no-buttons .modal-inner {
    border-radius: 13px
}

.modal-no-buttons .modal-inner:after {
    display: none
}

.modal-no-buttons .modal-buttons {
    display: none
}

.modal {
    border-radius: 7px;
    box-shadow: none;
    color: #5e5e5e
}

.modal .preloader {
    width: 25px;
    height: 25px
}

.modal .modal-inner {
    padding: 24px;
    border-radius: 4px 4px 0 0
}

.modal .modal-inner .modal-title {
    font-size: 18px;
    text-align: center;
    color: #5e5e5e;
    font-weight: bold
}

.modal .modal-inner .modal-text {
    font-size: 14px;
    margin-top: 8px;
    text-align: center
}

.modal .modal-inner .modal-text em {
    font-style: normal;
    color: #ff6c58
}

.modal .modal-inner .modal-text span {
    color: #ff6c58;
    display: block;
    text-align: left;
    background-color: #f7f7f7;
    margin: 0 auto;
    padding: 8px 44px;
    border-radius: 4px;
    min-width: 180px;
    box-sizing: border-box
}

.modal .modal-inner .modal-text span:first-child {
    margin-top: 16px
}

.modal .modal-inner .modal-text .modal-tips {
    margin: -32px -24px
}

.modal .modal-inner .modal-text .modal-tips img {
    width: 270px;
    height: 338px
}

.modal .modal-buttons {
    border-radius: inherit;
    height: 44px;
    padding: 0
}

.modal .modal-buttons .modal-button {
    color: #0bb75b;
    width: 100%;
    padding: 0 5px;
    height: 44px;
    font-size: 15px;
    line-height: 44px;
    text-align: center;
    display: block;
    position: relative;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: pointer;
    box-sizing: border-box;
    -webkit-box-flex: 1;
    -ms-flex: 1
}

.modal .modal-buttons .modal-button:first-child {
    border-radius: 0 0 0 4px;
    color: #acacac
}

.modal .modal-buttons .modal-button:first-child:after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    left: auto;
    bottom: auto;
    width: 1px;
    height: 100%;
    background-color: rgba(0,0,0,0.1);
    display: block;
    z-index: 15;
    -webkit-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    transform-origin: 100% 50%
}

.modal .modal-buttons .modal-button:last-child {
    color: #0bb75b;
    border-radius: 0 0 4px
}

.actions-modal {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 13500;
    width: 100%;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
}

@media (min-width: 496px) {
    .actions-modal {
        width:480px;
        left: 50%;
        margin-left: -240px
    }
}

.actions-modal.modal-in {
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.actions-modal.modal-out {
    z-index: 13499;
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
}

.actions-modal-group {
    margin: 8px;
    position: relative;
    border-radius: 13px;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.actions-modal-button,.actions-modal-label {
    width: 100%;
    text-align: center;
    font-weight: normal;
    margin: 0;
    background: rgba(255,255,255,0.95);
    box-sizing: border-box;
    display: block;
    position: relative;
    overflow: hidden
}

.actions-modal-button:after,.actions-modal-label:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    right: auto;
    top: auto;
    height: 1px;
    width: 100%;
    background-color: rgba(0,0,0,0.2);
    display: block;
    z-index: 15;
    -webkit-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%
}

html.pixel-ratio-2 .actions-modal-button:after,html.pixel-ratio-2 .actions-modal-label:after {
    -webkit-transform: scaleY(.5);
    -ms-transform: scaleY(.5);
    transform: scaleY(.5)
}

html.pixel-ratio-3 .actions-modal-button:after,html.pixel-ratio-3 .actions-modal-label:after {
    -webkit-transform: scaleY(.33);
    -ms-transform: scaleY(.33);
    transform: scaleY(.33)
}

.actions-modal-button a,.actions-modal-label a {
    text-decoration: none;
    color: inherit;
    display: block
}

.actions-modal-button b,.actions-modal-label b {
    font-weight: 500
}

html.ios-gt-8 .actions-modal-button b,html.ios-gt-8 .actions-modal-label b {
    font-weight: 600
}

.actions-modal-button.actions-modal-button-bold,.actions-modal-label.actions-modal-button-bold {
    font-weight: 500
}

html.ios-gt-8 .actions-modal-button.actions-modal-button-bold,html.ios-gt-8 .actions-modal-label.actions-modal-button-bold {
    font-weight: 600
}

.actions-modal-button.actions-modal-button-red,.actions-modal-label.actions-modal-button-red {
    color: #ff3b30
}

.actions-modal-button:first-child,.actions-modal-label:first-child {
    border-radius: 13px 13px 0 0
}

.actions-modal-button:last-child,.actions-modal-label:last-child {
    border-radius: 0 0 13px 13px
}

.actions-modal-button:last-child:after,.actions-modal-label:last-child:after {
    display: none
}

.actions-modal-button:first-child:last-child,.actions-modal-label:first-child:last-child {
    border-radius: 13px
}

.actions-modal-button.disabled,.actions-modal-label.disabled {
    opacity: .9;
    color: #8e8e93
}

.actions-modal-button {
    cursor: pointer;
    height: 57px;
    line-height: 57px;
    font-size: 20px;
    color: #007aff;
    white-space: normal;
    text-overflow: ellipsis
}

html:not(.watch-active-state) .actions-modal-button:active,.actions-modal-button.active-state {
    background: rgba(230,230,230,0.9)
}

.actions-modal-label {
    font-size: 13px;
    line-height: 1.3;
    min-height: 57px;
    padding: 8px 10px;
    color: #8a8a8a;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

@media (orientation: landscape) {
    .actions-modal-label {
        min-height:44px
    }

    .actions-modal-button {
        height: 44px;
        line-height: 44px
    }
}

.actions-modal .actions-modal-group {
    margin: 0;
    border-radius: 0;
    overflow: inherit
}

.actions-modal .actions-modal-group .actions-modal-button {
    border-radius: 0;
    text-align: center;
    color: inherit;
    font-size: 16px
}

.actions-modal .actions-modal-group .actions-modal-label {
    border-radius: 0;
    text-align: center;
    display: block;
    font-size: 14px;
    overflow: inherit
}

.actions-modal .actions-modal-group .actions-modal-label .action-share-header {
    text-align: center
}

.actions-modal .actions-modal-group .actions-modal-label .action-share-header .header-img-box {
    height: 40px
}

.actions-modal .actions-modal-group .actions-modal-label .action-share-header .header-img-box img {
    width: 84px;
    height: 79px;
    margin: 0 auto;
    margin-top: -44px
}

.actions-modal .actions-modal-group .actions-modal-label .action-share-header span {
    display: block;
    line-height: 1.5;
    font-size: 14px;
    color: #ff6833;
    padding: 2px 4px 4px
}

.actions-modal .actions-modal-group .actions-modal-label:first-child {
    line-height: 38px
}

.actions-modal .actions-modal-group .actions-modal-label.color-green {
    color: #0bb75b
}

.actions-modal .actions-modal-group .actions-modal-label .content-block {
    display: block;
    margin: 0;
    padding: 5px 0;
    width: 100%;
    color: #acacac;
    font-size: 12px
}

.actions-modal .actions-modal-group .actions-modal-label .content-block .icon-qzone:before {
    content: "";
    display: block;
    background: url('../img/icon-qzone.png') 50% 50% no-repeat;
    background-size: 52px 52px;
    height: 52px;
    margin-bottom: 8px
}

.actions-modal .actions-modal-group .actions-modal-label .content-block .icon-weixin:before {
    content: "";
    display: block;
    background: url('../img/icon-weixin-moments.png') 50% 50% no-repeat;
    background-size: 52px 52px;
    height: 52px;
    margin-bottom: 8px
}

input.modal-text-input {
    box-sizing: border-box;
    height: 26px;
    background: #fff;
    margin: 0;
    margin-top: 15px;
    padding: 0 5px;
    border: 1px solid rgba(0,0,0,0.3);
    border-radius: 0;
    width: 100%;
    font-size: 14px;
    font-family: inherit;
    display: block;
    box-shadow: 0 0 0 rgba(0,0,0,0);
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none
}

input.modal-text-input+input.modal-text-input {
    margin-top: 5px
}

.modal-input-double+.modal-input-double input.modal-text-input {
    border-top: 0;
    margin-top: 0
}

.popover {
    width: 320px;
    background: rgba(255,255,255,0.95);
    z-index: 13500;
    margin: 0;
    top: 0;
    opacity: 0;
    left: 0;
    border-radius: 13px;
    position: absolute;
    display: none;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    -webkit-transition-property: opacity;
    transition-property: opacity
}

.popover.modal-in {
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms;
    opacity: 1
}

.popover .list-block {
    margin: 0
}

.popover .list-block ul {
    background: none
}

.popover .list-block:first-child ul {
    border-radius: 13px 13px 0 0
}

.popover .list-block:first-child ul:before {
    display: none
}

.popover .list-block:first-child li:first-child a {
    border-radius: 13px 13px 0 0
}

.popover .list-block:last-child ul {
    border-radius: 0 0 13px 13px
}

.popover .list-block:last-child ul:after {
    display: none
}

.popover .list-block:last-child li:last-child a {
    border-radius: 0 0 13px 13px
}

.popover .list-block:first-child:last-child li:first-child:last-child a,.popover .list-block:first-child:last-child ul:first-child:last-child {
    border-radius: 13px
}

.popover .list-block+.list-block {
    margin-top: 35px
}

.popover-angle {
    width: 26px;
    height: 26px;
    position: absolute;
    left: -26px;
    top: 0;
    z-index: 100;
    overflow: hidden
}

.popover-angle:after {
    content: ' ';
    background: rgba(255,255,255,0.95);
    width: 26px;
    height: 26px;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 3px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.popover-angle.on-left {
    left: -26px
}

.popover-angle.on-left:after {
    left: 19px;
    top: 0
}

.popover-angle.on-right {
    left: 100%
}

.popover-angle.on-right:after {
    left: -19px;
    top: 0
}

.popover-angle.on-top {
    left: 0;
    top: -26px
}

.popover-angle.on-top:after {
    left: 0;
    top: 19px
}

.popover-angle.on-bottom {
    left: 0;
    top: 100%
}

.popover-angle.on-bottom:after {
    left: 0;
    top: -19px
}

.popover-inner {
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.actions-popover .list-block+.list-block {
    margin-top: 20px
}

.actions-popover .list-block ul {
    background: #fff
}

.actions-popover-label {
    padding: 8px 10px;
    color: #8a8a8a;
    font-size: 13px;
    line-height: 1.3;
    text-align: center;
    position: relative
}

.actions-popover-label:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    right: auto;
    top: auto;
    height: 1px;
    width: 100%;
    background-color: rgba(0,0,0,0.2);
    display: block;
    z-index: 15;
    -webkit-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%
}

html.pixel-ratio-2 .actions-popover-label:after {
    -webkit-transform: scaleY(.5);
    -ms-transform: scaleY(.5);
    transform: scaleY(.5)
}

html.pixel-ratio-3 .actions-popover-label:after {
    -webkit-transform: scaleY(.33);
    -ms-transform: scaleY(.33);
    transform: scaleY(.33)
}

.actions-popover-label:last-child:after {
    display: none
}

.popup,.login-screen {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 11000;
    background: #fff;
    box-sizing: border-box;
    display: none;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
}

.popup.modal-in,.login-screen.modal-in,.popup.modal-out,.login-screen.modal-out {
    -webkit-transition-duration: 400ms;
    transition-duration: 400ms
}

.popup.modal-in,.login-screen.modal-in {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.popup.modal-out,.login-screen.modal-out {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
}

.login-screen.modal-in,.login-screen.modal-out {
    display: block
}

@media all and (min-width: 630px) and (min-height:630px) {
    .popup:not(.tablet-fullscreen) {
        width:630px;
        height: 630px;
        left: 50%;
        top: 50%;
        margin-left: -315px;
        margin-top: -315px;
        -webkit-transform: translate3d(0, 1024px, 0);
        transform: translate3d(0, 1024px, 0)
    }

    .popup:not(.tablet-fullscreen).modal-in {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    .popup:not(.tablet-fullscreen).modal-out {
        -webkit-transform: translate3d(0, 1024px, 0);
        transform: translate3d(0, 1024px, 0)
    }
}

@media all and (max-width: 629px),(max-height:629px) {
    html.with-statusbar-overlay .popup {
        height:calc(100% - 20px);
        top: 20px
    }

    html.with-statusbar-overlay .popup-overlay {
        z-index: 9500
    }
}

html.with-statusbar-overlay .login-screen,html.with-statusbar-overlay .popup.tablet-fullscreen {
    height: calc(100% - 20px);
    top: 20px
}

.modal .preloader {
    width: 25px;
    height: 25px
}

.preloader-indicator-overlay {
    visibility: visible;
    opacity: 0;
    background: none
}

.preloader-indicator-modal {
    position: absolute;
    left: 50%;
    top: 50%;
    background: rgba(0,0,0,0.8);
    z-index: 13500;
    border-radius: 5px;
    padding: 14px 10px;
    margin-left: -32px;
    margin-top: -32px
}

.preloader-indicator-modal .preloader {
    display: block;
    width: 25px;
    height: 25px
}

.preloader {
    display: inline-block;
    width: 25px;
    height: 25px;
    background: url('../img/loader-in-white.png') 50% 50% no-repeat;
    background-size: 25px 25px;
    background-clip: padding-box;
    line-height: 25px;
    font-size: 12px;
    color: #0bb75b;
    padding-left: 10px;
    padding-right: 10px
}

.preloader:before {
    content: "";
    width: 25px;
    height: 25px;
    display: inline-block;
    background: url('../img/loader-out-white.png') 50% 50% no-repeat;
    background-size: 25px 25px;
    -webkit-transform: rotate(360deg);
    -webkit-animation-name: spin;
    -webkit-animation-duration: 1.5s;
    -webkit-animation-iteration-count: infinite;
    z-index: 10
}

.preloader.preloader-white {
    background-image: url('../img/loader-in-white.png')
}

.preloader.preloader-white:before {
    background-image: url('../img/loader-out-white.png')
}

.spin {
    -webkit-transform: rotate(360deg);
    -webkit-animation-name: spin;
    -webkit-animation-duration: 1.5s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite
}

@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(360deg)
    }
}

.picker-modal {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 260px;
    z-index: 12500;
    display: none;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
    background: #cfd5da;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
}

.picker-modal.modal-in,.picker-modal.modal-out {
    -webkit-transition-duration: 400ms;
    transition-duration: 400ms
}

.picker-modal.modal-in {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.picker-modal.modal-out {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
}

.picker-modal .picker-modal-inner {
    height: 100%;
    position: relative
}

.picker-modal .toolbar {
    position: relative;
    width: 100%;
    background: #f7f7f8
}

.picker-modal .toolbar:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: auto;
    right: auto;
    height: 1px;
    width: 100%;
    background-color: #929499;
    display: block;
    z-index: 15;
    -webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0
}

html.pixel-ratio-2 .picker-modal .toolbar:before {
    -webkit-transform: scaleY(.5);
    -ms-transform: scaleY(.5);
    transform: scaleY(.5)
}

html.pixel-ratio-3 .picker-modal .toolbar:before {
    -webkit-transform: scaleY(.33);
    -ms-transform: scaleY(.33);
    transform: scaleY(.33)
}

.picker-modal .toolbar+.picker-modal-inner {
    height: calc(100% - 44px)
}

.picker-modal.picker-modal-inline,.popover .picker-modal {
    display: block;
    position: relative;
    background: none;
    z-index: inherit;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.picker-modal.picker-modal-inline .toolbar:before,.popover .picker-modal .toolbar:before {
    display: none
}

.picker-modal.picker-modal-inline .toolbar:after,.popover .picker-modal .toolbar:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    right: auto;
    top: auto;
    height: 1px;
    width: 100%;
    background-color: #929499;
    display: block;
    z-index: 15;
    -webkit-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%
}

html.pixel-ratio-2 .picker-modal.picker-modal-inline .toolbar:after,html.pixel-ratio-2 .popover .picker-modal .toolbar:after {
    -webkit-transform: scaleY(.5);
    -ms-transform: scaleY(.5);
    transform: scaleY(.5)
}

html.pixel-ratio-3 .picker-modal.picker-modal-inline .toolbar:after,html.pixel-ratio-3 .popover .picker-modal .toolbar:after {
    -webkit-transform: scaleY(.33);
    -ms-transform: scaleY(.33);
    transform: scaleY(.33)
}

.popover .picker-modal {
    width: auto
}

.popover .picker-modal .toolbar {
    background: none
}

.picker-modal.smart-select-picker .page {
    background: #fff
}

.picker-modal.smart-select-picker .toolbar:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    right: auto;
    top: auto;
    height: 1px;
    width: 100%;
    background-color: #c4c4c4;
    display: block;
    z-index: 15;
    -webkit-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%
}

html.pixel-ratio-2 .picker-modal.smart-select-picker .toolbar:after {
    -webkit-transform: scaleY(.5);
    -ms-transform: scaleY(.5);
    transform: scaleY(.5)
}

html.pixel-ratio-3 .picker-modal.smart-select-picker .toolbar:after {
    -webkit-transform: scaleY(.33);
    -ms-transform: scaleY(.33);
    transform: scaleY(.33)
}

.picker-modal.smart-select-picker .list-block {
    margin: 0
}

.picker-modal.smart-select-picker .list-block ul:before {
    display: none
}

.picker-modal.smart-select-picker .list-block ul:after {
    display: none
}

.picker-columns {
    width: 100%;
    height: 260px;
    z-index: 11500
}

.picker-columns.picker-modal-inline,.popover .picker-columns {
    height: 200px
}

@media (orientation: landscape) and (max-height:415px) {
    .picker-columns:not(.picker-modal-inline) {
        height:200px
    }
}

.popover.popover-picker-columns {
    width: 280px
}

.picker-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    padding: 0;
    text-align: right;
    font-size: 24px;
    -webkit-mask-box-image: -webkit-linear-gradient(bottom, transparent, transparent 5%, #fff 20%, #fff 80%, transparent 95%, transparent);
    -webkit-mask-box-image: linear-gradient(to top, transparent, transparent 5%, #fff 20%, #fff 80%, transparent 95%, transparent)
}

.picker-items-col {
    overflow: hidden;
    position: relative;
    max-height: 100%
}

.picker-items-col.picker-items-col-left {
    text-align: left
}

.picker-items-col.picker-items-col-center {
    text-align: center
}

.picker-items-col.picker-items-col-right {
    text-align: right
}

.picker-items-col.picker-items-col-divider {
    color: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

.picker-items-col-wrapper {
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.picker-item {
    height: 36px;
    line-height: 36px;
    padding: 0 10px;
    white-space: nowrap;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #707274;
    left: 0;
    top: 0;
    width: 100%;
    box-sizing: border-box;
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms
}

.picker-items-col-absolute .picker-item {
    position: absolute
}

.picker-item.picker-item-far {
    pointer-events: none
}

.picker-item.picker-selected {
    color: #000;
    -webkit-transform: translate3d(0, 0, 0) rotateX(0deg);
    transform: translate3d(0, 0, 0) rotateX(0deg)
}

.picker-center-highlight {
    height: 36px;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    width: 100%;
    top: 50%;
    margin-top: -18px;
    pointer-events: none
}

.picker-center-highlight:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: auto;
    right: auto;
    height: 1px;
    width: 100%;
    background-color: #a8abb0;
    display: block;
    z-index: 15;
    -webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0
}

html.pixel-ratio-2 .picker-center-highlight:before {
    -webkit-transform: scaleY(.5);
    -ms-transform: scaleY(.5);
    transform: scaleY(.5)
}

html.pixel-ratio-3 .picker-center-highlight:before {
    -webkit-transform: scaleY(.33);
    -ms-transform: scaleY(.33);
    transform: scaleY(.33)
}

.picker-center-highlight:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    right: auto;
    top: auto;
    height: 1px;
    width: 100%;
    background-color: #a8abb0;
    display: block;
    z-index: 15;
    -webkit-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    transform-origin: 50% 100%
}

html.pixel-ratio-2 .picker-center-highlight:after {
    -webkit-transform: scaleY(.5);
    -ms-transform: scaleY(.5);
    transform: scaleY(.5)
}

html.pixel-ratio-3 .picker-center-highlight:after {
    -webkit-transform: scaleY(.33);
    -ms-transform: scaleY(.33);
    transform: scaleY(.33)
}

.picker-3d .picker-items {
    overflow: hidden;
    -webkit-perspective: 1200px;
    perspective: 1200px
}

.picker-3d .picker-items-col,.picker-3d .picker-items-col-wrapper,.picker-3d .picker-item {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.picker-3d .picker-items-col {
    overflow: visible
}

.picker-3d .picker-item {
    -webkit-transform-origin: center center -110px;
    -ms-transform-origin: center center -110px;
    transform-origin: center center -110px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.tabs .tab {
    display: none
}

.tabs .tab.active {
    display: block
}

.tabs-animated-wrap {
    position: relative;
    width: 100%;
    overflow: hidden;
    height: 100%
}

.tabs-animated-wrap>.tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    height: 100%;
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms
}

.tabs-animated-wrap>.tabs>.tab {
    width: 100%;
    display: block;
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.tabs-swipeable-wrap {
    height: 100%
}

.tabs-swipeable-wrap>.tabs>.tab {
    display: block
}

.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

.swiper-container-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
    box-sizing: content-box
}

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

.swiper-container-multirow>.swiper-wrapper {
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

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

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

.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-transition-property: -webkit-transform,height;
    transition-property: transform,height
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-wp8-horizontal {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-wp8-vertical {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-button-prev,.swiper-button-next {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat
}

.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-prev,.swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    left: 10px;
    right: auto
}

.swiper-button-next,.swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    right: 10px;
    left: auto
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: 300ms;
    transition: 300ms;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff
}

.swiper-container-vertical>.swiper-pagination {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    -ms-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical>.swiper-pagination .swiper-pagination-bullet {
    margin: 5px 0;
    display: block
}

.swiper-container-horizontal>.swiper-pagination {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet {
    margin: 0 5px
}

.swiper-container-3d {
    -webkit-perspective: 1200px;
    -o-perspective: 1200px;
    perspective: 1200px
}

.swiper-container-3d .swiper-wrapper,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-cube-shadow {
    -webkit-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0)));
    background-image: -webkit-linear-gradient(right, rgba(0,0,0,0.5), rgba(0,0,0,0));
    background-image: linear-gradient(to left, rgba(0,0,0,0.5), rgba(0,0,0,0))
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0)));
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0.5), rgba(0,0,0,0));
    background-image: linear-gradient(to right, rgba(0,0,0,0.5), rgba(0,0,0,0))
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0)));
    background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,0.5), rgba(0,0,0,0));
    background-image: linear-gradient(to top, rgba(0,0,0,0.5), rgba(0,0,0,0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0)));
    background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0));
    background-image: linear-gradient(to bottom, rgba(0,0,0,0.5), rgba(0,0,0,0))
}

.swiper-container-coverflow .swiper-wrapper {
    -ms-perspective: 1200px
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube {
    overflow: visible
}

.swiper-container-cube .swiper-slide {
    pointer-events: none;
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    width: 100%;
    height: 100%;
    z-index: 1
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-prev,.swiper-container-cube .swiper-slide-next+.swiper-slide {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-top,.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0,0,0,0.1)
}

.swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0,0,0,0.5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-slide .preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10
}

.photo-browser {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 11500
}

body>.photo-browser {
    opacity: 0;
    display: none;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

body>.photo-browser.photo-browser-in {
    display: block;
    -webkit-animation: photoBrowserIn 400ms forwards;
    animation: photoBrowserIn 400ms forwards
}

body>.photo-browser.photo-browser-out {
    display: block;
    -webkit-animation: photoBrowserOut 400ms forwards;
    animation: photoBrowserOut 400ms forwards
}

html.with-statusbar-overlay body>.photo-browser {
    height: calc(100% - 20px);
    top: 20px
}

.popup>.photo-browser .navbar,body>.photo-browser .navbar,.popup>.photo-browser .toolbar,body>.photo-browser .toolbar {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.photo-browser .page[data-page="photo-browser-slides"] {
    background: none
}

.photo-browser-popup {
    background: none
}

.photo-browser .navbar,.views .view[data-page="photo-browser-slides"] .navbar,.photo-browser .toolbar,.views .view[data-page="photo-browser-slides"] .toolbar {
    background: rgba(247,247,247,0.95);
    -webkit-transition-duration: 400ms;
    transition-duration: 400ms
}

.view[data-page="photo-browser-slides"] .page[data-page="photo-browser-slides"] .navbar,.view[data-page="photo-browser-slides"] .page[data-page="photo-browser-slides"] .toolbar {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.photo-browser-exposed .navbar,.photo-browser-exposed .toolbar {
    opacity: 0;
    visibility: hidden;
    pointer-events: none
}

.photo-browser-exposed .photo-browser-swiper-container {
    background: #000
}

.photo-browser-of {
    margin: 0 5px
}

.photo-browser-captions {
    pointer-events: none;
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 0;
    z-index: 10;
    opacity: 1;
    -webkit-transition-duration: 400ms;
    transition-duration: 400ms
}

.photo-browser-captions.photo-browser-captions-exposed {
    opacity: 0
}

.toolbar~.photo-browser-captions {
    bottom: 44px;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.photo-browser-exposed .toolbar~.photo-browser-captions {
    -webkit-transform: translate3d(0, 44px, 0);
    transform: translate3d(0, 44px, 0)
}

.toolbar~.photo-browser-captions.photo-browser-captions-exposed {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.photo-browser-caption {
    box-sizing: border-box;
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms;
    position: absolute;
    bottom: 0;
    left: 0;
    opacity: 0;
    padding: 4px 5px;
    width: 100%;
    text-align: center;
    color: #fff;
    background: rgba(0,0,0,0.8)
}

.photo-browser-caption:empty {
    display: none
}

.photo-browser-caption.photo-browser-caption-active {
    opacity: 1
}

.photo-browser-captions-light .photo-browser-caption {
    background: rgba(255,255,255,0.8);
    color: #000
}

.photo-browser-exposed .photo-browser-caption {
    color: #fff;
    background: rgba(0,0,0,0.8)
}

.photo-browser-swiper-container {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #fff;
    -webkit-transition-duration: 400ms;
    transition-duration: 400ms
}

.photo-browser-swiper-wrapper {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.photo-browser-link-inactive {
    opacity: .3
}

.photo-browser-slide {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    box-sizing: border-box
}

.photo-browser-slide.transitioning {
    -webkit-transition-duration: 400ms;
    transition-duration: 400ms
}

.photo-browser-slide span.photo-browser-zoom-container {
    width: 100%;
    text-align: center;
    display: none
}

.photo-browser-slide img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    display: none
}

.photo-browser-slide.swiper-slide-active span.photo-browser-zoom-container,.photo-browser-slide.swiper-slide-next span.photo-browser-zoom-container,.photo-browser-slide.swiper-slide-prev span.photo-browser-zoom-container {
    display: block
}

.photo-browser-slide.swiper-slide-active img,.photo-browser-slide.swiper-slide-next img,.photo-browser-slide.swiper-slide-prev img {
    display: inline
}

.photo-browser-slide.swiper-slide-active.photo-browser-slide-lazy .preloader,.photo-browser-slide.swiper-slide-next.photo-browser-slide-lazy .preloader,.photo-browser-slide.swiper-slide-prev.photo-browser-slide-lazy .preloader {
    display: block
}

.photo-browser-slide iframe {
    width: 100%;
    height: 100%
}

.photo-browser-slide .preloader {
    display: none;
    position: absolute;
    width: 42px;
    height: 42px;
    margin-left: -21px;
    margin-top: -21px;
    left: 50%;
    top: 50%
}

.photo-browser-dark .navbar,.photo-browser-dark .toolbar {
    background: rgba(30,30,30,0.8);
    color: #fff
}

.photo-browser-dark .navbar:before,.photo-browser-dark .toolbar:before {
    display: none
}

.photo-browser-dark .navbar:after,.photo-browser-dark .toolbar:after {
    display: none
}

.photo-browser-dark .navbar a,.photo-browser-dark .toolbar a {
    color: #fff
}

.photo-browser-dark .photo-browser-swiper-container {
    background: #000
}

@-webkit-keyframes photoBrowserIn {
    0% {
        -webkit-transform: translate3d(0, 0, 0) scale(.5);
        opacity: 0
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0) scale(1);
        opacity: 1
    }
}

@keyframes photoBrowserIn {
    0% {
        -webkit-transform: translate3d(0, 0, 0) scale(.5);
        transform: translate3d(0, 0, 0) scale(.5);
        opacity: 0
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0) scale(1);
        transform: translate3d(0, 0, 0) scale(1);
        opacity: 1
    }
}

@-webkit-keyframes photoBrowserOut {
    0% {
        -webkit-transform: translate3d(0, 0, 0) scale(1);
        opacity: 1
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0) scale(.5);
        opacity: 0
    }
}

@keyframes photoBrowserOut {
    0% {
        -webkit-transform: translate3d(0, 0, 0) scale(1);
        transform: translate3d(0, 0, 0) scale(1);
        opacity: 1
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0) scale(.5);
        transform: translate3d(0, 0, 0) scale(.5);
        opacity: 0
    }
}

.photo-browser-swiper-container {
    background-color: #000
}

.views .view .toolbar.photo-browser-toolbar {
    background-color: rgba(0,0,0,0.9)
}

.views .view .toolbar.photo-browser-toolbar:before {
    display: none
}

.views .view .toolbar.photo-browser-toolbar .toolbar-inner .center {
    text-align: center;
    margin: 0 auto;
    color: #fff;
    font-size: 16px
}

.views .view .toolbar.photo-browser-toolbar .toolbar-inner .center .photo-browser-of {
    margin: 0
}

.photo-browser-slide .preloader {
    width: 25px;
    height: 25px
}

.disabled,[disabled] {
    opacity: .85;
    pointer-events: none
}

.disabled .disabled,.disabled [disabled],[disabled] .disabled,[disabled] [disabled] {
    opacity: 1
}

.toast-container {
    position: fixed;
    width: 150px;
    height: 150px;
    left: 50%;
    top: 50%;
    margin-top: -75px;
    margin-left: -75px;
    background-color: rgba(0,0,0,0.7);
    border-radius: 15px;
    z-index: 9999;
    color: #fff;
    font-size: 14px;
    line-height: 1.5;
    display: none;
    opacity: 0;
    -webkit-transition: opacity .8s;
    transition: opacity .8s;
    padding: 10px;
    box-sizing: border-box
}

.toast-container.show {
    display: block
}

.toast-container.fadein {
    opacity: 1
}

.toast-icon {
    font-size: 70px;
    text-align: center
}

.toast-msg {
    text-align: center;
    font-weight: normal
}

#error-page .wrapper-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    height: 100%;
    background-color: #f5f4ee
}

#error-page .wrapper-block .content-block {
    width: 200px;
    margin: auto;
    padding: 0
}

#error-page .wrapper-block .content-block p {
    font-size: 14px;
    color: #acacac;
    display: block;
    margin-top: 0;
    margin-bottom: 18px;
    text-align: center
}

#error-page .wrapper-block .content-block p:before {
    content: "";
    display: block;
    background: url('../img/error-tip.png') 50% 50% no-repeat;
    background-size: 32px 32px;
    height: 32px;
    margin-bottom: 18px
}

#error-page .wrapper-block .content-block .reload-button {
    border-radius: 4px;
    background-color: #fff;
    font-size: 16px;
    color: #878787;
    border: 1px solid #acacac;
    height: 40px;
    line-height: 38px;
    margin-bottom: 12px
}

.list-block .accordion-item-toggle {
    cursor: pointer;
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms
}

.list-block .accordion-item-toggle .item-inner {
    padding-right: 35px;
    background: no-repeat calc(100% - 15px) center;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%2060%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'm60%2061.5-38.25%2038.25-9.75-9.75%2029.25-28.5-29.25-28.5%209.75-9.75z'%20fill%3D'%23c7c7cc'%2F%3E%3C%2Fsvg%3E");
    background-size: 10px 20px
}

html:not(.watch-active-state) .list-block .accordion-item-toggle:active,.list-block .accordion-item-toggle.active-state {
    -webkit-transition-duration: 0ms;
    transition-duration: 0ms;
    background-color: #d9d9d9
}

html:not(.watch-active-state) .list-block .accordion-item-toggle:active>.item-inner:after,.list-block .accordion-item-toggle.active-state>.item-inner:after {
    background-color: transparent
}

.list-block .accordion-item-toggle .item-inner,.list-block .accordion-item>.item-link .item-inner {
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms;
    -webkit-transition-property: background-color;
    transition-property: background-color
}

.list-block .accordion-item-toggle .item-inner:after,.list-block .accordion-item>.item-link .item-inner:after {
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms
}

.list-block:not(.media-list) .accordion-item-expanded:not(.media-item) .accordion-item-toggle .item-inner,.list-block:not(.media-list) .accordion-item-expanded:not(.media-item)>.item-link .item-inner,.list-block.media-list .accordion-item-expanded .accordion-item-toggle .item-title-row,.list-block.media-list .accordion-item-expanded>.item-link .item-title-row,.list-block .accordion-item-expanded.media-item .accordion-item-toggle .item-title-row,.list-block .accordion-item-expanded.media-item>.item-link .item-title-row {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%2060%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'm60%2061.5-38.25%2038.25-9.75-9.75%2029.25-28.5-29.25-28.5%209.75-9.75z'%20transform%3D'translate(115%2C%2030)%20rotate(90)'%20fill%3D'%23c7c7cc'%2F%3E%3C%2Fsvg%3E");
    background-size: 20px 20px
}

.list-block .accordion-item-expanded .accordion-item-toggle .item-inner:after,.list-block .accordion-item-expanded>.item-link .item-inner:after {
    background-color: transparent
}

.list-block .accordion-item .content-block,.list-block .accordion-item .list-block {
    margin-top: 0;
    margin-bottom: 0
}

.list-block .accordion-item ul {
    padding-left: 0
}

.accordion-item-content {
    position: relative;
    overflow: hidden;
    height: 0;
    font-size: 14px;
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.accordion-item-expanded>.accordion-item-content {
    height: auto
}

html.android-4 .accordion-item-content {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

html,body {
    font-family: Roboto,Noto,Helvetica,'Microsoft YaHei',Arial,sans-serif;
    font-size: 12px;
    line-height: 1.4;
    color: #323232;
    font-weight: normal
}

body {
    max-width: 720px;
    margin: 0 auto
}

a {
    color: inherit
}

.pages {
    background-color: #fff
}

.page-content {
    position: static
}

.page-content span,.page-content em {
    font-style: normal
}

.no-js-tips {
    display: block;
    padding: 0 1rem;
    text-align: center;
    font-size: 15px;
    color: #878787;
    margin-top: 88px
}

html,body {
    line-height: 1.4;
    font-weight: normal
}

html,body,div,p,ul,ol,li,h1,h2,h3,h4,h5,h6 {
    margin: 0;
    padding: 0
}

body {
    width: 100%;
    margin: 0 auto
}

body .page {
    background: #fff
}

.pages {
    background: #fff
}

a {
    color: inherit
}

img {
    vertical-align: middle
}

.no-js-tips {
    display: block;
    padding: 0 1rem;
    text-align: center;
    font-size: 15px;
    color: #878787;
    margin-top: 88px
}

.rules-container {
    position: relative;
    background-color: #fff;
    max-width: 100%;
    font-size: 13px;
    padding: 12px
}

.rules-container a {
    display: block;
    box-sizing: border-box
}

.rules-container p {
    color: #303030
}

.rules-container p img {
    width: 100%;
    height: auto
}

.rules-container img {
    max-width: 100%;
    height: auto
}

.rules-container .header {
    height: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    text-align: center;
    background-image: url("http://activity.52tt.com/media/1330/rules_bg.jpg");
    background-repeat: repeat;
    background-size: auto 100%
}

.rules-container .name-box {
    margin: auto;
    width: 80%;
    text-align: center
}

.rules-container h1.rules-name {
    color: #ffaf18;
    font-weight: 500
}

.rules-container .rules-subname {
    color: #fff
}

.rules-container .rules-container {
    padding: 0 16px 16px;
    line-height: 20px;
    text-align: left
}

.rules-container .rules-container table {
    width: 100%;
    border-collapse: collapse;
    font-size: 12px;
    color: #5e5e5e;
    margin: 9px 0;
    border: 1px solid #ddd;
    text-align: center
}

.rules-container .rules-container table tr {
    border-top: 1px solid #ddd
}

.rules-container .rules-container table tr:nth-child(1) {
    border: none
}

.rules-container .rules-container table tr:nth-child(odd) {
    background-color: #f9f9f9
}

.rules-container .rules-container table td {
    word-break: keep-all;
    white-space: nowrap;
    padding: 5px;
    vertical-align: middle;
    border-left: 1px solid #eee
}

.rules-container .rules-container table td:nth-child(1) {
    border: none
}

.rules-container .rules-container table img {
    margin: auto;
    width: 27.5px;
    display: block
}

.rules-container .text-bold {
    font-weight: bold
}

.rules-container .text-gray {
    font-size: 11px;
    color: #9e9e9e
}

.rules-container .rules-title {
    color: #0bb75b;
    margin: 20px 0 6px;
    font-size: 14px
}

.rules-container .tips {
    color: #0bb75b;
    font-size: 14px
}

.rules-container .text-btn {
    font-size: 16px;
    background-color: #1ed282;
    color: #fff;
    border-radius: 5px;
    display: block;
    text-align: center;
    padding: 8px 0
}

.rules-container .text-btn.active-state {
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms;
    opacity: .8
}

.rules-container .tt-btn {
    color: #0bb75b
}

.rules-footer {
    display: block;
    margin-top: 24px;
    text-align: center
}

.rules-footer img {
    display: block;
    margin: 20px auto 12px;
    height: 23px
}

.rules-footer span {
    display: block;
    padding-bottom: 20px;
    font-size: 11px;
    color: #acacac
}

/**umb_name:规则*/
.rules-container .text-btn {
    font-size: 16px;
    background-color: #1ed282;
    padding: 10px 0;
    color: #fff;
    border-radius: 5px;
    text-align: center;
    width: 100%;
    display: inline-block;
    margin: 10px;
}

.text-red {
    font-size: 13px;
    color: #f14040;
}

ul {
    padding-left: 2em;
}

p {
    margin: 8px 0;
}

p,ul,li {
    line-height: 1.7;
    font-size: 13px;
}

h2 {
    margin-top: 5px;
    font-size: 17px;
    text-align: center;
    color: #0bb75b;
}

.rules-title2 {
    color: #303030;
    font-size: 14px;
    font-weight: 700;
}